@webx-ui/module-blocks 0.4.1 → 0.5.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as Q, computed as B, openBlock as i, createElementBlock as V, createVNode as u, unref as e, createElementVNode as $, createTextVNode as w, toDisplayString as p, Fragment as H, createCommentVNode as L, renderList as te, ref as U, onMounted as Ce, watch as ie, createBlock as W, withCtx as c, normalizeStyle as ce, reactive as je, onBeforeUnmount as Ze, resolveComponent as vt, isRef as mt, normalizeClass as be, withKeys as lt, withModifiers as He, provide as ht, inject as Ne, useModel as Ut, getCurrentInstance as Nt, mergeModels as Pt, createSlots as Mt } from "vue";
-import { useRoute as Ot, useRouter as bt } from "vue-router";
-import { useTranslate as le, useAdmin as Te, useErrorText as Be, WxDate as Dt, WxBackButton as Rt, WxRenameButton as jt, WxHelpButton as Ht, adminKey as Ft, WxListScreen as qt } from "@webx-ui/module-admin";
-import { WxIcon as oe, WxSkeleton as he, WxText as j, WxBadge as J, WxButton as q, confirm as Me, toast as F, useElementWidth as Ge, WxSegmented as gt, WxCard as ve, WxAlert as kt, WxTabs as Jt, WxTab as me, WxCodeEditor as Ie, WxFormItem as Y, WxInput as ge, WxSelect as yt, WxTextarea as Kt, WxInputNumber as nt, WxTagsInput as at, WxSwitch as Zt, WxActionBar as Gt, useModal as wt, WxDialog as _t, WxEmpty as xt, WxSortableList as Yt, WxAction as Fe, createModal as $t, WxSpace as Qt, WxSkeletonItem as Ue } from "@webx-ui/core";
-import { WxScreenRenderer as Vt, coreTypes as qe } from "@webx-ui/schema";
+import { defineComponent as Q, computed as C, openBlock as i, createElementBlock as V, createVNode as u, unref as e, createElementVNode as $, createTextVNode as _, toDisplayString as v, Fragment as H, createCommentVNode as L, renderList as te, ref as U, onMounted as Te, watch as ie, createBlock as W, withCtx as d, normalizeStyle as ce, reactive as je, onBeforeUnmount as Je, resolveComponent as ft, isRef as vt, normalizeClass as be, withKeys as et, withModifiers as tt, provide as mt, inject as Ne, useModel as It, getCurrentInstance as Ut, mergeModels as Nt, createSlots as Pt } from "vue";
+import { useRoute as Mt, useRouter as ht } from "vue-router";
+import { useTranslate as le, useAdmin as Be, useErrorText as Ce, WxDate as Ot, WxBackButton as Dt, WxRenameButton as Rt, WxHelpButton as jt, WxRowMenu as Ht, adminKey as Ft, WxListScreen as qt } from "@webx-ui/module-admin";
+import { WxIcon as oe, WxSkeleton as he, WxText as j, WxBadge as J, WxButton as q, confirm as Me, toast as F, useElementWidth as Ke, WxSegmented as bt, WxCard as ve, WxAlert as gt, WxTabs as Jt, WxTab as me, WxCodeEditor as Ie, WxFormItem as Y, WxInput as ge, WxSelect as kt, WxTextarea as Kt, WxInputNumber as lt, WxTagsInput as nt, WxSwitch as Zt, WxActionBar as Gt, useModal as yt, WxDialog as wt, WxEmpty as _t, WxSortableList as Yt, createModal as xt, WxSpace as Qt, WxSkeletonItem as Ue } from "@webx-ui/core";
+import { WxScreenRenderer as $t, coreTypes as He } from "@webx-ui/schema";
 function ke(t) {
   const l = `${t.apiPath}/blocks`, s = (n) => n.data;
   return {
@@ -32,41 +32,41 @@ const Xt = { class: "wx-block-checks" }, el = {
     error: {}
   },
   setup(t) {
-    const l = t, s = le("webx-blocks"), n = B(() => l.lints.filter((r) => r.file === l.file)), o = B(() => {
-      const r = new Set(n.value.map((v) => v.code)), a = [];
+    const l = t, s = le("webx-blocks"), n = C(() => l.lints.filter((r) => r.file === l.file)), o = C(() => {
+      const r = new Set(n.value.map((m) => m.code)), a = [];
       return l.file === "template" && (r.has("no-marker") || a.push(s("checks.ok-marker")), r.has("variables-missing") || a.push(s("checks.ok-variables"))), l.file === "styles" && (r.has("stray-selectors") || a.push(s("checks.ok-prefix", { slug: l.slug })), r.has("bare-selectors") || a.push(s("checks.ok-bare")), r.has("media-query") || a.push(s("checks.ok-container"))), a;
     });
     return (r, a) => (i(), V("div", Xt, [
       t.error ? (i(), V("div", el, [
         u(e(oe), { name: "close-circle" }),
         $("span", null, [
-          w(p(t.error.message) + " ", 1),
+          _(v(t.error.message) + " ", 1),
           t.error.line !== null ? (i(), V(H, { key: 0 }, [
-            w(" · " + p(e(s)("page.line", { line: t.error.line })), 1)
+            _(" · " + v(e(s)("page.line", { line: t.error.line })), 1)
           ], 64)) : L("", !0),
           t.error.where ? (i(), V(H, { key: 1 }, [
-            w(" · " + p(t.error.where), 1)
+            _(" · " + v(t.error.where), 1)
           ], 64)) : L("", !0)
         ])
       ])) : L("", !0),
-      (i(!0), V(H, null, te(n.value, (v) => (i(), V("div", {
-        key: v.code,
+      (i(!0), V(H, null, te(n.value, (m) => (i(), V("div", {
+        key: m.code,
         class: "wx-block-checks__line is-warning"
       }, [
         u(e(oe), { name: "warning" }),
         $("span", null, [
-          w(p(v.message) + " ", 1),
-          v.line !== null ? (i(), V(H, { key: 0 }, [
-            w(" · " + p(e(s)("page.line", { line: v.line })), 1)
+          _(v(m.message) + " ", 1),
+          m.line !== null ? (i(), V(H, { key: 0 }, [
+            _(" · " + v(e(s)("page.line", { line: m.line })), 1)
           ], 64)) : L("", !0)
         ])
       ]))), 128)),
-      (i(!0), V(H, null, te(o.value, (v) => (i(), V("div", {
-        key: v,
+      (i(!0), V(H, null, te(o.value, (m) => (i(), V("div", {
+        key: m,
         class: "wx-block-checks__line is-ok"
       }, [
         u(e(oe), { name: "check" }),
-        $("span", null, p(v), 1)
+        $("span", null, v(m), 1)
       ]))), 128))
     ]));
   }
@@ -75,7 +75,7 @@ const Xt = { class: "wx-block-checks" }, el = {
   for (const [n, o] of l)
     s[n] = o;
   return s;
-}, st = /* @__PURE__ */ X(tl, [["__scopeId", "data-v-e56947a8"]]), ll = { class: "wx-block-history" }, nl = { class: "wx-block-history__number" }, al = { class: "wx-block-history__who" }, sl = /* @__PURE__ */ Q({
+}, at = /* @__PURE__ */ X(tl, [["__scopeId", "data-v-e56947a8"]]), ll = { class: "wx-block-history" }, nl = { class: "wx-block-history__number" }, al = { class: "wx-block-history__who" }, sl = /* @__PURE__ */ Q({
   __name: "BlockHistory",
   props: {
     block: {},
@@ -83,46 +83,46 @@ const Xt = { class: "wx-block-checks" }, el = {
   },
   emits: ["restored"],
   setup(t, { emit: l }) {
-    const s = t, n = l, o = Te(), r = ke(o), a = le("webx-blocks"), v = Be(), A = U(null);
-    async function d() {
+    const s = t, n = l, o = Be(), r = ke(o), a = le("webx-blocks"), m = Ce(), A = U(null);
+    async function p() {
       A.value = await r.versions(s.block.id);
     }
-    function b(h) {
-      return s.block.draft?.number === h.number ? "draft" : s.block.published?.number === h.number ? "live" : "replaced";
+    function y(c) {
+      return s.block.draft?.number === c.number ? "draft" : s.block.published?.number === c.number ? "live" : "replaced";
     }
-    async function m(h) {
+    async function g(c) {
       if (await Me({
-        title: a("page.restore-title", { number: h.number }),
+        title: a("page.restore-title", { number: c.number }),
         message: a("page.restore-text"),
         confirmText: a("page.restore"),
         cancelText: a("page.cancel")
       }))
         try {
-          const y = await r.restore(s.block.id, h.number);
-          F.success(a("page.restored", { number: y.draft?.number ?? h.number })), n("restored", y), await d();
-        } catch (y) {
-          F.danger(v(y));
+          const f = await r.restore(s.block.id, c.number);
+          F.success(a("page.restored", { number: f.draft?.number ?? c.number })), n("restored", f), await p();
+        } catch (f) {
+          F.danger(m(f));
         }
     }
-    return Ce(d), ie(
+    return Te(p), ie(
       () => [s.block.draft?.number, s.block.published?.number],
       () => {
-        d();
+        p();
       }
-    ), (h, f) => (i(), V("div", ll, [
+    ), (c, T) => (i(), V("div", ll, [
       A.value === null ? (i(), W(e(he), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (i(!0), V(H, { key: 1 }, te(A.value, (y) => (i(), V("div", {
-        key: y.number,
+      })) : (i(!0), V(H, { key: 1 }, te(A.value, (f) => (i(), V("div", {
+        key: f.number,
         class: "wx-block-history__row"
       }, [
-        $("code", nl, p(e(a)("page.version", { number: y.number })), 1),
+        $("code", nl, v(e(a)("page.version", { number: f.number })), 1),
         $("div", al, [
           u(e(j), null, {
-            default: c(() => [
-              w(p(e(a)(`page.version-${b(y)}`)), 1)
+            default: d(() => [
+              _(v(e(a)(`page.version-${y(f)}`)), 1)
             ]),
             _: 2
           }, 1024),
@@ -130,54 +130,54 @@ const Xt = { class: "wx-block-checks" }, el = {
             size: "sm",
             tone: "muted"
           }, {
-            default: c(() => [
-              y.created_at ? (i(), W(e(Dt), {
+            default: d(() => [
+              f.created_at ? (i(), W(e(Ot), {
                 key: 0,
-                value: y.created_at
+                value: f.created_at
               }, null, 8, ["value"])) : L("", !0),
-              w(" · " + p(y.author ?? e(a)(`page.source-${y.source}`)) + " ", 1),
-              y.comment ? (i(), V(H, { key: 1 }, [
-                w(" · " + p(y.comment), 1)
+              _(" · " + v(f.author ?? e(a)(`page.source-${f.source}`)) + " ", 1),
+              f.comment ? (i(), V(H, { key: 1 }, [
+                _(" · " + v(f.comment), 1)
               ], 64)) : L("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        b(y) === "draft" ? (i(), W(e(J), {
+        y(f) === "draft" ? (i(), W(e(J), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
-          default: c(() => [
-            w(p(e(a)("page.version-draft")), 1)
+          default: d(() => [
+            _(v(e(a)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : b(y) === "live" ? (i(), W(e(J), {
+        })) : y(f) === "live" ? (i(), W(e(J), {
           key: 1,
           type: "success",
           dot: ""
         }, {
-          default: c(() => [
-            w(p(e(a)("page.version-live")), 1)
+          default: d(() => [
+            _(v(e(a)("page.version-live")), 1)
           ]),
           _: 1
         })) : L("", !0),
-        t.canManage && b(y) === "replaced" ? (i(), W(e(q), {
+        t.canManage && y(f) === "replaced" ? (i(), W(e(q), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (_) => m(y)
+          onClick: (S) => g(f)
         }, {
-          default: c(() => [
-            w(p(e(a)("page.restore")), 1)
+          default: d(() => [
+            _(v(e(a)("page.restore")), 1)
           ]),
           _: 1
         }, 8, ["onClick"])) : L("", !0)
       ]))), 128))
     ]));
   }
-}), ol = /* @__PURE__ */ X(sl, [["__scopeId", "data-v-42c6b7ad"]]), Se = "wx-preview-selected", Pe = "wx-preview-hover", ot = "wx-preview-style";
-function St(t, l) {
+}), ol = /* @__PURE__ */ X(sl, [["__scopeId", "data-v-42c6b7ad"]]), Se = "wx-preview-selected", Pe = "wx-preview-hover", st = "wx-preview-style";
+function Vt(t, l) {
   const n = (t.ownerDocument ?? t).createTreeWalker(
     t,
     128
@@ -194,49 +194,49 @@ function St(t, l) {
   return null;
 }
 function il(t, l, s) {
-  const n = St(t, l);
+  const n = Vt(t, l);
   if (!n) return !1;
   const o = n.start.parentNode;
   if (!o) return !1;
   const r = t.createElement("template");
   r.innerHTML = s;
   const a = n.end.nextSibling;
-  let v = n.start;
-  for (; v; ) {
-    const m = v.nextSibling, h = v === n.end;
-    if (o.removeChild(v), h) break;
-    v = m;
+  let m = n.start;
+  for (; m; ) {
+    const g = m.nextSibling, c = m === n.end;
+    if (o.removeChild(m), c) break;
+    m = g;
   }
-  const A = r.content, d = Array.from(A.childNodes);
+  const A = r.content, p = Array.from(A.childNodes);
   o.insertBefore(A, a);
-  const b = t.defaultView?.webx;
-  if (b?.mount)
-    for (const m of d)
-      m.nodeType === 1 && b.mount(m);
+  const y = t.defaultView?.webx;
+  if (y?.mount)
+    for (const g of p)
+      g.nodeType === 1 && y.mount(g);
   return !0;
 }
-function Ye(t, l) {
-  const s = St(t, l);
+function Ze(t, l) {
+  const s = Vt(t, l);
   if (!s) return null;
   for (let n = s.start.nextSibling; n && n !== s.end; n = n.nextSibling)
     if (n.nodeType === 1) return n;
   return null;
 }
-function Je(t, l) {
-  Qe(t);
+function Fe(t, l) {
+  Ge(t);
   for (const n of Array.from(t.querySelectorAll(`.${Se}`)))
     n.classList.remove(Se);
   if (l === null) return null;
-  const s = Ye(t, l);
+  const s = Ze(t, l);
   return s?.classList.add(Se), s;
 }
-function it(t, l) {
-  Qe(t);
+function ot(t, l) {
+  Ge(t);
   for (const s of Array.from(t.querySelectorAll(`.${Pe}`)))
     s.classList.remove(Pe);
-  l !== null && Ye(t, l)?.classList.add(Pe);
+  l !== null && Ze(t, l)?.classList.add(Pe);
 }
-function rt(t) {
+function it(t) {
   let l = t?.nodeType === 1 ? t : t?.parentElement ?? null;
   for (; l; ) {
     let s = 0;
@@ -255,20 +255,20 @@ function rt(t) {
   return null;
 }
 function rl(t, l) {
-  Qe(t);
+  Ge(t);
   let s = null;
-  function n(v) {
-    v.preventDefault(), v.stopPropagation();
+  function n(m) {
+    m.preventDefault(), m.stopPropagation();
   }
-  function o(v) {
-    n(v), l.select(rt(v.target));
+  function o(m) {
+    n(m), l.select(it(m.target));
   }
-  function r(v) {
-    const A = rt(v.target);
-    A !== s && (s = A, it(t, A));
+  function r(m) {
+    const A = it(m.target);
+    A !== s && (s = A, ot(t, A));
   }
   function a() {
-    s = null, it(t, null);
+    s = null, ot(t, null);
   }
   return t.addEventListener("click", o, !0), t.addEventListener("auxclick", n, !0), t.addEventListener("submit", n, !0), t.addEventListener("dragstart", n, !0), t.addEventListener("mousemove", r, !0), t.addEventListener("mouseleave", a), {
     release() {
@@ -276,16 +276,16 @@ function rl(t, l) {
     }
   };
 }
-function Qe(t) {
-  if (t.getElementById(ot)) return;
+function Ge(t) {
+  if (t.getElementById(st)) return;
   const l = t.createElement("style");
-  l.id = ot, l.textContent = `.${Se}{outline:2px solid #427edd;outline-offset:-2px;}.${Pe}:not(.${Se}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (t.head ?? t.documentElement).appendChild(l);
+  l.id = st, l.textContent = `.${Se}{outline:2px solid #427edd;outline-offset:-2px;}.${Pe}:not(.${Se}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (t.head ?? t.documentElement).appendChild(l);
 }
-function Ct(t) {
-  const l = t.base ? `<base href="${ut(t.base)}">` : "", s = t.frame ? `<style>${t.frame}</style>` : "", n = t.script && t.runtime ? `<script src="${ut(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
+function St(t) {
+  const l = t.base ? `<base href="${rt(t.base)}">` : "", s = t.frame ? `<style>${t.frame}</style>` : "", n = t.script && t.runtime ? `<script src="${rt(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
   return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${l}<style>html,body{margin:0}body{container-type:inline-size}</style>${s}<style>${t.styles}</style></head><body>${t.html}${n}</body></html>`;
 }
-function ut(t) {
+function rt(t) {
   return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
 const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, dl = ["srcdoc", "title"], pl = /* @__PURE__ */ Q({
@@ -298,12 +298,12 @@ const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, d
     loading: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const l = t, s = le("webx-blocks"), n = B(() => [
+    const l = t, s = le("webx-blocks"), n = C(() => [
       { value: 1280, label: s("page.width-desktop") },
       { value: 834, label: s("page.width-tablet") },
       { value: 390, label: s("page.width-phone") }
-    ]), o = U(1280), r = U(null), a = U(null), v = Ge(r), A = U(360), d = B(() => v.value === 0 ? 1 : Math.min(1, v.value / o.value)), b = B(
-      () => Ct({
+    ]), o = U(1280), r = U(null), a = U(null), m = Ke(r), A = U(360), p = C(() => m.value === 0 ? 1 : Math.min(1, m.value / o.value)), y = C(
+      () => St({
         html: l.html,
         styles: l.styles,
         script: l.script,
@@ -311,27 +311,27 @@ const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, d
         base: typeof location > "u" ? null : location.origin + "/"
       })
     );
-    function m() {
-      const _ = a.value?.contentDocument;
-      _?.documentElement && (A.value = Math.max(120, _.documentElement.scrollHeight));
+    function g() {
+      const S = a.value?.contentDocument;
+      S?.documentElement && (A.value = Math.max(120, S.documentElement.scrollHeight));
     }
-    function h() {
-      m(), setTimeout(m, 300);
+    function c() {
+      g(), setTimeout(g, 300);
     }
-    ie(o, () => setTimeout(m, 50));
-    const f = B(() => ({
+    ie(o, () => setTimeout(g, 50));
+    const T = C(() => ({
       width: `${o.value}px`,
       height: `${A.value}px`,
-      transform: `scale(${d.value})`
-    })), y = B(() => ({
-      width: `${Math.round(o.value * d.value)}px`,
-      height: `${Math.round(A.value * d.value)}px`
+      transform: `scale(${p.value})`
+    })), f = C(() => ({
+      width: `${Math.round(o.value * p.value)}px`,
+      height: `${Math.round(A.value * p.value)}px`
     }));
-    return (_, S) => (i(), V("div", ul, [
+    return (S, k) => (i(), V("div", ul, [
       $("div", cl, [
-        u(e(gt), {
+        u(e(bt), {
           modelValue: o.value,
-          "onUpdate:modelValue": S[0] || (S[0] = (k) => o.value = k),
+          "onUpdate:modelValue": k[0] || (k[0] = (h) => o.value = h),
           options: n.value,
           size: "sm"
         }, null, 8, ["modelValue", "options"])
@@ -347,17 +347,17 @@ const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, d
         })) : (i(), V("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: ce(y.value)
+          style: ce(f.value)
         }, [
           $("iframe", {
             ref_key: "frame",
             ref: a,
             class: "wx-block-stage__frame",
-            srcdoc: b.value,
-            style: ce(f.value),
+            srcdoc: y.value,
+            style: ce(T.value),
             sandbox: "allow-same-origin allow-scripts",
             title: e(s)("page.preview"),
-            onLoad: h
+            onLoad: c
           }, null, 44, dl)
         ], 4))
       ], 512)
@@ -370,11 +370,11 @@ function Tt(t) {
 function Oe(t) {
   return Array.isArray(t) && t.length > 0 && t.every(Tt);
 }
-function Ke() {
+function qe() {
   return (typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID().replace(/-/g, "") : Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)).slice(0, 12);
 }
 function vl(t, l = {}) {
-  return { key: Ke(), type: t, values: l };
+  return { key: qe(), type: t, values: l };
 }
 function se(t, l) {
   return Bt(t, l, null, null);
@@ -383,9 +383,9 @@ function Bt(t, l, s, n) {
   for (let o = 0; o < t.length; o++) {
     const r = t[o];
     if (r.key === l) return { node: r, parent: s, field: n, list: t, index: o };
-    for (const [a, v] of Object.entries(r.values ?? {}))
-      if (Oe(v)) {
-        const A = Bt(v, l, r, a);
+    for (const [a, m] of Object.entries(r.values ?? {}))
+      if (Oe(m)) {
+        const A = Bt(m, l, r, a);
         if (A) return A;
       }
   }
@@ -411,23 +411,23 @@ function hl(t) {
     Oe(s) && De(s, () => l++);
   return l;
 }
-function aa(t) {
+function sa(t) {
   const l = [];
   return De(t, (s) => {
     l.includes(s.type) || l.push(s.type);
   }), l;
 }
-function Et(t) {
+function Ct(t) {
   const l = [];
   for (const s of t)
-    s.type === "wx-blocks" && l.push(s), s.children && l.push(...Et(s.children));
+    s.type === "wx-blocks" && l.push(s), s.children && l.push(...Ct(s.children));
   return l;
 }
-function Wt(t) {
+function Et(t) {
   const l = {};
   for (const [s, n] of Object.entries(t.values ?? {}))
-    l[s] = Oe(n) ? n.map(Wt) : re(n);
-  return t.hidden === !0 ? { key: Ke(), type: t.type, hidden: !0, values: l } : { key: Ke(), type: t.type, values: l };
+    l[s] = Oe(n) ? n.map(Et) : re(n);
+  return t.hidden === !0 ? { key: qe(), type: t.type, hidden: !0, values: l } : { key: qe(), type: t.type, values: l };
 }
 function bl(t, l, s) {
   const n = re(t), o = se(n, l);
@@ -440,7 +440,7 @@ function gl(t, l, s) {
   const o = n.node.values[s];
   return Array.isArray(o) || (n.node.values[s] = []), n.node.values[s];
 }
-function ct(t, l, s, n, o) {
+function ut(t, l, s, n, o) {
   const r = re(t), a = gl(r, l, s);
   return a ? (a.splice(Math.max(0, Math.min(n, a.length)), 0, o), r) : t;
 }
@@ -561,6 +561,7 @@ const _l = {
     remove: "Remove",
     "remove-title": 'Remove ":title"?',
     "remove-text": "The :count blocks inside it go with it.",
+    "remove-alone": "It leaves this page. The draft keeps what it was.",
     duplicate: "Duplicate",
     hide: "Hide from the site",
     show: "Show on the site",
@@ -603,11 +604,11 @@ const _l = {
     "ok-container": "Width is decided by container queries.",
     "ok-variables": "Every variable of the template is a field of the schema."
   }
-}, dt = /* @__PURE__ */ new WeakSet();
+}, ct = /* @__PURE__ */ new WeakSet();
 function Ee() {
   try {
-    const { i18n: t } = Te();
-    dt.has(t) || (t.defaults("webx-blocks", _l), dt.add(t));
+    const { i18n: t } = Be();
+    ct.has(t) || (t.defaults("webx-blocks", _l), ct.add(t));
   } catch {
   }
 }
@@ -621,39 +622,39 @@ function $l(t, l, s) {
     code: "variables-missing",
     line: null,
     message: s("checks.variables-missing", {
-      variables: o.map((b) => `$${b}`).join(", ")
+      variables: o.map((y) => `$${y}`).join(", ")
     })
   });
-  const r = [], a = [], v = `.b-${t}`;
-  for (const [b, m] of Sl(l.styles))
-    b.startsWith(v) || b.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(b) ? a.push([b, m]) : r.push([b, m]));
+  const r = [], a = [], m = `.b-${t}`;
+  for (const [y, g] of Sl(l.styles))
+    y.startsWith(m) || y.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(y) ? a.push([y, g]) : r.push([y, g]));
   r.length > 0 && n.push({
     file: "styles",
     code: "stray-selectors",
     line: r[0][1],
-    message: s("checks.stray-selectors", { slug: t, selectors: pt(r) })
+    message: s("checks.stray-selectors", { slug: t, selectors: dt(r) })
   }), a.length > 0 && n.push({
     file: "styles",
     code: "bare-selectors",
     line: a[0][1],
-    message: s("checks.bare-selectors", { selectors: pt(a) })
+    message: s("checks.bare-selectors", { selectors: dt(a) })
   });
-  const A = Lt(l.styles), d = /@media\b/.exec(A);
-  return d && n.push({
+  const A = At(l.styles), p = /@media\b/.exec(A);
+  return p && n.push({
     file: "styles",
     code: "media-query",
-    line: zt(A, d.index),
+    line: Lt(A, p.index),
     message: s("checks.media-query")
   }), n;
 }
-function At(t) {
+function Wt(t) {
   const l = [];
   for (const s of t)
-    s.id && l.push(s.id), s.children && l.push(...At(s.children));
+    s.id && l.push(s.id), s.children && l.push(...Wt(s.children));
   return l;
 }
 function Vl(t, l) {
-  const s = /* @__PURE__ */ new Set([...At(l), ...xl]);
+  const s = /* @__PURE__ */ new Set([...Wt(l), ...xl]);
   for (const o of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
     s.add(o[1]), o[2] && s.add(o[2]);
   for (const o of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
@@ -666,40 +667,40 @@ function Vl(t, l) {
   return n;
 }
 function Sl(t) {
-  const l = Lt(t), s = [];
+  const l = At(t), s = [];
   for (const n of l.matchAll(/([^{};]+)\{/g)) {
     const o = n[1], r = o.trim();
     if (!(r === "" || r.startsWith("@")))
       for (const a of o.split(",")) {
-        const v = a.trim();
-        v === "" || v === "from" || v === "to" || v.endsWith("%") || s.push([v, zt(l, n.index + o.indexOf(v))]);
+        const m = a.trim();
+        m === "" || m === "from" || m === "to" || m.endsWith("%") || s.push([m, Lt(l, n.index + o.indexOf(m))]);
       }
   }
   return s;
 }
-function Lt(t) {
+function At(t) {
   return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
 }
-function zt(t, l) {
+function Lt(t, l) {
   return t.slice(0, Math.max(0, l)).split(`
 `).length;
 }
-function pt(t) {
+function dt(t) {
   const l = [...new Set(t.map(([s]) => s))];
   return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
 }
-function Xe(t) {
+function Ye(t) {
   return t.map((l) => ({
     ...l,
     name: l.name ?? l.id,
-    children: l.children ? Xe(l.children) : l.children
+    children: l.children ? Ye(l.children) : l.children
   }));
 }
 function ye(t, l) {
   const s = `groups.${t}`, n = l(s);
   return n === s || n === `webx-blocks::${s}` ? t.charAt(0).toUpperCase() + t.slice(1) : n;
 }
-const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns" }, Bl = { class: "wx-block-editor__head" }, El = { class: "wx-block-editor__id" }, Wl = { class: "wx-block-editor__name" }, Al = { class: "wx-block-editor__title" }, Ll = { class: "wx-block-editor__actions" }, zl = { class: "wx-block-editor__columns" }, Il = { class: "wx-block-editor__files" }, Ul = { class: "wx-block-editor__pane" }, Nl = {
+const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns" }, Cl = { class: "wx-block-editor__head" }, El = { class: "wx-block-editor__id" }, Wl = { class: "wx-block-editor__name" }, Al = { class: "wx-block-editor__title" }, Ll = { class: "wx-block-editor__actions" }, zl = { class: "wx-block-editor__columns" }, Il = { class: "wx-block-editor__files" }, Ul = { class: "wx-block-editor__pane" }, Nl = {
   key: 0,
   class: "wx-block-editor__pills"
 }, Pl = ["disabled", "onClick", "textContent"], Ml = { class: "wx-block-editor__pane" }, Ol = { class: "wx-block-editor__pane" }, Dl = { class: "wx-block-editor__note" }, Rl = { class: "wx-block-editor__pane" }, jl = { class: "wx-block-editor__note" }, Hl = { class: "wx-block-editor__settings" }, Fl = {
@@ -714,16 +715,16 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, s = Te(), n = ke(s), o = Ot(), r = bt();
+    const l = t, s = Be(), n = ke(s), o = Mt(), r = ht();
     Ee();
-    const a = le("webx-blocks"), v = Be(), A = B(() => Number(o.params.id)), d = U(null), b = U([]), m = U(!0), h = U(!1), f = U(!1), y = U("template"), _ = B(() => {
-      const E = s.state.manifest?.modules.find((g) => g.id === "blocks")?.meta;
+    const a = le("webx-blocks"), m = Ce(), A = C(() => Number(o.params.id)), p = U(null), y = U([]), g = U(!0), c = U(!1), T = U(!1), f = U("template"), S = C(() => {
+      const E = s.state.manifest?.modules.find((b) => b.id === "blocks")?.meta;
       return {
         groups: E?.groups ?? [],
         editing: E?.editing ?? !0,
         provides: E?.provides ?? []
       };
-    }), S = B(() => s.can("blocks.manage") && _.value.editing), k = je({
+    }), k = C(() => s.can("blocks.manage") && S.value.editing), h = je({
       slug: "",
       title: "",
       description: "",
@@ -734,7 +735,7 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), C = je({
+    }), w = je({
       schema: [],
       template: "",
       styles: "",
@@ -746,23 +747,23 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
       script: null,
       runtime: null,
       loading: !1
-    }), M = B(() => JSON.stringify({ settings: k, content: C })), O = B(() => ne.value !== "" && M.value !== ne.value), ee = B(() => $l(k.slug, C, a)), de = B(() => {
-      const E = [..._.value.groups];
-      return E.includes(k.group) || E.push(k.group), E.map((g) => ({ value: g, label: ye(g, a) }));
-    }), We = B({
-      get: () => C.sample,
+    }), M = C(() => JSON.stringify({ settings: h, content: w })), O = C(() => ne.value !== "" && M.value !== ne.value), ee = C(() => $l(h.slug, w, a)), de = C(() => {
+      const E = [...S.value.groups];
+      return E.includes(h.group) || E.push(h.group), E.map((b) => ({ value: b, label: ye(b, a) }));
+    }), We = C({
+      get: () => w.sample,
       set: (E) => {
-        C.sample = E;
+        w.sample = E;
       }
-    }), Ae = B(() => we(C.schema));
+    }), Ae = C(() => we(w.schema));
     function we(E) {
-      const g = [];
+      const b = [];
       for (const x of E)
-        x.type !== "wx-blocks" && !(x.children?.length && !x.name) && g.push(x.id), x.children && g.push(...we(x.children));
-      return g;
+        x.type !== "wx-blocks" && !(x.children?.length && !x.name) && b.push(x.id), x.children && b.push(...we(x.children));
+      return b;
     }
     function pe(E) {
-      d.value = E, Object.assign(k, {
+      p.value = E, Object.assign(h, {
         slug: E.slug,
         title: E.title,
         description: E.description,
@@ -774,65 +775,65 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
         max_per_entity: E.max_per_entity,
         is_enabled: E.is_enabled
       });
-      const g = E.content ?? {
+      const b = E.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign(C, re(g)), D.value = JSON.stringify(g.schema, null, 2), K.value = null, ne.value = M.value;
+      Object.assign(w, re(b)), D.value = JSON.stringify(b.schema, null, 2), K.value = null, ne.value = M.value;
     }
     async function fe() {
-      m.value = !0;
+      g.value = !0;
       try {
-        pe(await n.get(A.value)), b.value = await n.usage(A.value);
+        pe(await n.get(A.value)), y.value = await n.usage(A.value);
       } catch (E) {
-        F.danger(v(E));
+        F.danger(m(E));
       } finally {
-        m.value = !1;
+        g.value = !1;
       }
     }
     function Le(E) {
       D.value = E;
       try {
-        const g = JSON.parse(E);
-        if (!Array.isArray(g)) throw new Error("not a list");
-        C.schema = g, K.value = null;
-      } catch (g) {
-        K.value = a("page.schema-invalid", { error: g.message });
+        const b = JSON.parse(E);
+        if (!Array.isArray(b)) throw new Error("not a list");
+        w.schema = b, K.value = null;
+      } catch (b) {
+        K.value = a("page.schema-invalid", { error: b.message });
       }
     }
-    let _e, T = 0;
+    let _e, B = 0;
     function P() {
       clearTimeout(_e), _e = setTimeout(() => {
         R();
       }, 250);
     }
     async function R() {
-      if (!d.value) return;
-      const E = ++T;
+      if (!p.value) return;
+      const E = ++B;
       I.loading = !0;
       try {
-        const g = await n.render(d.value.id, {
-          values: C.sample,
-          content: S.value ? {
-            template: C.template,
-            styles: C.styles,
-            script: C.script,
-            schema: C.schema
+        const b = await n.render(p.value.id, {
+          values: w.sample,
+          content: k.value ? {
+            template: w.template,
+            styles: w.styles,
+            script: w.script,
+            schema: w.schema
           } : void 0
         });
-        if (E !== T) return;
-        I.html = g.html, I.styles = g.styles, I.script = g.script, I.runtime = g.runtime;
-      } catch (g) {
-        E === T && F.danger(v(g));
+        if (E !== B) return;
+        I.html = b.html, I.styles = b.styles, I.script = b.script, I.runtime = b.runtime;
+      } catch (b) {
+        E === B && F.danger(m(b));
       } finally {
-        E === T && (I.loading = !1);
+        E === B && (I.loading = !1);
       }
     }
     ie(
-      () => [C.template, C.styles, C.script, C.schema, C.sample],
+      () => [w.template, w.styles, w.script, w.schema, w.sample],
       P,
       { deep: !0 }
     );
@@ -843,67 +844,67 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
     function Re(E) {
       const x = Z.value?.view?.value;
       if (!x) {
-        C.template += `{{ $${E} }}`;
+        w.template += `{{ $${E} }}`;
         return;
       }
       x.dispatch(x.state.replaceSelection(`{{ $${E} }}`)), x.focus();
     }
     async function ue() {
-      if (!d.value) return;
-      h.value = !0, z.value = {}, N.value = null;
-      const E = d.value.draft?.number ?? null;
+      if (!p.value) return;
+      c.value = !0, z.value = {}, N.value = null;
+      const E = p.value.draft?.number ?? null;
       try {
-        const g = await n.update(d.value.id, {
-          ...k,
-          allow: k.allow.length ? k.allow : null,
-          allowed_in: k.allowed_in.length ? k.allowed_in : null,
-          description: k.description || null,
-          icon: k.icon || null,
-          content: K.value ? { ...C, schema: void 0 } : C
+        const b = await n.update(p.value.id, {
+          ...h,
+          allow: h.allow.length ? h.allow : null,
+          allowed_in: h.allowed_in.length ? h.allowed_in : null,
+          description: h.description || null,
+          icon: h.icon || null,
+          content: K.value ? { ...w, schema: void 0 } : w
         });
-        pe(g), F.success(
-          g.draft && g.draft.number !== E ? a("page.saved", { number: g.draft.number }) : a("page.unchanged")
+        pe(b), F.success(
+          b.draft && b.draft.number !== E ? a("page.saved", { number: b.draft.number }) : a("page.unchanged")
         );
-      } catch (g) {
-        const x = g.body;
-        x?.errors ? (z.value = x.errors, F.danger(a("page.failed"))) : F.danger(v(g, a("page.failed")));
+      } catch (b) {
+        const x = b.body;
+        x?.errors ? (z.value = x.errors, F.danger(a("page.failed"))) : F.danger(m(b, a("page.failed")));
       } finally {
-        h.value = !1;
+        c.value = !1;
       }
     }
     async function xe() {
-      if (!(!d.value?.draft || (O.value && await ue(), !d.value.draft) || !await Me({
-        title: a("page.publish-title", { number: d.value.draft.number }),
-        message: a("page.publish-text", { count: d.value.usage_count }),
+      if (!(!p.value?.draft || (O.value && await ue(), !p.value.draft) || !await Me({
+        title: a("page.publish-title", { number: p.value.draft.number }),
+        message: a("page.publish-text", { count: p.value.usage_count }),
         confirmText: a("page.publish"),
         cancelText: a("page.cancel")
       }))) {
-        f.value = !0, N.value = null;
+        T.value = !0, N.value = null;
         try {
-          pe(await n.publish(d.value.id)), F.success(a("page.published", { number: d.value.published?.number ?? 0 }));
-        } catch (g) {
-          const x = g.body;
-          x?.errors ? (N.value = x, y.value = "template", F.danger(a("page.publish-failed"))) : F.danger(v(g, a("page.publish-failed")));
+          pe(await n.publish(p.value.id)), F.success(a("page.published", { number: p.value.published?.number ?? 0 }));
+        } catch (b) {
+          const x = b.body;
+          x?.errors ? (N.value = x, f.value = "template", F.danger(a("page.publish-failed"))) : F.danger(m(b, a("page.publish-failed")));
         } finally {
-          f.value = !1;
+          T.value = !1;
         }
       }
     }
     async function $e() {
-      if (!(!d.value || !await Me({
-        title: a("page.delete-title", { title: d.value.title }),
+      if (!(!p.value || !await Me({
+        title: a("page.delete-title", { title: p.value.title }),
         message: a("page.delete-text"),
         confirmText: a("page.delete"),
         cancelText: a("page.cancel"),
         tone: "danger"
       })))
         try {
-          await n.remove(d.value.id), F.success(a("page.deleted")), r.push(l.base);
-        } catch (g) {
-          F.danger(v(g));
+          await n.remove(p.value.id), F.success(a("page.deleted")), r.push(l.base);
+        } catch (b) {
+          F.danger(m(b));
         }
     }
-    const ze = B(
+    const ze = C(
       () => N.value ? {
         message: N.value.errors.template?.[0] ?? N.value.message,
         line: N.value.line,
@@ -911,64 +912,64 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
           title: N.value.entity.title ?? `#${N.value.entity.id}`
         }) : null
       } : null
-    ), Ve = B(() => b.value.slice(0, 5));
+    ), Ve = C(() => y.value.slice(0, 5));
     function ae(E) {
       return z.value[E]?.[0];
     }
-    function tt(E) {
+    function Xe(E) {
       O.value && E.preventDefault();
     }
-    return Ce(() => {
-      fe(), window.addEventListener("beforeunload", tt);
-    }), Ze(() => {
-      clearTimeout(_e), window.removeEventListener("beforeunload", tt);
+    return Te(() => {
+      fe(), window.addEventListener("beforeunload", Xe);
+    }), Je(() => {
+      clearTimeout(_e), window.removeEventListener("beforeunload", Xe);
     }), ie(A, () => {
       fe();
-    }), (E, g) => (i(), V("div", Cl, [
-      m.value || !d.value ? (i(), V(H, { key: 0 }, [
+    }), (E, b) => (i(), V("div", Tl, [
+      g.value || !p.value ? (i(), V(H, { key: 0 }, [
         u(e(he), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        $("div", Tl, [
+        $("div", Bl, [
           u(e(ve), null, {
-            default: c(() => [
+            default: d(() => [
               u(e(he), { rows: 8 })
             ]),
             _: 1
           }),
           u(e(ve), null, {
-            default: c(() => [
+            default: d(() => [
               u(e(he), { rows: 4 })
             ]),
             _: 1
           })
         ])
       ], 64)) : (i(), V(H, { key: 1 }, [
-        $("div", Bl, [
-          u(e(Rt), {
+        $("div", Cl, [
+          u(e(Dt), {
             class: "wx-block-editor__back",
             to: t.base,
             label: e(a)("page.back")
           }, null, 8, ["to", "label"]),
           $("div", El, [
             $("div", Wl, [
-              $("h1", Al, p(k.title), 1),
-              S.value ? (i(), W(e(jt), {
+              $("h1", Al, v(h.title), 1),
+              k.value ? (i(), W(e(Rt), {
                 key: 0,
-                name: k.title,
+                name: h.title,
                 placeholder: e(a)("page.title"),
-                onRename: g[0] || (g[0] = (x) => k.title = x)
+                onRename: b[0] || (b[0] = (x) => h.title = x)
               }, null, 8, ["name", "placeholder"])) : L("", !0)
             ]),
             u(e(j), {
               size: "sm",
               tone: "muted"
             }, {
-              default: c(() => [
-                $("code", null, p(k.slug), 1),
-                w(" · " + p(e(ye)(k.group, e(a))) + " · " + p(d.value.usage_count > 0 ? e(a)("page.on-pages", { count: d.value.usage_count }) : e(a)("page.not-used")), 1)
+              default: d(() => [
+                $("code", null, v(h.slug), 1),
+                _(" · " + v(e(ye)(h.group, e(a))) + " · " + v(p.value.usage_count > 0 ? e(a)("page.on-pages", { count: p.value.usage_count }) : e(a)("page.not-used")), 1)
               ]),
               _: 1
             })
@@ -979,65 +980,65 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
               type: "primary",
               dot: ""
             }, {
-              default: c(() => [
-                w(p(e(a)("page.unsaved")), 1)
+              default: d(() => [
+                _(v(e(a)("page.unsaved")), 1)
               ]),
               _: 1
             })) : L("", !0),
-            d.value.draft ? (i(), W(e(J), {
+            p.value.draft ? (i(), W(e(J), {
               key: 1,
               type: "warning",
               dot: ""
             }, {
-              default: c(() => [
-                w(p(e(a)("page.draft", { number: d.value.draft.number })), 1)
+              default: d(() => [
+                _(v(e(a)("page.draft", { number: p.value.draft.number })), 1)
               ]),
               _: 1
             })) : L("", !0),
-            d.value.published ? (i(), W(e(J), {
+            p.value.published ? (i(), W(e(J), {
               key: 2,
               type: "success",
               dot: ""
             }, {
-              default: c(() => [
-                w(p(e(a)("page.live", { number: d.value.published.number })), 1)
+              default: d(() => [
+                _(v(e(a)("page.live", { number: p.value.published.number })), 1)
               ]),
               _: 1
             })) : (i(), W(e(J), {
               key: 3,
               type: "default"
             }, {
-              default: c(() => [
-                w(p(e(a)("page.never-published")), 1)
+              default: d(() => [
+                _(v(e(a)("page.never-published")), 1)
               ]),
               _: 1
             })),
-            S.value ? (i(), V(H, { key: 4 }, [
+            k.value ? (i(), V(H, { key: 4 }, [
               u(e(q), {
                 variant: "outline",
-                loading: h.value,
+                loading: c.value,
                 onClick: ue
               }, {
-                default: c(() => [
-                  w(p(e(a)("page.save")), 1)
+                default: d(() => [
+                  _(v(e(a)("page.save")), 1)
                 ]),
                 _: 1
               }, 8, ["loading"]),
               u(e(q), {
                 type: "primary",
-                loading: f.value,
-                disabled: !d.value.draft && !O.value,
+                loading: T.value,
+                disabled: !p.value.draft && !O.value,
                 onClick: xe
               }, {
-                default: c(() => [
-                  w(p(e(a)("page.publish")), 1)
+                default: d(() => [
+                  _(v(e(a)("page.publish")), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
             ], 64)) : L("", !0)
           ])
         ]),
-        _.value.editing ? L("", !0) : (i(), W(e(kt), {
+        S.value.editing ? L("", !0) : (i(), W(e(gt), {
           key: 0,
           type: "info",
           variant: "soft",
@@ -1046,24 +1047,24 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
         $("div", zl, [
           $("div", Il, [
             u(e(Jt), {
-              modelValue: y.value,
-              "onUpdate:modelValue": g[13] || (g[13] = (x) => y.value = x),
+              modelValue: f.value,
+              "onUpdate:modelValue": b[13] || (b[13] = (x) => f.value = x),
               "keep-alive": ""
             }, {
-              default: c(() => [
+              default: d(() => [
                 u(e(me), {
                   value: "template",
                   label: e(a)("page.tab-template")
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     $("div", Ul, [
                       u(e(Ie), {
                         ref_key: "templateEditor",
                         ref: Z,
-                        modelValue: C.template,
-                        "onUpdate:modelValue": g[1] || (g[1] = (x) => C.template = x),
+                        modelValue: w.template,
+                        "onUpdate:modelValue": b[1] || (b[1] = (x) => w.template = x),
                         language: "php",
-                        readonly: !S.value,
+                        readonly: !k.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "line-wrapping": ""
@@ -1073,8 +1074,8 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: c(() => [
-                            w(p(e(a)("page.insert-field")), 1)
+                          default: d(() => [
+                            _(v(e(a)("page.insert-field")), 1)
                           ]),
                           _: 1
                         }),
@@ -1082,15 +1083,15 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           key: x,
                           type: "button",
                           class: "wx-block-editor__pill",
-                          disabled: !S.value,
-                          onClick: (Qn) => Re(x),
-                          textContent: p(G(x))
+                          disabled: !k.value,
+                          onClick: (Xn) => Re(x),
+                          textContent: v(G(x))
                         }, null, 8, Pl))), 128))
                       ])) : L("", !0),
-                      u(st, {
+                      u(at, {
                         file: "template",
                         lints: ee.value,
-                        slug: k.slug,
+                        slug: h.slug,
                         error: ze.value
                       }, null, 8, ["lints", "slug", "error"])
                     ])
@@ -1101,20 +1102,20 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                   value: "styles",
                   label: e(a)("page.tab-styles")
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     $("div", Ml, [
                       u(e(Ie), {
-                        modelValue: C.styles,
-                        "onUpdate:modelValue": g[2] || (g[2] = (x) => C.styles = x),
+                        modelValue: w.styles,
+                        "onUpdate:modelValue": b[2] || (b[2] = (x) => w.styles = x),
                         language: "css",
-                        readonly: !S.value,
+                        readonly: !k.value,
                         "min-height": "340px",
                         "max-height": "70vh"
                       }, null, 8, ["modelValue", "readonly"]),
-                      u(st, {
+                      u(at, {
                         file: "styles",
                         lints: ee.value,
-                        slug: k.slug
+                        slug: h.slug
                       }, null, 8, ["lints", "slug"])
                     ])
                   ]),
@@ -1124,23 +1125,23 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                   value: "script",
                   label: e(a)("page.tab-script")
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     $("div", Ol, [
                       u(e(Ie), {
-                        "model-value": C.script ?? "",
+                        "model-value": w.script ?? "",
                         language: "javascript",
-                        readonly: !S.value,
+                        readonly: !k.value,
                         "min-height": "340px",
                         "max-height": "70vh",
-                        "onUpdate:modelValue": g[3] || (g[3] = (x) => C.script = x || null)
+                        "onUpdate:modelValue": b[3] || (b[3] = (x) => w.script = x || null)
                       }, null, 8, ["model-value", "readonly"]),
                       $("div", Dl, [
                         u(e(j), {
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: c(() => [
-                            w(p(e(a)("page.script-help")), 1)
+                          default: d(() => [
+                            _(v(e(a)("page.script-help")), 1)
                           ]),
                           _: 1
                         }),
@@ -1148,8 +1149,8 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: c(() => [
-                            w(p(_.value.provides.length ? e(a)("page.provides", { names: _.value.provides.join(", ") }) : e(a)("page.provides-none")), 1)
+                          default: d(() => [
+                            _(v(S.value.provides.length ? e(a)("page.provides", { names: S.value.provides.join(", ") }) : e(a)("page.provides-none")), 1)
                           ]),
                           _: 1
                         })
@@ -1162,13 +1163,13 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                   value: "fields",
                   label: e(a)("page.tab-fields")
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     $("div", Rl, [
                       u(e(Ie), {
                         "model-value": D.value,
                         language: "json",
                         lint: "",
-                        readonly: !S.value,
+                        readonly: !k.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "onUpdate:modelValue": Le
@@ -1179,8 +1180,8 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: c(() => [
-                            w(p(K.value), 1)
+                          default: d(() => [
+                            _(v(K.value), 1)
                           ]),
                           _: 1
                         })) : ae("content.schema") ? (i(), W(e(j), {
@@ -1188,8 +1189,8 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: c(() => [
-                            w(p(ae("content.schema")), 1)
+                          default: d(() => [
+                            _(v(ae("content.schema")), 1)
                           ]),
                           _: 1
                         })) : (i(), W(e(j), {
@@ -1197,12 +1198,12 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: c(() => [
-                            w(p(e(a)("page.fields-help")), 1)
+                          default: d(() => [
+                            _(v(e(a)("page.fields-help")), 1)
                           ]),
                           _: 1
                         })),
-                        u(e(Ht), {
+                        u(e(jt), {
                           title: e(a)("help.schema-title"),
                           body: e(a)("help.schema")
                         }, null, 8, ["title", "body"])
@@ -1215,20 +1216,20 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                   value: "settings",
                   label: e(a)("page.tab-settings")
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     u(e(ve), { class: "wx-block-editor__sheet" }, {
-                      default: c(() => [
+                      default: d(() => [
                         $("div", Hl, [
                           u(e(Y), {
                             label: e(a)("page.identifier"),
                             help: e(a)("page.identifier-help"),
                             error: ae("slug"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
+                            default: d(() => [
                               u(e(ge), {
-                                modelValue: k.slug,
-                                "onUpdate:modelValue": g[4] || (g[4] = (x) => k.slug = x)
+                                modelValue: h.slug,
+                                "onUpdate:modelValue": b[4] || (b[4] = (x) => h.slug = x)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
@@ -1237,12 +1238,12 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                             label: e(a)("page.group"),
                             help: e(a)("page.group-help"),
                             error: ae("group"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
-                              u(e(yt), {
-                                modelValue: k.group,
-                                "onUpdate:modelValue": g[5] || (g[5] = (x) => k.group = x),
+                            default: d(() => [
+                              u(e(kt), {
+                                modelValue: h.group,
+                                "onUpdate:modelValue": b[5] || (b[5] = (x) => h.group = x),
                                 options: de.value
                               }, null, 8, ["modelValue", "options"])
                             ]),
@@ -1253,13 +1254,13 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                             label: e(a)("page.description"),
                             help: e(a)("page.description-help"),
                             error: ae("description"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
+                            default: d(() => [
                               u(e(Kt), {
-                                "model-value": k.description ?? "",
+                                "model-value": h.description ?? "",
                                 rows: 2,
-                                "onUpdate:modelValue": g[6] || (g[6] = (x) => k.description = String(x ?? ""))
+                                "onUpdate:modelValue": b[6] || (b[6] = (x) => h.description = String(x ?? ""))
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
@@ -1267,13 +1268,13 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           u(e(Y), {
                             label: e(a)("page.icon"),
                             error: ae("icon"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
+                            default: d(() => [
                               u(e(ge), {
-                                "model-value": k.icon ?? "",
+                                "model-value": h.icon ?? "",
                                 placeholder: "grid",
-                                "onUpdate:modelValue": g[7] || (g[7] = (x) => k.icon = String(x ?? ""))
+                                "onUpdate:modelValue": b[7] || (b[7] = (x) => h.icon = String(x ?? ""))
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
@@ -1282,12 +1283,12 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                             label: e(a)("page.sort"),
                             help: e(a)("page.sort-help"),
                             error: ae("sort"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
-                              u(e(nt), {
-                                modelValue: k.sort,
-                                "onUpdate:modelValue": g[8] || (g[8] = (x) => k.sort = x)
+                            default: d(() => [
+                              u(e(lt), {
+                                modelValue: h.sort,
+                                "onUpdate:modelValue": b[8] || (b[8] = (x) => h.sort = x)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
@@ -1296,12 +1297,12 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                             label: e(a)("page.allow"),
                             help: e(a)("page.allow-help"),
                             error: ae("allow"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
-                              u(e(at), {
-                                modelValue: k.allow,
-                                "onUpdate:modelValue": g[9] || (g[9] = (x) => k.allow = x),
+                            default: d(() => [
+                              u(e(nt), {
+                                modelValue: h.allow,
+                                "onUpdate:modelValue": b[9] || (b[9] = (x) => h.allow = x),
                                 "allow-create": ""
                               }, null, 8, ["modelValue"])
                             ]),
@@ -1311,12 +1312,12 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                             label: e(a)("page.allowed-in"),
                             help: e(a)("page.allowed-in-help"),
                             error: ae("allowed_in"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
-                              u(e(at), {
-                                modelValue: k.allowed_in,
-                                "onUpdate:modelValue": g[10] || (g[10] = (x) => k.allowed_in = x),
+                            default: d(() => [
+                              u(e(nt), {
+                                modelValue: h.allowed_in,
+                                "onUpdate:modelValue": b[10] || (b[10] = (x) => h.allowed_in = x),
                                 "allow-create": "",
                                 suggestions: ["root"]
                               }, null, 8, ["modelValue"])
@@ -1327,13 +1328,13 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                             label: e(a)("page.max-per-entity"),
                             help: e(a)("page.max-per-entity-help"),
                             error: ae("max_per_entity"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
-                              u(e(nt), {
-                                "model-value": k.max_per_entity ?? void 0,
+                            default: d(() => [
+                              u(e(lt), {
+                                "model-value": h.max_per_entity ?? void 0,
                                 min: 1,
-                                "onUpdate:modelValue": g[11] || (g[11] = (x) => k.max_per_entity = x ?? null)
+                                "onUpdate:modelValue": b[11] || (b[11] = (x) => h.max_per_entity = x ?? null)
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
@@ -1341,35 +1342,35 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                           u(e(Y), {
                             label: e(a)("page.enabled"),
                             help: e(a)("page.enabled-help"),
-                            disabled: !S.value
+                            disabled: !k.value
                           }, {
-                            default: c(() => [
+                            default: d(() => [
                               u(e(Zt), {
-                                modelValue: k.is_enabled,
-                                "onUpdate:modelValue": g[12] || (g[12] = (x) => k.is_enabled = x)
+                                modelValue: h.is_enabled,
+                                "onUpdate:modelValue": b[12] || (b[12] = (x) => h.is_enabled = x)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "disabled"]),
-                          S.value ? (i(), V("div", Fl, [
+                          k.value ? (i(), V("div", Fl, [
                             u(e(q), {
                               type: "danger",
                               variant: "outline",
-                              disabled: d.value.usage_count > 0,
+                              disabled: p.value.usage_count > 0,
                               onClick: $e
                             }, {
-                              default: c(() => [
-                                w(p(e(a)("page.delete")), 1)
+                              default: d(() => [
+                                _(v(e(a)("page.delete")), 1)
                               ]),
                               _: 1
                             }, 8, ["disabled"]),
-                            d.value.usage_count > 0 ? (i(), W(e(j), {
+                            p.value.usage_count > 0 ? (i(), W(e(j), {
                               key: 0,
                               size: "sm",
                               tone: "muted"
                             }, {
-                              default: c(() => [
-                                w(p(e(a)("page.delete-used", { count: d.value.usage_count })), 1)
+                              default: d(() => [
+                                _(v(e(a)("page.delete-used", { count: p.value.usage_count })), 1)
                               ]),
                               _: 1
                             })) : L("", !0)
@@ -1385,15 +1386,15 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                   value: "history",
                   label: e(a)("page.tab-history")
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     u(e(ve), {
                       class: "wx-block-editor__sheet",
                       padding: "none"
                     }, {
-                      default: c(() => [
+                      default: d(() => [
                         u(ol, {
-                          block: d.value,
-                          "can-manage": S.value,
+                          block: p.value,
+                          "can-manage": k.value,
                           onRestored: pe
                         }, null, 8, ["block", "can-manage"])
                       ]),
@@ -1417,24 +1418,24 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
             u(e(ve), {
               title: e(a)("page.sample")
             }, {
-              default: c(() => [
-                C.schema.length ? (i(), W(e(Vt), {
+              default: d(() => [
+                w.schema.length ? (i(), W(e($t), {
                   key: 0,
                   modelValue: We.value,
-                  "onUpdate:modelValue": g[14] || (g[14] = (x) => We.value = x),
-                  root: e(Xe)(C.schema),
+                  "onUpdate:modelValue": b[14] || (b[14] = (x) => We.value = x),
+                  root: e(Ye)(w.schema),
                   types: e(s).types,
                   translate: e(s).i18n.t,
                   can: e(s).can,
-                  disabled: !S.value,
+                  disabled: !k.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : L("", !0),
                 u(e(j), {
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: c(() => [
-                    w(p(e(a)("page.sample-help")), 1)
+                  default: d(() => [
+                    _(v(e(a)("page.sample-help")), 1)
                   ]),
                   _: 1
                 })
@@ -1444,14 +1445,14 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
             u(e(ve), {
               title: e(a)("page.usage")
             }, {
-              default: c(() => [
-                b.value.length === 0 ? (i(), W(e(j), {
+              default: d(() => [
+                y.value.length === 0 ? (i(), W(e(j), {
                   key: 0,
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: c(() => [
-                    w(p(e(a)("page.usage-empty")), 1)
+                  default: d(() => [
+                    _(v(e(a)("page.usage-empty")), 1)
                   ]),
                   _: 1
                 })) : (i(), V("div", Jl, [
@@ -1459,25 +1460,25 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
                     key: `${x.model}:${x.id}`,
                     class: "wx-block-editor__use"
                   }, [
-                    $("span", null, p(x.title ?? `#${x.id}`), 1),
+                    $("span", null, v(x.title ?? `#${x.id}`), 1),
                     x.published ? L("", !0) : (i(), W(e(J), {
                       key: 0,
                       type: "warning",
                       size: "sm"
                     }, {
-                      default: c(() => [
-                        w(p(e(a)("page.unpublished-page")), 1)
+                      default: d(() => [
+                        _(v(e(a)("page.unpublished-page")), 1)
                       ]),
                       _: 1
                     }))
                   ]))), 128)),
-                  b.value.length > Ve.value.length ? (i(), W(e(j), {
+                  y.value.length > Ve.value.length ? (i(), W(e(j), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
-                    default: c(() => [
-                      w(p(e(a)("page.usage-more", { count: b.value.length - Ve.value.length })), 1)
+                    default: d(() => [
+                      _(v(e(a)("page.usage-more", { count: y.value.length - Ve.value.length })), 1)
                     ]),
                     _: 1
                   })) : L("", !0)
@@ -1487,58 +1488,58 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
             }, 8, ["title"])
           ])
         ]),
-        S.value ? (i(), W(e(Gt), { key: 1 }, {
-          state: c(() => [
+        k.value ? (i(), W(e(Gt), { key: 1 }, {
+          state: d(() => [
             O.value ? (i(), W(e(J), {
               key: 0,
               type: "primary",
               dot: ""
             }, {
-              default: c(() => [
-                w(p(e(a)("page.unsaved")), 1)
+              default: d(() => [
+                _(v(e(a)("page.unsaved")), 1)
               ]),
               _: 1
             })) : L("", !0),
-            d.value.draft ? (i(), W(e(J), {
+            p.value.draft ? (i(), W(e(J), {
               key: 1,
               type: "warning",
               dot: ""
             }, {
-              default: c(() => [
-                w(p(e(a)("page.draft", { number: d.value.draft.number })), 1)
+              default: d(() => [
+                _(v(e(a)("page.draft", { number: p.value.draft.number })), 1)
               ]),
               _: 1
             })) : L("", !0),
-            d.value.published ? (i(), W(e(J), {
+            p.value.published ? (i(), W(e(J), {
               key: 2,
               type: "success",
               dot: ""
             }, {
-              default: c(() => [
-                w(p(e(a)("page.live", { number: d.value.published.number })), 1)
+              default: d(() => [
+                _(v(e(a)("page.live", { number: p.value.published.number })), 1)
               ]),
               _: 1
             })) : L("", !0)
           ]),
-          default: c(() => [
+          default: d(() => [
             u(e(q), {
               variant: "outline",
-              loading: h.value,
+              loading: c.value,
               onClick: ue
             }, {
-              default: c(() => [
-                w(p(e(a)("page.save")), 1)
+              default: d(() => [
+                _(v(e(a)("page.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"]),
             u(e(q), {
               type: "primary",
-              loading: f.value,
-              disabled: !d.value.draft && !O.value,
+              loading: T.value,
+              disabled: !p.value.draft && !O.value,
               onClick: xe
             }, {
-              default: c(() => [
-                w(p(e(a)("page.publish")), 1)
+              default: d(() => [
+                _(v(e(a)("page.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1559,14 +1560,14 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
     height: { default: 120 }
   },
   setup(t) {
-    const l = t, s = U(null), n = Ge(s), o = B(() => n.value > 0 ? n.value / l.width : 0.2), r = B(
-      () => l.thumbnail ? Ct({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
-    ), a = B(() => ({
+    const l = t, s = U(null), n = Ke(s), o = C(() => n.value > 0 ? n.value / l.width : 0.2), r = C(
+      () => l.thumbnail ? St({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
+    ), a = C(() => ({
       width: `${l.width}px`,
       height: `${Math.round(l.height / o.value)}px`,
       transform: `scale(${o.value})`
     }));
-    return (v, A) => (i(), V("div", {
+    return (m, A) => (i(), V("div", {
       ref_key: "box",
       ref: s,
       class: "wx-block-thumb",
@@ -1585,7 +1586,7 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
       ]))
     ], 4));
   }
-}), It = /* @__PURE__ */ X(Ql, [["__scopeId", "data-v-615b818a"]]), Xl = { class: "wx-block-picker" }, en = {
+}), zt = /* @__PURE__ */ X(Ql, [["__scopeId", "data-v-615b818a"]]), Xl = { class: "wx-block-picker" }, en = {
   key: 0,
   class: "wx-block-picker__group-title"
 }, tn = { class: "wx-block-picker__cards" }, ln = ["disabled", "title", "onClick"], nn = { class: "wx-block-picker__body" }, an = { class: "wx-block-picker__title" }, sn = /* @__PURE__ */ Q({
@@ -1599,129 +1600,129 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
     blocksPath: { default: null }
   },
   setup(t) {
-    const l = t, { resolve: s, dismiss: n, open: o } = wt();
+    const l = t, { resolve: s, dismiss: n, open: o } = yt();
     Ee();
     const r = le("webx-blocks"), a = U("");
-    function v(h) {
+    function m(c) {
       if (l.parent === null)
-        return h.allowed_in === null || h.allowed_in.includes("root");
-      const f = l.allow ? l.allow.includes(h.slug) : l.parent.allow?.includes(h.slug) === !0, y = h.allowed_in === null || h.allowed_in.includes(l.parent.slug);
-      return f && y;
+        return c.allowed_in === null || c.allowed_in.includes("root");
+      const T = l.allow ? l.allow.includes(c.slug) : l.parent.allow?.includes(c.slug) === !0, f = c.allowed_in === null || c.allowed_in.includes(l.parent.slug);
+      return T && f;
     }
-    const A = B(
-      () => l.catalog.filter((h) => h.is_enabled && h.published !== null && v(h)).map((h) => {
-        const f = ml(l.tree, h.slug), y = h.max_per_entity !== null && f >= h.max_per_entity;
-        return { type: h, reason: y ? r("field.limit-reached", { count: f }) : null };
+    const A = C(
+      () => l.catalog.filter((c) => c.is_enabled && c.published !== null && m(c)).map((c) => {
+        const T = ml(l.tree, c.slug), f = c.max_per_entity !== null && T >= c.max_per_entity;
+        return { type: c, reason: f ? r("field.limit-reached", { count: T }) : null };
       })
-    ), d = B(() => {
-      const h = a.value.trim().toLowerCase();
-      return h === "" ? A.value : A.value.filter(
-        ({ type: f }) => f.title.toLowerCase().includes(h) || f.slug.includes(h) || (f.description ?? "").toLowerCase().includes(h)
+    ), p = C(() => {
+      const c = a.value.trim().toLowerCase();
+      return c === "" ? A.value : A.value.filter(
+        ({ type: T }) => T.title.toLowerCase().includes(c) || T.slug.includes(c) || (T.description ?? "").toLowerCase().includes(c)
       );
-    }), b = B(() => {
-      const h = [...l.groups];
-      for (const { type: _ } of d.value)
-        h.includes(_.group) || h.push(_.group);
-      const f = h.map((_) => ({
-        id: _,
-        label: ye(_, r),
-        options: d.value.filter((S) => S.type.group === _)
-      })).filter((_) => _.options.length > 0);
-      return d.value.length <= 5 || a.value.trim() !== "" || f.length < 2 ? [{ id: "", label: "", options: d.value }] : f;
-    }), m = B(() => {
+    }), y = C(() => {
+      const c = [...l.groups];
+      for (const { type: S } of p.value)
+        c.includes(S.group) || c.push(S.group);
+      const T = c.map((S) => ({
+        id: S,
+        label: ye(S, r),
+        options: p.value.filter((k) => k.type.group === S)
+      })).filter((S) => S.options.length > 0);
+      return p.value.length <= 5 || a.value.trim() !== "" || T.length < 2 ? [{ id: "", label: "", options: p.value }] : T;
+    }), g = C(() => {
       if (l.catalog.length === 0) return r("field.pick-none");
       if (A.value.length === 0 && l.parent) {
-        const h = (l.allow ?? l.parent.allow ?? []).filter(
-          (f) => l.catalog.some((y) => y.slug === f)
+        const c = (l.allow ?? l.parent.allow ?? []).filter(
+          (T) => l.catalog.some((f) => f.slug === T)
         );
-        return h.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: h.join(", ") });
+        return c.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: c.join(", ") });
       }
       return r("field.pick-empty");
     });
-    return (h, f) => {
-      const y = vt("router-link");
-      return i(), W(e(_t), {
+    return (c, T) => {
+      const f = ft("router-link");
+      return i(), W(e(wt), {
         open: e(o),
-        "onUpdate:open": f[2] || (f[2] = (_) => mt(o) ? o.value = _ : null),
+        "onUpdate:open": T[2] || (T[2] = (S) => vt(o) ? o.value = S : null),
         title: e(r)("field.pick"),
         width: 860
       }, {
-        footer: c(() => [
+        footer: d(() => [
           u(e(q), {
             variant: "outline",
-            onClick: f[1] || (f[1] = (_) => e(n)())
+            onClick: T[1] || (T[1] = (S) => e(n)())
           }, {
-            default: c(() => [
-              w(p(e(r)("field.close")), 1)
+            default: d(() => [
+              _(v(e(r)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
-        default: c(() => [
+        default: d(() => [
           $("div", Xl, [
             A.value.length > 0 ? (i(), W(e(ge), {
               key: 0,
               modelValue: a.value,
-              "onUpdate:modelValue": f[0] || (f[0] = (_) => a.value = _),
+              "onUpdate:modelValue": T[0] || (T[0] = (S) => a.value = S),
               placeholder: e(r)("field.search"),
               clearable: "",
               autofocus: ""
             }, null, 8, ["modelValue", "placeholder"])) : L("", !0),
-            d.value.length === 0 ? (i(), W(e(xt), {
+            p.value.length === 0 ? (i(), W(e(_t), {
               key: 1,
               icon: "grid",
-              title: m.value,
+              title: g.value,
               size: "sm"
             }, {
-              default: c(() => [
-                t.catalog.length === 0 && t.blocksPath ? (i(), W(y, {
+              default: d(() => [
+                t.catalog.length === 0 && t.blocksPath ? (i(), W(f, {
                   key: 0,
                   to: t.blocksPath
                 }, {
-                  default: c(() => [
-                    w(p(e(r)("field.pick-none-link")), 1)
+                  default: d(() => [
+                    _(v(e(r)("field.pick-none-link")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])) : L("", !0)
               ]),
               _: 1
             }, 8, ["title"])) : L("", !0),
-            (i(!0), V(H, null, te(b.value, (_) => (i(), V("section", {
-              key: _.id,
+            (i(!0), V(H, null, te(y.value, (S) => (i(), V("section", {
+              key: S.id,
               class: "wx-block-picker__group"
             }, [
-              _.label ? (i(), V("div", en, p(_.label), 1)) : L("", !0),
+              S.label ? (i(), V("div", en, v(S.label), 1)) : L("", !0),
               $("div", tn, [
-                (i(!0), V(H, null, te(_.options, (S) => (i(), V("button", {
-                  key: S.type.id,
+                (i(!0), V(H, null, te(S.options, (k) => (i(), V("button", {
+                  key: k.type.id,
                   type: "button",
-                  class: be(["wx-block-picker__card", { "is-disabled": S.reason !== null }]),
-                  disabled: S.reason !== null,
-                  title: S.reason ?? void 0,
-                  onClick: (k) => e(s)(S.type)
+                  class: be(["wx-block-picker__card", { "is-disabled": k.reason !== null }]),
+                  disabled: k.reason !== null,
+                  title: k.reason ?? void 0,
+                  onClick: (h) => e(s)(k.type)
                 }, [
-                  u(It, {
-                    thumbnail: S.type.thumbnail,
+                  u(zt, {
+                    thumbnail: k.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
                   $("div", nn, [
-                    $("div", an, p(S.type.title), 1),
-                    S.reason ? (i(), W(e(j), {
+                    $("div", an, v(k.type.title), 1),
+                    k.reason ? (i(), W(e(j), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
-                      default: c(() => [
-                        w(p(S.reason), 1)
+                      default: d(() => [
+                        _(v(k.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : S.type.description ? (i(), W(e(j), {
+                    }, 1024)) : k.type.description ? (i(), W(e(j), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
-                      default: c(() => [
-                        w(p(S.type.description), 1)
+                      default: d(() => [
+                        _(v(k.type.description), 1)
                       ]),
                       _: 2
                     }, 1024)) : L("", !0)
@@ -1746,69 +1747,69 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
   },
   emits: ["select"],
   setup(t, { expose: l, emit: s }) {
-    const n = t, o = s, r = le("webx-blocks"), a = U(null), v = U(null), A = Ge(v), d = U(!1), b = U(1280), m = U(!1), h = B(() => [
+    const n = t, o = s, r = le("webx-blocks"), a = U(null), m = U(null), A = Ke(m), p = U(!1), y = U(1280), g = U(!1), c = C(() => [
       { value: 1280, label: r("field.width-desktop") },
       { value: 834, label: r("field.width-tablet") },
       { value: 390, label: r("field.width-phone") }
-    ]), f = B(
-      () => d.value ? b.value : n.mode === "phone" ? 390 : 1280
-    ), y = B(() => d.value || n.mode === "phone" || A.value === 0 ? 1 : Math.min(1, A.value / f.value)), _ = B(() => ({
-      width: `${f.value}px`,
-      transform: `scale(${y.value})`
-    })), S = B(() => {
+    ]), T = C(
+      () => p.value ? y.value : n.mode === "phone" ? 390 : 1280
+    ), f = C(() => p.value || n.mode === "phone" || A.value === 0 ? 1 : Math.min(1, A.value / T.value)), S = C(() => ({
+      width: `${T.value}px`,
+      transform: `scale(${f.value})`
+    })), k = C(() => {
       if (!n.url) return "";
       try {
-        return `${new URL(n.url, location.origin).pathname} · ${f.value} px`;
+        return `${new URL(n.url, location.origin).pathname} · ${T.value} px`;
       } catch {
         return n.url;
       }
     });
-    function k() {
+    function h() {
       try {
         return a.value?.contentDocument ?? null;
       } catch {
         return null;
       }
     }
-    let C = null, D = !1;
+    let w = null, D = !1;
     function K() {
-      m.value = !0;
-      const M = k();
-      M && (C?.release(), C = rl(M, {
+      g.value = !0;
+      const M = h();
+      M && (w?.release(), w = rl(M, {
         select: (O) => {
           D = !0, o("select", O), D = !1;
         }
-      }), Je(M, n.selected ?? null), ne(M, n.selected ?? null));
+      }), Fe(M, n.selected ?? null), ne(M, n.selected ?? null));
     }
     function ne(M, O) {
-      O === null || D || Ye(M, O)?.scrollIntoView({ behavior: "smooth", block: "center" });
+      O === null || D || Ze(M, O)?.scrollIntoView({ behavior: "smooth", block: "center" });
     }
     function z(M, O) {
-      const ee = k();
-      if (!ee || !m.value) return !1;
+      const ee = h();
+      if (!ee || !g.value) return !1;
       const de = il(ee, M, O);
-      return de && Je(ee, n.selected ?? null), de;
+      return de && Fe(ee, n.selected ?? null), de;
     }
     function N() {
-      m.value = !1, a.value && n.url && (a.value.src = n.url);
+      g.value = !1, a.value && n.url && (a.value.src = n.url);
     }
     function I(M) {
-      M.key === "Escape" && d.value && (d.value = !1, M.stopPropagation());
+      M.key === "Escape" && p.value && (p.value = !1, M.stopPropagation());
     }
     return ie(
       () => n.selected,
       (M) => {
-        const O = k();
-        !O || !m.value || (Je(O, M ?? null), ne(O, M ?? null));
+        const O = h();
+        !O || !g.value || (Fe(O, M ?? null), ne(O, M ?? null));
       }
     ), ie(() => n.reload, N), ie(
       () => n.url,
-      () => m.value = !1
-    ), Ce(() => window.addEventListener("keydown", I)), Ze(() => {
-      window.removeEventListener("keydown", I), C?.release();
-    }), l({ replace: z, refresh: N, open: () => d.value = !0 }), (M, O) => (i(), V("div", {
-      class: be(["wx-blocks-preview", { "is-fullscreen": d.value, "is-phone": t.mode === "phone", "is-fill": t.fill }]),
-      style: ce({ "--wx-preview-scale": y.value })
+      () => g.value = !1
+    ), Te(() => window.addEventListener("keydown", I)), Je(() => {
+      window.removeEventListener("keydown", I), w?.release();
+    }), l({ replace: z, refresh: N, open: () => p.value = !0 }), (M, O) => (i(), V("div", {
+      class: be(["wx-blocks-preview", { "is-fullscreen": p.value, "is-phone": t.mode === "phone", "is-fill": t.fill }]),
+      style: ce({ "--wx-preview-scale": f.value })
     }, [
       $("div", rn, [
         u(e(j), {
@@ -1817,17 +1818,17 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
-          default: c(() => [
-            w(p(S.value), 1)
+          default: d(() => [
+            _(v(k.value), 1)
           ]),
           _: 1
         }),
         $("div", un, [
-          d.value ? (i(), W(e(gt), {
+          p.value ? (i(), W(e(bt), {
             key: 0,
-            modelValue: b.value,
-            "onUpdate:modelValue": O[0] || (O[0] = (ee) => b.value = ee),
-            options: h.value,
+            modelValue: y.value,
+            "onUpdate:modelValue": O[0] || (O[0] = (ee) => y.value = ee),
+            options: c.value,
             size: "sm"
           }, null, 8, ["modelValue", "options"])) : L("", !0),
           t.url ? (i(), W(e(q), {
@@ -1838,18 +1839,18 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
             target: "_blank",
             rel: "noopener"
           }, {
-            default: c(() => [
-              w(p(e(r)("field.open-site")), 1)
+            default: d(() => [
+              _(v(e(r)("field.open-site")), 1)
             ]),
             _: 1
           }, 8, ["href"])) : L("", !0),
           u(e(q), {
             size: "sm",
             variant: "outline",
-            onClick: O[1] || (O[1] = (ee) => d.value = !d.value)
+            onClick: O[1] || (O[1] = (ee) => p.value = !p.value)
           }, {
-            default: c(() => [
-              w(p(d.value ? e(r)("field.close") : e(r)("field.fullscreen")), 1)
+            default: d(() => [
+              _(v(p.value ? e(r)("field.close") : e(r)("field.fullscreen")), 1)
             ]),
             _: 1
           })
@@ -1857,12 +1858,12 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
       ]),
       $("div", {
         ref_key: "box",
-        ref: v,
+        ref: m,
         class: "wx-blocks-preview__ground"
       }, [
         $("div", {
           class: "wx-blocks-preview__clip",
-          style: ce({ width: `${Math.round(f.value * y.value)}px` })
+          style: ce({ width: `${Math.round(T.value * f.value)}px` })
         }, [
           t.url ? (i(), V("iframe", {
             key: 0,
@@ -1870,7 +1871,7 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
             ref: a,
             class: "wx-blocks-preview__frame",
             src: t.url,
-            style: ce(_.value),
+            style: ce(S.value),
             title: e(r)("field.preview"),
             onLoad: K
           }, null, 44, cn)) : L("", !0)
@@ -1878,7 +1879,10 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
       ], 512)
     ], 6));
   }
-}), pn = /* @__PURE__ */ X(dn, [["__scopeId", "data-v-0b137d74"]]), fn = { class: "wx-blocks-tree__node" }, vn = ["onClick", "onKeydown"], mn = { class: "wx-blocks-tree__icon" }, hn = { class: "wx-blocks-tree__name" }, bn = ["title"], gn = ["title"], kn = ["title"], yn = ["title"], wn = ["onClick"], _n = /* @__PURE__ */ Q({
+}), pn = /* @__PURE__ */ X(dn, [["__scopeId", "data-v-1668a23e"]]), fn = { class: "wx-blocks-tree__node" }, vn = ["onClick", "onKeydown"], mn = { class: "wx-blocks-tree__icon" }, hn = { class: "wx-blocks-tree__name" }, bn = ["title"], gn = ["title"], kn = ["title"], yn = ["title"], wn = {
+  key: 4,
+  class: "wx-blocks-tree__actions"
+}, _n = ["onClick"], xn = /* @__PURE__ */ Q({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -1892,25 +1896,48 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
   emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
   setup(t, { emit: l }) {
     const s = t, n = l, o = le("webx-blocks");
-    function r(b) {
-      return s.catalog.find((m) => m.slug === b.type) ?? null;
+    function r(g) {
+      return s.catalog.find((c) => c.slug === g.type) ?? null;
+    }
+    function a(g) {
+      return r(g)?.title ?? g.type;
     }
-    function a(b) {
-      return r(b)?.title ?? b.type;
+    function m(g) {
+      const c = r(g);
+      return c?.content ? Ct(c.content.schema) : [];
     }
-    function v(b) {
-      const m = r(b);
-      return m?.content ? Et(m.content.schema) : [];
+    function A(g, c) {
+      const T = g.values[c.id];
+      return Array.isArray(T) ? T : [];
     }
-    function A(b, m) {
-      const h = b.values[m.id];
-      return Array.isArray(h) ? h : [];
+    function p(g) {
+      return r(g)?.icon ?? "grid";
     }
-    function d(b) {
-      return r(b)?.icon ?? "grid";
+    function y(g) {
+      return [
+        {
+          key: "visibility",
+          icon: g.hidden === !0 ? "eye" : "eye-off",
+          label: g.hidden === !0 ? o("field.show") : o("field.hide"),
+          run: () => n("visibility", g.key, g.hidden !== !0)
+        },
+        {
+          key: "duplicate",
+          icon: "copy",
+          label: o("field.duplicate"),
+          run: () => n("duplicate", g.key)
+        },
+        {
+          key: "remove",
+          icon: "trash",
+          label: o("field.remove"),
+          danger: !0,
+          run: () => n("remove", g.key)
+        }
+      ];
     }
-    return (b, m) => {
-      const h = vt("blocks-tree", !0);
+    return (g, c) => {
+      const T = ft("blocks-tree", !0);
       return i(), W(e(Yt), {
         "model-value": t.nodes,
         "item-key": "key",
@@ -1920,26 +1947,26 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
         size: "sm",
         "empty-text": t.depth === 0 ? e(o)("field.empty") : "",
         class: be(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
-        "onUpdate:modelValue": m[7] || (m[7] = (f) => n("reorder", t.parentKey, t.field, f))
+        "onUpdate:modelValue": c[6] || (c[6] = (f) => n("reorder", t.parentKey, t.field, f))
       }, {
-        default: c(({ item: f }) => [
+        default: d(({ item: f }) => [
           $("div", fn, [
             $("div", {
               class: be(["wx-blocks-tree__row", { "is-selected": t.selected === f.key, "is-hidden": f.hidden === !0 }]),
               role: "button",
               tabindex: "0",
-              onClick: (y) => n("select", f.key),
+              onClick: (S) => n("select", f.key),
               onKeydown: [
-                lt(He((y) => n("select", f.key), ["prevent"]), ["enter"]),
-                lt(He((y) => n("select", f.key), ["prevent"]), ["space"])
+                et(tt((S) => n("select", f.key), ["prevent"]), ["enter"]),
+                et(tt((S) => n("select", f.key), ["prevent"]), ["space"])
               ]
             }, [
               $("span", mn, [
                 u(e(oe), {
-                  name: d(f)
+                  name: p(f)
                 }, null, 8, ["name"])
               ]),
-              $("span", hn, p(a(f)), 1),
+              $("span", hn, v(a(f)), 1),
               r(f) ? r(f)?.draft ? (i(), V("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
@@ -1966,63 +1993,43 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
               }, [
                 u(e(oe), { name: "eye-off" })
               ], 8, yn)) : L("", !0),
-              t.disabled ? L("", !0) : (i(), V("span", {
-                key: 4,
-                class: "wx-blocks-tree__actions",
-                onClick: m[0] || (m[0] = He(() => {
-                }, ["stop"]))
-              }, [
-                u(e(Fe), {
-                  icon: f.hidden === !0 ? "eye-off" : "eye",
-                  size: "sm",
-                  title: f.hidden === !0 ? e(o)("field.show") : e(o)("field.hide"),
-                  onClick: (y) => n("visibility", f.key, f.hidden !== !0)
-                }, null, 8, ["icon", "title", "onClick"]),
-                u(e(Fe), {
-                  icon: "copy",
-                  size: "sm",
-                  title: e(o)("field.duplicate"),
-                  onClick: (y) => n("duplicate", f.key)
-                }, null, 8, ["title", "onClick"]),
-                u(e(Fe), {
-                  icon: "trash",
-                  size: "sm",
-                  tone: "danger",
-                  title: e(o)("field.remove"),
-                  onClick: (y) => n("remove", f.key)
-                }, null, 8, ["title", "onClick"])
+              t.disabled ? L("", !0) : (i(), V("span", wn, [
+                u(e(Ht), {
+                  actions: y(f),
+                  label: a(f)
+                }, null, 8, ["actions", "label"])
               ]))
             ], 42, vn),
-            (i(!0), V(H, null, te(v(f), (y) => (i(), V("div", {
-              key: y.id,
+            (i(!0), V(H, null, te(m(f), (S) => (i(), V("div", {
+              key: S.id,
               class: "wx-blocks-tree__kids"
             }, [
-              u(h, {
-                nodes: A(f, y),
+              u(T, {
+                nodes: A(f, S),
                 catalog: t.catalog,
                 "parent-key": f.key,
-                field: y.id,
+                field: S.id,
                 selected: t.selected,
                 disabled: t.disabled,
                 depth: t.depth + 1,
-                onSelect: m[1] || (m[1] = (_) => n("select", _)),
-                onAdd: m[2] || (m[2] = (_, S, k) => n("add", _, S, k)),
-                onRemove: m[3] || (m[3] = (_) => n("remove", _)),
-                onDuplicate: m[4] || (m[4] = (_) => n("duplicate", _)),
-                onVisibility: m[5] || (m[5] = (_, S) => n("visibility", _, S)),
-                onReorder: m[6] || (m[6] = (_, S, k) => n("reorder", _, S, k))
+                onSelect: c[0] || (c[0] = (k) => n("select", k)),
+                onAdd: c[1] || (c[1] = (k, h, w) => n("add", k, h, w)),
+                onRemove: c[2] || (c[2] = (k) => n("remove", k)),
+                onDuplicate: c[3] || (c[3] = (k) => n("duplicate", k)),
+                onVisibility: c[4] || (c[4] = (k, h) => n("visibility", k, h)),
+                onReorder: c[5] || (c[5] = (k, h, w) => n("reorder", k, h, w))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
               t.disabled ? L("", !0) : (i(), V("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (_) => n("add", f.key, y.id, y)
+                onClick: (k) => n("add", f.key, S.id, S)
               }, [
-                w(" + " + p(e(o)("field.add-inside")), 1),
-                v(f).length > 1 ? (i(), V(H, { key: 0 }, [
-                  w(" · " + p(y.label ?? y.id), 1)
+                _(" + " + v(e(o)("field.add-inside")), 1),
+                m(f).length > 1 ? (i(), V(H, { key: 0 }, [
+                  _(" · " + v(S.label ?? S.id), 1)
                 ], 64)) : L("", !0)
-              ], 8, wn))
+              ], 8, _n))
             ]))), 128))
           ])
         ]),
@@ -2030,27 +2037,27 @@ const Cl = { class: "wx-block-editor" }, Tl = { class: "wx-block-editor__columns
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), xn = /* @__PURE__ */ X(_n, [["__scopeId", "data-v-4fe464bb"]]), et = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function sa(t) {
-  ht(et, t);
+}), $n = /* @__PURE__ */ X(xn, [["__scopeId", "data-v-4c1e79ce"]]), Qe = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function oa(t) {
+  mt(Qe, t);
 }
-function oa() {
-  return Ne(et, null);
+function ia() {
+  return Ne(Qe, null);
 }
-const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
+const pt = /* @__PURE__ */ Symbol("wx-blocks-root"), Vn = {
   key: 0,
   class: "wx-blocks-nested"
-}, Vn = { class: "wx-blocks__tree" }, Sn = { class: "wx-blocks__panel-head" }, Cn = { class: "wx-blocks__panel-title" }, Tn = { class: "wx-blocks__tools" }, Bn = {
+}, Sn = { class: "wx-blocks__tree" }, Tn = { class: "wx-blocks__panel-head" }, Bn = { class: "wx-blocks__panel-title" }, Cn = { class: "wx-blocks__tools" }, En = {
   key: 0,
   class: "wx-blocks__fields"
-}, En = { class: "wx-blocks__panel-head" }, Wn = { class: "wx-blocks__panel-title" }, An = { class: "wx-blocks__panel-extra" }, Ln = { class: "wx-blocks__form" }, zn = {
+}, Wn = { class: "wx-blocks__panel-head" }, An = { class: "wx-blocks__panel-title" }, Ln = { class: "wx-blocks__panel-extra" }, zn = { class: "wx-blocks__form" }, In = {
   key: 1,
   class: "wx-blocks__preview"
-}, In = /* @__PURE__ */ Q({
+}, Un = /* @__PURE__ */ Q({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ Pt({
+  props: /* @__PURE__ */ Nt({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -2067,119 +2074,119 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = t, s = Ut(t, "modelValue"), n = Ne(ft, !1);
-    ht(ft, !0), Ee();
-    const o = le("webx-blocks"), r = Be(), a = Ne(Ft, null);
-    let v = null;
-    const A = U([]), d = B(() => l.catalog ?? A.value), b = B(() => Array.isArray(s.value) ? s.value : []), m = U(null), h = B(() => m.value ? se(b.value, m.value) : null), f = B(
-      () => h.value ? d.value.find((T) => T.slug === h.value?.node.type) ?? null : null
-    ), y = Ne(et, null), _ = U(null), S = B(
-      () => a?.state.manifest?.modules.find((T) => T.id === "blocks")?.meta?.groups ?? []
-    ), k = Nt()?.type, C = B(() => l.context?.types ? l.context.types : a?.types ? { ...qe, ...a.types } : k ? { ...qe, "wx-blocks": { component: k, kind: "field", nested: !0 } } : qe), D = B(
-      () => l.context?.translate ?? a?.i18n.t ?? ((T) => T)
-    ), K = B(() => l.context?.can ?? a?.can ?? (() => !0)), ne = $t(on);
-    function z(T) {
-      s.value = T;
+    const l = t, s = It(t, "modelValue"), n = Ne(pt, !1);
+    mt(pt, !0), Ee();
+    const o = le("webx-blocks"), r = Ce(), a = Ne(Ft, null);
+    let m = null;
+    const A = U([]), p = C(() => l.catalog ?? A.value), y = C(() => Array.isArray(s.value) ? s.value : []), g = U(null), c = C(() => g.value ? se(y.value, g.value) : null), T = C(
+      () => c.value ? p.value.find((B) => B.slug === c.value?.node.type) ?? null : null
+    ), f = Ne(Qe, null), S = U(null), k = C(
+      () => a?.state.manifest?.modules.find((B) => B.id === "blocks")?.meta?.groups ?? []
+    ), h = Ut()?.type, w = C(() => l.context?.types ? l.context.types : a?.types ? { ...He, ...a.types } : h ? { ...He, "wx-blocks": { component: h, kind: "field", nested: !0 } } : He), D = C(
+      () => l.context?.translate ?? a?.i18n.t ?? ((B) => B)
+    ), K = C(() => l.context?.can ?? a?.can ?? (() => !0)), ne = xt(on);
+    function z(B) {
+      s.value = B;
     }
-    async function N(T, P, R) {
-      const Z = T ? se(b.value, T) : null, G = Z ? d.value.find((Ve) => Ve.slug === Z.node.type) ?? null : null, Re = T === null ? l.allow : R?.props?.allow ?? null, ue = T === null ? l.max : R?.props?.max ?? null, xe = T === null ? b.value : Z && P ? Z.node.values[P] ?? [] : [];
+    async function N(B, P, R) {
+      const Z = B ? se(y.value, B) : null, G = Z ? p.value.find((Ve) => Ve.slug === Z.node.type) ?? null : null, Re = B === null ? l.allow : R?.props?.allow ?? null, ue = B === null ? l.max : R?.props?.max ?? null, xe = B === null ? y.value : Z && P ? Z.node.values[P] ?? [] : [];
       if (ue != null && xe.length >= ue) return;
       const $e = await ne({
-        catalog: d.value,
+        catalog: p.value,
         parent: G,
         allow: Re,
-        tree: b.value,
-        groups: S.value,
+        tree: y.value,
+        groups: k.value,
         blocksPath: l.blocksPath
       });
       if (!$e) return;
       const ze = vl($e.slug, I($e));
-      z(ct(b.value, T, P, xe.length, ze)), m.value = ze.key;
+      z(ut(y.value, B, P, xe.length, ze)), g.value = ze.key;
     }
-    function I(T) {
-      const P = T.content?.sample ?? {}, R = {};
+    function I(B) {
+      const P = B.content?.sample ?? {}, R = {};
       for (const [Z, G] of Object.entries(P))
         (!Array.isArray(G) || G.length === 0 || typeof G[0] != "object") && (R[Z] = G);
       return R;
     }
-    async function M(T) {
-      const P = se(b.value, T);
+    async function M(B) {
+      const P = se(y.value, B);
       if (!P) return;
       const R = hl(P.node);
-      R > 0 && !await Me({
+      await Me({
         title: o("field.remove-title", {
-          title: d.value.find((G) => G.slug === P.node.type)?.title ?? P.node.type
+          title: p.value.find((G) => G.slug === P.node.type)?.title ?? P.node.type
         }),
-        message: o("field.remove-text", { count: R }),
+        message: R > 0 ? o("field.remove-text", { count: R }) : o("field.remove-alone"),
         confirmText: o("field.remove"),
         cancelText: o("page.cancel"),
         tone: "danger"
-      }) || (m.value === T && (m.value = null), z(kl(b.value, T)));
+      }) && (g.value === B && (g.value = null), z(kl(y.value, B)));
     }
-    function O(T) {
-      const P = se(b.value, T);
+    function O(B) {
+      const P = se(y.value, B);
       if (!P) return;
-      const R = Wt(P.node);
-      z(ct(b.value, P.parent?.key ?? null, P.field, P.index + 1, R)), m.value = R.key;
+      const R = Et(P.node);
+      z(ut(y.value, P.parent?.key ?? null, P.field, P.index + 1, R)), g.value = R.key;
     }
-    function ee(T, P) {
-      z(bl(b.value, T, P));
+    function ee(B, P) {
+      z(bl(y.value, B, P));
     }
-    function de(T, P, R) {
-      z(wl(b.value, T, P, R));
+    function de(B, P, R) {
+      z(wl(y.value, B, P, R));
     }
-    function We(T) {
-      m.value = m.value === T ? null : T;
+    function We(B) {
+      g.value = g.value === B ? null : B;
     }
-    function Ae(T) {
-      T === null || !se(b.value, T) || (m.value = T);
+    function Ae(B) {
+      B === null || !se(y.value, B) || (g.value = B);
     }
     function we() {
-      m.value = null;
+      g.value = null;
     }
-    function pe(T) {
-      m.value && z(yl(b.value, m.value, T));
+    function pe(B) {
+      g.value && z(yl(y.value, g.value, B));
     }
     let fe;
     ie(
-      () => h.value?.node.values,
-      (T, P) => {
-        if (!T || !P || !f.value || !v || !y) return;
-        const R = m.value, Z = f.value.id;
+      () => c.value?.node.values,
+      (B, P) => {
+        if (!B || !P || !T.value || !m || !f) return;
+        const R = g.value, Z = T.value.id;
         clearTimeout(fe), fe = setTimeout(() => {
-          !R || !v || v.render(Z, { values: T, key: R }).then((G) => {
-            _.value?.replace(R, G.html) || _.value?.refresh();
+          !R || !m || m.render(Z, { values: B, key: R }).then((G) => {
+            S.value?.replace(R, G.html) || S.value?.refresh();
           }).catch(() => {
           });
         }, 300);
       },
       { deep: !0 }
     );
-    function Le(T) {
-      T.key === "Escape" && m.value && we();
+    function Le(B) {
+      B.key === "Escape" && g.value && we();
     }
-    Ce(async () => {
+    Te(async () => {
       if (window.addEventListener("keydown", Le), l.catalog === null && a) {
-        v = ke(a);
+        m = ke(a);
         try {
-          A.value = await v.catalog();
-        } catch (T) {
-          F.danger(r(T));
+          A.value = await m.catalog();
+        } catch (B) {
+          F.danger(r(B));
         }
-      } else a && (v = ke(a));
-    }), Ze(() => {
+      } else a && (m = ke(a));
+    }), Je(() => {
       clearTimeout(fe), window.removeEventListener("keydown", Le);
     });
-    const _e = B(
-      () => f.value?.content ? Xe(f.value.content.schema) : []
+    const _e = C(
+      () => T.value?.content ? Ye(T.value.content.schema) : []
     );
-    return (T, P) => e(n) ? (i(), V("div", $n, [
+    return (B, P) => e(n) ? (i(), V("div", Vn, [
       u(e(j), {
         size: "sm",
         tone: "muted"
       }, {
-        default: c(() => [
-          w(p(e(o)("field.nested-note")), 1)
+        default: d(() => [
+          _(v(e(o)("field.nested-note")), 1)
         ]),
         _: 1
       })
@@ -2189,27 +2196,27 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
     }, [
       $("div", {
         class: be(["wx-blocks", {
-          "is-editing": h.value !== null,
-          "has-preview": e(y) !== null && e(y).url.value !== null
+          "is-editing": c.value !== null,
+          "has-preview": e(f) !== null && e(f).url.value !== null
         }])
       }, [
-        $("div", Vn, [
-          $("div", Sn, [
-            $("span", Cn, p(e(o)("field.blocks")), 1),
+        $("div", Sn, [
+          $("div", Tn, [
+            $("span", Bn, v(e(o)("field.blocks")), 1),
             u(e(j), {
               size: "sm",
               tone: "muted"
             }, {
-              default: c(() => [
-                w(p(b.value.length), 1)
+              default: d(() => [
+                _(v(y.value.length), 1)
               ]),
               _: 1
             })
           ]),
-          u(xn, {
-            nodes: b.value,
-            catalog: d.value,
-            selected: m.value,
+          u($n, {
+            nodes: y.value,
+            catalog: p.value,
+            selected: g.value,
             disabled: t.disabled,
             onSelect: We,
             onAdd: N,
@@ -2218,56 +2225,56 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
             onVisibility: ee,
             onReorder: de
           }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-          $("div", Tn, [
-            !t.disabled && (t.max === null || b.value.length < t.max) ? (i(), W(e(q), {
+          $("div", Cn, [
+            !t.disabled && (t.max === null || y.value.length < t.max) ? (i(), W(e(q), {
               key: 0,
               variant: "outline",
               icon: "plus",
               class: "wx-blocks__add",
               onClick: P[0] || (P[0] = (R) => N(null, null, null))
             }, {
-              default: c(() => [
-                w(p(e(o)("field.add")), 1)
+              default: d(() => [
+                _(v(e(o)("field.add")), 1)
               ]),
               _: 1
             })) : L("", !0),
-            e(y) && e(y).url.value ? (i(), W(e(q), {
+            e(f) && e(f).url.value ? (i(), W(e(q), {
               key: 1,
               variant: "outline",
               icon: "eye",
               class: "wx-blocks__preview-button",
-              onClick: P[1] || (P[1] = (R) => _.value?.open())
+              onClick: P[1] || (P[1] = (R) => S.value?.open())
             }, {
-              default: c(() => [
-                w(p(e(o)("field.preview")), 1)
+              default: d(() => [
+                _(v(e(o)("field.preview")), 1)
               ]),
               _: 1
             })) : L("", !0)
           ])
         ]),
-        h.value ? (i(), V("div", Bn, [
-          $("div", En, [
-            $("span", Wn, p(f.value?.title ?? h.value.node.type), 1),
-            $("span", An, [
-              $("code", null, p(h.value.node.type), 1),
+        c.value ? (i(), V("div", En, [
+          $("div", Wn, [
+            $("span", An, v(T.value?.title ?? c.value.node.type), 1),
+            $("span", Ln, [
+              $("code", null, v(c.value.node.type), 1),
               u(e(q), {
                 size: "sm",
                 variant: "outline",
                 onClick: we
               }, {
-                default: c(() => [
-                  w(p(e(o)("field.done")) + " · Esc", 1)
+                default: d(() => [
+                  _(v(e(o)("field.done")) + " · Esc", 1)
                 ]),
                 _: 1
               })
             ])
           ]),
-          $("div", Ln, [
-            f.value?.content ? (i(), W(e(Vt), {
-              key: h.value.node.key,
-              "model-value": h.value.node.values,
+          $("div", zn, [
+            T.value?.content ? (i(), W(e($t), {
+              key: c.value.node.key,
+              "model-value": c.value.node.values,
               root: _e.value,
-              types: C.value,
+              types: w.value,
               translate: D.value,
               can: K.value,
               disabled: t.disabled,
@@ -2277,21 +2284,21 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
               size: "sm",
               tone: "danger"
             }, {
-              default: c(() => [
-                w(p(e(o)("field.unknown-type", { type: h.value.node.type })), 1)
+              default: d(() => [
+                _(v(e(o)("field.unknown-type", { type: c.value.node.type })), 1)
               ]),
               _: 1
             }))
           ])
         ])) : L("", !0),
-        e(y) && e(y).url.value ? (i(), V("div", zn, [
+        e(f) && e(f).url.value ? (i(), V("div", In, [
           u(pn, {
             ref_key: "previewEl",
-            ref: _,
-            url: e(y).url.value,
-            selected: m.value,
-            mode: h.value ? "phone" : "wide",
-            reload: e(y).reload?.value ?? 0,
+            ref: S,
+            url: e(f).url.value,
+            selected: g.value,
+            mode: c.value ? "phone" : "wide",
+            reload: e(f).reload?.value ?? 0,
             fill: t.fill,
             onSelect: Ae
           }, null, 8, ["url", "selected", "mode", "reload", "fill"])
@@ -2299,7 +2306,7 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
       ], 2)
     ], 2));
   }
-}), Un = /* @__PURE__ */ X(In, [["__scopeId", "data-v-40ee98fe"]]), Nn = { class: "wx-block-card__body" }, Pn = { class: "wx-block-card__title" }, Mn = { class: "wx-block-card__chips" }, On = /* @__PURE__ */ Q({
+}), Nn = /* @__PURE__ */ X(Un, [["__scopeId", "data-v-ed183a09"]]), Pn = { class: "wx-block-card__body" }, Mn = { class: "wx-block-card__title" }, On = { class: "wx-block-card__chips" }, Dn = /* @__PURE__ */ Q({
   __name: "BlockCard",
   props: {
     block: {}
@@ -2312,30 +2319,30 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
       class: "wx-block-card",
       onClick: r[0] || (r[0] = (a) => s("open", t.block))
     }, [
-      u(It, {
+      u(zt, {
         thumbnail: t.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      $("div", Nn, [
-        $("div", Pn, p(t.block.title), 1),
+      $("div", Pn, [
+        $("div", Mn, v(t.block.title), 1),
         u(e(j), {
           size: "sm",
           tone: "muted"
         }, {
-          default: c(() => [
-            $("code", null, p(t.block.slug), 1),
-            w(" · " + p(t.block.usage_count > 0 ? e(n)("page.on-pages", { count: t.block.usage_count }) : e(n)("page.not-used")), 1)
+          default: d(() => [
+            $("code", null, v(t.block.slug), 1),
+            _(" · " + v(t.block.usage_count > 0 ? e(n)("page.on-pages", { count: t.block.usage_count }) : e(n)("page.not-used")), 1)
           ]),
           _: 1
         }),
-        $("div", Mn, [
+        $("div", On, [
           t.block.draft ? (i(), W(e(J), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
-            default: c(() => [
-              w(p(e(n)("page.draft", { number: t.block.draft.number })), 1)
+            default: d(() => [
+              _(v(e(n)("page.draft", { number: t.block.draft.number })), 1)
             ]),
             _: 1
           })) : L("", !0),
@@ -2344,16 +2351,16 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
             type: "success",
             dot: ""
           }, {
-            default: c(() => [
-              w(p(e(n)("page.live", { number: t.block.published.number })), 1)
+            default: d(() => [
+              _(v(e(n)("page.live", { number: t.block.published.number })), 1)
             ]),
             _: 1
           })) : (i(), W(e(J), {
             key: 2,
             type: "default"
           }, {
-            default: c(() => [
-              w(p(e(n)("page.never-published")), 1)
+            default: d(() => [
+              _(v(e(n)("page.never-published")), 1)
             ]),
             _: 1
           })),
@@ -2362,8 +2369,8 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
             type: "default",
             variant: "outline"
           }, {
-            default: c(() => [
-              w(p(e(n)("page.hidden")), 1)
+            default: d(() => [
+              _(v(e(n)("page.hidden")), 1)
             ]),
             _: 1
           }))
@@ -2371,62 +2378,62 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
       ])
     ]));
   }
-}), Dn = /* @__PURE__ */ X(On, [["__scopeId", "data-v-daa12de4"]]), Rn = { class: "wx-block-create" }, jn = /* @__PURE__ */ Q({
+}), Rn = /* @__PURE__ */ X(Dn, [["__scopeId", "data-v-daa12de4"]]), jn = { class: "wx-block-create" }, Hn = /* @__PURE__ */ Q({
   __name: "BlockCreateDialog",
   setup(t) {
-    const { resolve: l, dismiss: s, open: n } = wt(), o = Te(), r = ke(o);
+    const { resolve: l, dismiss: s, open: n } = yt(), o = Be(), r = ke(o);
     Ee();
-    const a = le("webx-blocks"), v = Be(), A = B(() => o.state.manifest?.modules.find((C) => C.id === "blocks")?.meta?.groups ?? ["content"]), d = U({ title: "", slug: "", group: A.value[0] ?? "content" }), b = U({}), m = U(!1), h = U(!1), f = B(
-      () => A.value.map((k) => ({ value: k, label: ye(k, a) }))
+    const a = le("webx-blocks"), m = Ce(), A = C(() => o.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? ["content"]), p = U({ title: "", slug: "", group: A.value[0] ?? "content" }), y = U({}), g = U(!1), c = U(!1), T = C(
+      () => A.value.map((h) => ({ value: h, label: ye(h, a) }))
     );
-    function y(k) {
-      return k.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    function f(h) {
+      return h.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
     ie(
-      () => d.value.title,
-      (k) => {
-        h.value || (d.value.slug = y(k));
+      () => p.value.title,
+      (h) => {
+        c.value || (p.value.slug = f(h));
       }
     );
-    function _(k) {
-      return b.value[k]?.[0];
+    function S(h) {
+      return y.value[h]?.[0];
     }
-    async function S() {
-      m.value = !0, b.value = {};
+    async function k() {
+      g.value = !0, y.value = {};
       try {
-        l(await r.create(d.value));
-      } catch (k) {
-        const C = k.body;
-        C?.errors ? b.value = C.errors : F.danger(v(k, a("page.failed")));
+        l(await r.create(p.value));
+      } catch (h) {
+        const w = h.body;
+        w?.errors ? y.value = w.errors : F.danger(m(h, a("page.failed")));
       } finally {
-        m.value = !1;
+        g.value = !1;
       }
     }
-    return (k, C) => (i(), W(e(_t), {
+    return (h, w) => (i(), W(e(wt), {
       open: e(n),
-      "onUpdate:open": C[5] || (C[5] = (D) => mt(n) ? n.value = D : null),
+      "onUpdate:open": w[5] || (w[5] = (D) => vt(n) ? n.value = D : null),
       title: e(a)("page.new"),
       width: 520
     }, {
-      footer: c(() => [
+      footer: d(() => [
         u(e(Qt), { size: "sm" }, {
-          default: c(() => [
+          default: d(() => [
             u(e(q), {
               variant: "outline",
-              onClick: C[4] || (C[4] = (D) => e(s)())
+              onClick: w[4] || (w[4] = (D) => e(s)())
             }, {
-              default: c(() => [
-                w(p(e(a)("page.cancel")), 1)
+              default: d(() => [
+                _(v(e(a)("page.cancel")), 1)
               ]),
               _: 1
             }),
             u(e(q), {
               type: "primary",
-              loading: m.value,
-              onClick: S
+              loading: g.value,
+              onClick: k
             }, {
-              default: c(() => [
-                w(p(e(a)("page.create")), 1)
+              default: d(() => [
+                _(v(e(a)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2434,16 +2441,16 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
           _: 1
         })
       ]),
-      default: c(() => [
-        $("div", Rn, [
+      default: d(() => [
+        $("div", jn, [
           u(e(Y), {
             label: e(a)("page.title"),
-            error: _("title")
+            error: S("title")
           }, {
-            default: c(() => [
+            default: d(() => [
               u(e(ge), {
-                modelValue: d.value.title,
-                "onUpdate:modelValue": C[0] || (C[0] = (D) => d.value.title = D),
+                modelValue: p.value.title,
+                "onUpdate:modelValue": w[0] || (w[0] = (D) => p.value.title = D),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
@@ -2452,14 +2459,14 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
           u(e(Y), {
             label: e(a)("page.identifier"),
             help: e(a)("page.identifier-help"),
-            error: _("slug")
+            error: S("slug")
           }, {
-            default: c(() => [
+            default: d(() => [
               u(e(ge), {
-                modelValue: d.value.slug,
-                "onUpdate:modelValue": C[1] || (C[1] = (D) => d.value.slug = D),
+                modelValue: p.value.slug,
+                "onUpdate:modelValue": w[1] || (w[1] = (D) => p.value.slug = D),
                 placeholder: "hero",
-                onInput: C[2] || (C[2] = (D) => h.value = !0)
+                onInput: w[2] || (w[2] = (D) => c.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -2467,13 +2474,13 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
           u(e(Y), {
             label: e(a)("page.group"),
             help: e(a)("page.group-help"),
-            error: _("group")
+            error: S("group")
           }, {
-            default: c(() => [
-              u(e(yt), {
-                modelValue: d.value.group,
-                "onUpdate:modelValue": C[3] || (C[3] = (D) => d.value.group = D),
-                options: f.value
+            default: d(() => [
+              u(e(kt), {
+                modelValue: p.value.group,
+                "onUpdate:modelValue": w[3] || (w[3] = (D) => p.value.group = D),
+                options: T.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
@@ -2483,56 +2490,56 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Hn = /* @__PURE__ */ X(jn, [["__scopeId", "data-v-a4c0d44c"]]), Fn = {
+}), Fn = /* @__PURE__ */ X(Hn, [["__scopeId", "data-v-a4c0d44c"]]), qn = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, qn = { class: "wx-blocks-page__cards" }, Jn = { class: "wx-blocks-page__ghost-body" }, Kn = {
+}, Jn = { class: "wx-blocks-page__cards" }, Kn = { class: "wx-blocks-page__ghost-body" }, Zn = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, Zn = { class: "wx-blocks-page__cards" }, Gn = /* @__PURE__ */ Q({
+}, Gn = { class: "wx-blocks-page__cards" }, Yn = /* @__PURE__ */ Q({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, s = Te(), n = ke(s), o = bt();
+    const l = t, s = Be(), n = ke(s), o = ht();
     Ee();
-    const r = le("webx-blocks"), a = Be(), v = U([]), A = U(!0), d = U(""), b = U(""), m = $t(Hn), h = B(() => {
+    const r = le("webx-blocks"), a = Ce(), m = U([]), A = U(!0), p = U(""), y = U(""), g = xt(Fn), c = C(() => {
       const z = s.state.manifest?.modules.find((N) => N.id === "blocks")?.meta;
       return {
         groups: z?.groups ?? [],
         editing: z?.editing ?? !0,
         provides: z?.provides ?? []
       };
-    }), f = B(() => s.can("blocks.manage") && h.value.editing), y = B(
+    }), T = C(() => s.can("blocks.manage") && c.value.editing), f = C(
       () => s.state.manifest?.modules.find((z) => z.id === "blocks")?.title ?? r("module.title")
-    ), _ = B(() => {
-      const z = d.value.trim().toLowerCase(), N = b.value === "" ? v.value : v.value.filter((I) => I.group === b.value);
+    ), S = C(() => {
+      const z = p.value.trim().toLowerCase(), N = y.value === "" ? m.value : m.value.filter((I) => I.group === y.value);
       return z === "" ? N : N.filter(
         (I) => I.title.toLowerCase().includes(z) || I.slug.includes(z) || (I.description ?? "").toLowerCase().includes(z)
       );
-    }), S = B(() => {
-      const z = [...h.value.groups];
-      for (const N of v.value)
+    }), k = C(() => {
+      const z = [...c.value.groups];
+      for (const N of m.value)
         z.includes(N.group) || z.push(N.group);
-      return z.filter((N) => v.value.some((I) => I.group === N));
-    }), k = B(
-      () => S.value.length < 2 ? [] : [
+      return z.filter((N) => m.value.some((I) => I.group === N));
+    }), h = C(
+      () => k.value.length < 2 ? [] : [
         { value: "", label: r("page.all-groups") },
-        ...S.value.map((z) => ({ value: z, label: ye(z, r) }))
+        ...k.value.map((z) => ({ value: z, label: ye(z, r) }))
       ]
-    ), C = B(() => {
-      const z = S.value.map((I) => ({
+    ), w = C(() => {
+      const z = k.value.map((I) => ({
         id: I,
         label: ye(I, r),
-        blocks: _.value.filter((M) => M.group === I)
+        blocks: S.value.filter((M) => M.group === I)
       })).filter((I) => I.blocks.length > 0);
-      return b.value !== "" || _.value.length <= 5 || d.value.trim() !== "" || z.length < 2 ? [{ id: "", label: "", blocks: _.value }] : z;
+      return y.value !== "" || S.value.length <= 5 || p.value.trim() !== "" || z.length < 2 ? [{ id: "", label: "", blocks: S.value }] : z;
     });
     async function D() {
       A.value = !0;
       try {
-        v.value = await n.list();
+        m.value = await n.list();
       } catch (z) {
         F.danger(a(z));
       } finally {
@@ -2543,35 +2550,35 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
       o.push(`${l.base}/${z.id}`);
     }
     async function ne() {
-      const z = await m({});
+      const z = await g({});
       z && K(z);
     }
-    return Ce(D), (z, N) => (i(), W(e(qt), {
-      view: b.value,
-      "onUpdate:view": N[1] || (N[1] = (I) => b.value = I),
+    return Te(D), (z, N) => (i(), W(e(qt), {
+      view: y.value,
+      "onUpdate:view": N[1] || (N[1] = (I) => y.value = I),
       class: "wx-blocks-page",
-      title: y.value,
-      views: k.value
-    }, Mt({
-      default: c(() => [
-        h.value.editing ? L("", !0) : (i(), W(e(kt), {
+      title: f.value,
+      views: h.value
+    }, Pt({
+      default: d(() => [
+        c.value.editing ? L("", !0) : (i(), W(e(gt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: e(r)("page.editing-off")
         }, null, 8, ["description"])),
-        A.value || v.value.length > 0 ? (i(), V("div", Fn, [
+        A.value || m.value.length > 0 ? (i(), V("div", qn, [
           u(e(ge), {
-            modelValue: d.value,
-            "onUpdate:modelValue": N[0] || (N[0] = (I) => d.value = I),
+            modelValue: p.value,
+            "onUpdate:modelValue": N[0] || (N[0] = (I) => p.value = I),
             class: "wx-blocks-page__search",
             placeholder: e(r)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
         ])) : L("", !0),
         A.value ? (i(), W(e(he), { key: 2 }, {
-          template: c(() => [
-            $("div", qn, [
+          template: d(() => [
+            $("div", Jn, [
               (i(), V(H, null, te(4, (I) => $("div", {
                 key: I,
                 class: "wx-blocks-page__ghost"
@@ -2581,7 +2588,7 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                $("div", Jn, [
+                $("div", Kn, [
                   u(e(Ue), {
                     variant: "title",
                     width: "45%"
@@ -2600,18 +2607,18 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
             ])
           ]),
           _: 1
-        })) : v.value.length === 0 ? (i(), W(e(xt), {
+        })) : m.value.length === 0 ? (i(), W(e(_t), {
           key: 3,
           icon: "grid",
           title: e(r)("page.empty"),
           description: e(r)("page.empty-help")
-        }, null, 8, ["title", "description"])) : (i(!0), V(H, { key: 4 }, te(C.value, (I) => (i(), V("section", {
+        }, null, 8, ["title", "description"])) : (i(!0), V(H, { key: 4 }, te(w.value, (I) => (i(), V("section", {
           key: I.id,
           class: "wx-blocks-page__group"
         }, [
-          I.label ? (i(), V("div", Kn, p(I.label), 1)) : L("", !0),
-          $("div", Zn, [
-            (i(!0), V(H, null, te(I.blocks, (M) => (i(), W(Dn, {
+          I.label ? (i(), V("div", Zn, v(I.label), 1)) : L("", !0),
+          $("div", Gn, [
+            (i(!0), V(H, null, te(I.blocks, (M) => (i(), W(Rn, {
               key: M.id,
               block: M,
               onOpen: K
@@ -2621,16 +2628,16 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
       ]),
       _: 2
     }, [
-      f.value ? {
+      T.value ? {
         name: "actions",
-        fn: c(() => [
+        fn: d(() => [
           u(e(q), {
             type: "primary",
             icon: "plus",
             onClick: ne
           }, {
-            default: c(() => [
-              w(p(e(r)("page.new")), 1)
+            default: d(() => [
+              _(v(e(r)("page.new")), 1)
             ]),
             _: 1
           })
@@ -2639,14 +2646,14 @@ const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
       } : void 0
     ]), 1032, ["view", "title", "views"]));
   }
-}), Yn = /* @__PURE__ */ X(Gn, [["__scopeId", "data-v-3cb993d5"]]);
-function ia(t = {}) {
+}), Qn = /* @__PURE__ */ X(Yn, [["__scopeId", "data-v-3cb993d5"]]);
+function ra(t = {}) {
   const l = t.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: Yn, props: { base: l } },
+      { path: l, name: "webx.blocks", component: Qn, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
@@ -2659,9 +2666,10 @@ function ia(t = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: Un,
+        component: Nn,
         kind: "field",
         nested: !0,
+        wide: !0,
         bind: () => ({ blocksPath: l })
       }
     }
@@ -2671,34 +2679,34 @@ export {
   Zl as WxBlockEditorPage,
   on as WxBlockPicker,
   fl as WxBlockStage,
-  It as WxBlockThumb,
-  Un as WxBlocks,
-  Yn as WxBlocksPage,
-  ia as blocks,
+  zt as WxBlockThumb,
+  Nn as WxBlocks,
+  Qn as WxBlocksPage,
+  ra as blocks,
   _l as blocksMessages,
-  et as blocksPreviewKey,
-  Wt as cloneNode,
+  Qe as blocksPreviewKey,
+  Et as cloneNode,
   ml as countType,
   ke as createBlocksApi,
-  St as findRange,
-  Xe as formSchema,
-  Je as highlightBlock,
-  ct as insertNode,
+  Vt as findRange,
+  Ye as formSchema,
+  Fe as highlightBlock,
+  ut as insertNode,
   Tt as isNode,
   Oe as isNodeList,
   $l as lintBlock,
   se as locate,
   vl as makeNode,
-  Ke as newKey,
-  sa as provideBlocksPreview,
+  qe as newKey,
+  oa as provideBlocksPreview,
   kl as removeNode,
   il as replaceBlock,
   wl as replaceList,
-  Ct as stageDocument,
-  aa as typesIn,
+  St as stageDocument,
+  sa as typesIn,
   Vl as undeclared,
   yl as updateValues,
-  oa as useBlocksPreview,
+  ia as useBlocksPreview,
   De as walk
 };
 //# sourceMappingURL=index.js.map