@pygmalionjs/pygmalion 0.2.36 → 0.2.38

package/dist-lib/{App-BE2sN74X.js → App-DTeXtV9b.js}

@@ -1676,7 +1676,7 @@ function Qu(t) {
   };
   return t.observing_ && t.observing_.length > 0 && (e.dependencies = tg(t.observing_).map(Qu)), e;
 }
-function O0(t, e) {
+function P0(t, e) {
   return ef(pr(t, e));
 }
 function ef(t) {
@@ -1775,7 +1775,7 @@ function tf(t, e) {
 function Oi(t) {
   return process.env.NODE_ENV !== "production" && arguments.length !== 1 && j("isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property"), tf(t);
 }
-function P0(t, e) {
+function M0(t, e) {
   return process.env.NODE_ENV !== "production" && !Dn(e) ? j("expected a property name as second argument") : tf(t, e);
 }
 function og() {
@@ -2121,33 +2121,33 @@ var Jo = {
     return r > -1 ? (this.splice(r, 1), !0) : !1;
   }
 };
-Ae("at", $t);
-Ae("concat", $t);
-Ae("flat", $t);
-Ae("includes", $t);
-Ae("indexOf", $t);
-Ae("join", $t);
-Ae("lastIndexOf", $t);
-Ae("slice", $t);
-Ae("toString", $t);
-Ae("toLocaleString", $t);
-Ae("toSorted", $t);
-Ae("toSpliced", $t);
-Ae("with", $t);
-Ae("every", Qt);
-Ae("filter", Qt);
-Ae("find", Qt);
-Ae("findIndex", Qt);
-Ae("findLast", Qt);
-Ae("findLastIndex", Qt);
-Ae("flatMap", Qt);
-Ae("forEach", Qt);
-Ae("map", Qt);
-Ae("some", Qt);
-Ae("toReversed", Qt);
-Ae("reduce", nf);
-Ae("reduceRight", nf);
-function Ae(t, e) {
+Oe("at", $t);
+Oe("concat", $t);
+Oe("flat", $t);
+Oe("includes", $t);
+Oe("indexOf", $t);
+Oe("join", $t);
+Oe("lastIndexOf", $t);
+Oe("slice", $t);
+Oe("toString", $t);
+Oe("toLocaleString", $t);
+Oe("toSorted", $t);
+Oe("toSpliced", $t);
+Oe("with", $t);
+Oe("every", Qt);
+Oe("filter", Qt);
+Oe("find", Qt);
+Oe("findIndex", Qt);
+Oe("findLast", Qt);
+Oe("findLastIndex", Qt);
+Oe("flatMap", Qt);
+Oe("forEach", Qt);
+Oe("map", Qt);
+Oe("some", Qt);
+Oe("toReversed", Qt);
+Oe("reduce", nf);
+Oe("reduceRight", nf);
+function Oe(t, e) {
   typeof Array.prototype[t] == "function" && (Jo[t] = e(t));
 }
 function $t(t) {
@@ -3403,7 +3403,7 @@ var ta;
 Ag(vp);
 ta = Ha.finalizeAllImmediately;
 let hf = {};
-function M0(t) {
+function I0(t) {
   hf = t;
 }
 function _e() {
@@ -4813,7 +4813,7 @@ function gf(t) {
 ${n.join(`
 `)}`);
 }
-function I0(t, e, n = {}) {
+function $0(t, e, n = {}) {
   gf(e);
   const r = e.flatMap(
     (o) => t.filter((s) => {
@@ -4845,7 +4845,7 @@ function I0(t, e, n = {}) {
     );
   return r;
 }
-function $0(t, e, n = {}) {
+function k0(t, e, n = {}) {
   var u, f, p, g, x;
   if (gf(e), e.length === 0)
     return {
@@ -4899,7 +4899,7 @@ function $0(t, e, n = {}) {
     expectedCount: o.length
   };
 }
-function k0({
+function T0({
   cases: t,
   scenarios: e,
   behaviorScenarios: n = [],
@@ -5152,7 +5152,7 @@ async function Cb(t, e) {
     failures: n
   };
 }
-function T0(t, e = {}) {
+function D0(t, e = {}) {
   const n = t.registry, r = [...t.tokens], i = Es(n), o = { ...xb, ...e.layerOptions }, s = () => {
     const c = Ar.map((u) => {
       const f = t.collections[u];
@@ -5347,7 +5347,7 @@ ${c.join(`
   };
 }
 let vf = null;
-function D0(t) {
+function R0(t) {
   vf = t;
 }
 function or() {
@@ -5358,7 +5358,7 @@ const Ga = /* @__PURE__ */ new Set();
 let Xa = "";
 const Ja = /* @__PURE__ */ new Set();
 let xf = null, yf = null, wf = null, Sf = null, Nf = null, _f = null;
-function R0(t) {
+function z0(t) {
   if (Ya !== t) {
     Ya = t;
     for (const e of Ga) e();
@@ -5370,7 +5370,7 @@ function Mi() {
 function Cf(t) {
   return Ga.add(t), () => Ga.delete(t);
 }
-function z0(t) {
+function F0(t) {
   if (Xa !== t) {
     Xa = t;
     for (const e of Ja) e();
@@ -5383,43 +5383,43 @@ function Ef(t) {
   return Ja.add(t), () => Ja.delete(t);
 }
 let Af = "";
-function F0(t) {
+function L0(t) {
   Af = t;
 }
 function Za() {
   return Af;
 }
-function L0(t) {
+function j0(t) {
   xf = t;
 }
 function Eb() {
   return xf;
 }
-function j0(t) {
+function V0(t) {
   yf = t;
 }
 function Of() {
   return yf;
 }
-function V0(t) {
+function B0(t) {
   wf = t;
 }
 function To() {
   return wf;
 }
-function B0(t) {
+function H0(t) {
   Sf = t;
 }
 function Ab() {
   return Sf;
 }
-function H0(t) {
+function W0(t) {
   Nf = t;
 }
 function Ob() {
   return Nf;
 }
-function W0(t) {
+function K0(t) {
   _f = t;
 }
 function xd() {
@@ -8132,7 +8132,7 @@ function Nv(t) {
   }
   return e;
 }
-function K0(t) {
+function U0(t) {
   const e = t.map(As), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = [];
   for (const s of e)
     i.push(...Nv(s)), n.has(s.id) && i.push(`Connection id "${s.id}" is duplicated.`), r.has(s.componentName) && i.push(
@@ -8150,10 +8150,10 @@ ${i.join(`
     Ad = o;
   }
 }
-function U0() {
+function q0() {
   return [...Fr.values()].map(As);
 }
-function q0(t) {
+function Y0(t) {
   const e = Fr.get(t);
   return e ? As(e) : void 0;
 }
@@ -8475,7 +8475,7 @@ async function Rf() {
     ai = null;
   }), ai);
 }
-function Y0(t) {
+function G0(t) {
   kn == null || kn();
   const e = Md(t);
   return xo = new Map(e.map((n) => [is(n), n])), kn = Yu(
@@ -8515,13 +8515,13 @@ async function Rv() {
 }
 let Kc = [], ar = null;
 const Ti = /* @__PURE__ */ new Map();
-function G0(t) {
+function X0(t) {
   Kc = t;
 }
 function os() {
   return Kc;
 }
-function X0(t) {
+function J0(t) {
   ar = t;
 }
 function zv(t) {
@@ -8536,7 +8536,7 @@ function Fv(t, e) {
   const n = Ff();
   ar == null || ar(n), zf(n);
 }
-function J0() {
+function Z0() {
   for (const t of Ti.keys()) document.documentElement.style.removeProperty(t);
   Ti.clear(), ar == null || ar([]), zf([]);
 }
@@ -8999,7 +8999,7 @@ function Fd({
   affectedFrames: n = []
 }) {
   var Ol, Pl, Ml, Il, $l;
-  const r = ue(null), [i, o] = W(null), [s, a] = W(null), [c, d] = W(null), [u, f] = W("cases"), [p, g] = W(!1), [x, v] = W(Gv), [S, N] = W(null), [C, R] = W("original"), [O, Y] = W("default"), [w, E] = W("item"), [$, X] = W("base"), [ee, Ie] = W({ minWidth: 768 }), [xe, V] = W(null), [U, fe] = W(!0), [K, ge] = W(!1), [J, Me] = W(!1), [pe, se] = W(null), [Re, Ee] = W(""), [ot, je] = W(!1), [yt, st] = W(""), [Oe, M] = W(!1), [he, re] = W(""), [me, D] = W(null), [le, ce] = W(""), [G, we] = W(""), [$e, be] = W(0), [Ce, oe] = gu((h) => h + 1, 0), Pe = ue(""), Ue = ue(null), wt = ue(null);
+  const r = ue(null), [i, o] = W(null), [s, a] = W(null), [c, d] = W(null), [u, f] = W("cases"), [p, g] = W(!1), [x, v] = W(Gv), [S, N] = W(null), [C, R] = W("original"), [O, Y] = W("default"), [w, E] = W("item"), [$, X] = W("base"), [ee, Ie] = W({ minWidth: 768 }), [xe, V] = W(null), [U, fe] = W(!0), [K, ge] = W(!1), [J, Me] = W(!1), [pe, se] = W(null), [Re, Ee] = W(""), [ot, je] = W(!1), [yt, st] = W(""), [Pe, M] = W(!1), [he, re] = W(""), [me, D] = W(null), [le, ce] = W(""), [G, we] = W(""), [$e, be] = W(0), [Ce, oe] = gu((h) => h + 1, 0), Ae = ue(""), Ue = ue(null), wt = ue(null);
   wt.current = s;
   const qi = ue(null);
   qi.current = c;
@@ -9109,7 +9109,7 @@ function Fd({
       if (y) return;
       y = !0, h.removeAttribute("contenteditable");
       const Q = h.textContent ?? "";
-      h.textContent = Pe.current, Z && Q !== Pe.current && (H.recordText(h, Q, dt(h), Ve.current), H.toast("change text")), d(null);
+      h.textContent = Ae.current, Z && Q !== Ae.current && (H.recordText(h, Q, dt(h), Ve.current), H.toast("change text")), d(null);
     }, k = (Z) => {
       Z.stopPropagation(), Z.key === "Enter" ? (Z.preventDefault(), _(!0)) : Z.key === "Escape" && _(!1);
     }, P = () => _(!0);
@@ -9157,7 +9157,7 @@ function Fd({
       H.toast("Please undo the structural changes and then edit the text.");
       return;
     }
-    a(h), Pe.current = h.textContent ?? "", h.setAttribute("contenteditable", "plaintext-only"), h.isContentEditable || h.setAttribute("contenteditable", "true"), d(h), h.focus();
+    a(h), Ae.current = h.textContent ?? "", h.setAttribute("contenteditable", "plaintext-only"), h.isContentEditable || h.setAttribute("contenteditable", "true"), d(h), h.focus();
     const y = qt.createRange();
     y.selectNodeContents(h);
     const _ = We.getSelection();
@@ -9178,7 +9178,7 @@ function Fd({
       H.toast("Works with existing application method without code diff connection");
       return;
     }
-    if (Oe) {
+    if (Pe) {
       H.toast("Please check the diff after the impact screen calculation is complete.");
       return;
     }
@@ -11051,10 +11051,10 @@ function Fd({
                     "button",
                     {
                       type: "button",
-                      disabled: eo === 0 || ot || Oe,
+                      disabled: eo === 0 || ot || Pe,
                       className: "mt-1.5 h-8 w-full rounded-md border border-[#c4b5fd] bg-[#faf5ff] text-[10px] font-semibold text-[#6d28d9] hover:bg-[#f3e8ff] disabled:border-[#e4e4e7] disabled:bg-[#f4f4f5] disabled:text-[#a1a1aa]",
                       onClick: () => void ie(),
-                      children: ot ? "Generating code diff…" : Oe ? "Calculating impact screen…" : Fs ? "Check code diff" : `Code diff confirmed · r${(pe == null ? void 0 : pe.revision) ?? "—"}`
+                      children: ot ? "Generating code diff…" : Pe ? "Calculating impact screen…" : Fs ? "Check code diff" : `Code diff confirmed · r${(pe == null ? void 0 : pe.revision) ?? "—"}`
                     }
                   ) : /* @__PURE__ */ l("p", { className: "mt-1.5 rounded bg-[#f4f4f5] px-2 py-1 text-[9px] text-[#71717a]", children: "There is no diff callback, so it works in the traditional apply manner." }),
                   /* @__PURE__ */ l("p", { className: "mt-1.5 text-[9px] leading-relaxed text-[#71717a]", children: to ? "You must check the code diff of the current payload to apply it. As changes are added, existing diffs become outdated." : "Only one final change remains per element, attribute, or breakpoint, and intermediate operations are stored only in Undo/Redo memory." }),
@@ -11274,7 +11274,7 @@ function Fd({
                   `${h.kind}-${h.identity.componentFile}-${h.identity.sourceStart}-${y.prop}`
                 );
               }),
-              Hn.operations.some((h) => h.scope === "shared-source") && /* @__PURE__ */ l("p", { className: "text-[9px] leading-relaxed text-[#71717a]", children: Oe ? "Calculating every screen affected by the shared source." : "Affected screens are derived from the source dependency graph." })
+              Hn.operations.some((h) => h.scope === "shared-source") && /* @__PURE__ */ l("p", { className: "text-[9px] leading-relaxed text-[#71717a]", children: Pe ? "Calculating every screen affected by the shared source." : "Affected screens are derived from the source dependency graph." })
             ] }) : /* @__PURE__ */ l("div", { className: "text-[11px] leading-relaxed text-[#a1a1aa]", children: "No changes can be saved yet. Items that only changed the screen are identified in the final changes below." }) }),
             /* @__PURE__ */ l(De, { title: "Recent changes", children: fn.length > 0 ? /* @__PURE__ */ l("div", { className: "flex flex-col gap-1.5", children: [...fn].reverse().map((h) => {
               const y = h.items.some(on), _ = h.items.some((k) => !on(k));
@@ -11795,13 +11795,16 @@ function hx(t, e, n, r = Gf) {
 function px(t, e) {
   return e !== "select" ? "delegate-to-canvas" : t ? "delegate-to-layer" : "select-frame";
 }
-function mx(t, e, n) {
+function mx(t, e) {
+  return t && e ? "responsive-preview" : "editable-layers";
+}
+function gx(t, e, n) {
   return !Number.isFinite(n.zoom) || n.zoom <= 0 ? null : {
     x: (t.clientX - e.left - n.panX) / n.zoom,
     y: (t.clientY - e.top - n.panY) / n.zoom
   };
 }
-function gx(t, e) {
+function bx(t, e) {
   if (!e) return null;
   for (let n = t.length - 1; n >= 0; n -= 1) {
     const r = t[n];
@@ -11810,10 +11813,10 @@ function gx(t, e) {
   }
   return null;
 }
-function bx(t, e) {
+function vx(t, e) {
   return e == null ? { action: "clear" } : e === t ? { action: "idle" } : { action: "restart", frameId: e };
 }
-function vx(t, e) {
+function xx(t, e) {
   return !(t && e === "select");
 }
 const No = 1;
@@ -11821,7 +11824,7 @@ function Xf(t, e, n) {
   const r = e < 0 ? t.scrollLeft > No : e > 0 ? t.scrollLeft + t.clientWidth < t.scrollWidth - No : !1, i = n < 0 ? t.scrollTop > No : n > 0 ? t.scrollTop + t.clientHeight < t.scrollHeight - No : !1;
   return r || i;
 }
-function xx(t) {
+function yx(t) {
   var n;
   const e = (n = t.ownerDocument.defaultView) == null ? void 0 : n.getComputedStyle(t);
   return e ? [e.overflow, e.overflowX, e.overflowY].some(
@@ -11835,7 +11838,7 @@ function Jf(t) {
   return e && t instanceof e ? t : null;
 }
 function Zf(t, e, n) {
-  return xx(t) && Xf(t, e, n);
+  return yx(t) && Xf(t, e, n);
 }
 function Qf(t, e, n, r) {
   let i = t;
@@ -11848,13 +11851,13 @@ function Qf(t, e, n, r) {
   }
   return null;
 }
-function yx(t) {
+function wx(t) {
   for (const e of t.composedPath())
     if (e instanceof HTMLElement && e.dataset.pygmalionFrameScrollSurface === "true")
       return e;
   return null;
 }
-function wx(t, e) {
+function Sx(t, e) {
   for (const n of t.composedPath())
     if (n instanceof HTMLElement) {
       if (Zf(n, t.deltaX, t.deltaY))
@@ -11863,7 +11866,7 @@ function wx(t, e) {
     }
   return null;
 }
-function Sx(t, e) {
+function Nx(t, e) {
   const n = t.getBoundingClientRect();
   if (e.clientX < n.left || e.clientX > n.right || e.clientY < n.top || e.clientY > n.bottom)
     return !1;
@@ -11883,7 +11886,7 @@ function Sx(t, e) {
   const a = r.scrollingElement, c = Jf(a);
   return c && Xf(c, e.deltaX, e.deltaY) ? (i.scrollBy({ left: e.deltaX, top: e.deltaY }), !0) : !1;
 }
-function Nx(t, e) {
+function _x(t, e) {
   const n = t.elementFromPoint(e.clientX, e.clientY), r = Qf(
     n,
     t.host,
@@ -11892,45 +11895,45 @@ function Nx(t, e) {
   );
   return r ? (r.scrollBy({ left: e.deltaX, top: e.deltaY }), !0) : !1;
 }
-function _x(t) {
+function Cx(t) {
   if (t.ctrlKey || t.metaKey) return "canvas";
-  const e = yx(t);
+  const e = wx(t);
   if (!e) return "canvas";
-  if (wx(t, e)) return "native-preview";
+  if (Sx(t, e)) return "native-preview";
   for (const n of e.querySelectorAll("iframe"))
-    if (Sx(n, t))
+    if (Nx(n, t))
       return "programmatic-preview";
   for (const n of e.querySelectorAll("*"))
-    if (n.shadowRoot && Nx(n.shadowRoot, t))
+    if (n.shadowRoot && _x(n.shadowRoot, t))
       return "programmatic-preview";
   return "canvas";
 }
 const ac = /* @__PURE__ */ new Set();
 let sn = [];
-const Cx = 2;
+const Ex = 2;
 function eh() {
   for (const t of ac) t();
 }
-function th(t, e = Cx) {
+function th(t, e = Ex) {
   if (!t) return !1;
   const n = Math.max(1, e);
   if (sn[0] === t && sn.length <= n) return !1;
   const r = [t, ...sn.filter((i) => i !== t)].slice(0, n);
   return r.length === sn.length && r.every((i, o) => i === sn[o]) ? !1 : (sn = r, eh(), !0);
 }
-function Ex(t) {
+function Ax(t) {
   sn.includes(t) && (sn = sn.filter((e) => e !== t), eh());
 }
-function Ax(t) {
+function Ox(t) {
   return sn.includes(t);
 }
-function Ox(t) {
+function Px(t) {
   return ac.add(t), () => {
     ac.delete(t);
   };
 }
-const Px = 4;
-function Mx(t) {
+const Mx = 4;
+function Ix(t) {
   const e = t.environment ? JSON.stringify(t.environment, Object.keys(t.environment).sort()) : "";
   return [
     t.origin,
@@ -11939,16 +11942,16 @@ function Mx(t) {
     e
   ].join("|");
 }
-function Ix(t, e = {}) {
+function $x(t, e = {}) {
   var n;
   return !t.session || t.route == null || t.layersImported || (((n = t.interactions) == null ? void 0 : n.length) ?? 0) > 0 ? !1 : e.detailActive !== !0;
 }
-function $x() {
+function kx() {
   const t = document.createElement("iframe");
   return t.setAttribute("tabindex", "-1"), t.setAttribute("aria-hidden", "true"), t.setAttribute("data-pygmalion-live-instance", ""), t.style.position = "fixed", t.style.top = "0", t.style.left = "-20000px", t.style.border = "0", t.style.pointerEvents = "none", t;
 }
-function kx(t = {}) {
-  const e = t.createIframe ?? $x, n = t.resolveContainer ?? (() => typeof document > "u" ? null : document.body), r = Math.max(1, t.maximumInstances ?? Px), i = /* @__PURE__ */ new Map();
+function Tx(t = {}) {
+  const e = t.createIframe ?? kx, n = t.resolveContainer ?? (() => typeof document > "u" ? null : document.body), r = Math.max(1, t.maximumInstances ?? Mx), i = /* @__PURE__ */ new Map();
   function o(s, a, c, d) {
     return s.iframe.style.width = `${Math.round(c)}px`, s.iframe.style.height = `${Math.round(d)}px`, new Promise((u, f) => {
       const p = () => {
@@ -12015,10 +12018,10 @@ function kx(t = {}) {
   };
 }
 let Ud = null;
-function Tx() {
-  return Ud ?? (Ud = kx()), Ud;
+function Dx() {
+  return Ud ?? (Ud = Tx()), Ud;
 }
-function Dx(t) {
+function Rx(t) {
   return {
     capturedFrames: t.frames.length,
     failedFrames: t.failures.length,
@@ -12034,12 +12037,12 @@ function Dx(t) {
     )
   };
 }
-function Rx(t) {
+function zx(t) {
   if (!t.after) return "Baseline capture complete";
   const e = [];
   return t.domChanged && e.push("DOM"), t.screenshotChanged && e.push("Pixel"), t.pixelDiff && e.push(`${(t.pixelDiff.diffRatio * 100).toFixed(2)}%`), e.length > 0 ? e.join(" · ") : "No change";
 }
-function zx(t) {
+function Fx(t) {
   return t.operations.length + t.texts.length + t.styles.reduce(
     (e, n) => e + Object.keys(n.declarations).length,
     0
@@ -12064,7 +12067,7 @@ function qd({
   qa: t,
   title: e
 }) {
-  const n = Dx(t);
+  const n = Rx(t);
   return /* @__PURE__ */ b(
     "section",
     {
@@ -12096,7 +12099,7 @@ function qd({
               children: [
                 /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ l("code", { className: "min-w-0 flex-1 truncate text-[#444]", children: r.id }),
-                  /* @__PURE__ */ l("span", { className: "shrink-0 text-[#777]", children: Rx(r) })
+                  /* @__PURE__ */ l("span", { className: "shrink-0 text-[#777]", children: zx(r) })
                 ] }),
                 /* @__PURE__ */ b("div", { className: "mt-1 flex flex-wrap gap-2", children: [
                   /* @__PURE__ */ l(xa, { href: r.before.screenshotUrl, label: "Before change" }),
@@ -12125,10 +12128,10 @@ function qd({
     }
   );
 }
-const Fx = lt(function() {
+const Lx = lt(function() {
   const [e, n] = W(null), [r, i] = W(""), [o, s] = W(null), [a, c] = W(null);
   if (!m.applyOpen) return null;
-  const d = m.getPendingSourceChanges(), u = JSON.stringify(d.payload), f = zx(d.payload), p = (o == null ? void 0 : o.fingerprint) === u && o.journalRevision === d.revision, g = Ff(), x = Za(), v = m.pages.filter(
+  const d = m.getPendingSourceChanges(), u = JSON.stringify(d.payload), f = Fx(d.payload), p = (o == null ? void 0 : o.fingerprint) === u && o.journalRevision === d.revision, g = Ff(), x = Za(), v = m.pages.filter(
     (w) => w.route == null && w.importLayers !== !0 && w.publish !== !1 && (!x || (w.canvas ?? "default") === x)
   ).map((w) => ({
     id: w.id,
@@ -12367,8 +12370,8 @@ const Fx = lt(function() {
       ] })
     ] })
   ] });
-}), Lx = /^#[0-9a-fA-F]{6}$/, jx = /^(#|rgb|hsl|oklch|var\()/;
-function Vx({ name: t, group: e, dark: n }) {
+}), jx = /^#[0-9a-fA-F]{6}$/, Vx = /^(#|rgb|hsl|oklch|var\()/;
+function Bx({ name: t, group: e, dark: n }) {
   const [r, i] = W(!1), [, o] = W(0), s = zv(t), a = t.replace(/^--/, ""), c = (d) => {
     d && d !== s && (Fv(t, d), o((u) => u + 1));
   };
@@ -12381,7 +12384,7 @@ function Vx({ name: t, group: e, dark: n }) {
         title: `${t} · ${s} — Click to edit`,
         onClick: () => i((d) => !d),
         children: [
-          jx.test(s.trim()) ? /* @__PURE__ */ b("span", { className: "flex h-3.5 w-3.5 shrink-0 overflow-hidden rounded-[3px] border border-black/10", children: [
+          Vx.test(s.trim()) ? /* @__PURE__ */ b("span", { className: "flex h-3.5 w-3.5 shrink-0 overflow-hidden rounded-[3px] border border-black/10", children: [
             /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", style: { background: `var(${t}, ${s})` } }),
             n && n !== s && /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", style: { background: n } })
           ] }) : /* @__PURE__ */ l("span", { className: "shrink-0 rounded bg-[#f0f0f0] px-1 text-[9px] text-[#666]", children: s }),
@@ -12391,7 +12394,7 @@ function Vx({ name: t, group: e, dark: n }) {
       }
     ),
     r && /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 pb-1.5 pl-5", children: [
-      Lx.test(s) && /* @__PURE__ */ l(
+      jx.test(s) && /* @__PURE__ */ l(
         "input",
         {
           type: "color",
@@ -12416,7 +12419,7 @@ function Vx({ name: t, group: e, dark: n }) {
     ] })
   ] });
 }
-function Bx({ name: t }) {
+function Hx({ name: t }) {
   const e = _e()[t];
   if (!e) return null;
   const n = e.component, r = ki(t), i = r ? _v(r.id, { limit: 6 }) : null, o = (i == null ? void 0 : i.cases) ?? [], a = Object.keys(e.props ?? {})[0], c = a ? (e.props[a] ?? []).slice(0, 6) : [""];
@@ -12526,10 +12529,10 @@ function Yd({
         }
       )
     ] }),
-    i && /* @__PURE__ */ l(Bx, { name: t })
+    i && /* @__PURE__ */ l(Hx, { name: t })
   ] });
 }
-function Hx({
+function Wx({
   asset: t,
   onFrameFocus: e
 }) {
@@ -12562,7 +12565,7 @@ const Gd = {
   components: "Components",
   screens: "Screens"
 };
-function Wx({
+function Kx({
   onFrameFocus: t = (e) => m.selectFrame(e)
 }) {
   var x;
@@ -12598,10 +12601,10 @@ function Wx({
     ) }),
     /* @__PURE__ */ l("div", { className: "min-h-0 flex-1 overflow-auto px-1.5 py-1.5", children: n === "design-tokens" ? d.length === 0 ? /* @__PURE__ */ l("div", { className: "px-2 py-3 text-[11px] text-[#b3b3b3]", children: os().length === 0 ? "No tokens injected" : "No search results" }) : u.map((v) => /* @__PURE__ */ b("div", { children: [
       /* @__PURE__ */ l("div", { className: "px-2 pb-0.5 pt-2 text-[10px] font-semibold uppercase text-[#999]", children: v }),
-      d.filter((S) => (S.group ?? "etc") === v).map((S) => /* @__PURE__ */ l(Vx, { name: S.name, group: S.group, dark: S.dark }, S.name))
+      d.filter((S) => (S.group ?? "etc") === v).map((S) => /* @__PURE__ */ l(Bx, { name: S.name, group: S.group, dark: S.dark }, S.name))
     ] }, v)) : n === "screens" ? a.length === 0 ? /* @__PURE__ */ l("div", { className: "px-2 py-3 text-[11px] text-[#b3b3b3]", children: "No search results" }) : f.map((v) => /* @__PURE__ */ b("div", { children: [
       /* @__PURE__ */ l("div", { className: "px-2 pb-0.5 pt-2 text-[10px] font-semibold uppercase text-[#999]", children: v }),
-      a.filter((S) => S.section === v).map((S) => /* @__PURE__ */ l(Hx, { asset: S, onFrameFocus: t }, S.id))
+      a.filter((S) => S.section === v).map((S) => /* @__PURE__ */ l(Wx, { asset: S, onFrameFocus: t }, S.id))
     ] }, v)) : c.length === 0 ? /* @__PURE__ */ l("div", { className: "px-2 py-3 text-[11px] text-[#b3b3b3]", children: "No search results" }) : e ? f.map((v) => /* @__PURE__ */ b("div", { children: [
       /* @__PURE__ */ l("div", { className: "px-2 pb-0.5 pt-2 text-[10px] font-semibold uppercase text-[#999]", children: v }),
       a.filter((S) => S.section === v && S.codeName && _e()[S.codeName]).map((S) => /* @__PURE__ */ l(
@@ -12618,7 +12621,7 @@ function Wx({
     /* @__PURE__ */ l("div", { className: "border-t border-[#e6e6e6] px-3 py-2 text-[10px] leading-relaxed text-[#b3b3b3]", children: p != null && p.complete ? `dev@${((x = p.sourceSha) == null ? void 0 : x.slice(0, 8)) ?? "-"} · Code inventory complete` : "Code inventory" })
   ] });
 }
-const Kx = "pygmalion.design-ir", Ux = 1, qx = {
+const Ux = "pygmalion.design-ir", qx = 1, Yx = {
   previewNodeLimit: 1200,
   maxNodes: 1e4,
   maxDepth: 64,
@@ -12632,13 +12635,13 @@ function nh(t) {
     nh(e);
   return t;
 }
-function Yx(t) {
+function Gx(t) {
   return new TextEncoder().encode(t).byteLength;
 }
-function Gx(t) {
+function Xx(t) {
   return t.startsWith("data:") ? "embedded" : t.startsWith("blob:") ? "ephemeral" : /^https?:\/\//i.test(t) ? "remote" : "project";
 }
-function Xx(t) {
+function Jx(t) {
   const e = [], n = t.domTag.toLowerCase(), r = t.domAttributes.src;
   r && ["img", "picture", "source"].includes(n) ? e.push({ kind: "image", source: r }) : r && n === "video" && e.push({ kind: "video", source: r });
   const i = t.domAttributes.poster;
@@ -12660,7 +12663,7 @@ function ls(t) {
     t.message
   ].join("\0");
 }
-function Jx(t) {
+function Zx(t) {
   const e = _e(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = [];
   let o = 0, s = 0, a = 0;
   const c = (p, g, x) => {
@@ -12698,10 +12701,10 @@ function Jx(t) {
       nodeId: p.id,
       nodePath: x
     });
-    for (const S of Xx(p)) {
+    for (const S of Jx(p)) {
       const N = `${S.kind}\0${S.source}`, C = r.get(N) ?? {
         ...S,
-        portability: Gx(S.source),
+        portability: Xx(S.source),
         nodeIds: /* @__PURE__ */ new Set()
       };
       C.nodeIds.add(p.id), r.set(N, C), C.portability === "ephemeral" && i.push({
@@ -12778,8 +12781,8 @@ function Jx(t) {
     )
   };
 }
-function Zx(t) {
-  const e = { ...qx, ...t };
+function Qx(t) {
+  const e = { ...Yx, ...t };
   for (const [n, r] of Object.entries(e))
     if (!Number.isFinite(r) || r <= 0)
       throw new Error(`Design compile limit "${n}" must be positive.`);
@@ -12789,14 +12792,14 @@ function Zx(t) {
     );
   return e;
 }
-function Z0(t, e) {
+function Q0(t, e) {
   return rh(t, e).document;
 }
 function rh(t, e) {
-  const n = Yt(t), r = Jx(n);
+  const n = Yt(t), r = Zx(n);
   return { document: nh({
-    schema: Kx,
-    version: Ux,
+    schema: Ux,
+    version: qx,
     root: n,
     ...e ? { frame: { ...e } } : {},
     components: r.components,
@@ -12804,7 +12807,7 @@ function rh(t, e) {
     metrics: r.metrics
   }), diagnostics: r.diagnostics };
 }
-function Qx(t) {
+function ey(t) {
   const e = t.id.trim();
   if (!e || !t.label.trim() || !t.language.trim())
     throw new Error("Design codegen adapters require an id, label, and language.");
@@ -12815,13 +12818,13 @@ function Qx(t) {
     Qn.get(e) === r && (n ? Qn.set(e, n) : Qn.delete(e));
   };
 }
-function ey() {
+function ty() {
   return [...Qn.values()].sort(
     (t, e) => t.label.localeCompare(e.label)
   );
 }
-function ty(t, e = {}) {
-  const n = e.target ?? "jsx-tailwind", r = e.purpose ?? "export", i = Zx(e.limits), o = rh(
+function ny(t, e = {}) {
+  const n = e.target ?? "jsx-tailwind", r = e.purpose ?? "export", i = Qx(e.limits), o = rh(
     t,
     e.frame
   ), { document: s } = o, a = [...o.diagnostics], c = Qn.get(n);
@@ -12891,7 +12894,7 @@ function ty(t, e = {}) {
       message: p instanceof Error ? p.message : "The target generator failed."
     });
   }
-  const u = Yx(d);
+  const u = Gx(d);
   u > i.maxOutputBytes && (a.push({
     severity: "error",
     stage: "resource",
@@ -12915,14 +12918,14 @@ function ty(t, e = {}) {
     metrics: { ...s.metrics, outputBytes: f === "ready" ? u : 0 }
   };
 }
-Qx({
+ey({
   id: "jsx-tailwind",
   label: "JSX + Tailwind",
   language: "jsx",
   extension: ".jsx",
   generate: ({ document: t }) => Hc(t.root, t.frame)
 });
-function ny(t) {
+function ry(t) {
   const e = /* @__PURE__ */ new Map();
   for (const n of t) {
     const r = [
@@ -12935,17 +12938,17 @@ function ny(t) {
   }
   return [...e.values()];
 }
-const ry = lt(function() {
+const iy = lt(function() {
   var f;
   const [e, n] = W("jsx-tailwind"), [r, i] = W(!1);
   if (!m.codeOpen) return null;
-  const o = ey(), s = o.some((p) => p.id === e) ? e : ((f = o[0]) == null ? void 0 : f.id) ?? e, a = ty(m.root, {
+  const o = ty(), s = o.some((p) => p.id === e) ? e : ((f = o[0]) == null ? void 0 : f.id) ?? e, a = ny(m.root, {
     target: s,
     purpose: "interactive",
     force: r
   }), c = a.document.components.filter(
     (p) => p.connectionId
-  ).length, d = ny(a.diagnostics), u = d.slice(0, 4);
+  ).length, d = ry(a.diagnostics), u = d.slice(0, 4);
   return /* @__PURE__ */ b("div", { className: "flex h-2/5 min-h-[180px] flex-none flex-col border-t border-[#e6e6e6] bg-[#1e1e1e]", children: [
     /* @__PURE__ */ b("div", { className: "flex items-center gap-2 px-3 py-1.5 text-[11px] text-neutral-400", children: [
       /* @__PURE__ */ l(
@@ -13024,7 +13027,7 @@ const ry = lt(function() {
       )
     ] }) : a.status === "blocked" ? /* @__PURE__ */ l("div", { className: "flex min-h-0 flex-1 items-center justify-center px-6 text-center text-[11px] text-red-300", children: "Resolve the compiler errors before generating code." }) : /* @__PURE__ */ l("pre", { className: "min-h-0 flex-1 overflow-auto px-3 pb-3 text-[11px] leading-relaxed text-emerald-300", children: a.code })
   ] });
-}), iy = lt(function() {
+}), oy = lt(function() {
   var a;
   const e = m.ctxMenu;
   if (!e) return null;
@@ -13099,7 +13102,7 @@ const ry = lt(function() {
 });
 let cc = null;
 const lc = /* @__PURE__ */ new Set();
-function Q0(t) {
+function e1(t) {
   if (!Object.is(cc, t)) {
     cc = t;
     for (const e of lc) e();
@@ -13320,7 +13323,7 @@ function di({
     }
   );
 }
-function oy({
+function sy({
   children: t,
   count: e
 }) {
@@ -13352,7 +13355,7 @@ function ui({
               children: "›"
             }
           ),
-          /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ l(oy, { count: e, children: t }) })
+          /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ l(sy, { count: e, children: t }) })
         ]
       }
     ),
@@ -13425,7 +13428,7 @@ function Xd({
     ] })
   ] });
 }
-function sy({
+function ay({
   model: t,
   onSelectFrame: e,
   activeFrameId: n,
@@ -13681,7 +13684,7 @@ function Jd(t, e, n) {
     );
   return Math.round(t);
 }
-function e1(t) {
+function t1(t) {
   sh = t.map((e) => {
     const n = String(e.label ?? "").trim();
     if (!n) throw new Error("Viewport preset is missing a label.");
@@ -13699,10 +13702,10 @@ function ah() {
 function ch(t, e) {
   return Math.round(e.width) !== t.width ? !1 : t.height == null || Math.round(e.height) === t.height;
 }
-function ay({ type: t }) {
+function cy({ type: t }) {
   return /* @__PURE__ */ l("span", { className: `shrink-0 ${t === "component" ? "text-[#9747ff]" : "text-[#999]"}`, children: t === "text" ? /* @__PURE__ */ l(Bf, { size: 10 }) : t === "columns" ? /* @__PURE__ */ l(Uc, { size: 10 }) : t === "component" ? /* @__PURE__ */ l(Di, { size: 10 }) : /* @__PURE__ */ l(as, { size: 10 }) });
 }
-const cy = _i(function t({ node: e, depth: n }) {
+const ly = _i(function t({ node: e, depth: n }) {
   return kf(() => {
     const r = m.isSelected(e.id), i = m.collapsed.has(e.id), o = e.children.length > 0, s = m.renamingId === e.id, a = e.type === "text" ? e.text : e.name, c = (d) => {
       const u = d.trim();
@@ -13739,7 +13742,7 @@ const cy = _i(function t({ node: e, depth: n }) {
                 children: /* @__PURE__ */ l(yi, { open: !i })
               }
             ),
-            /* @__PURE__ */ l(ay, { type: e.type }),
+            /* @__PURE__ */ l(cy, { type: e.type }),
             s ? /* @__PURE__ */ l(
               "input",
               {
@@ -13799,7 +13802,7 @@ const cy = _i(function t({ node: e, depth: n }) {
     ] });
   });
 });
-function ly({
+function dy({
   id: t,
   name: e,
   active: n,
@@ -13836,7 +13839,7 @@ function ly({
     }
   );
 }
-const dy = lt(function({
+const uy = lt(function({
   onFrameFocus: e = (i) => m.selectFrame(i),
   storyboardConnectionMode: n = "story",
   onStoryboardConnectionModeChange: r = () => {
@@ -13907,7 +13910,7 @@ const dy = lt(function({
       }) })
     ] }),
     a && /* @__PURE__ */ l(
-      sy,
+      ay,
       {
         model: a,
         onSelectFrame: e,
@@ -14003,7 +14006,7 @@ const dy = lt(function({
             /* @__PURE__ */ l("span", { className: "h-px flex-1 bg-[#e6e6e6]" })
           ] }),
           /* @__PURE__ */ l(
-            ly,
+            dy,
             {
               id: p.id,
               name: p.name,
@@ -14024,14 +14027,14 @@ const dy = lt(function({
       }
     ),
     /* @__PURE__ */ l("div", { className: "px-3 pb-1 pt-1 text-[11px] font-semibold text-[#333]", children: "Layers" }),
-    /* @__PURE__ */ l("div", { className: "min-h-0 flex-1 overflow-auto pb-2", children: /* @__PURE__ */ l(cy, { node: m.root, depth: 0 }) })
+    /* @__PURE__ */ l("div", { className: "min-h-0 flex-1 overflow-auto pb-2", children: /* @__PURE__ */ l(ly, { node: m.root, depth: 0 }) })
   ] });
-}), uy = "__pygmalion_environment", t1 = "/__pygmalion-storyboard/environment";
+}), fy = "__pygmalion_environment", n1 = "/__pygmalion-storyboard/environment";
 let lh;
 function $r(t) {
   return t ? JSON.parse(JSON.stringify(t)) : void 0;
 }
-function n1(t) {
+function r1(t) {
   lh = $r(t);
 }
 function dc() {
@@ -14059,7 +14062,7 @@ function Kr(t, e) {
     }
   } : $r(t) : $r(e);
 }
-function fy(t) {
+function hy(t) {
   const e = new TextEncoder().encode(t);
   let n = "";
   for (const r of e) n += String.fromCharCode(r);
@@ -14079,8 +14082,8 @@ function Zd(t, e, n) {
       ), s.search = c.search, s.hash = c.hash, s;
     })();
     return a.searchParams.set(
-      uy,
-      fy(JSON.stringify(n))
+      fy,
+      hy(JSON.stringify(n))
     ), a.href;
   } catch {
     return r;
@@ -14089,10 +14092,10 @@ function Zd(t, e, n) {
 let Ki = [], Qd = "[]";
 const mr = /* @__PURE__ */ new Map(), uc = /* @__PURE__ */ new Set();
 let dh = 0;
-function hy(t) {
+function py(t) {
   return t ? JSON.parse(JSON.stringify(t)) : void 0;
 }
-function py(t) {
+function my(t) {
   const e = /* @__PURE__ */ new Set();
   return t.map((n) => {
     const r = String(n.id ?? "").trim(), i = String(n.label ?? "").trim(), o = String(n.defaultValue ?? "").trim();
@@ -14116,7 +14119,7 @@ function py(t) {
         value: d,
         label: u,
         ...c.description ? { description: c.description } : {},
-        ...c.environment ? { environment: hy(c.environment) } : {}
+        ...c.environment ? { environment: py(c.environment) } : {}
       };
     });
     if (!a.length)
@@ -14138,19 +14141,19 @@ function Yc() {
   dh += 1;
   for (const t of uc) t();
 }
-function r1(t) {
-  const e = py(t), n = JSON.stringify(e);
+function i1(t) {
+  const e = my(t), n = JSON.stringify(e);
   n !== Qd && (Ki = e, Qd = n, mr.clear(), Yc());
 }
-function my() {
+function gy() {
   return Ki;
 }
-function gy(t) {
+function by(t) {
   const e = Ki.find((n) => n.id === t);
   if (e)
     return mr.get(e.id) ?? e.defaultValue;
 }
-function by(t, e) {
+function vy(t, e) {
   const n = Ki.find((r) => r.id === t);
   if (!n) throw new Error(`Unknown preview environment control "${t}".`);
   if (!n.options.some((r) => r.value === e))
@@ -14159,10 +14162,10 @@ function by(t, e) {
     );
   mr.get(t) !== e && (mr.set(t, e), Yc());
 }
-function i1() {
+function o1() {
   mr.size && (mr.clear(), Yc());
 }
-function vy() {
+function xy() {
   let t;
   for (const e of Ki) {
     const n = mr.get(e.id);
@@ -14178,12 +14181,12 @@ function Gc(t) {
 function Lr() {
   return dh;
 }
-const xy = [
+const yy = [
   { v: "fill", label: "Fill" },
   { v: "fit", label: "Hug" },
   { v: "fixed", label: "Fixed" }
 ];
-function yy({ node: t }) {
+function wy({ node: t }) {
   const e = m.sharedSourceImpactFor(t);
   if (e.frames.length < 2) return null;
   const n = m.sharedSourceEditScopeFor(t), r = e.frames.slice(0, 3).map((s) => s.name), i = e.frames.length - r.length, o = `${r.join(" · ")}${i > 0 ? ` · ${i} more` : ""}`;
@@ -14218,7 +14221,7 @@ function yy({ node: t }) {
     /* @__PURE__ */ l("div", { className: "text-[10px] leading-relaxed text-[#999]", children: "Unsupported source operations remain limited to the selected frame." })
   ] });
 }
-function wy({ node: t }) {
+function Sy({ node: t }) {
   const e = Object.entries(t.sourceProps);
   if (e.length === 0) return null;
   const n = t.domAttributes["data-pygmalion-own-source"] ?? t.domAttributes["data-pygmalion-source"] ?? "", r = n.split("|", 2).join(":");
@@ -14320,7 +14323,7 @@ function eu({ value: t, onChange: e }) {
       className: "h-7 min-w-0 flex-1 rounded-md bg-[#f5f5f5] px-1.5 text-[11px] text-[#333] outline-none hover:ring-1 hover:ring-inset hover:ring-[#e6e6e6]",
       value: t,
       onChange: (n) => e(n.target.value),
-      children: xy.map((n) => /* @__PURE__ */ l("option", { value: n.v, children: n.label }, n.v))
+      children: yy.map((n) => /* @__PURE__ */ l("option", { value: n.v, children: n.label }, n.v))
     }
   );
 }
@@ -14434,7 +14437,7 @@ function tu({
   )) });
 }
 const nu = ["start", "center", "end"];
-function Sy({ node: t }) {
+function Ny({ node: t }) {
   const e = t.type === "rows", n = (i, o) => m.patch(
     t,
     e ? { justify: i, alignItems: o } : { justify: o, alignItems: i }
@@ -14470,14 +14473,14 @@ function Sy({ node: t }) {
     )
   ] });
 }
-function Ny(t) {
+function _y(t) {
   const e = t.root.domStyle.display;
   if (e === "grid" || e === "inline-grid") return "grid";
   if (e === "block" || e === "contents") return "free";
   const n = t.root.domStyle.flexDirection;
   return n != null && n.startsWith("row") ? "horizontal" : n != null && n.startsWith("column") ? "vertical" : t.root.type === "columns" ? "horizontal" : "vertical";
 }
-function _y({ mode: t }) {
+function Cy({ mode: t }) {
   return t === "grid" ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "grid h-4 w-4 grid-cols-2 gap-[3px]", children: [0, 1, 2, 3].map((e) => /* @__PURE__ */ l("i", { className: "rounded-[2px] border border-current" }, e)) }) : t === "vertical" || t === "horizontal" ? /* @__PURE__ */ b("span", { "aria-hidden": "true", className: `flex items-center gap-[3px] ${t === "vertical" ? "flex-col" : ""}`, children: [
     /* @__PURE__ */ l("i", { className: "h-[5px] w-[5px] rounded-[2px] border border-current" }),
     /* @__PURE__ */ l("i", { className: "h-[5px] w-[5px] rounded-[2px] border border-current" }),
@@ -14488,13 +14491,13 @@ function _y({ mode: t }) {
     /* @__PURE__ */ l("i", { className: "absolute bottom-0 left-[4px] h-[5px] w-[5px] rounded-[2px] border border-current" })
   ] });
 }
-const Cy = lt(function({ page: e }) {
+const Ey = lt(function({ page: e }) {
   At(
     Gc,
     Lr,
     Lr
   );
-  const n = e.route == null, r = (g) => m.patchPage(e.id, g), i = Ny(e), o = (g) => {
+  const n = e.route == null, r = (g) => m.patchPage(e.id, g), i = _y(e), o = (g) => {
     const x = { ...e.root.domStyle };
     g === "free" ? (x.display = "block", x.position = "relative", delete x.flexDirection, delete x.gridTemplateColumns) : g === "grid" ? (x.display = "grid", x.gridTemplateColumns || (x.gridTemplateColumns = "repeat(2, minmax(0, 1fr))"), x.gap || (x.gap = `${e.root.gap}px`), delete x.flexDirection) : (x.display = "flex", x.flexDirection = g === "horizontal" ? "row" : "column", delete x.gridTemplateColumns), m.patch(e.root, {
       type: g === "horizontal" ? "columns" : "rows",
@@ -14523,7 +14526,7 @@ const Cy = lt(function({ page: e }) {
         resizeHeight: g.height != null
       }
     );
-  }, d = ah(), u = my(), f = e.authoredFrameSize, p = m.frameSizeDiffersFromAuthored(e.id);
+  }, d = ah(), u = gy(), f = e.authoredFrameSize, p = m.frameSizeDiffersFromAuthored(e.id);
   return /* @__PURE__ */ b("div", { "data-object-props": "frame", className: "min-h-0 flex-1 overflow-auto", children: [
     /* @__PURE__ */ l(Fe, { title: "Frame", children: /* @__PURE__ */ l(
       "input",
@@ -14622,7 +14625,7 @@ const Cy = lt(function({ page: e }) {
                   gridTemplateColumns: `repeat(${g.options.length}, minmax(0, 1fr))`
                 },
                 children: g.options.map((x) => {
-                  const v = gy(g.id) === x.value;
+                  const v = by(g.id) === x.value;
                   return /* @__PURE__ */ l(
                     "button",
                     {
@@ -14630,7 +14633,7 @@ const Cy = lt(function({ page: e }) {
                       "aria-pressed": v,
                       title: x.description,
                       className: `h-8 truncate rounded-md px-2 text-[10px] font-semibold ${v ? "bg-white text-[#333] shadow-sm ring-1 ring-inset ring-[#dedee3]" : "text-[#777] hover:text-[#333]"}`,
-                      onClick: () => by(g.id, x.value),
+                      onClick: () => vy(g.id, x.value),
                       children: x.label
                     },
                     x.value
@@ -14705,7 +14708,7 @@ const Cy = lt(function({ page: e }) {
           "aria-pressed": i === g,
           className: `flex h-8 items-center justify-center rounded-md ${i === g ? "bg-white text-[#18181b] shadow-sm ring-1 ring-inset ring-[#dedee3]" : "text-[#777] hover:text-[#333]"}`,
           onClick: () => o(g),
-          children: /* @__PURE__ */ l(_y, { mode: g })
+          children: /* @__PURE__ */ l(Cy, { mode: g })
         },
         g
       )) }),
@@ -14785,7 +14788,7 @@ const Cy = lt(function({ page: e }) {
       )
     ] })
   ] });
-}), Ey = lt(function({ section: e }) {
+}), Ay = lt(function({ section: e }) {
   const n = m.canvasPages.filter((r) => r.section === e.name).length;
   return /* @__PURE__ */ b("div", { "data-object-props": "section", className: "min-h-0 flex-1 overflow-auto", children: [
     /* @__PURE__ */ b(Fe, { title: "Section", children: [
@@ -14862,15 +14865,15 @@ const Cy = lt(function({ page: e }) {
       }
     ) })
   ] });
-}), Ay = lt(function() {
+}), Oy = lt(function() {
   var c, d;
   if (((c = m.selectedCanvasObject) == null ? void 0 : c.kind) === "frame") {
     const u = m.selectedFrame;
-    return u ? /* @__PURE__ */ l(Cy, { page: u }) : null;
+    return u ? /* @__PURE__ */ l(Ey, { page: u }) : null;
   }
   if (((d = m.selectedCanvasObject) == null ? void 0 : d.kind) === "section") {
     const u = m.selectedSection;
-    return u ? /* @__PURE__ */ l(Ey, { section: u }) : null;
+    return u ? /* @__PURE__ */ l(Ay, { section: u }) : null;
   }
   const e = m.selected;
   if (!e)
@@ -14885,8 +14888,8 @@ const Cy = lt(function({ page: e }) {
       m.selectedIds.length,
       " selected · Property edits use the primary selection"
     ] }),
-    /* @__PURE__ */ l(yy, { node: e }),
     /* @__PURE__ */ l(wy, { node: e }),
+    /* @__PURE__ */ l(Sy, { node: e }),
     /* @__PURE__ */ l(Fe, { title: e.name, children: /* @__PURE__ */ l(
       "input",
       {
@@ -14949,7 +14952,7 @@ const Cy = lt(function({ page: e }) {
           onChange: (u) => n({ type: u })
         }
       ),
-      /* @__PURE__ */ l(Sy, { node: e }),
+      /* @__PURE__ */ l(Ny, { node: e }),
       /* @__PURE__ */ b("div", { className: "flex gap-1.5", children: [
         /* @__PURE__ */ l(Ke, { label: "Gap", value: e.gap, onChange: (u) => n({ gap: u }) }),
         /* @__PURE__ */ l(Ke, { label: "Padding", value: e.padding, onChange: (u) => n({ padding: u }) })
@@ -15066,11 +15069,11 @@ const Cy = lt(function({ page: e }) {
     ] })
   ] });
 });
-function Oy(t) {
+function Py(t) {
   return [...new Set(t)].sort().join(`
 `);
 }
-const uh = /^sha256-[a-f0-9]{64}$/, Py = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), yn = {
+const uh = /^sha256-[a-f0-9]{64}$/, My = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), yn = {
   bundleBytes: 128 * 1024 * 1024,
   snapshotBytes: 8 * 1024 * 1024,
   bodyBytes: 8 * 1024 * 1024,
@@ -15089,7 +15092,7 @@ function Jn(t) {
   const e = Object.getPrototypeOf(t);
   return e === Object.prototype || e === null;
 }
-function My(t) {
+function Iy(t) {
   try {
     return Os(JSON.stringify(t));
   } catch {
@@ -15097,9 +15100,9 @@ function My(t) {
   }
 }
 function ya(t) {
-  return typeof t == "string" && t.length > 0 && t.length <= yn.identifierLength && t === t.trim() && !Py.has(t);
+  return typeof t == "string" && t.length > 0 && t.length <= yn.identifierLength && t === t.trim() && !My.has(t);
 }
-function Iy(t) {
+function $y(t) {
   const e = /(?:expression\s*\(|-moz-binding\s*:|(?:^|[;{])\s*behavior\s*:)/i;
   for (const n of t.matchAll(/<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi))
     if (e.test(n[1] ?? "")) return !0;
@@ -15109,10 +15112,10 @@ function Iy(t) {
     if (e.test(n[1] ?? n[2] ?? n[3] ?? "")) return !0;
   return !1;
 }
-function $y(t) {
+function ky(t) {
   return typeof t != "string" || t.length === 0 ? "snapshot must be a non-empty string" : Os(t) > yn.snapshotBytes ? "snapshot exceeds the byte limit" : /<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(t) ? "snapshot contains an active element" : /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(t) ? "snapshot contains a refresh directive" : /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(t) ? "snapshot contains an active attribute" : /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
     t
-  ) ? "snapshot contains an active URL" : Iy(t) ? "snapshot contains an active style expression" : null;
+  ) ? "snapshot contains an active URL" : $y(t) ? "snapshot contains an active style expression" : null;
 }
 function ru(t, e, n) {
   if (!Jn(t))
@@ -15134,7 +15137,7 @@ function fh(t, e) {
   return `${r.doctype}<html${r.htmlAttributes}><head${r.headAttributes}>${n}</head><body${r.bodyAttributes}>${e.body}</body></html>`;
 }
 function Ps(t) {
-  const e = [], n = My(t);
+  const e = [], n = Iy(t);
   if (!Jn(t) || t.version !== 2)
     return {
       valid: !1,
@@ -15195,7 +15198,7 @@ function Ps(t) {
     const g = fh(
       t,
       u
-    ), x = $y(g);
+    ), x = ky(g);
     x && e.push(`Frame "${d}" reconstructs an unsafe snapshot: ${x}.`);
   }
   for (const d of i)
@@ -15211,11 +15214,11 @@ function hh(t, e) {
   const r = t, i = r.frames[e];
   return i ? fh(r, i) : null;
 }
-const ph = /^sha256-[a-f0-9]{64}$/, ky = /^[A-Za-z][A-Za-z0-9]*(?:[-_.:][A-Za-z0-9]+)*$/, Ty = /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/, Dy = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), Ry = /* @__PURE__ */ new Set([
+const ph = /^sha256-[a-f0-9]{64}$/, Ty = /^[A-Za-z][A-Za-z0-9]*(?:[-_.:][A-Za-z0-9]+)*$/, Dy = /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/, Ry = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), zy = /* @__PURE__ */ new Set([
   "ready",
   "rendered-with-qa-failure",
   "capture-error"
-]), zy = /* @__PURE__ */ new Set(["interaction", "assertion"]), mh = /* @__PURE__ */ new Set([
+]), Fy = /* @__PURE__ */ new Set(["interaction", "assertion"]), mh = /* @__PURE__ */ new Set([
   "image/png",
   "image/webp"
 ]), bt = {
@@ -15231,12 +15234,12 @@ const ph = /^sha256-[a-f0-9]{64}$/, ky = /^[A-Za-z][A-Za-z0-9]*(?:[-_.:][A-Za-z0
   messageLength: 4096,
   viewportDimension: 32768
 };
-function Fy(t) {
+function Ly(t) {
   return new TextEncoder().encode(t).byteLength;
 }
-function Ly(t) {
+function jy(t) {
   try {
-    return Fy(JSON.stringify(t));
+    return Ly(JSON.stringify(t));
   } catch {
     return Number.POSITIVE_INFINITY;
   }
@@ -15247,22 +15250,22 @@ function mt(t) {
   return e === Object.prototype || e === null;
 }
 function wa(t) {
-  return typeof t == "string" && t.length > 0 && t.length <= bt.identifierLength && t === t.trim() && !Dy.has(t);
+  return typeof t == "string" && t.length > 0 && t.length <= bt.identifierLength && t === t.trim() && !Ry.has(t);
 }
 function gh(t) {
   return mt(t) && Number.isInteger(t.width) && Number(t.width) > 0 && Number(t.width) <= bt.viewportDimension && Number.isInteger(t.height) && Number(t.height) > 0 && Number(t.height) <= bt.viewportDimension;
 }
-function jy(t, e) {
+function Vy(t, e) {
   return gh(t) && t.width === e.width && t.height === e.height;
 }
 function iu(t) {
-  return typeof t == "string" && t.length > 0 && t.length <= bt.tokenLength && ky.test(t);
+  return typeof t == "string" && t.length > 0 && t.length <= bt.tokenLength && Ty.test(t);
 }
 function Sa(t, e) {
   return t == null || typeof t == "string" && t.length > 0 && t.length <= e && !/[\u0000-\u0008\u000B\u000C\u000E-\u001F\u007F]/.test(t);
 }
-function Vy(t) {
-  if (typeof t != "string" || t.length === 0 || !Ty.test(t))
+function By(t) {
+  if (typeof t != "string" || t.length === 0 || !Dy.test(t))
     return null;
   const e = t.endsWith("==") ? 2 : t.endsWith("=") ? 1 : 0;
   return t.length / 4 * 3 - e;
@@ -15283,7 +15286,7 @@ function bh(t) {
     frames: r
   };
 }
-function By(t, e) {
+function Hy(t, e) {
   if (!mt(t))
     return e.push("Screenshot assets must be a record."), /* @__PURE__ */ new Map();
   const n = /* @__PURE__ */ new Map();
@@ -15292,7 +15295,7 @@ function By(t, e) {
       e.push(`Screenshot asset "${r}" is invalid.`);
       continue;
     }
-    const o = Vy(i.data);
+    const o = By(i.data);
     if (!mh.has(
       i.mediaType
     ) || !Number.isInteger(i.width) || Number(i.width) <= 0 || Number(i.width) > bt.viewportDimension || !Number.isInteger(i.height) || Number(i.height) <= 0 || Number(i.height) > bt.viewportDimension || !Number.isInteger(i.byteLength) || Number(i.byteLength) <= 0 || Number(i.byteLength) > bt.screenshotAssetBytes || o !== i.byteLength) {
@@ -15306,18 +15309,18 @@ function By(t, e) {
   }
   return n.size > bt.screenshotAssetCount && e.push("Artifact has too many screenshot assets."), n;
 }
-function Hy(t, e, n, r) {
+function Wy(t, e, n, r) {
   if (!mt(t)) {
     r.push(`Frame "${e}" contains an invalid diagnostic.`);
     return;
   }
-  iu(t.stage) || r.push(`Frame "${e}" diagnostic stage is invalid.`), iu(t.code) || r.push(`Frame "${e}" diagnostic code is invalid.`), Sa(t.selector, bt.selectorLength) || r.push(`Frame "${e}" diagnostic selector is invalid.`), Sa(t.label, bt.labelLength) || r.push(`Frame "${e}" diagnostic label is invalid.`), Sa(t.message, bt.messageLength) || r.push(`Frame "${e}" diagnostic message is invalid.`), jy(t.viewport, n) || r.push(`Frame "${e}" diagnostic viewport is invalid.`);
+  iu(t.stage) || r.push(`Frame "${e}" diagnostic stage is invalid.`), iu(t.code) || r.push(`Frame "${e}" diagnostic code is invalid.`), Sa(t.selector, bt.selectorLength) || r.push(`Frame "${e}" diagnostic selector is invalid.`), Sa(t.label, bt.labelLength) || r.push(`Frame "${e}" diagnostic label is invalid.`), Sa(t.message, bt.messageLength) || r.push(`Frame "${e}" diagnostic message is invalid.`), Vy(t.viewport, n) || r.push(`Frame "${e}" diagnostic viewport is invalid.`);
 }
-function Wy(t) {
-  return typeof t == "string" && t.split(/[._:-]/).some((e) => zy.has(e.toLowerCase()));
+function Ky(t) {
+  return typeof t == "string" && t.split(/[._:-]/).some((e) => Fy.has(e.toLowerCase()));
 }
 function Ms(t) {
-  const e = [], n = Ly(t);
+  const e = [], n = jy(t);
   if (!mt(t) || t.version !== 3)
     return {
       valid: !1,
@@ -15327,7 +15330,7 @@ function Ms(t) {
   wa(t.namespace) || e.push("Artifact namespace is invalid."), t.sourceRevision != null && !wa(t.sourceRevision) && e.push("Artifact source revision is invalid."), n > bt.bundleBytes && e.push("Artifact exceeds the bundle byte limit.");
   const r = mt(t.assets) ? t.assets : null;
   r || e.push("Artifact assets must be a record.");
-  const i = By(
+  const i = Hy(
     r == null ? void 0 : r.screenshots,
     e
   ), o = Ps(bh(t));
@@ -15341,7 +15344,7 @@ function Ms(t) {
       e.push(`Frame identifier "${c}" is invalid.`);
       continue;
     }
-    if (!mt(d) || !Ry.has(d.status) || !gh(d.viewport)) {
+    if (!mt(d) || !zy.has(d.status) || !gh(d.viewport)) {
       e.push(`Frame "${c}" status or viewport is invalid.`);
       continue;
     }
@@ -15351,7 +15354,7 @@ function Ms(t) {
       continue;
     }
     for (const g of u)
-      Hy(g, c, d.viewport, e);
+      Wy(g, c, d.viewport, e);
     let f = !1;
     if (d.screenshot !== void 0) {
       const g = d.screenshot;
@@ -15368,14 +15371,14 @@ function Ms(t) {
     }
     const p = d.snapshot !== void 0;
     d.status === "ready" ? ((!p || !f) && e.push(`Frame "${c}" ready output is incomplete.`), u.length !== 0 && e.push(`Frame "${c}" ready output cannot contain diagnostics.`)) : d.status === "rendered-with-qa-failure" ? ((!p || !f) && e.push(`Frame "${c}" QA failure must preserve stable output.`), (u.length === 0 || !u.some(
-      (g) => mt(g) ? Wy(g.stage) : !1
+      (g) => mt(g) ? Ky(g.stage) : !1
     )) && e.push(`Frame "${c}" QA failure requires a QA diagnostic.`)) : u.length === 0 && e.push(`Frame "${c}" capture error requires a diagnostic.`);
   }
   for (const c of i.keys())
     a.has(c) || e.push(`Screenshot asset "${c}" is unreferenced.`);
   return { valid: e.length === 0, errors: e, bytes: n };
 }
-function o1(t, e) {
+function s1(t, e) {
   var i;
   const n = Ms(t);
   if (!n.valid)
@@ -15388,7 +15391,7 @@ function o1(t, e) {
     e
   ) : null;
 }
-function s1(t, e) {
+function a1(t, e) {
   var s;
   const n = Ms(t);
   if (!n.valid)
@@ -15405,7 +15408,7 @@ function s1(t, e) {
     dataUrl: `data:${o.mediaType};base64,${o.data}`
   };
 }
-const Ky = "pygmalion-preview", Uy = "unknown", qy = 512, Yy = 2048, Gy = 8 * 1024 * 1024, Xy = 128 * 1024 * 1024, Jy = /* @__PURE__ */ new Set([
+const Uy = "pygmalion-preview", qy = "unknown", Yy = 512, Gy = 2048, Xy = 8 * 1024 * 1024, Jy = 128 * 1024 * 1024, Zy = /* @__PURE__ */ new Set([
   "__proto__",
   "constructor",
   "prototype"
@@ -15416,7 +15419,7 @@ function En(t, e) {
   if (Fo(n)) return n;
   throw new TypeError("Preview identity must be a non-empty bounded string.");
 }
-function Zy(t) {
+function Qy(t) {
   const e = t ?? 1;
   if (!Number.isSafeInteger(e) || e < 1)
     throw new TypeError(
@@ -15443,7 +15446,7 @@ function fc(t, e = /* @__PURE__ */ new Set()) {
   }
   return e.delete(t), n;
 }
-function Qy(t) {
+function ew(t) {
   let e = 2166136261, n = 2654435769;
   for (let r = 0; r < t.length; r += 1) {
     const i = t.charCodeAt(r);
@@ -15463,10 +15466,10 @@ function vh(t) {
       recipe: fc(i)
     };
   });
-  return Qy(JSON.stringify(n));
+  return ew(JSON.stringify(n));
 }
-function ew(t, e = {}) {
-  const n = rw(t), r = e.dependencyDigest;
+function tw(t, e = {}) {
+  const n = iw(t), r = e.dependencyDigest;
   return vh([
     {
       id: En(t.id ?? "", "frame"),
@@ -15475,16 +15478,16 @@ function ew(t, e = {}) {
   ]);
 }
 const hc = /* @__PURE__ */ new Map();
-function a1(t) {
+function c1(t) {
   hc.clear();
   for (const e of t ?? [])
     typeof (e == null ? void 0 : e.path) != "string" || !e.path.trim() || typeof e.dependencyDigest != "string" || !e.dependencyDigest || hc.set(e.path, e.dependencyDigest);
 }
-function tw(t) {
+function nw(t) {
   return hc.get(t);
 }
-function nw(t, e, n) {
-  return ew(
+function rw(t, e, n) {
+  return tw(
     {
       id: t.canonicalId,
       route: t.route,
@@ -15501,23 +15504,23 @@ function nw(t, e, n) {
     {
       // A route's own digest when the scan published one; the revision is the
       // fallback, which only means "invalidate as often as before".
-      dependencyDigest: tw(t.route) ?? e.split(":")[0] ?? e
+      dependencyDigest: nw(t.route) ?? e.split(":")[0] ?? e
     }
   );
 }
-function c1({
+function l1({
   sourceRevision: t,
   recipes: e,
   recipeVersion: n,
-  scope: r = Ky
+  scope: r = Uy
 }) {
   const i = En(r), o = En(
     t,
-    Uy
-  ), s = Zy(n), a = vh(e);
+    qy
+  ), s = Qy(n), a = vh(e);
   return `${i}:${encodeURIComponent(o)}:recipe-v${s}:${a}`;
 }
-function rw(t) {
+function iw(t) {
   return {
     route: t.route,
     path: t.path,
@@ -15544,7 +15547,7 @@ function rw(t) {
     assertions: t.assertions
   };
 }
-function l1({
+function d1({
   endpoint: t,
   fetcher: e,
   captureBaseUrl: n
@@ -15591,9 +15594,9 @@ function xh(t) {
   return new TextEncoder().encode(t).byteLength;
 }
 function Fo(t) {
-  return typeof t == "string" && t.length > 0 && t.length <= qy && t === t.trim() && !Jy.has(t);
+  return typeof t == "string" && t.length > 0 && t.length <= Yy && t === t.trim() && !Zy.has(t);
 }
-function iw(t) {
+function ow(t) {
   const e = /(?:expression\s*\(|-moz-binding\s*:|(?:^|[;{])\s*behavior\s*:)/i;
   for (const n of t.matchAll(/<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi))
     if (e.test(n[1] ?? "")) return !0;
@@ -15603,12 +15606,12 @@ function iw(t) {
     if (e.test(n[1] ?? n[2] ?? n[3] ?? "")) return !0;
   return !1;
 }
-function ow(t) {
-  return typeof t != "string" || t.length === 0 || xh(t) > Gy ? !1 : !(/<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(t) || /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(t) || /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(t) || /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
+function sw(t) {
+  return typeof t != "string" || t.length === 0 || xh(t) > Xy ? !1 : !(/<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(t) || /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(t) || /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(t) || /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
     t
-  ) || iw(t));
+  ) || ow(t));
 }
-function sw(t) {
+function aw(t) {
   const e = [];
   if (!jr(t) || t.version !== 1)
     return {
@@ -15622,12 +15625,12 @@ function sw(t) {
     e.push("Preview artifact snapshots must be a record.");
   else {
     const n = Object.entries(t.snapshots);
-    n.length > Yy && e.push("Preview artifact has too many frames.");
+    n.length > Gy && e.push("Preview artifact has too many frames.");
     for (const [r, i] of n)
-      (!Fo(r) || !ow(i)) && e.push(`Preview artifact frame "${r}" is invalid.`);
+      (!Fo(r) || !sw(i)) && e.push(`Preview artifact frame "${r}" is invalid.`);
   }
   try {
-    xh(JSON.stringify(t)) > Xy && e.push("Preview artifact exceeds the bundle byte limit.");
+    xh(JSON.stringify(t)) > Jy && e.push("Preview artifact exceeds the bundle byte limit.");
   } catch {
     e.push("Preview artifact is not serializable.");
   }
@@ -15637,7 +15640,7 @@ function sw(t) {
     errors: e
   };
 }
-function aw(t, e, n = {}) {
+function cw(t, e, n = {}) {
   const r = jr(t) && t.version === 3 ? (() => {
     const i = Ms(t);
     return {
@@ -15652,7 +15655,7 @@ function aw(t, e, n = {}) {
       artifact: i.valid ? t : null,
       errors: i.errors
     };
-  })() : sw(t);
+  })() : aw(t);
   return !r.valid || !r.artifact ? {
     valid: !1,
     artifact: null,
@@ -15681,7 +15684,7 @@ function aw(t, e, n = {}) {
     errors: []
   };
 }
-function cw(t, e, n) {
+function lw(t, e, n) {
   var a;
   const r = [], i = [], o = [], s = t.sourceRevision === e.sourceRevision;
   for (const c of n) {
@@ -15695,7 +15698,7 @@ function cw(t, e, n) {
   }
   return { exact: r, missing: i, stale: o };
 }
-async function d1({
+async function u1({
   namespace: t,
   sourceRevision: e,
   transport: n,
@@ -15721,14 +15724,14 @@ async function d1({
   }
   if (a == null)
     return { status: "unavailable", artifact: null };
-  const c = aw(a, s, {
+  const c = cw(a, s, {
     perFrameIdentity: i != null
   });
   return c.valid ? {
     status: "accepted",
     artifact: c.artifact,
     ...i ? {
-      frameResolution: cw(
+      frameResolution: lw(
         c.artifact,
         s,
         i
@@ -15741,11 +15744,11 @@ async function d1({
     errors: c.errors
   };
 }
-const ou = 12, yh = 32, lw = 8, dw = 80, Xc = 8 * 1024 * 1024, uw = 64 * 1024 * 1024, fw = 256, hw = 256 * 1024 * 1024, pw = 2, Na = 32, mw = 2, Ri = 2, gw = "pygmalion-instant-canvas", tt = "route-previews", wh = "pygmalion-default";
-function bw(t) {
+const ou = 12, yh = 32, dw = 8, uw = 80, Xc = 8 * 1024 * 1024, fw = 64 * 1024 * 1024, hw = 256, pw = 256 * 1024 * 1024, mw = 2, Na = 32, gw = 2, Ri = 2, bw = "pygmalion-instant-canvas", tt = "route-previews", wh = "pygmalion-default";
+function vw(t) {
   return !t.hasRoute || t.layersImported ? "detailed" : t.cacheHydrated ? t.hasSnapshot ? "cached" : t.liveGranted ? "live" : "placeholder" : "hydrating";
 }
-function vw(t, e = {}) {
+function xw(t, e = {}) {
   const n = Number.isFinite(t) ? Math.max(0, Math.floor(t)) : 0, r = Number.isFinite(e.maxAttempts) ? Math.max(1, Math.floor(e.maxAttempts)) : 3;
   if (n + 1 >= r) return null;
   const i = Number.isFinite(e.baseDelayMs) ? Math.max(0, Math.floor(e.baseDelayMs)) : 250;
@@ -15762,7 +15765,7 @@ function Sh(t = {}) {
 }
 let Nh = Sh(), mi = 0, su = 0, Lo = 0, _a = !1;
 const Rt = [], nt = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new Map(), Xt = /* @__PURE__ */ new Map(), Vr = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map(), _h = /* @__PURE__ */ new Map(), Jc = /* @__PURE__ */ new Map(), au = /* @__PURE__ */ new WeakMap(), Zn = /* @__PURE__ */ new Map(), _o = /* @__PURE__ */ new Map();
-let Co = 0, xw = 0, Ca = !1;
+let Co = 0, yw = 0, Ca = !1;
 const jo = [], us = /* @__PURE__ */ new Map();
 let Vt = 0, un = 0, Tr = wh, Eo = null;
 const Ao = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Set(), pc = /* @__PURE__ */ new Set();
@@ -15776,32 +15779,32 @@ function _n() {
   Ch += 1;
   for (const t of pc) t();
 }
-function yw() {
+function ww() {
   wi += 1;
 }
-function ww() {
+function Sw() {
   wi = Math.max(
     0,
     wi - 1
   ), !(wi > 0 || !mc) && (mc = !1, _n());
 }
-function Sw(t) {
+function Nw(t) {
   return pc.add(t), () => pc.delete(t);
 }
 function cu() {
   return Ch;
 }
-function Nw() {
+function _w() {
   return mi;
 }
 function Zc(t) {
   return nt.has(t) || it.has(t) || Wt.has(t);
 }
-function _w(t) {
+function Cw(t) {
   var e;
   return Zc(t) && ((e = Xt.get(t)) == null ? void 0 : e.stale) !== !0;
 }
-function Cw(t) {
+function Ew(t) {
   return Xt.get(t) ?? null;
 }
 function fs() {
@@ -15817,7 +15820,7 @@ function Ui() {
 function Qc(t) {
   return `${t.id.trim()}\0${t.fingerprint ?? ""}`;
 }
-function Ew(t, e) {
+function Aw(t, e) {
   var i;
   const n = (i = t.frames[e]) == null ? void 0 : i.screenshot;
   if (!n) return null;
@@ -15878,7 +15881,7 @@ function vc(t, e = /* @__PURE__ */ new Set()) {
 let Oh = null;
 const gi = /* @__PURE__ */ new Map();
 let Vo = 0;
-function u1(t) {
+function f1(t) {
   Vo += 1, Oh = t, gi.clear(), !t && Vr.size > 0 && (Vr.clear(), Ui());
 }
 function du(t, e, n = {}) {
@@ -15976,7 +15979,7 @@ function Mh(t) {
   );
   return ((e == null ? void 0 : e[1]) ?? (e == null ? void 0 : e[2]) ?? (e == null ? void 0 : e[3]) ?? "").trim() || null;
 }
-function Aw(t, e, n) {
+function Ow(t, e, n) {
   var c;
   let r = t === "head" ? 2166136261 : 2654435769, i = t === "head" ? 2246822507 : 3266489909;
   for (let d = 0; d < e.length; d += 1) {
@@ -15989,14 +15992,14 @@ function Aw(t, e, n) {
     a += 1, s = `${o}:${a}`;
   return s;
 }
-function Ow(t) {
+function Pw(t) {
   if (/^<style\b/i.test(t)) return !0;
   const e = t.match(
     /\brel\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i
   );
   return ((e == null ? void 0 : e[1]) ?? (e == null ? void 0 : e[2]) ?? (e == null ? void 0 : e[3]) ?? "").split(/\s+/).some((n) => n.toLowerCase() === "stylesheet");
 }
-function Pw(t) {
+function Mw(t) {
   const e = t.match(
     /^\s*(?:(<!doctype\s+[^>]+>)\s*)?<html\b([^>]*)>\s*<head\b([^>]*)>([\s\S]*?)<\/head>\s*<body\b([^>]*)>([\s\S]*?)<\/body>\s*<\/html>\s*$/i
   );
@@ -16018,7 +16021,7 @@ function Pw(t) {
   const r = [], i = e[4] ?? "", o = /<style\b[^>]*>[\s\S]*?<\/style\s*>|<link\b[^>]*>/gi;
   let s = 0;
   for (const c of i.matchAll(o)) {
-    if (c.index == null || !Ow(c[0])) continue;
+    if (c.index == null || !Pw(c[0])) continue;
     const d = i.slice(s, c.index);
     d && r.push({ kind: "head", content: d }), r.push({ kind: "stylesheet", content: c[0] }), s = c.index + c[0].length;
   }
@@ -16042,14 +16045,14 @@ function hs(t) {
   }
   return !0;
 }
-function Mw(t) {
+function Iw(t) {
   const e = t.head.map((r) => {
     var i;
     return ((i = tl(r.kind).get(r.key)) == null ? void 0 : i.content) ?? "";
   }).join(""), n = t.document;
   return `${n.doctype}<html${n.htmlAttributes}><head${n.headAttributes}>${e}</head><body${n.bodyAttributes}>${t.body}</body></html>`;
 }
-function Iw(t) {
+function $w(t) {
   var r;
   if (t.shadow) return t.shadow;
   const e = [], n = [];
@@ -16074,12 +16077,12 @@ function Iw(t) {
     stylesheetLinksHtml: n.join("")
   }, t.shadow;
 }
-function $w(t, e, n, r) {
-  const i = Pw(e);
+function kw(t, e, n, r) {
+  const i = Mw(e);
   if (!i) return !1;
   hs(t);
   const o = i.head.map(({ kind: a, content: c }) => {
-    const d = tl(a), u = Aw(a, c, d), f = d.get(u);
+    const d = tl(a), u = Ow(a, c, d), f = d.get(u);
     if (f)
       f.references += 1;
     else {
@@ -16098,7 +16101,7 @@ function $w(t, e, n, r) {
     shadow: null
   }), Vt += s, !0;
 }
-function kw(t, e) {
+function Tw(t, e) {
   let n = au.get(t);
   n || (n = /* @__PURE__ */ new Map(), au.set(t, n));
   const r = n.get(e);
@@ -16117,7 +16120,7 @@ function kw(t, e) {
   } else /^<link\b/i.test(i) && (s = { kind: "link", html: i });
   return s && n.set(e, s), s;
 }
-function Tw(t) {
+function Dw(t) {
   if (t.shadow) return t.shadow;
   const e = t.bundle.frames[t.frameId];
   if (!e)
@@ -16125,7 +16128,7 @@ function Tw(t) {
   const n = [], r = [];
   for (const i of e.head) {
     if (i.kind !== "stylesheet") continue;
-    const o = kw(
+    const o = Tw(
       t.bundle,
       i.hash
     );
@@ -16162,14 +16165,14 @@ function Tw(t) {
 function fi(t) {
   const e = it.get(t);
   if (e)
-    return it.delete(t), e.lastAccess = Date.now(), it.set(t, e), Iw(e);
+    return it.delete(t), e.lastAccess = Date.now(), it.set(t, e), $w(e);
   const n = Wt.get(t);
-  return n ? Tw(n) : null;
+  return n ? Dw(n) : null;
 }
-function Dw(t) {
+function Rw(t) {
   return t.split(":", 1)[0] ?? "";
 }
-function f1(t, e) {
+function h1(t, e) {
   var x;
   const n = Ur(e.namespace), r = (t == null ? void 0 : t.version) === 2 ? Ps(t) : null, i = (t == null ? void 0 : t.version) === 3 ? Ms(t) : null;
   if (!t || t.version !== 1 && t.version !== 2 && t.version !== 3 || typeof t.namespace != "string" || !t.namespace.trim() || t.namespace !== t.namespace.trim() || t.sourceRevision != null && (typeof t.sourceRevision != "string" || !t.sourceRevision.trim() || t.sourceRevision !== t.sourceRevision.trim()) || t.version === 1 && (!t.snapshots || typeof t.snapshots != "object" || Array.isArray(t.snapshots)) || t.version === 2 && !(r != null && r.valid) || t.version === 3 && !(i != null && i.valid))
@@ -16177,7 +16180,7 @@ function f1(t, e) {
   const o = t.namespace !== n;
   if (o && !e.allowStaleIdentity)
     return { accepted: 0, rejected: 0, reason: "namespace-mismatch" };
-  const s = Dw(
+  const s = Rw(
     e.previewRevision
   ), a = t.sourceRevision != null && t.sourceRevision !== s;
   if (a && !e.allowStaleIdentity)
@@ -16241,7 +16244,7 @@ function f1(t, e) {
         status: O.status,
         diagnostics: O.diagnostics,
         ...w ? { stale: !0 } : {},
-        screenshot: Ew(
+        screenshot: Aw(
           t,
           S
         )
@@ -16312,7 +16315,7 @@ function Dr(t) {
     return Tr;
   }
 }
-function h1(t) {
+function p1(t) {
   Tr = Ur(t);
 }
 function Ih() {
@@ -16328,21 +16331,21 @@ function Gn(t) {
     t.oncomplete = () => e(), t.onabort = () => n(t.error ?? new Error("IndexedDB transaction aborted")), t.onerror = () => n(t.error ?? new Error("IndexedDB transaction failed"));
   });
 }
-function Rw(t) {
+function zw(t) {
   const e = [...t].filter(
     (i) => i && typeof i.key == "string" && Number.isFinite(i.lastAccess)
   ).sort((i, o) => o.lastAccess - i.lastAccess);
   let n = 0;
   const r = [];
   return e.forEach((i, o) => {
-    n += Number(i.bytes) || 0, (o >= fw || n > hw) && r.push(i.key);
+    n += Number(i.bytes) || 0, (o >= hw || n > pw) && r.push(i.key);
   }), r;
 }
-async function zw() {
+async function Fw() {
   const t = globalThis.indexedDB;
   if (!t) throw new Error("IndexedDB unavailable");
   return new Promise((e, n) => {
-    const r = t.open(gw, 1);
+    const r = t.open(bw, 1);
     r.onupgradeneeded = () => {
       const i = r.result;
       if (i.objectStoreNames.contains(tt)) return;
@@ -16353,7 +16356,7 @@ async function zw() {
     }, r.onsuccess = () => e(r.result), r.onerror = () => n(r.error ?? new Error("IndexedDB open failed")), r.onblocked = () => n(new Error("IndexedDB open blocked"));
   });
 }
-class Fw {
+class Lw {
   constructor(e) {
     I(this, "pruneScheduled", !1);
     I(this, "pruneInFlight", null);
@@ -16397,7 +16400,7 @@ class Fw {
       e.objectStore(tt).getAll()
     );
     await n;
-    const i = Rw(r);
+    const i = zw(r);
     if (!i.length) return;
     const o = this.database.transaction(
       tt,
@@ -16426,8 +16429,8 @@ class Fw {
 async function Is() {
   return Eo || (Eo = (async () => {
     try {
-      return new Fw(
-        await zw()
+      return new Lw(
+        await Fw()
       );
     } catch {
       return null;
@@ -16436,7 +16439,7 @@ async function Is() {
 }
 function xc() {
   Ca || (Ca = !0, queueMicrotask(() => {
-    for (Ca = !1; Co < pw && jo.length > 0; ) {
+    for (Ca = !1; Co < mw && jo.length > 0; ) {
       jo.sort(
         (e, n) => e.priority - n.priority || e.order - n.order
       );
@@ -16451,7 +16454,7 @@ function xc() {
     }
   }));
 }
-function Lw(t, e, n) {
+function jw(t, e, n) {
   const r = us.get(t);
   if (r)
     return r.request.priority = Math.min(r.request.priority, e), xc(), r.promise;
@@ -16459,7 +16462,7 @@ function Lw(t, e, n) {
   const o = new Promise((s, a) => {
     i = {
       key: t,
-      order: xw++,
+      order: yw++,
       priority: Number.isFinite(e) ? e : 0,
       task: n,
       resolve: s,
@@ -16473,27 +16476,27 @@ function Lw(t, e, n) {
 }
 function Ni() {
   _a || (_a = !0, queueMicrotask(() => {
-    _a = !1, Bw();
+    _a = !1, Hw();
   }));
 }
-function jw() {
+function Vw() {
   var t;
   for (let e = Rt.length - 1; e >= 0; e -= 1)
     (t = Rt[e]) != null && t.cancelled && Rt.splice(e, 1);
 }
-function Vw() {
-  if (jw(), Rt.length === 0) return null;
+function Bw() {
+  if (Vw(), Rt.length === 0) return null;
   let t = 0, e = 0;
   for (let i = 1; i < Rt.length; i += 1) {
     const o = Rt[i], s = Rt[t], a = Rt[e];
     o.order < s.order && (t = i), (o.priority < a.priority || o.priority === a.priority && o.order < a.order) && (e = i);
   }
-  const r = e !== t && Lo >= lw ? t : e;
+  const r = e !== t && Lo >= dw ? t : e;
   return r === t ? Lo = 0 : Lo += 1, Rt.splice(r, 1)[0] ?? null;
 }
-function Bw() {
+function Hw() {
   for (; mi < Nh && Rt.length > 0; ) {
-    const t = Vw();
+    const t = Bw();
     if (!t) break;
     mi += 1, _n();
     let e = !1;
@@ -16504,7 +16507,7 @@ function Bw() {
   }
   Rt.length === 0 && (Lo = 0);
 }
-function Hw(t = 0) {
+function Ww(t = 0) {
   let e;
   return {
     promise: new Promise((r) => {
@@ -16527,7 +16530,7 @@ function Hw(t = 0) {
     }
   };
 }
-function p1(t) {
+function m1(t) {
   const e = Number.isFinite(t) ? Math.floor(t) : Sh();
   Nh = Math.min(yh, Math.max(1, e)), Ni();
 }
@@ -16537,7 +16540,7 @@ function wn(t) {
     return nt.delete(t), e.lastAccess = Date.now(), nt.set(t, e), e.value;
   const n = it.get(t);
   if (n)
-    return it.delete(t), n.lastAccess = Date.now(), it.set(t, n), Mw(n);
+    return it.delete(t), n.lastAccess = Date.now(), it.set(t, n), Iw(n);
   const r = Wt.get(t);
   if (!r) return null;
   const i = hh(
@@ -16555,12 +16558,12 @@ function nl(t, e, n = Dr(t), r = Date.now()) {
   const o = nt.get(t);
   o && (Vt -= o.bytes, nt.delete(t));
   const s = Ur(n);
-  for ($w(t, e, s, r) || (nt.set(t, {
+  for (kw(t, e, s, r) || (nt.set(t, {
     bytes: i,
     value: e,
     namespace: s,
     lastAccess: r
-  }), Vt += i), ((a = Xt.get(t)) == null ? void 0 : a.stale) === !0 && (Xt.delete(t), Ui()); nt.size + it.size > dw || Vt > uw; ) {
+  }), Vt += i), ((a = Xt.get(t)) == null ? void 0 : a.stale) === !0 && (Xt.delete(t), Ui()); nt.size + it.size > uw || Vt > fw; ) {
     const u = nt.keys().next().value, f = it.keys().next().value, p = u ? ((c = nt.get(u)) == null ? void 0 : c.lastAccess) ?? Number.POSITIVE_INFINITY : Number.POSITIVE_INFINITY, g = f ? ((d = it.get(f)) == null ? void 0 : d.lastAccess) ?? Number.POSITIVE_INFINITY : Number.POSITIVE_INFINITY, x = p <= g ? u : f;
     if (!x) break;
     const v = nt.get(x);
@@ -16592,7 +16595,7 @@ function rl(t, e) {
   const n = nl(t, e);
   return n && kh(t, e), n;
 }
-function Ww(t) {
+function Kw(t) {
   if (Wt.has(t)) return Promise.resolve(null);
   const e = wn(t);
   if (e) return Promise.resolve(e);
@@ -16630,7 +16633,7 @@ function Ww(t) {
   });
   return Ao.set(t, i), i;
 }
-async function Kw(t) {
+async function Uw(t) {
   const e = [...new Set(t.filter(Boolean))], n = /* @__PURE__ */ new Map(), r = [];
   for (const u of e) {
     if (Wt.has(u)) continue;
@@ -16694,20 +16697,20 @@ async function Kw(t) {
       ), p && _n();
     }
   }
-  yw();
+  ww();
   try {
     await Promise.all(
       Array.from(
-        { length: Math.min(mw, a.length) },
+        { length: Math.min(gw, a.length) },
         () => d()
       )
     );
   } finally {
-    ww();
+    Sw();
   }
   return n;
 }
-function m1(t) {
+function g1(t) {
   const e = t ? Ur(t) : null;
   if (!e)
     nt.clear(), it.clear(), _h.clear(), Jc.clear(), Wt.clear(), Xt.clear(), Vr.clear(), Vt = 0;
@@ -16740,7 +16743,7 @@ function Th(t, e, n) {
   const r = Zn.get(t);
   if (r)
     return r.ticket.updatePriority(e), r.promise;
-  const i = Hw(e), o = (async () => {
+  const i = Ww(e), o = (async () => {
     const s = await i.promise;
     try {
       return await n();
@@ -16773,7 +16776,7 @@ function uu(t, e, n, r = t) {
     taskKey: a,
     promise: Promise.resolve(null)
   };
-  return c.promise = Ww(t).then((d) => d || un !== s ? d : Th(a, c.priority, async () => {
+  return c.promise = Kw(t).then((d) => d || un !== s ? d : Th(a, c.priority, async () => {
     const u = wn(t);
     if (u) return u;
     const f = await n();
@@ -16782,7 +16785,7 @@ function uu(t, e, n, r = t) {
     _o.get(r) === c && _o.delete(r);
   }), _o.set(r, c), c.promise;
 }
-function Uw(t, e) {
+function qw(t, e) {
   const n = t.querySelectorAll(
     "input, textarea, select"
   ), r = e.querySelectorAll(
@@ -16810,7 +16813,7 @@ function Uw(t, e) {
     }
   });
 }
-function qw(t, e) {
+function Yw(t, e) {
   const n = t.querySelectorAll("canvas"), r = e.querySelectorAll("canvas");
   n.forEach((i, o) => {
     const s = r[o];
@@ -16822,13 +16825,13 @@ function qw(t, e) {
       }
   });
 }
-function Yw(t, e) {
+function Gw(t, e) {
   var n;
   try {
     const r = t.contentDocument;
     if (!(r != null && r.documentElement)) return null;
     const i = r.documentElement.cloneNode(!0);
-    Uw(r, i), qw(r, i), i.querySelectorAll('script, noscript, iframe, object, embed, link[rel="modulepreload"], link[rel="preload"][as="script"]').forEach((d) => d.remove()), i.querySelectorAll("*").forEach((d) => {
+    qw(r, i), Yw(r, i), i.querySelectorAll('script, noscript, iframe, object, embed, link[rel="modulepreload"], link[rel="preload"][as="script"]').forEach((d) => d.remove()), i.querySelectorAll("*").forEach((d) => {
       for (const u of Array.from(d.attributes))
         u.name.toLowerCase().startsWith("on") && d.removeAttribute(u.name);
     });
@@ -16844,13 +16847,13 @@ function Yw(t, e) {
     return null;
   }
 }
-function Gw({
+function Xw({
   hasScreenshot: t,
   hasDomSnapshot: e
 }) {
   return t ? "screenshot" : e ? "dom" : "none";
 }
-function Xw({
+function Jw({
   stale: t,
   resolution: e,
   captureStatus: n,
@@ -16894,13 +16897,13 @@ function Xw({
     retryable: !1
   } : null;
 }
-function Jw({
+function Zw({
   active: t,
   live: e
 }) {
   return e ? t ? "canvas" : "isolated-producer" : "none";
 }
-const Zw = /* @__PURE__ */ new Set([
+const Qw = /* @__PURE__ */ new Set([
   "embed",
   "iframe",
   "object",
@@ -16919,16 +16922,16 @@ const Zw = /* @__PURE__ */ new Set([
   ":host>html,:host>html>body{display:block;box-sizing:border-box;width:100%;height:100%;margin:0;}",
   "*,*::before,*::after{animation:none!important;transition:none!important;caret-color:transparent!important;}",
   'a,button,input,select,textarea,[role="button"]{pointer-events:none!important;}'
-].join(""), Qw = bi(Rh);
+].join(""), e0 = bi(Rh);
 function ps(t) {
   return t.replaceAll(`\r
 `, `
 `).trim();
 }
-function e0(t) {
+function t0(t) {
   return t.replace(/:root\b/g, ":host>html");
 }
-const t0 = /* @__PURE__ */ new Map([
+const n0 = /* @__PURE__ */ new Map([
   ["vw", "cqw"],
   ["svw", "cqw"],
   ["lvw", "cqw"],
@@ -16940,16 +16943,16 @@ const t0 = /* @__PURE__ */ new Map([
   ["vmin", "cqmin"],
   ["vmax", "cqmax"]
 ]);
-function n0(t) {
+function r0(t) {
   return t.replace(
     /(-?(?:\d+(?:\.\d*)?|\.\d+))(d?vw|d?vh|svw|svh|lvw|lvh|vmin|vmax)\b/gi,
-    (e, n, r) => `${n}${t0.get(r.toLowerCase())}`
+    (e, n, r) => `${n}${n0.get(r.toLowerCase())}`
   );
 }
 function fu(t) {
   let e = "", n = 0, r = 0;
   const i = (o) => {
-    e += n0(t.slice(n, o));
+    e += r0(t.slice(n, o));
   };
   for (; r < t.length; ) {
     const o = t[r], s = t[r + 1];
@@ -17013,7 +17016,7 @@ function ol(t) {
   ))
     throw new Error("The frozen preview contains active or unsafe content.");
 }
-function r0(t) {
+function i0(t) {
   const e = [];
   return t.replace(
     /<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi,
@@ -17021,7 +17024,7 @@ function r0(t) {
   ), e.join(`
 `);
 }
-function i0(t) {
+function o0(t) {
   var r;
   const e = ((r = t.match(/<head\b[^>]*>([\s\S]*?)<\/head\s*>/i)) == null ? void 0 : r[1]) ?? "", n = [];
   return e.replace(/<link\b[^>]*>/gi, (i) => {
@@ -17029,12 +17032,12 @@ function i0(t) {
     return ((o == null ? void 0 : o[1]) ?? (o == null ? void 0 : o[2]) ?? (o == null ? void 0 : o[3]) ?? "").toLowerCase().split(/\s+/).includes("stylesheet") && n.push(i), "";
   }), n.join("");
 }
-function o0(t) {
+function s0(t) {
   if (t.snapshot != null && t.bodyHtml != null)
     throw new Error("Provide either snapshot or bodyHtml, not both.");
   const e = t.snapshot ?? t.bodyHtml ?? "";
   ol(e);
-  const n = r0(e), r = e.match(/<body\b[^>]*>([\s\S]*?)<\/body\s*>/i), i = ((r == null ? void 0 : r[1]) ?? e).replace(
+  const n = i0(e), r = e.match(/<body\b[^>]*>([\s\S]*?)<\/body\s*>/i), i = ((r == null ? void 0 : r[1]) ?? e).replace(
     /<style\b[^>]*>[\s\S]*?<\/style\s*>/gi,
     ""
   ), o = [t.sharedCssText ?? "", n].map(ps).filter(Boolean).join(`
@@ -17042,12 +17045,12 @@ function o0(t) {
   return Br(o), {
     bodyHtml: i,
     sharedCssText: o,
-    stylesheetLinksHtml: t.snapshot ? i0(t.snapshot) : ""
+    stylesheetLinksHtml: t.snapshot ? o0(t.snapshot) : ""
   };
 }
 function er(t, e) {
   Br(t);
-  const n = e0(t), r = zi(e);
+  const n = t0(t), r = zi(e);
   if (!r) return fu(n);
   const i = (a) => {
     const c = a.trim();
@@ -17086,7 +17089,7 @@ function Bo(t, e, n) {
   r.innerHTML = e;
   const i = zi(n);
   for (const s of Array.from(r.content.querySelectorAll("*"))) {
-    if (Zw.has(s.localName.toLowerCase()))
+    if (Qw.has(s.localName.toLowerCase()))
       throw new Error("The frozen preview contains a blocked element.");
     for (const a of Array.from(s.attributes)) {
       const c = a.name.toLowerCase();
@@ -17117,7 +17120,7 @@ function Bo(t, e, n) {
   }
   return r.content;
 }
-function s0(t) {
+function a0(t) {
   if (t.nodeType === 9) return t;
   const e = t.ownerDocument;
   if (!e) throw new Error("The preview root is not connected to a document.");
@@ -17168,9 +17171,9 @@ function pu(t, e, n, r) {
       r
     );
 }
-function a0(t, e, n = {}) {
+function c0(t, e, n = {}) {
   var a;
-  const r = s0(t), i = [], o = [];
+  const r = a0(t), i = [], o = [];
   for (const c of e) {
     let d;
     try {
@@ -17255,7 +17258,7 @@ function a0(t, e, n = {}) {
     }
   };
 }
-function c0(t, e) {
+function l0(t, e) {
   var i;
   const r = (i = t.host.ownerDocument.defaultView) == null ? void 0 : i.CSSStyleSheet;
   if (!r || !("adoptedStyleSheets" in t)) return null;
@@ -17266,7 +17269,7 @@ function c0(t, e) {
     return null;
   }
 }
-class l0 {
+class d0 {
   constructor() {
     I(this, "sharedStyles", /* @__PURE__ */ new Map());
     I(this, "overrideStyles", /* @__PURE__ */ new Map());
@@ -17279,7 +17282,7 @@ class l0 {
         key: r,
         sourceText: a,
         text: a,
-        sheet: c0(n, a),
+        sheet: l0(n, a),
         roots: /* @__PURE__ */ new Map()
       }, e.set(r, c);
     else if (c.sourceText !== a && !o)
@@ -17395,10 +17398,10 @@ class l0 {
     }
   }
 }
-const d0 = new l0(), Oo = /* @__PURE__ */ new WeakMap();
-function u0(t, e, n = d0) {
+const u0 = new d0(), Oo = /* @__PURE__ */ new WeakMap();
+function f0(t, e, n = u0) {
   var E, $, X;
-  const r = o0(e), i = t.shadowRoot ?? t.attachShadow({ mode: "open" });
+  const r = s0(e), i = t.shadowRoot ?? t.attachShadow({ mode: "open" });
   (E = Oo.get(i)) == null || E.teardown(), i.replaceChildren();
   const o = t.ownerDocument, s = zi(e.baseUrl) ?? void 0, a = o.createElement("html"), c = o.createElement("body");
   if (c.dataset.pygmalionShadowPreview = "", e.snapshot) {
@@ -17449,7 +17452,7 @@ function u0(t, e, n = d0) {
     [g, ...x.map((ee) => ee.key)].join(":")
   ), S = ((X = e.overrideKey) == null ? void 0 : X.trim()) || `preview:${v}`, N = n.acquireShared(
     i,
-    Qw,
+    e0,
     Rh
   ), C = n.acquireShared(i, g, p), R = n.acquireSharedMany(
     i,
@@ -17492,8 +17495,8 @@ function u0(t, e, n = d0) {
   };
   return Oo.set(i, w), w;
 }
-const mu = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", gn = 200, nn = 280, f0 = 480, Pa = "absolute bottom-11 left-1/2 z-40 w-44 -translate-x-1/2 rounded-xl bg-[#1e1e1e] p-1.5 text-[12px] shadow-[0_4px_20px_rgba(0,0,0,.25)]", hi = (t) => `flex h-9 w-9 items-center justify-center rounded-lg ${t ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
-class h0 extends bp {
+const mu = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", gn = 200, nn = 280, h0 = 480, Pa = "absolute bottom-11 left-1/2 z-40 w-44 -translate-x-1/2 rounded-xl bg-[#1e1e1e] p-1.5 text-[12px] shadow-[0_4px_20px_rgba(0,0,0,.25)]", hi = (t) => `flex h-9 w-9 items-center justify-center rounded-lg ${t ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
+class p0 extends bp {
   constructor() {
     super(...arguments);
     I(this, "state", { failed: !1 });
@@ -17514,7 +17517,7 @@ class h0 extends bp {
 function Ho(t) {
   return Kr(
     t.environment,
-    t.id === m.activePageId ? vy() : void 0
+    t.id === m.activePageId ? xy() : void 0
   );
 }
 function tr(t, e, n = {
@@ -17564,7 +17567,7 @@ function Xn({
     )
   );
 }
-const p0 = [
+const m0 = [
   { edge: "nw", cursor: "nwse-resize", style: { left: -5, top: -5 } },
   { edge: "n", cursor: "ns-resize", style: { left: "50%", top: -5, transform: "translateX(-50%)" } },
   { edge: "ne", cursor: "nesw-resize", style: { right: -5, top: -5 } },
@@ -17610,7 +17613,7 @@ function Lh({
         children: /* @__PURE__ */ l(qc, { size: 12 })
       }
     ),
-    p0.map((o) => /* @__PURE__ */ l(
+    m0.map((o) => /* @__PURE__ */ l(
       "button",
       {
         type: "button",
@@ -17625,7 +17628,7 @@ function Lh({
   ] });
 }
 const jh = 28;
-function m0(t) {
+function g0(t) {
   const e = t.explicit ? 0 : jh;
   return {
     x: t.x0 - e,
@@ -17652,7 +17655,7 @@ function Vh() {
   }
   return t;
 }
-const g0 = lt(function() {
+const b0 = lt(function() {
   const e = m.sectionRenameTarget, n = (o, s) => {
     m.renameSection(m.activeCanvas, o, s), m.setSectionRenameTarget(null);
   }, r = (o, s) => (a) => {
@@ -17699,7 +17702,7 @@ const g0 = lt(function() {
   };
   return /* @__PURE__ */ l(Ye, { children: [...Vh().entries()].map(([o, s]) => {
     var d;
-    const a = m0(s), c = ((d = m.selectedCanvasObject) == null ? void 0 : d.kind) === "section" && m.selectedCanvasObject.name === o;
+    const a = g0(s), c = ((d = m.selectedCanvasObject) == null ? void 0 : d.kind) === "section" && m.selectedCanvasObject.name === o;
     return /* @__PURE__ */ b(
       "div",
       {
@@ -17794,7 +17797,7 @@ const g0 = lt(function() {
     );
   }) });
 });
-function b0({
+function v0({
   page: t,
   snapshot: e,
   height: n,
@@ -17860,34 +17863,34 @@ function b0({
           K.setAttribute("hidden", ""), K.setAttribute("data-pygmalion-sandbox-replay", "source");
           let je = bu(Ee);
           const yt = () => {
-            const Oe = je;
-            je = null, Ee.remove(), K.toggleAttribute("hidden", ot), K.removeAttribute("data-pygmalion-sandbox-replay"), Oe && queueMicrotask(() => Oe.unmount());
+            const Pe = je;
+            je = null, Ee.remove(), K.toggleAttribute("hidden", ot), K.removeAttribute("data-pygmalion-sandbox-replay"), Pe && queueMicrotask(() => Pe.unmount());
           };
           $.push(yt);
-          const st = (Oe) => {
+          const st = (Pe) => {
             if (u.current !== Y) return;
             ee += 1;
-            const M = Oe instanceof Error ? Oe.message : String(Oe), he = `Component sandbox rendering failed:${se.name} · ${M}`;
+            const M = Pe instanceof Error ? Pe.message : String(Pe), he = `Component sandbox rendering failed:${se.name} · ${M}`;
             w.push(he), Ee.setAttribute("data-pygmalion-sandbox-replay", "stale"), K.toggleAttribute("hidden", ot), x("stale"), p((re) => {
               const me = [.../* @__PURE__ */ new Set([...re, he])];
               return o == null || o(me), me;
             });
           };
           try {
-            const Oe = Re.children === "text" ? se.childrenText : void 0;
+            const Pe = Re.children === "text" ? se.childrenText : void 0;
             je == null || je.render(
               cr(
-                h0,
+                p0,
                 { onError: st },
                 cr(
                   Re.component,
                   { ...se.props },
-                  Oe
+                  Pe
                 )
               )
             ), X += 1;
-          } catch (Oe) {
-            st(Oe);
+          } catch (Pe) {
+            st(Pe);
           }
           continue;
         }
@@ -18014,8 +18017,8 @@ function b0({
     }
   );
 }
-const v0 = lt(b0), Po = /* @__PURE__ */ new Map();
-async function x0(t, e) {
+const x0 = lt(v0), Po = /* @__PURE__ */ new Map();
+async function y0(t, e) {
   const n = _e()[e.name];
   if (!n)
     throw new Error(`Component registry entry not found:${e.name}`);
@@ -18038,7 +18041,7 @@ async function x0(t, e) {
   });
   return Po.set(r, o), o;
 }
-const y0 = lt(function({
+const w0 = lt(function({
   page: e,
   snapshot: n,
   artifact: r,
@@ -18058,7 +18061,7 @@ const y0 = lt(function({
     if (!w) return;
     let E = null;
     try {
-      E = u0(w, {
+      E = f0(w, {
         ...r ? {
           bodyHtml: r.bodyHtml,
           bodyAttributes: r.bodyAttributes,
@@ -18090,7 +18093,7 @@ const y0 = lt(function({
     if (!w) return;
     f.current();
     let E = !1;
-    const $ = a0(w.root, R, {
+    const $ = c0(w.root, R, {
       baseUrl: o
     }), X = [$.cleanup], ee = [...$.issues], Ie = w.root.host.ownerDocument, xe = () => {
       const K = [...new Set(ee)];
@@ -18108,7 +18111,7 @@ const y0 = lt(function({
         return ee.push(`DOM selector cannot be applied:${K.key}`), [];
       }
       return ge.length ? [
-        x0(s, K.component).then(
+        y0(s, K.component).then(
           (J) => ({ elements: ge, markup: J, mutation: K }),
           (J) => (ee.push(J instanceof Error ? J.message : String(J)), null)
         )
@@ -18199,7 +18202,7 @@ const y0 = lt(function({
       ]
     }
   );
-}), w0 = lt(function({
+}), S0 = lt(function({
   page: e,
   active: n,
   selected: r,
@@ -18230,7 +18233,7 @@ const y0 = lt(function({
       width: e.width ?? 390,
       height: e.height ?? 600
     }
-  ), fe = `${s}|${V}`, K = e.route ? nw(
+  ), fe = `${s}|${V}`, K = e.route ? rw(
     {
       canonicalId: e.importPageId ?? e.id,
       route: e.route,
@@ -18249,10 +18252,10 @@ const y0 = lt(function({
     fs,
     fs
   );
-  const ge = fi(V), J = Cw(V), Me = Si(
+  const ge = fi(V), J = Ew(V), Me = Si(
     e.importPageId ?? e.id,
     K ?? void 0
-  ), pe = Xw({
+  ), pe = Jw({
     stale: (J == null ? void 0 : J.stale) === !0,
     resolution: Me,
     captureStatus: J == null ? void 0 : J.status,
@@ -18260,20 +18263,20 @@ const y0 = lt(function({
   }), [se, Re] = W(
     () => ge ? null : wn(V)
   ), [Ee, ot] = W(!1), [je, yt] = W(!1), st = At(
-    Ox,
-    () => Ax(e.id),
+    Px,
+    () => Ox(e.id),
     () => !1
-  ), Oe = ue(null), M = () => {
-    e.route == null || e.layersImported || oe || Oe.current == null && (Oe.current = setTimeout(() => {
-      Oe.current = null, th(e.id);
+  ), Pe = ue(null), M = () => {
+    e.route == null || e.layersImported || oe || Pe.current == null && (Pe.current = setTimeout(() => {
+      Pe.current = null, th(e.id);
     }, 220));
   }, he = () => {
-    Oe.current != null && (clearTimeout(Oe.current), Oe.current = null);
+    Pe.current != null && (clearTimeout(Pe.current), Pe.current = null);
   };
   ae(() => he, []), ae(() => {
-    e.layersImported && Ex(e.id);
+    e.layersImported && Ax(e.id);
   }, [e.layersImported, e.id]);
-  const [re, me] = W(!1), [D, le] = W(null), [ce, G] = W(0), [we, $e] = W([]), be = se ?? (o && !ge ? wn(V) : null), Ce = ge != null || be != null || (J == null ? void 0 : J.screenshot) != null, oe = n, Pe = Mo(() => !r || e.route == null || !e.layersImported ? null : U === V && be != null ? be : wn(U) ?? be, [
+  const [re, me] = W(!1), [D, le] = W(null), [ce, G] = W(0), [we, $e] = W([]), be = se ?? (o && !ge ? wn(V) : null), Ce = ge != null || be != null || (J == null ? void 0 : J.screenshot) != null, oe = n, Ae = Mo(() => !r || e.route == null || !e.layersImported ? null : U === V && be != null ? be : wn(U) ?? be, [
     U,
     o,
     be,
@@ -18281,7 +18284,10 @@ const y0 = lt(function({
     e.route,
     V,
     r
-  ]), Ue = Pe != null;
+  ]), Ue = mx(
+    Ae != null,
+    O != null
+  ) === "responsive-preview";
   ae(() => {
     const B = c.current;
     if (!B || typeof IntersectionObserver > "u") {
@@ -18342,7 +18348,7 @@ const y0 = lt(function({
     const ie = (L) => {
       if (!B) return;
       ot(!1);
-      const Ne = vw(ce);
+      const Ne = xw(ce);
       if (Ne == null) {
         le(
           L instanceof Error ? L.message : "Failed to pin screen preview."
@@ -18466,7 +18472,7 @@ const y0 = lt(function({
     fe,
     Ce
   ]);
-  const wt = Ix(e, { detailActive: oe }) ? Mx({
+  const wt = $x(e, { detailActive: oe }) ? Ix({
     origin: s,
     route: e.route ?? "",
     environment: Ho(e),
@@ -18475,7 +18481,7 @@ const y0 = lt(function({
   }) : null, qi = async (B, q, ie) => {
     const Se = wt;
     if (Se == null) return !1;
-    const A = Tx();
+    const A = Dx();
     let ne = null;
     try {
       ne = await A.lease({
@@ -18545,7 +18551,7 @@ const y0 = lt(function({
           e.id,
           ie.error ?? `${ie.failedLabel ?? "Screen Capture Conditions"}Could not reproduce .`
         ), !1;
-      const Se = await Lw(
+      const Se = await jw(
         V,
         n ? -1e4 : w ? -1e3 : 0,
         async () => u.current !== q || e.layersImported || m.activePageId !== e.id ? null : B.captureIframeWhenStable(q)
@@ -18604,18 +18610,18 @@ const y0 = lt(function({
       }), Y(null);
     };
     window.addEventListener("mousemove", F), window.addEventListener("mouseup", z);
-  }, St = e.frameSizeMode === "content" || oe || w, Ge = bw({
+  }, St = e.frameSizeMode === "content" || oe || w, Ge = vw({
     hasRoute: e.route != null,
     layersImported: !!e.layersImported,
     cacheHydrated: o,
     hasSnapshot: Ce,
     liveGranted: Ee
-  }), qt = Ge === "live" || re || (oe || st) && e.route != null && !e.layersImported, We = Jw({
+  }), qt = Ge === "live" || re || (oe || st) && e.route != null && !e.layersImported, We = Zw({
     // Keep a frame being prepared at its canvas position. Preparing it elsewhere
     // would move the iframe to another parent on open, reload it, and waste the work.
     active: oe || st,
     live: qt
-  }), Yi = !i && Ce, Gi = Gw({
+  }), Yi = !i && Ce, Gi = Xw({
     hasScreenshot: (J == null ? void 0 : J.screenshot) != null,
     hasDomSnapshot: ge != null || be != null
   }), ks = e.layersImported && m.pageRequiresLiveSharedPreview(e), Xi = Ce && m.frozenPreviewMutations().some((B) => !!B.staleReason);
@@ -18656,7 +18662,7 @@ const y0 = lt(function({
             () => requestAnimationFrame(() => ne())
           );
         });
-        const A = ie ? Yw(
+        const A = ie ? Gw(
           ie,
           `${s}${e.route ?? ""}`
         ) : null;
@@ -18852,11 +18858,11 @@ const y0 = lt(function({
                           )
                         }
                       )
-                    ] }) : e.layersImported && St && (oe || e.route == null || ks) ? oe ? Ue ? /* @__PURE__ */ l(
-                      v0,
+                    ] }) : e.layersImported && St && (oe || e.route == null || ks) ? oe ? Ue && Ae != null ? /* @__PURE__ */ l(
+                      x0,
                       {
                         page: e,
-                        snapshot: Pe,
+                        snapshot: Ae,
                         height: X,
                         onDocumentHeightChange: (B) => {
                           m.setPageDocumentHeight(e.id, B);
@@ -18883,7 +18889,7 @@ const y0 = lt(function({
                         }
                       }
                     ) : Gi === "dom" ? /* @__PURE__ */ l(
-                      y0,
+                      w0,
                       {
                         page: e,
                         snapshot: be ?? void 0,
@@ -19060,8 +19066,8 @@ const y0 = lt(function({
       `preview-producer:${fe}`
     )
   ] });
-}), g1 = lt(function() {
-  var Oe;
+}), b1 = lt(function() {
+  var Pe;
   const e = ue(null), n = ue(null), r = ue(null), i = () => {
     r.current != null && (clearTimeout(r.current), r.current = null);
   };
@@ -19072,7 +19078,7 @@ const y0 = lt(function({
     Ii
   );
   At(
-    Sw,
+    Nw,
     cu,
     cu
   ), At(
@@ -19122,10 +19128,10 @@ const y0 = lt(function({
         )
       ])
     )
-  ], p = Oy(f), [g, x] = W("");
+  ], p = Py(f), [g, x] = W("");
   ae(() => {
     let M = !0;
-    return x(""), Kw(f).then(() => {
+    return x(""), Uw(f).then(() => {
       M && x(p);
     }), () => {
       M = !1;
@@ -19134,7 +19140,7 @@ const y0 = lt(function({
   const v = g === p, S = u.filter(
     (M) => Zc(M)
   ).length, N = u.filter(
-    (M) => _w(M)
+    (M) => Cw(M)
   ).length, C = u.length, R = v && N === C, [O, Y] = W(!1), [w, E] = W(null), [$, X] = W("layers"), [ee, Ie] = W("story"), [xe, V] = W(null), U = Object.keys(_e()), fe = m.canAddFrame, K = (M) => {
     m.setTool(M), V(null);
   }, [ge, J] = W(!0), [Me, pe] = W(!0), [se, Re] = W(nn), [Ee, ot] = W(nn), je = ue(!1), yt = (M) => {
@@ -19165,7 +19171,7 @@ const y0 = lt(function({
     const M = e.current;
     if (!M) return;
     const he = (re) => {
-      const me = _x(re);
+      const me = Cx(re);
       if (me !== "native-preview") {
         if (me === "programmatic-preview") {
           re.preventDefault();
@@ -19185,7 +19191,7 @@ const y0 = lt(function({
       if (!D) return;
       const le = m.canvasPages;
       if (!le.length) return;
-      const ce = Math.min(...le.map((Pe) => Pe.x ?? 0)), G = Math.min(...le.map((Pe) => Pe.y ?? 0)), we = Math.max(...le.map((Pe) => (Pe.x ?? 0) + (Pe.width ?? 390))), $e = Math.max(...le.map((Pe) => (Pe.y ?? 0) + (Pe.height ?? 600))), be = we - ce, Ce = $e - G, oe = Math.max(0.25, Math.min((D.clientWidth - 120) / be, (D.clientHeight - 200) / Ce, 1.5));
+      const ce = Math.min(...le.map((Ae) => Ae.x ?? 0)), G = Math.min(...le.map((Ae) => Ae.y ?? 0)), we = Math.max(...le.map((Ae) => (Ae.x ?? 0) + (Ae.width ?? 390))), $e = Math.max(...le.map((Ae) => (Ae.y ?? 0) + (Ae.height ?? 600))), be = we - ce, Ce = $e - G, oe = Math.max(0.25, Math.min((D.clientWidth - 120) / be, (D.clientHeight - 200) / Ce, 1.5));
       m.setZoom(oe), m.setPan((D.clientWidth - be * oe) / 2 - ce * oe, (D.clientHeight - Ce * oe) / 2 - G * oe);
     }, he = () => {
       const D = e.current;
@@ -19372,7 +19378,7 @@ const y0 = lt(function({
     const re = he.clientX, me = M === "left" ? se : Ee, D = (ce) => {
       const G = M === "left" ? ce.clientX - re : re - ce.clientX, we = Math.max(
         gn,
-        Math.min(f0, me + G)
+        Math.min(h0, me + G)
       );
       M === "left" ? Re(we) : ot(we);
     }, le = () => {
@@ -19390,7 +19396,7 @@ const y0 = lt(function({
       "data-preview-frame-count": C,
       "data-preview-cached-count": S,
       "data-preview-exact-count": N,
-      "data-preview-live-count": Nw(),
+      "data-preview-live-count": _w(),
       children: [
         /* @__PURE__ */ l(
           "div",
@@ -19402,17 +19408,17 @@ const y0 = lt(function({
             },
             onPointerMove: (M) => {
               var le;
-              if (!vx(m.editMode, m.tool)) return;
+              if (!xx(m.editMode, m.tool)) return;
               const he = (le = e.current) == null ? void 0 : le.getBoundingClientRect();
               if (!he) return;
-              const re = gx(
+              const re = bx(
                 c,
-                mx(M, he, {
+                gx(M, he, {
                   panX: m.panX,
                   panY: m.panY,
                   zoom: m.zoom
                 })
-              ), me = bx(
+              ), me = vx(
                 n.current,
                 re
               );
@@ -19476,8 +19482,8 @@ const y0 = lt(function({
                   window.removeEventListener("mousemove", we), window.removeEventListener("mouseup", $e), E(null);
                   const Ce = (Ue = e.current) == null ? void 0 : Ue.getBoundingClientRect();
                   if (!Ce) return;
-                  const oe = (wt) => (wt - Ce.left - m.panX) / m.zoom, Pe = (wt) => (wt - Ce.top - m.panY) / m.zoom;
-                  m.createSectionFromRect(oe(G.x), Pe(G.y), oe(be.clientX), Pe(be.clientY));
+                  const oe = (wt) => (wt - Ce.left - m.panX) / m.zoom, Ae = (wt) => (wt - Ce.top - m.panY) / m.zoom;
+                  m.createSectionFromRect(oe(G.x), Ae(G.y), oe(be.clientX), Ae(be.clientY));
                 };
                 window.addEventListener("mousemove", we), window.addEventListener("mouseup", $e);
                 return;
@@ -19487,13 +19493,13 @@ const y0 = lt(function({
               const D = (G) => {
                 if (!me && Math.hypot(G.clientX - re.x, G.clientY - re.y) < 4) return;
                 me = !0, je.current = !0, E({ x0: re.x, y0: re.y, x1: G.clientX, y1: G.clientY });
-                const we = Math.min(re.x, G.clientX), $e = Math.max(re.x, G.clientX), be = Math.min(re.y, G.clientY), Ce = Math.max(re.y, G.clientY), oe = m.root.children.filter((Pe) => {
-                  if (Pe.hidden || Pe.locked) return !1;
-                  const Ue = document.querySelector(`[data-node-id="${Pe.id}"]`);
+                const we = Math.min(re.x, G.clientX), $e = Math.max(re.x, G.clientX), be = Math.min(re.y, G.clientY), Ce = Math.max(re.y, G.clientY), oe = m.root.children.filter((Ae) => {
+                  if (Ae.hidden || Ae.locked) return !1;
+                  const Ue = document.querySelector(`[data-node-id="${Ae.id}"]`);
                   if (!Ue) return !1;
                   const wt = Ue.getBoundingClientRect();
                   return wt.left < $e && wt.right > we && wt.top < Ce && wt.bottom > be;
-                }).map((Pe) => Pe.id);
+                }).map((Ae) => Ae.id);
                 m.setSelection(oe);
               }, le = () => {
                 window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", le), E(null);
@@ -19523,7 +19529,7 @@ const y0 = lt(function({
                   pointerEvents: m.editMode && m.tool === "select" ? void 0 : "none"
                 },
                 children: [
-                  /* @__PURE__ */ l(g0, {}),
+                  /* @__PURE__ */ l(b0, {}),
                   a && /* @__PURE__ */ l(
                     ux,
                     {
@@ -19536,7 +19542,7 @@ const y0 = lt(function({
                   m.pages.filter((M) => M.route != null || (M.canvas ?? "default") === m.activeCanvas).map((M) => {
                     var he;
                     return /* @__PURE__ */ l(
-                      w0,
+                      S0,
                       {
                         page: M,
                         active: M.id === m.activePageId,
@@ -19628,13 +19634,13 @@ const y0 = lt(function({
             )) })
           ] }),
           $ === "layers" ? /* @__PURE__ */ l(
-            dy,
+            uy,
             {
               onFrameFocus: yt,
               storyboardConnectionMode: ee,
               onStoryboardConnectionModeChange: Ie
             }
-          ) : /* @__PURE__ */ l(Wx, { onFrameFocus: yt }),
+          ) : /* @__PURE__ */ l(Kx, { onFrameFocus: yt }),
           /* @__PURE__ */ l(
             "div",
             {
@@ -19753,7 +19759,7 @@ const y0 = lt(function({
             ] })
           ] }),
           /* @__PURE__ */ b("header", { className: "flex h-10 items-center gap-3 border-b border-[#e6e6e6] px-3", children: [
-            /* @__PURE__ */ l("span", { className: "text-[11px] font-semibold text-[#333]", children: ((Oe = m.selectedCanvasObject) == null ? void 0 : Oe.kind) === "frame" ? "Preview" : "Design" }),
+            /* @__PURE__ */ l("span", { className: "text-[11px] font-semibold text-[#333]", children: ((Pe = m.selectedCanvasObject) == null ? void 0 : Pe.kind) === "frame" ? "Preview" : "Design" }),
             /* @__PURE__ */ b("span", { className: "ml-auto flex items-center gap-1 text-[11px] text-[#666]", children: [
               /* @__PURE__ */ l(
                 "button",
@@ -19815,8 +19821,8 @@ const y0 = lt(function({
               )
             ] })
           ] }),
-          /* @__PURE__ */ l(Ay, {}),
-          /* @__PURE__ */ l(ry, {}),
+          /* @__PURE__ */ l(Oy, {}),
+          /* @__PURE__ */ l(iy, {}),
           /* @__PURE__ */ l(
             "div",
             {
@@ -20035,98 +20041,98 @@ const y0 = lt(function({
             children: m.tool === "section" && /* @__PURE__ */ l("div", { style: { position: "absolute", bottom: "100%", left: 0, marginBottom: 4, fontSize: 13, fontWeight: 700, color: "#666" }, children: "Section" })
           }
         ),
-        /* @__PURE__ */ l(Fx, {}),
-        /* @__PURE__ */ l(iy, {}),
+        /* @__PURE__ */ l(Lx, {}),
+        /* @__PURE__ */ l(oy, {}),
         m.previewOpen && /* @__PURE__ */ l(lx, { onClose: () => m.closePreview() })
       ]
     }
   );
 });
 export {
-  Z0 as $,
+  Q0 as $,
   Ea as A,
-  n1 as B,
-  a1 as C,
-  g1 as D,
+  r1 as B,
+  c1 as C,
+  b1 as D,
   H as E,
-  b0 as F,
+  v0 as F,
   Ii as G,
   Mi as H,
-  d1 as I,
-  X0 as J,
-  W0 as K,
-  L0 as L,
-  j0 as M,
+  u1 as I,
+  J0 as J,
+  K0 as K,
+  j0 as L,
+  V0 as M,
   qe as N,
-  B0 as O,
-  H0 as P,
-  qx as Q,
+  H0 as O,
+  W0 as P,
+  Yx as Q,
   Ar as R,
-  t1 as S,
-  Kx as T,
-  Ux as U,
-  uy as V,
+  n1 as S,
+  Ux as T,
+  qx as U,
+  fy as V,
   Fv as W,
-  i1 as X,
-  m1 as Y,
-  ty as Z,
-  T0 as _,
-  M0 as a,
-  k0 as a0,
-  c1 as a1,
-  ew as a2,
+  o1 as X,
+  g1 as Y,
+  ny as Z,
+  D0 as _,
+  I0 as a,
+  T0 as a0,
+  l1 as a1,
+  tw as a2,
   vh as a3,
-  rw as a4,
+  iw as a4,
   oh as a5,
   Zd as a6,
   _v as a7,
-  I0 as a8,
-  $0 as a9,
-  ey as aa,
-  q0 as ab,
+  $0 as a8,
+  k0 as a9,
+  ty as aa,
+  Y0 as ab,
   ki as ac,
-  U0 as ad,
-  gy as ae,
-  my as af,
-  vy as ag,
+  q0 as ad,
+  by as ae,
+  gy as af,
+  xy as ag,
   Sh as ah,
   ds as ai,
   ah as aj,
   yb as ak,
-  s1 as al,
-  o1 as am,
-  Qx as an,
-  J0 as ao,
-  cw as ap,
-  by as aq,
+  a1 as al,
+  s1 as am,
+  ey as an,
+  Z0 as ao,
+  lw as ap,
+  vy as aq,
   Gc as ar,
   ih as as,
   Tf as at,
-  aw as au,
+  cw as au,
   Ms as av,
-  Q0 as b,
-  D0 as c,
-  K0 as d,
+  e1 as b,
+  R0 as c,
+  U0 as d,
   m as e,
-  G0 as f,
-  O0 as g,
-  e1 as h,
-  P0 as i,
-  h1 as j,
-  nw as k,
+  X0 as f,
+  P0 as g,
+  t1 as h,
+  M0 as i,
+  p1 as j,
+  rw as k,
   dc as l,
   Kr as m,
-  p1 as n,
-  F0 as o,
-  V0 as p,
-  R0 as q,
-  z0 as r,
+  m1 as n,
+  L0 as o,
+  B0 as p,
+  z0 as q,
+  F0 as r,
   Yt as s,
-  r1 as t,
-  f1 as u,
-  Y0 as v,
-  l1 as w,
-  Dw as x,
-  u1 as y,
+  i1 as t,
+  h1 as u,
+  G0 as v,
+  d1 as w,
+  Rw as x,
+  f1 as y,
   Si as z
 };