@webx-ui/module-blocks 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,29 +1,29 @@
-import { defineComponent as K, computed as C, openBlock as r, createElementBlock as V, createVNode as u, unref as e, createElementVNode as x, createTextVNode as $, toDisplayString as f, Fragment as j, createCommentVNode as E, renderList as Y, ref as U, onMounted as ye, watch as le, createBlock as W, withCtx as c, normalizeStyle as fe, reactive as Le, onBeforeUnmount as Re, resolveComponent as je, withDirectives as Wt, vModelText as At, isRef as it, normalizeClass as me, withKeys as Ge, withModifiers as Me, provide as rt, inject as ze, useModel as zt, getCurrentInstance as Et, mergeModels as Ut } from "vue";
-import { useRoute as It, useRouter as ut } from "vue-router";
-import { useTranslate as Q, useAdmin as we, adminKey as Nt } from "@webx-ui/module-admin";
-import { WxIcon as ne, WxSkeleton as pe, WxText as R, WxBadge as G, WxButton as q, confirm as Oe, toast as F, useElementWidth as He, WxSegmented as ct, WxCard as ce, WxAlert as dt, WxTabs as Lt, WxTab as de, WxCodeEditor as We, WxFormItem as J, WxInput as ve, WxSelect as pt, WxTextarea as Mt, WxInputNumber as Ye, WxTagsInput as Qe, WxSwitch as Pt, useModal as ft, WxDialog as mt, WxEmpty as vt, WxSortableList as Dt, WxAction as Xe, createModal as ht, WxSpace as Ot, WxHeading as Rt, WxSkeletonItem as Ae } from "@webx-ui/core";
-import { WxScreenRenderer as bt, coreTypes as Pe } from "@webx-ui/schema";
-function he(t) {
-  const l = `${t.apiPath}/blocks`, a = (s) => s.data;
+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";
+function ke(t) {
+  const l = `${t.apiPath}/blocks`, s = (n) => n.data;
   return {
-    list: () => t.http.get(l).then(a),
-    catalog: () => t.http.get(`${l}/catalog`).then(a),
-    get: (s) => t.http.get(`${l}/${s}`).then(a),
-    create: (s) => t.http.post(l, s).then(a),
-    update: (s, o) => t.http.put(`${l}/${s}`, o).then(a),
-    remove: (s) => t.http.delete(`${l}/${s}`),
-    publish: (s) => t.http.post(`${l}/${s}/publish`, {}).then(a),
-    render: (s, o = {}) => t.http.post(`${l}/${s}/render`, o).then(a),
-    usage: (s) => t.http.get(`${l}/${s}/usage`).then(a),
-    versions: (s) => t.http.get(`${l}/${s}/versions`).then(a),
-    version: (s, o) => t.http.get(`${l}/${s}/versions/${o}`).then(a),
-    restore: (s, o) => t.http.post(`${l}/${s}/versions/${o}/restore`, {}).then(a)
+    list: () => t.http.get(l).then(s),
+    catalog: () => t.http.get(`${l}/catalog`).then(s),
+    get: (n) => t.http.get(`${l}/${n}`).then(s),
+    create: (n) => t.http.post(l, n).then(s),
+    update: (n, o) => t.http.put(`${l}/${n}`, o).then(s),
+    remove: (n) => t.http.delete(`${l}/${n}`),
+    publish: (n) => t.http.post(`${l}/${n}/publish`, {}).then(s),
+    render: (n, o = {}) => t.http.post(`${l}/${n}/render`, o).then(s),
+    usage: (n) => t.http.get(`${l}/${n}/usage`).then(s),
+    versions: (n) => t.http.get(`${l}/${n}/versions`).then(s),
+    version: (n, o) => t.http.get(`${l}/${n}/versions/${o}`).then(s),
+    restore: (n, o) => t.http.post(`${l}/${n}/versions/${o}/restore`, {}).then(s)
   };
 }
-const jt = { class: "wx-block-checks" }, Ht = {
+const Xt = { class: "wx-block-checks" }, el = {
   key: 0,
   class: "wx-block-checks__line is-error"
-}, Ft = /* @__PURE__ */ K({
+}, tl = /* @__PURE__ */ Q({
   __name: "BlockChecks",
   props: {
     file: {},
@@ -32,50 +32,50 @@ const jt = { class: "wx-block-checks" }, Ht = {
     error: {}
   },
   setup(t) {
-    const l = t, a = Q("webx-blocks"), s = C(() => l.lints.filter((i) => i.file === l.file)), o = C(() => {
-      const i = new Set(s.value.map((h) => h.code)), n = [];
-      return l.file === "template" && (i.has("no-marker") || n.push(a("checks.ok-marker")), i.has("variables-missing") || n.push(a("checks.ok-variables"))), l.file === "styles" && (i.has("stray-selectors") || n.push(a("checks.ok-prefix", { slug: l.slug })), i.has("bare-selectors") || n.push(a("checks.ok-bare")), i.has("media-query") || n.push(a("checks.ok-container"))), n;
+    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 = [];
+      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 (i, n) => (r(), V("div", jt, [
-      t.error ? (r(), V("div", Ht, [
-        u(e(ne), { name: "close-circle" }),
-        x("span", null, [
-          $(f(t.error.message) + " ", 1),
-          t.error.line !== null ? (r(), V(j, { key: 0 }, [
-            $(" · " + f(e(a)("page.line", { line: t.error.line })), 1)
-          ], 64)) : E("", !0),
-          t.error.where ? (r(), V(j, { key: 1 }, [
-            $(" · " + f(t.error.where), 1)
-          ], 64)) : E("", !0)
+    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),
+          t.error.line !== null ? (i(), V(H, { key: 0 }, [
+            w(" · " + p(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)
+          ], 64)) : L("", !0)
         ])
-      ])) : E("", !0),
-      (r(!0), V(j, null, Y(s.value, (h) => (r(), V("div", {
-        key: h.code,
+      ])) : L("", !0),
+      (i(!0), V(H, null, te(n.value, (v) => (i(), V("div", {
+        key: v.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        u(e(ne), { name: "warning" }),
-        x("span", null, [
-          $(f(h.message) + " ", 1),
-          h.line !== null ? (r(), V(j, { key: 0 }, [
-            $(" · " + f(e(a)("page.line", { line: h.line })), 1)
-          ], 64)) : E("", !0)
+        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)
+          ], 64)) : L("", !0)
         ])
       ]))), 128)),
-      (r(!0), V(j, null, Y(o.value, (h) => (r(), V("div", {
-        key: h,
+      (i(!0), V(H, null, te(o.value, (v) => (i(), V("div", {
+        key: v,
         class: "wx-block-checks__line is-ok"
       }, [
-        u(e(ne), { name: "check" }),
-        x("span", null, f(h), 1)
+        u(e(oe), { name: "check" }),
+        $("span", null, p(v), 1)
       ]))), 128))
     ]));
   }
-}), Z = (t, l) => {
-  const a = t.__vccOpts || t;
-  for (const [s, o] of l)
-    a[s] = o;
-  return a;
-}, et = /* @__PURE__ */ Z(Ft, [["__scopeId", "data-v-a96ffa19"]]), qt = { class: "wx-block-history" }, Jt = { class: "wx-block-history__number" }, Kt = { class: "wx-block-history__who" }, Zt = /* @__PURE__ */ K({
+}), X = (t, l) => {
+  const s = t.__vccOpts || t;
+  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({
   __name: "BlockHistory",
   props: {
     block: {},
@@ -83,164 +83,212 @@ const jt = { class: "wx-block-checks" }, Ht = {
   },
   emits: ["restored"],
   setup(t, { emit: l }) {
-    const a = t, s = l, o = we(), i = he(o), n = Q("webx-blocks"), h = U(null);
-    async function p() {
-      h.value = await i.versions(a.block.id);
-    }
-    function S(b) {
-      return a.block.draft?.number === b.number ? "draft" : a.block.published?.number === b.number ? "live" : "replaced";
+    const s = t, n = l, o = Te(), r = ke(o), a = le("webx-blocks"), v = Be(), A = U(null);
+    async function d() {
+      A.value = await r.versions(s.block.id);
     }
-    function _(b) {
-      return b.created_at ? new Date(b.created_at).toLocaleString(o.i18n.state.locale) : "";
+    function b(h) {
+      return s.block.draft?.number === h.number ? "draft" : s.block.published?.number === h.number ? "live" : "replaced";
     }
-    async function k(b) {
-      if (await Oe({
-        title: n("page.restore-title", { number: b.number }),
-        message: n("page.restore-text"),
-        confirmText: n("page.restore"),
-        cancelText: n("page.cancel")
+    async function m(h) {
+      if (await Me({
+        title: a("page.restore-title", { number: h.number }),
+        message: a("page.restore-text"),
+        confirmText: a("page.restore"),
+        cancelText: a("page.cancel")
       }))
         try {
-          const y = await i.restore(a.block.id, b.number);
-          F.success(n("page.restored", { number: y.draft?.number ?? b.number })), s("restored", y), await p();
+          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(y.body?.message ?? String(y));
+          F.danger(v(y));
         }
     }
-    return ye(p), le(
-      () => [a.block.draft?.number, a.block.published?.number],
+    return Ce(d), ie(
+      () => [s.block.draft?.number, s.block.published?.number],
       () => {
-        p();
+        d();
       }
-    ), (b, m) => (r(), V("div", qt, [
-      h.value === null ? (r(), W(e(pe), {
+    ), (h, f) => (i(), V("div", ll, [
+      A.value === null ? (i(), W(e(he), {
         key: 0,
+        class: "wx-block-history__ghost",
         rows: 3
-      })) : (r(!0), V(j, { key: 1 }, Y(h.value, (y) => (r(), V("div", {
+      })) : (i(!0), V(H, { key: 1 }, te(A.value, (y) => (i(), V("div", {
         key: y.number,
         class: "wx-block-history__row"
       }, [
-        x("code", Jt, f(e(n)("page.version", { number: y.number })), 1),
-        x("div", Kt, [
-          u(e(R), null, {
+        $("code", nl, p(e(a)("page.version", { number: y.number })), 1),
+        $("div", al, [
+          u(e(j), null, {
             default: c(() => [
-              $(f(e(n)(`page.version-${S(y)}`)), 1)
+              w(p(e(a)(`page.version-${b(y)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          u(e(R), {
+          u(e(j), {
             size: "sm",
             tone: "muted"
           }, {
             default: c(() => [
-              $(f(_(y)) + " · " + f(y.author ?? e(n)(`page.source-${y.source}`)) + " ", 1),
-              y.comment ? (r(), V(j, { key: 0 }, [
-                $(" · " + f(y.comment), 1)
-              ], 64)) : E("", !0)
+              y.created_at ? (i(), W(e(Dt), {
+                key: 0,
+                value: y.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)
+              ], 64)) : L("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        S(y) === "draft" ? (r(), W(e(G), {
+        b(y) === "draft" ? (i(), W(e(J), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
           default: c(() => [
-            $(f(e(n)("page.version-draft")), 1)
+            w(p(e(a)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : S(y) === "live" ? (r(), W(e(G), {
+        })) : b(y) === "live" ? (i(), W(e(J), {
           key: 1,
           type: "success",
           dot: ""
         }, {
           default: c(() => [
-            $(f(e(n)("page.version-live")), 1)
+            w(p(e(a)("page.version-live")), 1)
           ]),
           _: 1
-        })) : E("", !0),
-        t.canManage && S(y) === "replaced" ? (r(), W(e(q), {
+        })) : L("", !0),
+        t.canManage && b(y) === "replaced" ? (i(), W(e(q), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (g) => k(y)
+          onClick: (_) => m(y)
         }, {
           default: c(() => [
-            $(f(e(n)("page.restore")), 1)
+            w(p(e(a)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : E("", !0)
+        }, 8, ["onClick"])) : L("", !0)
       ]))), 128))
     ]));
   }
-}), Gt = /* @__PURE__ */ Z(Zt, [["__scopeId", "data-v-e88160ce"]]), Ee = "wx-preview-selected", tt = "wx-preview-style";
-function gt(t, l) {
-  const s = (t.ownerDocument ?? t).createTreeWalker(
+}), ol = /* @__PURE__ */ X(sl, [["__scopeId", "data-v-42c6b7ad"]]), Se = "wx-preview-selected", Pe = "wx-preview-hover", ot = "wx-preview-style";
+function St(t, l) {
+  const n = (t.ownerDocument ?? t).createTreeWalker(
     t,
     128
     /* NodeFilter.SHOW_COMMENT */
   );
   let o = null;
-  for (let i = s.nextNode(); i; i = s.nextNode()) {
-    const n = i.data.trim();
-    if (o === null && n === `wx:${l}`)
-      o = i;
-    else if (o !== null && n === `/wx:${l}`)
-      return { start: o, end: i };
+  for (let r = n.nextNode(); r; r = n.nextNode()) {
+    const a = r.data.trim();
+    if (o === null && a === `wx:${l}`)
+      o = r;
+    else if (o !== null && a === `/wx:${l}`)
+      return { start: o, end: r };
   }
   return null;
 }
-function Yt(t, l, a) {
-  const s = gt(t, l);
-  if (!s) return !1;
-  const o = s.start.parentNode;
+function il(t, l, s) {
+  const n = St(t, l);
+  if (!n) return !1;
+  const o = n.start.parentNode;
   if (!o) return !1;
-  const i = t.createElement("template");
-  i.innerHTML = a;
-  const n = s.end.nextSibling;
-  let h = s.start;
-  for (; h; ) {
-    const k = h.nextSibling, b = h === s.end;
-    if (o.removeChild(h), b) break;
-    h = k;
+  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;
   }
-  const p = i.content, S = Array.from(p.childNodes);
-  o.insertBefore(p, n);
-  const _ = t.defaultView?.webx;
-  if (_?.mount)
-    for (const k of S)
-      k.nodeType === 1 && _.mount(k);
+  const A = r.content, d = 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);
   return !0;
 }
-function Qt(t, l) {
-  const a = gt(t, l);
-  if (!a) return null;
-  for (let s = a.start.nextSibling; s && s !== a.end; s = s.nextSibling)
-    if (s.nodeType === 1) return s;
+function Ye(t, l) {
+  const s = St(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 De(t, l) {
-  Xt(t);
-  for (const s of Array.from(t.querySelectorAll(`.${Ee}`)))
-    s.classList.remove(Ee);
+function Je(t, l) {
+  Qe(t);
+  for (const n of Array.from(t.querySelectorAll(`.${Se}`)))
+    n.classList.remove(Se);
   if (l === null) return null;
-  const a = Qt(t, l);
-  return a?.classList.add(Ee), a;
+  const s = Ye(t, l);
+  return s?.classList.add(Se), s;
+}
+function it(t, l) {
+  Qe(t);
+  for (const s of Array.from(t.querySelectorAll(`.${Pe}`)))
+    s.classList.remove(Pe);
+  l !== null && Ye(t, l)?.classList.add(Pe);
+}
+function rt(t) {
+  let l = t?.nodeType === 1 ? t : t?.parentElement ?? null;
+  for (; l; ) {
+    let s = 0;
+    for (let n = l.previousSibling; n; n = n.previousSibling) {
+      if (n.nodeType !== 8) continue;
+      const o = n.data.trim();
+      if (o.startsWith("/wx:"))
+        s += 1;
+      else if (o.startsWith("wx:")) {
+        if (s === 0) return o.slice(3);
+        s -= 1;
+      }
+    }
+    l = l.parentElement;
+  }
+  return null;
 }
-function Xt(t) {
-  if (t.getElementById(tt)) return;
+function rl(t, l) {
+  Qe(t);
+  let s = null;
+  function n(v) {
+    v.preventDefault(), v.stopPropagation();
+  }
+  function o(v) {
+    n(v), l.select(rt(v.target));
+  }
+  function r(v) {
+    const A = rt(v.target);
+    A !== s && (s = A, it(t, A));
+  }
+  function a() {
+    s = null, it(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() {
+      t.removeEventListener("click", o, !0), t.removeEventListener("auxclick", n, !0), t.removeEventListener("submit", n, !0), t.removeEventListener("dragstart", n, !0), t.removeEventListener("mousemove", r, !0), t.removeEventListener("mouseleave", a);
+    }
+  };
+}
+function Qe(t) {
+  if (t.getElementById(ot)) return;
   const l = t.createElement("style");
-  l.id = tt, l.textContent = `.${Ee}{outline:2px solid #427edd;outline-offset:-2px;}`, (t.head ?? t.documentElement).appendChild(l);
+  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);
 }
-function kt(t) {
-  const l = t.base ? `<base href="${lt(t.base)}">` : "", a = t.frame ? `<style>${t.frame}</style>` : "", s = t.script && t.runtime ? `<script src="${lt(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>${a}<style>${t.styles}</style></head><body>${t.html}${s}</body></html>`;
+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>` : "";
+  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 lt(t) {
+function ut(t) {
   return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, ll = ["srcdoc", "title"], nl = /* @__PURE__ */ K({
+const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, dl = ["srcdoc", "title"], pl = /* @__PURE__ */ Q({
   __name: "BlockStage",
   props: {
     html: {},
@@ -250,12 +298,12 @@ const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, l
     loading: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const l = t, a = Q("webx-blocks"), s = C(() => [
-      { value: 1280, label: a("page.width-desktop") },
-      { value: 834, label: a("page.width-tablet") },
-      { value: 390, label: a("page.width-phone") }
-    ]), o = U(1280), i = U(null), n = U(null), h = He(i), p = U(360), S = C(() => h.value === 0 ? 1 : Math.min(1, h.value / o.value)), _ = C(
-      () => kt({
+    const l = t, s = le("webx-blocks"), n = B(() => [
+      { 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({
         html: l.html,
         styles: l.styles,
         script: l.script,
@@ -263,146 +311,156 @@ const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, l
         base: typeof location > "u" ? null : location.origin + "/"
       })
     );
-    function k() {
-      const g = n.value?.contentDocument;
-      g?.documentElement && (p.value = Math.max(120, g.documentElement.scrollHeight));
+    function m() {
+      const _ = a.value?.contentDocument;
+      _?.documentElement && (A.value = Math.max(120, _.documentElement.scrollHeight));
     }
-    function b() {
-      k(), setTimeout(k, 300);
+    function h() {
+      m(), setTimeout(m, 300);
     }
-    le(o, () => setTimeout(k, 50));
-    const m = C(() => ({
+    ie(o, () => setTimeout(m, 50));
+    const f = B(() => ({
       width: `${o.value}px`,
-      height: `${p.value}px`,
-      transform: `scale(${S.value})`
-    })), y = C(() => ({
-      width: `${Math.round(o.value * S.value)}px`,
-      height: `${Math.round(p.value * S.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`
     }));
-    return (g, d) => (r(), V("div", el, [
-      x("div", tl, [
-        u(e(ct), {
+    return (_, S) => (i(), V("div", ul, [
+      $("div", cl, [
+        u(e(gt), {
           modelValue: o.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (w) => o.value = w),
-          options: s.value,
+          "onUpdate:modelValue": S[0] || (S[0] = (k) => o.value = k),
+          options: n.value,
           size: "sm"
         }, null, 8, ["modelValue", "options"])
       ]),
-      x("div", {
+      $("div", {
         ref_key: "box",
-        ref: i,
+        ref: r,
         class: "wx-block-stage__ground"
       }, [
-        t.loading && !t.html ? (r(), W(e(pe), {
+        t.loading && !t.html ? (i(), W(e(he), {
           key: 0,
           rows: 3
-        })) : (r(), V("div", {
+        })) : (i(), V("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: fe(y.value)
+          style: ce(y.value)
         }, [
-          x("iframe", {
+          $("iframe", {
             ref_key: "frame",
-            ref: n,
+            ref: a,
             class: "wx-block-stage__frame",
-            srcdoc: _.value,
-            style: fe(m.value),
+            srcdoc: b.value,
+            style: ce(f.value),
             sandbox: "allow-same-origin allow-scripts",
-            title: e(a)("page.preview"),
-            onLoad: b
-          }, null, 44, ll)
+            title: e(s)("page.preview"),
+            onLoad: h
+          }, null, 44, dl)
         ], 4))
       ], 512)
     ]));
   }
-}), al = /* @__PURE__ */ Z(nl, [["__scopeId", "data-v-976b03f0"]]);
-function yt(t) {
+}), fl = /* @__PURE__ */ X(pl, [["__scopeId", "data-v-9aa4b1df"]]);
+function Tt(t) {
   return typeof t == "object" && t !== null && typeof t.type == "string" && t.type !== "";
 }
-function Fe(t) {
-  return Array.isArray(t) && t.length > 0 && t.every(yt);
+function Oe(t) {
+  return Array.isArray(t) && t.length > 0 && t.every(Tt);
 }
-function wt() {
+function Ke() {
   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 sl(t, l = {}) {
-  return { key: wt(), type: t, values: l };
+function vl(t, l = {}) {
+  return { key: Ke(), type: t, values: l };
 }
-function oe(t, l) {
-  return _t(t, l, null, null);
+function se(t, l) {
+  return Bt(t, l, null, null);
 }
-function _t(t, l, a, s) {
+function Bt(t, l, s, n) {
   for (let o = 0; o < t.length; o++) {
-    const i = t[o];
-    if (i.key === l) return { node: i, parent: a, field: s, list: t, index: o };
-    for (const [n, h] of Object.entries(i.values ?? {}))
-      if (Fe(h)) {
-        const p = _t(h, l, i, n);
-        if (p) return p;
+    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);
+        if (A) return A;
       }
   }
   return null;
 }
-function qe(t, l, a = 0, s = null) {
+function De(t, l, s = 0, n = null) {
   for (const o of t)
-    if (yt(o)) {
-      l(o, a, s);
-      for (const i of Object.values(o.values ?? {}))
-        Fe(i) && qe(i, l, a + 1, o);
+    if (Tt(o)) {
+      l(o, s, n);
+      for (const r of Object.values(o.values ?? {}))
+        Oe(r) && De(r, l, s + 1, o);
     }
 }
-function ol(t, l) {
-  let a = 0;
-  return qe(t, (s) => {
-    s.type === l && a++;
-  }), a;
+function ml(t, l) {
+  let s = 0;
+  return De(t, (n) => {
+    n.type === l && s++;
+  }), s;
 }
-function Fn(t) {
+function hl(t) {
+  let l = 0;
+  for (const s of Object.values(t.values ?? {}))
+    Oe(s) && De(s, () => l++);
+  return l;
+}
+function aa(t) {
   const l = [];
-  return qe(t, (a) => {
-    l.includes(a.type) || l.push(a.type);
+  return De(t, (s) => {
+    l.includes(s.type) || l.push(s.type);
   }), l;
 }
-function xt(t) {
+function Et(t) {
   const l = [];
-  for (const a of t)
-    a.type === "wx-blocks" && l.push(a), a.children && l.push(...xt(a.children));
+  for (const s of t)
+    s.type === "wx-blocks" && l.push(s), s.children && l.push(...Et(s.children));
   return l;
 }
-function $t(t) {
+function Wt(t) {
   const l = {};
-  for (const [a, s] of Object.entries(t.values ?? {}))
-    l[a] = Fe(s) ? s.map($t) : ae(s);
-  return { key: wt(), type: t.type, values: 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 };
+}
+function bl(t, l, s) {
+  const n = re(t), o = se(n, l);
+  return o ? (s ? o.node.hidden = !0 : delete o.node.hidden, n) : t;
 }
-function il(t, l, a) {
+function gl(t, l, s) {
   if (l === null) return t;
-  const s = oe(t, l);
-  if (!s || a === null) return null;
-  const o = s.node.values[a];
-  return Array.isArray(o) || (s.node.values[a] = []), s.node.values[a];
+  const n = se(t, l);
+  if (!n || s === null) return null;
+  const o = n.node.values[s];
+  return Array.isArray(o) || (n.node.values[s] = []), n.node.values[s];
 }
-function nt(t, l, a, s, o) {
-  const i = ae(t), n = il(i, l, a);
-  return n ? (n.splice(Math.max(0, Math.min(s, n.length)), 0, o), i) : t;
+function ct(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;
 }
-function rl(t, l) {
-  const a = ae(t), s = oe(a, l);
-  return s ? (s.list.splice(s.index, 1), a) : t;
+function kl(t, l) {
+  const s = re(t), n = se(s, l);
+  return n ? (n.list.splice(n.index, 1), s) : t;
 }
-function ul(t, l, a) {
-  const s = ae(t), o = oe(s, l);
-  return o ? (o.node.values = a, s) : t;
+function yl(t, l, s) {
+  const n = re(t), o = se(n, l);
+  return o ? (o.node.values = s, n) : t;
 }
-function cl(t, l, a, s) {
-  if (l === null) return ae(s);
-  const o = ae(t), i = oe(o, l);
-  return !i || a === null ? t : (i.node.values[a] = ae(s), o);
+function wl(t, l, s, n) {
+  if (l === null) return re(n);
+  const o = re(t), r = se(o, l);
+  return !r || s === null ? t : (r.node.values[s] = re(n), o);
 }
-function ae(t) {
+function re(t) {
   return t === void 0 ? t : JSON.parse(JSON.stringify(t));
 }
-const dl = {
+const _l = {
   module: {
     title: "Blocks"
   },
@@ -410,6 +468,7 @@ const dl = {
     blocks: "Blocks",
     new: "New block",
     search: "Search by name or identifier",
+    "all-groups": "All groups",
     empty: "No block types yet.",
     "empty-help": "A block type is made here entirely: its fields, its template, its styles and its script.",
     "editing-off": "Editing is switched off on this site: the types arrive by import, and the section is read-only.",
@@ -501,8 +560,11 @@ const dl = {
     done: "Done",
     remove: "Remove",
     "remove-title": 'Remove ":title"?',
-    "remove-text": "The blocks inside it go with it.",
+    "remove-text": "The :count blocks inside it go with it.",
     duplicate: "Duplicate",
+    hide: "Hide from the site",
+    show: "Show on the site",
+    "hidden-note": "Hidden: it is not drawn on the site, nor is anything inside it",
     empty: "No blocks yet. Add the first one.",
     "nested-note": "Nested blocks are edited in the tree on the left.",
     "unknown-type": 'Unknown block type ":type"',
@@ -541,127 +603,127 @@ const dl = {
     "ok-container": "Width is decided by container queries.",
     "ok-variables": "Every variable of the template is a field of the schema."
   }
-}, at = /* @__PURE__ */ new WeakSet();
-function _e() {
+}, dt = /* @__PURE__ */ new WeakSet();
+function Ee() {
   try {
-    const { i18n: t } = we();
-    at.has(t) || (t.defaults("webx-blocks", dl), at.add(t));
+    const { i18n: t } = Te();
+    dt.has(t) || (t.defaults("webx-blocks", _l), dt.add(t));
   } catch {
   }
 }
-const pl = ["block", "entity", "loop", "__env", "errors", "app"];
-function fl(t, l, a) {
-  const s = [];
-  /data-wx-block\s*=/.test(l.template) || s.push({ file: "template", code: "no-marker", line: null, message: a("checks.no-marker") });
-  const o = ml(l.template, l.schema);
-  o.length > 0 && s.push({
+const xl = ["block", "entity", "loop", "__env", "errors", "app"];
+function $l(t, l, s) {
+  const n = [];
+  /data-wx-block\s*=/.test(l.template) || n.push({ file: "template", code: "no-marker", line: null, message: s("checks.no-marker") });
+  const o = Vl(l.template, l.schema);
+  o.length > 0 && n.push({
     file: "template",
     code: "variables-missing",
     line: null,
-    message: a("checks.variables-missing", {
-      variables: o.map((_) => `$${_}`).join(", ")
+    message: s("checks.variables-missing", {
+      variables: o.map((b) => `$${b}`).join(", ")
     })
   });
-  const i = [], n = [], h = `.b-${t}`;
-  for (const [_, k] of vl(l.styles))
-    _.startsWith(h) || _.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(_) ? n.push([_, k]) : i.push([_, k]));
-  i.length > 0 && s.push({
+  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]));
+  r.length > 0 && n.push({
     file: "styles",
     code: "stray-selectors",
-    line: i[0][1],
-    message: a("checks.stray-selectors", { slug: t, selectors: st(i) })
-  }), n.length > 0 && s.push({
+    line: r[0][1],
+    message: s("checks.stray-selectors", { slug: t, selectors: pt(r) })
+  }), a.length > 0 && n.push({
     file: "styles",
     code: "bare-selectors",
-    line: n[0][1],
-    message: a("checks.bare-selectors", { selectors: st(n) })
+    line: a[0][1],
+    message: s("checks.bare-selectors", { selectors: pt(a) })
   });
-  const p = St(l.styles), S = /@media\b/.exec(p);
-  return S && s.push({
+  const A = Lt(l.styles), d = /@media\b/.exec(A);
+  return d && n.push({
     file: "styles",
     code: "media-query",
-    line: Tt(p, S.index),
-    message: a("checks.media-query")
-  }), s;
+    line: zt(A, d.index),
+    message: s("checks.media-query")
+  }), n;
 }
-function Vt(t) {
+function At(t) {
   const l = [];
-  for (const a of t)
-    a.id && l.push(a.id), a.children && l.push(...Vt(a.children));
+  for (const s of t)
+    s.id && l.push(s.id), s.children && l.push(...At(s.children));
   return l;
 }
-function ml(t, l) {
-  const a = /* @__PURE__ */ new Set([...Vt(l), ...pl]);
+function Vl(t, l) {
+  const s = /* @__PURE__ */ new Set([...At(l), ...xl]);
   for (const o of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
-    a.add(o[1]), o[2] && a.add(o[2]);
+    s.add(o[1]), o[2] && s.add(o[2]);
   for (const o of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
-    a.add(o[1]);
-  const s = [];
+    s.add(o[1]);
+  const n = [];
   for (const o of t.matchAll(/\$([a-zA-Z_]\w*)/g)) {
-    const i = o[1];
-    !a.has(i) && !s.includes(i) && s.push(i);
+    const r = o[1];
+    !s.has(r) && !n.includes(r) && n.push(r);
   }
-  return s;
+  return n;
 }
-function vl(t) {
-  const l = St(t), a = [];
-  for (const s of l.matchAll(/([^{};]+)\{/g)) {
-    const o = s[1], i = o.trim();
-    if (!(i === "" || i.startsWith("@")))
-      for (const n of o.split(",")) {
-        const h = n.trim();
-        h === "" || h === "from" || h === "to" || h.endsWith("%") || a.push([h, Tt(l, s.index + o.indexOf(h))]);
+function Sl(t) {
+  const l = Lt(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))]);
       }
   }
-  return a;
+  return s;
 }
-function St(t) {
+function Lt(t) {
   return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
 }
-function Tt(t, l) {
+function zt(t, l) {
   return t.slice(0, Math.max(0, l)).split(`
 `).length;
 }
-function st(t) {
-  const l = [...new Set(t.map(([a]) => a))];
+function pt(t) {
+  const l = [...new Set(t.map(([s]) => s))];
   return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
 }
-function Je(t) {
+function Xe(t) {
   return t.map((l) => ({
     ...l,
     name: l.name ?? l.id,
-    children: l.children ? Je(l.children) : l.children
+    children: l.children ? Xe(l.children) : l.children
   }));
 }
-function ke(t, l) {
-  const a = `groups.${t}`, s = l(a);
-  return s === a || s === `webx-blocks::${a}` ? t.charAt(0).toUpperCase() + t.slice(1) : s;
+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 hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns" }, gl = { class: "wx-block-editor__head" }, kl = { class: "wx-block-editor__id" }, yl = ["aria-label", "disabled"], wl = { class: "wx-block-editor__actions" }, _l = { class: "wx-block-editor__columns" }, xl = { class: "wx-block-editor__files" }, $l = { class: "wx-block-editor__pane" }, Vl = {
+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 = {
   key: 0,
   class: "wx-block-editor__pills"
-}, Sl = ["disabled", "onClick", "textContent"], Tl = { class: "wx-block-editor__pane" }, Cl = { class: "wx-block-editor__pane" }, Bl = { class: "wx-block-editor__note" }, Wl = { class: "wx-block-editor__pane" }, Al = { class: "wx-block-editor__note" }, zl = { class: "wx-block-editor__settings" }, El = {
+}, 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 = {
   key: 0,
   class: "is-wide wx-block-editor__danger"
-}, Ul = { class: "wx-block-editor__side" }, Il = {
+}, ql = { class: "wx-block-editor__side" }, Jl = {
   key: 1,
   class: "wx-block-editor__usage"
-}, Nl = /* @__PURE__ */ K({
+}, Kl = /* @__PURE__ */ Q({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, a = we(), s = he(a), o = It(), i = ut();
-    _e();
-    const n = Q("webx-blocks"), h = C(() => Number(o.params.id)), p = U(null), S = U([]), _ = U(!0), k = U(!1), b = U(!1), m = U("template"), y = C(() => {
-      const T = a.state.manifest?.modules.find((v) => v.id === "blocks")?.meta;
+    const l = t, s = Te(), n = ke(s), o = Ot(), r = bt();
+    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;
       return {
-        groups: T?.groups ?? [],
-        editing: T?.editing ?? !0,
-        provides: T?.provides ?? []
+        groups: E?.groups ?? [],
+        editing: E?.editing ?? !0,
+        provides: E?.provides ?? []
       };
-    }), g = C(() => a.can("blocks.manage") && y.value.editing), d = Le({
+    }), S = B(() => s.can("blocks.manage") && _.value.editing), k = je({
       slug: "",
       title: "",
       description: "",
@@ -672,768 +734,824 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), w = Le({
+    }), C = je({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), B = U("[]"), M = U(null), N = U(""), I = U({}), P = U(null), H = Le({
+    }), D = U("[]"), K = U(null), ne = U(""), z = U({}), N = U(null), I = je({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       loading: !1
-    }), xe = C(() => JSON.stringify({ settings: d, content: w })), ie = C(() => N.value !== "" && xe.value !== N.value), $e = C(() => fl(d.slug, w, n)), Ue = C(() => {
-      const T = [...y.value.groups];
-      return T.includes(d.group) || T.push(d.group), T.map((v) => ({ value: v, label: ke(v, n) }));
-    }), be = C({
-      get: () => w.sample,
-      set: (T) => {
-        w.sample = T;
+    }), 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,
+      set: (E) => {
+        C.sample = E;
       }
-    }), Ve = C(() => re(w.schema));
-    function re(T) {
-      const v = [];
-      for (const O of T)
-        O.type !== "wx-blocks" && !(O.children?.length && !O.name) && v.push(O.id), O.children && v.push(...re(O.children));
-      return v;
+    }), Ae = B(() => we(C.schema));
+    function we(E) {
+      const g = [];
+      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;
     }
-    function se(T) {
-      p.value = T, Object.assign(d, {
-        slug: T.slug,
-        title: T.title,
-        description: T.description,
-        icon: T.icon,
-        group: T.group,
-        sort: T.sort,
-        allow: T.allow ?? [],
-        allowed_in: T.allowed_in ?? [],
-        max_per_entity: T.max_per_entity,
-        is_enabled: T.is_enabled
+    function pe(E) {
+      d.value = E, Object.assign(k, {
+        slug: E.slug,
+        title: E.title,
+        description: E.description,
+        icon: E.icon,
+        group: E.group,
+        sort: E.sort,
+        allow: E.allow ?? [],
+        allowed_in: E.allowed_in ?? [],
+        max_per_entity: E.max_per_entity,
+        is_enabled: E.is_enabled
       });
-      const v = T.content ?? {
+      const g = E.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign(w, ae(v)), B.value = JSON.stringify(v.schema, null, 2), M.value = null, N.value = xe.value;
+      Object.assign(C, re(g)), D.value = JSON.stringify(g.schema, null, 2), K.value = null, ne.value = M.value;
     }
-    async function Se() {
-      _.value = !0;
+    async function fe() {
+      m.value = !0;
       try {
-        se(await s.get(h.value)), S.value = await s.usage(h.value);
-      } catch (T) {
-        F.danger(T.body?.message ?? String(T));
+        pe(await n.get(A.value)), b.value = await n.usage(A.value);
+      } catch (E) {
+        F.danger(v(E));
       } finally {
-        _.value = !1;
+        m.value = !1;
       }
     }
-    function A(T) {
-      B.value = T;
+    function Le(E) {
+      D.value = E;
       try {
-        const v = JSON.parse(T);
-        if (!Array.isArray(v)) throw new Error("not a list");
-        w.schema = v, M.value = null;
-      } catch (v) {
-        M.value = n("page.schema-invalid", { error: v.message });
+        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 });
       }
     }
-    let L, D = 0;
-    function X() {
-      clearTimeout(L), L = setTimeout(() => {
-        ee();
+    let _e, T = 0;
+    function P() {
+      clearTimeout(_e), _e = setTimeout(() => {
+        R();
       }, 250);
     }
-    async function ee() {
-      if (!p.value) return;
-      const T = ++D;
-      H.loading = !0;
+    async function R() {
+      if (!d.value) return;
+      const E = ++T;
+      I.loading = !0;
       try {
-        const v = await s.render(p.value.id, {
-          values: w.sample,
-          content: g.value ? {
-            template: w.template,
-            styles: w.styles,
-            script: w.script,
-            schema: w.schema
+        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
           } : void 0
         });
-        if (T !== D) return;
-        H.html = v.html, H.styles = v.styles, H.script = v.script, H.runtime = v.runtime;
-      } catch (v) {
-        T === D && F.danger(v.body?.message ?? String(v));
+        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));
       } finally {
-        T === D && (H.loading = !1);
+        E === T && (I.loading = !1);
       }
     }
-    le(
-      () => [w.template, w.styles, w.script, w.schema, w.sample],
-      X,
+    ie(
+      () => [C.template, C.styles, C.script, C.schema, C.sample],
+      P,
       { deep: !0 }
     );
-    const Te = U(null);
-    function ge(T) {
-      return `{{ $${T} }}`;
+    const Z = U(null);
+    function G(E) {
+      return `{{ $${E} }}`;
     }
-    function Ce(T) {
-      const O = Te.value?.view?.value;
-      if (!O) {
-        w.template += `{{ $${T} }}`;
+    function Re(E) {
+      const x = Z.value?.view?.value;
+      if (!x) {
+        C.template += `{{ $${E} }}`;
         return;
       }
-      O.dispatch(O.state.replaceSelection(`{{ $${T} }}`)), O.focus();
+      x.dispatch(x.state.replaceSelection(`{{ $${E} }}`)), x.focus();
     }
     async function ue() {
-      if (!p.value) return;
-      k.value = !0, I.value = {}, P.value = null;
-      const T = p.value.draft?.number ?? null;
+      if (!d.value) return;
+      h.value = !0, z.value = {}, N.value = null;
+      const E = d.value.draft?.number ?? null;
       try {
-        const v = await s.update(p.value.id, {
-          ...d,
-          allow: d.allow.length ? d.allow : null,
-          allowed_in: d.allowed_in.length ? d.allowed_in : null,
-          description: d.description || null,
-          icon: d.icon || null,
-          content: M.value ? { ...w, schema: void 0 } : w
+        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
         });
-        se(v), F.success(
-          v.draft && v.draft.number !== T ? n("page.saved", { number: v.draft.number }) : n("page.unchanged")
+        pe(g), F.success(
+          g.draft && g.draft.number !== E ? a("page.saved", { number: g.draft.number }) : a("page.unchanged")
         );
-      } catch (v) {
-        const O = v.body;
-        O?.errors ? (I.value = O.errors, F.danger(n("page.failed"))) : F.danger(O?.message ?? n("page.failed"));
+      } catch (g) {
+        const x = g.body;
+        x?.errors ? (z.value = x.errors, F.danger(a("page.failed"))) : F.danger(v(g, a("page.failed")));
       } finally {
-        k.value = !1;
+        h.value = !1;
       }
     }
-    async function Be() {
-      if (!(!p.value?.draft || (ie.value && await ue(), !p.value.draft) || !await Oe({
-        title: n("page.publish-title", { number: p.value.draft.number }),
-        message: n("page.publish-text", { count: p.value.usage_count }),
-        confirmText: n("page.publish"),
-        cancelText: n("page.cancel")
+    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 }),
+        confirmText: a("page.publish"),
+        cancelText: a("page.cancel")
       }))) {
-        b.value = !0, P.value = null;
+        f.value = !0, N.value = null;
         try {
-          se(await s.publish(p.value.id)), F.success(n("page.published", { number: p.value.published?.number ?? 0 }));
-        } catch (v) {
-          const O = v.body;
-          O?.errors ? (P.value = O, m.value = "template", F.danger(n("page.publish-failed"))) : F.danger(O?.message ?? n("page.publish-failed"));
+          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")));
         } finally {
-          b.value = !1;
+          f.value = !1;
         }
       }
     }
-    async function Ie() {
-      if (!(!p.value || !await Oe({
-        title: n("page.delete-title", { title: p.value.title }),
-        message: n("page.delete-text"),
-        confirmText: n("page.delete"),
-        cancelText: n("page.cancel"),
+    async function $e() {
+      if (!(!d.value || !await Me({
+        title: a("page.delete-title", { title: d.value.title }),
+        message: a("page.delete-text"),
+        confirmText: a("page.delete"),
+        cancelText: a("page.cancel"),
         tone: "danger"
       })))
         try {
-          await s.remove(p.value.id), F.success(n("page.deleted")), i.push(l.base);
-        } catch (v) {
-          F.danger(v.body?.message ?? String(v));
+          await n.remove(d.value.id), F.success(a("page.deleted")), r.push(l.base);
+        } catch (g) {
+          F.danger(v(g));
         }
     }
-    const Bt = C(
-      () => P.value ? {
-        message: P.value.errors.template?.[0] ?? P.value.message,
-        line: P.value.line,
-        where: P.value.entity ? n("page.failed-on", {
-          title: P.value.entity.title ?? `#${P.value.entity.id}`
+    const ze = B(
+      () => N.value ? {
+        message: N.value.errors.template?.[0] ?? N.value.message,
+        line: N.value.line,
+        where: N.value.entity ? a("page.failed-on", {
+          title: N.value.entity.title ?? `#${N.value.entity.id}`
         }) : null
       } : null
-    ), Ne = C(() => S.value.slice(0, 5));
-    function te(T) {
-      return I.value[T]?.[0];
+    ), Ve = B(() => b.value.slice(0, 5));
+    function ae(E) {
+      return z.value[E]?.[0];
     }
-    function Ze(T) {
-      ie.value && T.preventDefault();
+    function tt(E) {
+      O.value && E.preventDefault();
     }
-    return ye(() => {
-      Se(), window.addEventListener("beforeunload", Ze);
-    }), Re(() => {
-      clearTimeout(L), window.removeEventListener("beforeunload", Ze);
-    }), le(h, () => {
-      Se();
-    }), (T, v) => {
-      const O = je("router-link");
-      return r(), V("div", hl, [
-        _.value || !p.value ? (r(), V(j, { key: 0 }, [
-          u(e(pe), {
-            class: "wx-block-editor__ghost-head",
-            title: "",
-            rows: 1
+    return Ce(() => {
+      fe(), window.addEventListener("beforeunload", tt);
+    }), Ze(() => {
+      clearTimeout(_e), window.removeEventListener("beforeunload", tt);
+    }), ie(A, () => {
+      fe();
+    }), (E, g) => (i(), V("div", Cl, [
+      m.value || !d.value ? (i(), V(H, { key: 0 }, [
+        u(e(he), {
+          class: "wx-block-editor__ghost-head",
+          title: "",
+          rows: 1
+        }),
+        $("div", Tl, [
+          u(e(ve), null, {
+            default: c(() => [
+              u(e(he), { rows: 8 })
+            ]),
+            _: 1
           }),
-          x("div", bl, [
-            u(e(ce), null, {
+          u(e(ve), null, {
+            default: c(() => [
+              u(e(he), { rows: 4 })
+            ]),
+            _: 1
+          })
+        ])
+      ], 64)) : (i(), V(H, { key: 1 }, [
+        $("div", Bl, [
+          u(e(Rt), {
+            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), {
+                key: 0,
+                name: k.title,
+                placeholder: e(a)("page.title"),
+                onRename: g[0] || (g[0] = (x) => k.title = x)
+              }, null, 8, ["name", "placeholder"])) : L("", !0)
+            ]),
+            u(e(j), {
+              size: "sm",
+              tone: "muted"
+            }, {
               default: c(() => [
-                u(e(pe), { rows: 8 })
+                $("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)
               ]),
               _: 1
-            }),
-            u(e(ce), null, {
+            })
+          ]),
+          $("div", Ll, [
+            O.value ? (i(), W(e(J), {
+              key: 0,
+              type: "primary",
+              dot: ""
+            }, {
               default: c(() => [
-                u(e(pe), { rows: 4 })
+                w(p(e(a)("page.unsaved")), 1)
               ]),
               _: 1
-            })
-          ])
-        ], 64)) : (r(), V(j, { key: 1 }, [
-          x("div", gl, [
-            x("div", kl, [
-              u(O, {
-                to: t.base,
-                class: "wx-block-editor__back"
-              }, {
-                default: c(() => [
-                  $("‹ " + f(e(n)("page.back")), 1)
-                ]),
-                _: 1
-              }, 8, ["to"]),
-              Wt(x("input", {
-                "onUpdate:modelValue": v[0] || (v[0] = (z) => d.title = z),
-                class: "wx-block-editor__title",
-                "aria-label": e(n)("page.title"),
-                disabled: !g.value
-              }, null, 8, yl), [
-                [At, d.title]
+            })) : L("", !0),
+            d.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)
               ]),
-              u(e(R), {
-                size: "sm",
-                tone: "muted"
+              _: 1
+            })) : L("", !0),
+            d.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)
+              ]),
+              _: 1
+            })) : (i(), W(e(J), {
+              key: 3,
+              type: "default"
+            }, {
+              default: c(() => [
+                w(p(e(a)("page.never-published")), 1)
+              ]),
+              _: 1
+            })),
+            S.value ? (i(), V(H, { key: 4 }, [
+              u(e(q), {
+                variant: "outline",
+                loading: h.value,
+                onClick: ue
               }, {
                 default: c(() => [
-                  x("code", null, f(d.slug), 1),
-                  $(" · " + f(e(ke)(d.group, e(n))) + " · " + f(p.value.usage_count > 0 ? e(n)("page.on-pages", { count: p.value.usage_count }) : e(n)("page.not-used")), 1)
+                  w(p(e(a)("page.save")), 1)
                 ]),
                 _: 1
-              })
-            ]),
-            x("div", wl, [
-              ie.value ? (r(), W(e(G), {
-                key: 0,
+              }, 8, ["loading"]),
+              u(e(q), {
                 type: "primary",
-                dot: ""
-              }, {
-                default: c(() => [
-                  $(f(e(n)("page.unsaved")), 1)
-                ]),
-                _: 1
-              })) : E("", !0),
-              p.value.draft ? (r(), W(e(G), {
-                key: 1,
-                type: "warning",
-                dot: ""
+                loading: f.value,
+                disabled: !d.value.draft && !O.value,
+                onClick: xe
               }, {
                 default: c(() => [
-                  $(f(e(n)("page.draft", { number: p.value.draft.number })), 1)
+                  w(p(e(a)("page.publish")), 1)
                 ]),
                 _: 1
-              })) : E("", !0),
-              p.value.published ? (r(), W(e(G), {
-                key: 2,
-                type: "success",
-                dot: ""
-              }, {
-                default: c(() => [
-                  $(f(e(n)("page.live", { number: p.value.published.number })), 1)
-                ]),
-                _: 1
-              })) : (r(), W(e(G), {
-                key: 3,
-                type: "default"
-              }, {
-                default: c(() => [
-                  $(f(e(n)("page.never-published")), 1)
-                ]),
-                _: 1
-              })),
-              g.value ? (r(), V(j, { key: 4 }, [
-                u(e(q), {
-                  variant: "outline",
-                  loading: k.value,
-                  onClick: ue
+              }, 8, ["loading", "disabled"])
+            ], 64)) : L("", !0)
+          ])
+        ]),
+        _.value.editing ? L("", !0) : (i(), W(e(kt), {
+          key: 0,
+          type: "info",
+          variant: "soft",
+          description: e(a)("page.editing-off")
+        }, null, 8, ["description"])),
+        $("div", zl, [
+          $("div", Il, [
+            u(e(Jt), {
+              modelValue: y.value,
+              "onUpdate:modelValue": g[13] || (g[13] = (x) => y.value = x),
+              "keep-alive": ""
+            }, {
+              default: c(() => [
+                u(e(me), {
+                  value: "template",
+                  label: e(a)("page.tab-template")
                 }, {
                   default: c(() => [
-                    $(f(e(n)("page.save")), 1)
+                    $("div", Ul, [
+                      u(e(Ie), {
+                        ref_key: "templateEditor",
+                        ref: Z,
+                        modelValue: C.template,
+                        "onUpdate:modelValue": g[1] || (g[1] = (x) => C.template = x),
+                        language: "php",
+                        readonly: !S.value,
+                        "min-height": "340px",
+                        "max-height": "70vh",
+                        "line-wrapping": ""
+                      }, null, 8, ["modelValue", "readonly"]),
+                      Ae.value.length ? (i(), V("div", Nl, [
+                        u(e(j), {
+                          size: "sm",
+                          tone: "muted"
+                        }, {
+                          default: c(() => [
+                            w(p(e(a)("page.insert-field")), 1)
+                          ]),
+                          _: 1
+                        }),
+                        (i(!0), V(H, null, te(Ae.value, (x) => (i(), V("button", {
+                          key: x,
+                          type: "button",
+                          class: "wx-block-editor__pill",
+                          disabled: !S.value,
+                          onClick: (Qn) => Re(x),
+                          textContent: p(G(x))
+                        }, null, 8, Pl))), 128))
+                      ])) : L("", !0),
+                      u(st, {
+                        file: "template",
+                        lints: ee.value,
+                        slug: k.slug,
+                        error: ze.value
+                      }, null, 8, ["lints", "slug", "error"])
+                    ])
                   ]),
                   _: 1
-                }, 8, ["loading"]),
-                u(e(q), {
-                  type: "primary",
-                  loading: b.value,
-                  disabled: !p.value.draft && !ie.value,
-                  onClick: Be
+                }, 8, ["label"]),
+                u(e(me), {
+                  value: "styles",
+                  label: e(a)("page.tab-styles")
                 }, {
                   default: c(() => [
-                    $(f(e(n)("page.publish")), 1)
+                    $("div", Ml, [
+                      u(e(Ie), {
+                        modelValue: C.styles,
+                        "onUpdate:modelValue": g[2] || (g[2] = (x) => C.styles = x),
+                        language: "css",
+                        readonly: !S.value,
+                        "min-height": "340px",
+                        "max-height": "70vh"
+                      }, null, 8, ["modelValue", "readonly"]),
+                      u(st, {
+                        file: "styles",
+                        lints: ee.value,
+                        slug: k.slug
+                      }, null, 8, ["lints", "slug"])
+                    ])
                   ]),
                   _: 1
-                }, 8, ["loading", "disabled"])
-              ], 64)) : E("", !0)
-            ])
-          ]),
-          y.value.editing ? E("", !0) : (r(), W(e(dt), {
-            key: 0,
-            type: "info",
-            variant: "soft",
-            description: e(n)("page.editing-off")
-          }, null, 8, ["description"])),
-          x("div", _l, [
-            x("div", xl, [
-              u(e(Lt), {
-                modelValue: m.value,
-                "onUpdate:modelValue": v[13] || (v[13] = (z) => m.value = z),
-                "keep-alive": ""
-              }, {
-                default: c(() => [
-                  u(e(de), {
-                    value: "template",
-                    label: e(n)("page.tab-template")
-                  }, {
-                    default: c(() => [
-                      x("div", $l, [
-                        u(e(We), {
-                          ref_key: "templateEditor",
-                          ref: Te,
-                          modelValue: w.template,
-                          "onUpdate:modelValue": v[1] || (v[1] = (z) => w.template = z),
-                          language: "php",
-                          readonly: !g.value,
-                          "min-height": "340px",
-                          "max-height": "70vh",
-                          "line-wrapping": ""
-                        }, null, 8, ["modelValue", "readonly"]),
-                        Ve.value.length ? (r(), V("div", Vl, [
-                          u(e(R), {
-                            size: "sm",
-                            tone: "muted"
+                }, 8, ["label"]),
+                u(e(me), {
+                  value: "script",
+                  label: e(a)("page.tab-script")
+                }, {
+                  default: c(() => [
+                    $("div", Ol, [
+                      u(e(Ie), {
+                        "model-value": C.script ?? "",
+                        language: "javascript",
+                        readonly: !S.value,
+                        "min-height": "340px",
+                        "max-height": "70vh",
+                        "onUpdate:modelValue": g[3] || (g[3] = (x) => C.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)
+                          ]),
+                          _: 1
+                        }),
+                        u(e(j), {
+                          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)
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                u(e(me), {
+                  value: "fields",
+                  label: e(a)("page.tab-fields")
+                }, {
+                  default: c(() => [
+                    $("div", Rl, [
+                      u(e(Ie), {
+                        "model-value": D.value,
+                        language: "json",
+                        lint: "",
+                        readonly: !S.value,
+                        "min-height": "340px",
+                        "max-height": "70vh",
+                        "onUpdate:modelValue": Le
+                      }, null, 8, ["model-value", "readonly"]),
+                      $("div", jl, [
+                        K.value ? (i(), W(e(j), {
+                          key: 0,
+                          size: "sm",
+                          tone: "danger"
+                        }, {
+                          default: c(() => [
+                            w(p(K.value), 1)
+                          ]),
+                          _: 1
+                        })) : ae("content.schema") ? (i(), W(e(j), {
+                          key: 1,
+                          size: "sm",
+                          tone: "danger"
+                        }, {
+                          default: c(() => [
+                            w(p(ae("content.schema")), 1)
+                          ]),
+                          _: 1
+                        })) : (i(), W(e(j), {
+                          key: 2,
+                          size: "sm",
+                          tone: "muted"
+                        }, {
+                          default: c(() => [
+                            w(p(e(a)("page.fields-help")), 1)
+                          ]),
+                          _: 1
+                        })),
+                        u(e(Ht), {
+                          title: e(a)("help.schema-title"),
+                          body: e(a)("help.schema")
+                        }, null, 8, ["title", "body"])
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                u(e(me), {
+                  value: "settings",
+                  label: e(a)("page.tab-settings")
+                }, {
+                  default: c(() => [
+                    u(e(ve), { class: "wx-block-editor__sheet" }, {
+                      default: c(() => [
+                        $("div", Hl, [
+                          u(e(Y), {
+                            label: e(a)("page.identifier"),
+                            help: e(a)("page.identifier-help"),
+                            error: ae("slug"),
+                            disabled: !S.value
                           }, {
                             default: c(() => [
-                              $(f(e(n)("page.insert-field")), 1)
+                              u(e(ge), {
+                                modelValue: k.slug,
+                                "onUpdate:modelValue": g[4] || (g[4] = (x) => k.slug = x)
+                              }, null, 8, ["modelValue"])
                             ]),
                             _: 1
-                          }),
-                          (r(!0), V(j, null, Y(Ve.value, (z) => (r(), V("button", {
-                            key: z,
-                            type: "button",
-                            class: "wx-block-editor__pill",
-                            disabled: !g.value,
-                            onClick: (Pn) => Ce(z),
-                            textContent: f(ge(z))
-                          }, null, 8, Sl))), 128))
-                        ])) : E("", !0),
-                        u(et, {
-                          file: "template",
-                          lints: $e.value,
-                          slug: d.slug,
-                          error: Bt.value
-                        }, null, 8, ["lints", "slug", "error"])
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  u(e(de), {
-                    value: "styles",
-                    label: e(n)("page.tab-styles")
-                  }, {
-                    default: c(() => [
-                      x("div", Tl, [
-                        u(e(We), {
-                          modelValue: w.styles,
-                          "onUpdate:modelValue": v[2] || (v[2] = (z) => w.styles = z),
-                          language: "css",
-                          readonly: !g.value,
-                          "min-height": "340px",
-                          "max-height": "70vh"
-                        }, null, 8, ["modelValue", "readonly"]),
-                        u(et, {
-                          file: "styles",
-                          lints: $e.value,
-                          slug: d.slug
-                        }, null, 8, ["lints", "slug"])
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  u(e(de), {
-                    value: "script",
-                    label: e(n)("page.tab-script")
-                  }, {
-                    default: c(() => [
-                      x("div", Cl, [
-                        u(e(We), {
-                          "model-value": w.script ?? "",
-                          language: "javascript",
-                          readonly: !g.value,
-                          "min-height": "340px",
-                          "max-height": "70vh",
-                          "onUpdate:modelValue": v[3] || (v[3] = (z) => w.script = z || null)
-                        }, null, 8, ["model-value", "readonly"]),
-                        x("div", Bl, [
-                          u(e(R), {
-                            size: "sm",
-                            tone: "muted"
+                          }, 8, ["label", "help", "error", "disabled"]),
+                          u(e(Y), {
+                            label: e(a)("page.group"),
+                            help: e(a)("page.group-help"),
+                            error: ae("group"),
+                            disabled: !S.value
                           }, {
                             default: c(() => [
-                              $(f(e(n)("page.script-help")), 1)
+                              u(e(yt), {
+                                modelValue: k.group,
+                                "onUpdate:modelValue": g[5] || (g[5] = (x) => k.group = x),
+                                options: de.value
+                              }, null, 8, ["modelValue", "options"])
                             ]),
                             _: 1
-                          }),
-                          u(e(R), {
-                            size: "sm",
-                            tone: "muted"
+                          }, 8, ["label", "help", "error", "disabled"]),
+                          u(e(Y), {
+                            class: "is-wide",
+                            label: e(a)("page.description"),
+                            help: e(a)("page.description-help"),
+                            error: ae("description"),
+                            disabled: !S.value
                           }, {
                             default: c(() => [
-                              $(f(y.value.provides.length ? e(n)("page.provides", { names: y.value.provides.join(", ") }) : e(n)("page.provides-none")), 1)
+                              u(e(Kt), {
+                                "model-value": k.description ?? "",
+                                rows: 2,
+                                "onUpdate:modelValue": g[6] || (g[6] = (x) => k.description = String(x ?? ""))
+                              }, null, 8, ["model-value"])
                             ]),
                             _: 1
-                          })
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  u(e(de), {
-                    value: "fields",
-                    label: e(n)("page.tab-fields")
-                  }, {
-                    default: c(() => [
-                      x("div", Wl, [
-                        u(e(We), {
-                          "model-value": B.value,
-                          language: "json",
-                          lint: "",
-                          readonly: !g.value,
-                          "min-height": "340px",
-                          "max-height": "70vh",
-                          "onUpdate:modelValue": A
-                        }, null, 8, ["model-value", "readonly"]),
-                        x("div", Al, [
-                          M.value ? (r(), W(e(R), {
-                            key: 0,
-                            size: "sm",
-                            tone: "danger"
+                          }, 8, ["label", "help", "error", "disabled"]),
+                          u(e(Y), {
+                            label: e(a)("page.icon"),
+                            error: ae("icon"),
+                            disabled: !S.value
                           }, {
                             default: c(() => [
-                              $(f(M.value), 1)
+                              u(e(ge), {
+                                "model-value": k.icon ?? "",
+                                placeholder: "grid",
+                                "onUpdate:modelValue": g[7] || (g[7] = (x) => k.icon = String(x ?? ""))
+                              }, null, 8, ["model-value"])
                             ]),
                             _: 1
-                          })) : te("content.schema") ? (r(), W(e(R), {
-                            key: 1,
-                            size: "sm",
-                            tone: "danger"
+                          }, 8, ["label", "error", "disabled"]),
+                          u(e(Y), {
+                            label: e(a)("page.sort"),
+                            help: e(a)("page.sort-help"),
+                            error: ae("sort"),
+                            disabled: !S.value
                           }, {
                             default: c(() => [
-                              $(f(te("content.schema")), 1)
+                              u(e(nt), {
+                                modelValue: k.sort,
+                                "onUpdate:modelValue": g[8] || (g[8] = (x) => k.sort = x)
+                              }, null, 8, ["modelValue"])
                             ]),
                             _: 1
-                          })) : (r(), W(e(R), {
-                            key: 2,
-                            size: "sm",
-                            tone: "muted"
+                          }, 8, ["label", "help", "error", "disabled"]),
+                          u(e(Y), {
+                            label: e(a)("page.allow"),
+                            help: e(a)("page.allow-help"),
+                            error: ae("allow"),
+                            disabled: !S.value
                           }, {
                             default: c(() => [
-                              $(f(e(n)("page.fields-help")), 1)
+                              u(e(at), {
+                                modelValue: k.allow,
+                                "onUpdate:modelValue": g[9] || (g[9] = (x) => k.allow = x),
+                                "allow-create": ""
+                              }, null, 8, ["modelValue"])
                             ]),
                             _: 1
-                          }))
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  u(e(de), {
-                    value: "settings",
-                    label: e(n)("page.tab-settings")
-                  }, {
-                    default: c(() => [
-                      u(e(ce), { class: "wx-block-editor__sheet" }, {
-                        default: c(() => [
-                          x("div", zl, [
-                            u(e(J), {
-                              label: e(n)("page.identifier"),
-                              help: e(n)("page.identifier-help"),
-                              error: te("slug"),
-                              disabled: !g.value
-                            }, {
-                              default: c(() => [
-                                u(e(ve), {
-                                  modelValue: d.slug,
-                                  "onUpdate:modelValue": v[4] || (v[4] = (z) => d.slug = z)
-                                }, null, 8, ["modelValue"])
-                              ]),
-                              _: 1
-                            }, 8, ["label", "help", "error", "disabled"]),
-                            u(e(J), {
-                              label: e(n)("page.group"),
-                              help: e(n)("page.group-help"),
-                              error: te("group"),
-                              disabled: !g.value
-                            }, {
-                              default: c(() => [
-                                u(e(pt), {
-                                  modelValue: d.group,
-                                  "onUpdate:modelValue": v[5] || (v[5] = (z) => d.group = z),
-                                  options: Ue.value
-                                }, null, 8, ["modelValue", "options"])
-                              ]),
-                              _: 1
-                            }, 8, ["label", "help", "error", "disabled"]),
-                            u(e(J), {
-                              class: "is-wide",
-                              label: e(n)("page.description"),
-                              help: e(n)("page.description-help"),
-                              error: te("description"),
-                              disabled: !g.value
-                            }, {
-                              default: c(() => [
-                                u(e(Mt), {
-                                  "model-value": d.description ?? "",
-                                  rows: 2,
-                                  "onUpdate:modelValue": v[6] || (v[6] = (z) => d.description = String(z ?? ""))
-                                }, null, 8, ["model-value"])
-                              ]),
-                              _: 1
-                            }, 8, ["label", "help", "error", "disabled"]),
-                            u(e(J), {
-                              label: e(n)("page.icon"),
-                              error: te("icon"),
-                              disabled: !g.value
-                            }, {
-                              default: c(() => [
-                                u(e(ve), {
-                                  "model-value": d.icon ?? "",
-                                  placeholder: "grid",
-                                  "onUpdate:modelValue": v[7] || (v[7] = (z) => d.icon = String(z ?? ""))
-                                }, null, 8, ["model-value"])
-                              ]),
-                              _: 1
-                            }, 8, ["label", "error", "disabled"]),
-                            u(e(J), {
-                              label: e(n)("page.sort"),
-                              help: e(n)("page.sort-help"),
-                              error: te("sort"),
-                              disabled: !g.value
-                            }, {
-                              default: c(() => [
-                                u(e(Ye), {
-                                  modelValue: d.sort,
-                                  "onUpdate:modelValue": v[8] || (v[8] = (z) => d.sort = z)
-                                }, null, 8, ["modelValue"])
-                              ]),
-                              _: 1
-                            }, 8, ["label", "help", "error", "disabled"]),
-                            u(e(J), {
-                              label: e(n)("page.allow"),
-                              help: e(n)("page.allow-help"),
-                              error: te("allow"),
-                              disabled: !g.value
-                            }, {
-                              default: c(() => [
-                                u(e(Qe), {
-                                  modelValue: d.allow,
-                                  "onUpdate:modelValue": v[9] || (v[9] = (z) => d.allow = z),
-                                  "allow-create": ""
-                                }, null, 8, ["modelValue"])
-                              ]),
-                              _: 1
-                            }, 8, ["label", "help", "error", "disabled"]),
-                            u(e(J), {
-                              label: e(n)("page.allowed-in"),
-                              help: e(n)("page.allowed-in-help"),
-                              error: te("allowed_in"),
-                              disabled: !g.value
-                            }, {
-                              default: c(() => [
-                                u(e(Qe), {
-                                  modelValue: d.allowed_in,
-                                  "onUpdate:modelValue": v[10] || (v[10] = (z) => d.allowed_in = z),
-                                  "allow-create": "",
-                                  suggestions: ["root"]
-                                }, null, 8, ["modelValue"])
-                              ]),
-                              _: 1
-                            }, 8, ["label", "help", "error", "disabled"]),
-                            u(e(J), {
-                              label: e(n)("page.max-per-entity"),
-                              help: e(n)("page.max-per-entity-help"),
-                              error: te("max_per_entity"),
-                              disabled: !g.value
+                          }, 8, ["label", "help", "error", "disabled"]),
+                          u(e(Y), {
+                            label: e(a)("page.allowed-in"),
+                            help: e(a)("page.allowed-in-help"),
+                            error: ae("allowed_in"),
+                            disabled: !S.value
+                          }, {
+                            default: c(() => [
+                              u(e(at), {
+                                modelValue: k.allowed_in,
+                                "onUpdate:modelValue": g[10] || (g[10] = (x) => k.allowed_in = x),
+                                "allow-create": "",
+                                suggestions: ["root"]
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }, 8, ["label", "help", "error", "disabled"]),
+                          u(e(Y), {
+                            label: e(a)("page.max-per-entity"),
+                            help: e(a)("page.max-per-entity-help"),
+                            error: ae("max_per_entity"),
+                            disabled: !S.value
+                          }, {
+                            default: c(() => [
+                              u(e(nt), {
+                                "model-value": k.max_per_entity ?? void 0,
+                                min: 1,
+                                "onUpdate:modelValue": g[11] || (g[11] = (x) => k.max_per_entity = x ?? null)
+                              }, null, 8, ["model-value"])
+                            ]),
+                            _: 1
+                          }, 8, ["label", "help", "error", "disabled"]),
+                          u(e(Y), {
+                            label: e(a)("page.enabled"),
+                            help: e(a)("page.enabled-help"),
+                            disabled: !S.value
+                          }, {
+                            default: c(() => [
+                              u(e(Zt), {
+                                modelValue: k.is_enabled,
+                                "onUpdate:modelValue": g[12] || (g[12] = (x) => k.is_enabled = x)
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }, 8, ["label", "help", "disabled"]),
+                          S.value ? (i(), V("div", Fl, [
+                            u(e(q), {
+                              type: "danger",
+                              variant: "outline",
+                              disabled: d.value.usage_count > 0,
+                              onClick: $e
                             }, {
                               default: c(() => [
-                                u(e(Ye), {
-                                  "model-value": d.max_per_entity ?? void 0,
-                                  min: 1,
-                                  "onUpdate:modelValue": v[11] || (v[11] = (z) => d.max_per_entity = z ?? null)
-                                }, null, 8, ["model-value"])
+                                w(p(e(a)("page.delete")), 1)
                               ]),
                               _: 1
-                            }, 8, ["label", "help", "error", "disabled"]),
-                            u(e(J), {
-                              label: e(n)("page.enabled"),
-                              help: e(n)("page.enabled-help"),
-                              disabled: !g.value
+                            }, 8, ["disabled"]),
+                            d.value.usage_count > 0 ? (i(), W(e(j), {
+                              key: 0,
+                              size: "sm",
+                              tone: "muted"
                             }, {
                               default: c(() => [
-                                u(e(Pt), {
-                                  modelValue: d.is_enabled,
-                                  "onUpdate:modelValue": v[12] || (v[12] = (z) => d.is_enabled = z)
-                                }, null, 8, ["modelValue"])
+                                w(p(e(a)("page.delete-used", { count: d.value.usage_count })), 1)
                               ]),
                               _: 1
-                            }, 8, ["label", "help", "disabled"]),
-                            g.value ? (r(), V("div", El, [
-                              u(e(q), {
-                                type: "danger",
-                                variant: "outline",
-                                disabled: p.value.usage_count > 0,
-                                onClick: Ie
-                              }, {
-                                default: c(() => [
-                                  $(f(e(n)("page.delete")), 1)
-                                ]),
-                                _: 1
-                              }, 8, ["disabled"]),
-                              p.value.usage_count > 0 ? (r(), W(e(R), {
-                                key: 0,
-                                size: "sm",
-                                tone: "muted"
-                              }, {
-                                default: c(() => [
-                                  $(f(e(n)("page.delete-used", { count: p.value.usage_count })), 1)
-                                ]),
-                                _: 1
-                              })) : E("", !0)
-                            ])) : E("", !0)
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  u(e(de), {
-                    value: "history",
-                    label: e(n)("page.tab-history")
-                  }, {
-                    default: c(() => [
-                      u(e(ce), {
-                        class: "wx-block-editor__sheet",
-                        padding: "none"
-                      }, {
-                        default: c(() => [
-                          u(Gt, {
-                            block: p.value,
-                            "can-manage": g.value,
-                            onRestored: se
-                          }, null, 8, ["block", "can-manage"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["label"])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            x("div", Ul, [
-              u(al, {
-                html: H.html,
-                styles: H.styles,
-                script: H.script,
-                runtime: H.runtime,
-                loading: H.loading
-              }, null, 8, ["html", "styles", "script", "runtime", "loading"]),
-              u(e(ce), {
-                title: e(n)("page.sample")
-              }, {
-                default: c(() => [
-                  w.schema.length ? (r(), W(e(bt), {
-                    key: 0,
-                    modelValue: be.value,
-                    "onUpdate:modelValue": v[14] || (v[14] = (z) => be.value = z),
-                    root: e(Je)(w.schema),
-                    types: e(a).types,
-                    translate: e(a).i18n.t,
-                    can: e(a).can,
-                    disabled: !g.value,
-                    size: "sm"
-                  }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : E("", !0),
-                  u(e(R), {
-                    size: "sm",
-                    tone: "muted"
-                  }, {
-                    default: c(() => [
-                      $(f(e(n)("page.sample-help")), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              u(e(ce), {
-                title: e(n)("page.usage")
-              }, {
-                default: c(() => [
-                  S.value.length === 0 ? (r(), W(e(R), {
+                            })) : L("", !0)
+                          ])) : L("", !0)
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                u(e(me), {
+                  value: "history",
+                  label: e(a)("page.tab-history")
+                }, {
+                  default: c(() => [
+                    u(e(ve), {
+                      class: "wx-block-editor__sheet",
+                      padding: "none"
+                    }, {
+                      default: c(() => [
+                        u(ol, {
+                          block: d.value,
+                          "can-manage": S.value,
+                          onRestored: pe
+                        }, null, 8, ["block", "can-manage"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          $("div", ql, [
+            u(fl, {
+              html: I.html,
+              styles: I.styles,
+              script: I.script,
+              runtime: I.runtime,
+              loading: I.loading
+            }, null, 8, ["html", "styles", "script", "runtime", "loading"]),
+            u(e(ve), {
+              title: e(a)("page.sample")
+            }, {
+              default: c(() => [
+                C.schema.length ? (i(), W(e(Vt), {
+                  key: 0,
+                  modelValue: We.value,
+                  "onUpdate:modelValue": g[14] || (g[14] = (x) => We.value = x),
+                  root: e(Xe)(C.schema),
+                  types: e(s).types,
+                  translate: e(s).i18n.t,
+                  can: e(s).can,
+                  disabled: !S.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)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            u(e(ve), {
+              title: e(a)("page.usage")
+            }, {
+              default: c(() => [
+                b.value.length === 0 ? (i(), W(e(j), {
+                  key: 0,
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: c(() => [
+                    w(p(e(a)("page.usage-empty")), 1)
+                  ]),
+                  _: 1
+                })) : (i(), V("div", Jl, [
+                  (i(!0), V(H, null, te(Ve.value, (x) => (i(), V("div", {
+                    key: `${x.model}:${x.id}`,
+                    class: "wx-block-editor__use"
+                  }, [
+                    $("span", null, p(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)
+                      ]),
+                      _: 1
+                    }))
+                  ]))), 128)),
+                  b.value.length > Ve.value.length ? (i(), W(e(j), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: c(() => [
-                      $(f(e(n)("page.usage-empty")), 1)
+                      w(p(e(a)("page.usage-more", { count: b.value.length - Ve.value.length })), 1)
                     ]),
                     _: 1
-                  })) : (r(), V("div", Il, [
-                    (r(!0), V(j, null, Y(Ne.value, (z) => (r(), V("div", {
-                      key: `${z.model}:${z.id}`,
-                      class: "wx-block-editor__use"
-                    }, [
-                      x("span", null, f(z.title ?? `#${z.id}`), 1),
-                      z.published ? E("", !0) : (r(), W(e(G), {
-                        key: 0,
-                        type: "warning",
-                        size: "sm"
-                      }, {
-                        default: c(() => [
-                          $(f(e(n)("page.unpublished-page")), 1)
-                        ]),
-                        _: 1
-                      }))
-                    ]))), 128)),
-                    S.value.length > Ne.value.length ? (r(), W(e(R), {
-                      key: 0,
-                      size: "sm",
-                      tone: "muted"
-                    }, {
-                      default: c(() => [
-                        $(f(e(n)("page.usage-more", { count: S.value.length - Ne.value.length })), 1)
-                      ]),
-                      _: 1
-                    })) : E("", !0)
-                  ]))
-                ]),
-                _: 1
-              }, 8, ["title"])
-            ])
+                  })) : L("", !0)
+                ]))
+              ]),
+              _: 1
+            }, 8, ["title"])
           ])
-        ], 64))
-      ]);
-    };
+        ]),
+        S.value ? (i(), W(e(Gt), { key: 1 }, {
+          state: c(() => [
+            O.value ? (i(), W(e(J), {
+              key: 0,
+              type: "primary",
+              dot: ""
+            }, {
+              default: c(() => [
+                w(p(e(a)("page.unsaved")), 1)
+              ]),
+              _: 1
+            })) : L("", !0),
+            d.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)
+              ]),
+              _: 1
+            })) : L("", !0),
+            d.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)
+              ]),
+              _: 1
+            })) : L("", !0)
+          ]),
+          default: c(() => [
+            u(e(q), {
+              variant: "outline",
+              loading: h.value,
+              onClick: ue
+            }, {
+              default: c(() => [
+                w(p(e(a)("page.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"]),
+            u(e(q), {
+              type: "primary",
+              loading: f.value,
+              disabled: !d.value.draft && !O.value,
+              onClick: xe
+            }, {
+              default: c(() => [
+                w(p(e(a)("page.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : L("", !0)
+      ], 64))
+    ]));
   }
-}), Ll = /* @__PURE__ */ Z(Nl, [["__scopeId", "data-v-70d6f765"]]), Ml = ["srcdoc"], Pl = {
+}), Zl = /* @__PURE__ */ X(Kl, [["__scopeId", "data-v-ae45e358"]]), Gl = ["srcdoc"], Yl = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, Dl = /* @__PURE__ */ K({
+}, Ql = /* @__PURE__ */ Q({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -1441,36 +1559,36 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     height: { default: 120 }
   },
   setup(t) {
-    const l = t, a = U(null), s = He(a), o = C(() => s.value > 0 ? s.value / l.width : 0.2), i = C(
-      () => l.thumbnail ? kt({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
-    ), n = C(() => ({
+    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(() => ({
       width: `${l.width}px`,
       height: `${Math.round(l.height / o.value)}px`,
       transform: `scale(${o.value})`
     }));
-    return (h, p) => (r(), V("div", {
+    return (v, A) => (i(), V("div", {
       ref_key: "box",
-      ref: a,
+      ref: s,
       class: "wx-block-thumb",
-      style: fe({ height: `${t.height}px` })
+      style: ce({ height: `${t.height}px` })
     }, [
-      t.thumbnail ? (r(), V("iframe", {
+      t.thumbnail ? (i(), V("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
-        srcdoc: i.value,
-        style: fe(n.value),
+        srcdoc: r.value,
+        style: ce(a.value),
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
-      }, null, 12, Ml)) : (r(), V("div", Pl, [
-        u(e(ne), { name: "grid" })
+      }, null, 12, Gl)) : (i(), V("div", Yl, [
+        u(e(oe), { name: "grid" })
       ]))
     ], 4));
   }
-}), Ct = /* @__PURE__ */ Z(Dl, [["__scopeId", "data-v-615b818a"]]), Ol = { class: "wx-block-picker" }, Rl = {
+}), It = /* @__PURE__ */ X(Ql, [["__scopeId", "data-v-615b818a"]]), Xl = { class: "wx-block-picker" }, en = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, jl = { class: "wx-block-picker__cards" }, Hl = ["disabled", "title", "onClick"], Fl = { class: "wx-block-picker__body" }, ql = { class: "wx-block-picker__title" }, Jl = /* @__PURE__ */ K({
+}, 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({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -1481,134 +1599,134 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     blocksPath: { default: null }
   },
   setup(t) {
-    const l = t, { resolve: a, dismiss: s, open: o } = ft();
-    _e();
-    const i = Q("webx-blocks"), n = U("");
-    function h(b) {
+    const l = t, { resolve: s, dismiss: n, open: o } = wt();
+    Ee();
+    const r = le("webx-blocks"), a = U("");
+    function v(h) {
       if (l.parent === null)
-        return b.allowed_in === null || b.allowed_in.includes("root");
-      const m = l.allow ? l.allow.includes(b.slug) : l.parent.allow?.includes(b.slug) === !0, y = b.allowed_in === null || b.allowed_in.includes(l.parent.slug);
-      return m && y;
+        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;
     }
-    const p = C(
-      () => l.catalog.filter((b) => b.is_enabled && b.published !== null && h(b)).map((b) => {
-        const m = ol(l.tree, b.slug), y = b.max_per_entity !== null && m >= b.max_per_entity;
-        return { type: b, reason: y ? i("field.limit-reached", { count: m }) : null };
+    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 };
       })
-    ), S = C(() => {
-      const b = n.value.trim().toLowerCase();
-      return b === "" ? p.value : p.value.filter(
-        ({ type: m }) => m.title.toLowerCase().includes(b) || m.slug.includes(b) || (m.description ?? "").toLowerCase().includes(b)
+    ), 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)
       );
-    }), _ = C(() => {
-      const b = [...l.groups];
-      for (const { type: g } of S.value)
-        b.includes(g.group) || b.push(g.group);
-      const m = b.map((g) => ({
-        id: g,
-        label: ke(g, i),
-        options: S.value.filter((d) => d.type.group === g)
-      })).filter((g) => g.options.length > 0);
-      return S.value.length <= 5 || n.value.trim() !== "" || m.length < 2 ? [{ id: "", label: "", options: S.value }] : m;
-    }), k = C(() => {
-      if (l.catalog.length === 0) return i("field.pick-none");
-      if (p.value.length === 0 && l.parent) {
-        const b = (l.allow ?? l.parent.allow ?? []).filter(
-          (m) => l.catalog.some((y) => y.slug === m)
+    }), 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(() => {
+      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)
         );
-        return b.length === 0 ? i("field.pick-nothing-allowed", { parent: l.parent.title }) : i("field.pick-limited", { parent: l.parent.title, types: b.join(", ") });
+        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 i("field.pick-empty");
+      return r("field.pick-empty");
     });
-    return (b, m) => {
-      const y = je("router-link");
-      return r(), W(e(mt), {
+    return (h, f) => {
+      const y = vt("router-link");
+      return i(), W(e(_t), {
         open: e(o),
-        "onUpdate:open": m[2] || (m[2] = (g) => it(o) ? o.value = g : null),
-        title: e(i)("field.pick"),
+        "onUpdate:open": f[2] || (f[2] = (_) => mt(o) ? o.value = _ : null),
+        title: e(r)("field.pick"),
         width: 860
       }, {
         footer: c(() => [
           u(e(q), {
             variant: "outline",
-            onClick: m[1] || (m[1] = (g) => e(s)())
+            onClick: f[1] || (f[1] = (_) => e(n)())
           }, {
             default: c(() => [
-              $(f(e(i)("field.close")), 1)
+              w(p(e(r)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
         default: c(() => [
-          x("div", Ol, [
-            p.value.length > 0 ? (r(), W(e(ve), {
+          $("div", Xl, [
+            A.value.length > 0 ? (i(), W(e(ge), {
               key: 0,
-              modelValue: n.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (g) => n.value = g),
-              placeholder: e(i)("field.search"),
+              modelValue: a.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (_) => a.value = _),
+              placeholder: e(r)("field.search"),
               clearable: "",
               autofocus: ""
-            }, null, 8, ["modelValue", "placeholder"])) : E("", !0),
-            S.value.length === 0 ? (r(), W(e(vt), {
+            }, null, 8, ["modelValue", "placeholder"])) : L("", !0),
+            d.value.length === 0 ? (i(), W(e(xt), {
               key: 1,
               icon: "grid",
-              title: k.value,
+              title: m.value,
               size: "sm"
             }, {
               default: c(() => [
-                t.catalog.length === 0 && t.blocksPath ? (r(), W(y, {
+                t.catalog.length === 0 && t.blocksPath ? (i(), W(y, {
                   key: 0,
                   to: t.blocksPath
                 }, {
                   default: c(() => [
-                    $(f(e(i)("field.pick-none-link")), 1)
+                    w(p(e(r)("field.pick-none-link")), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : E("", !0)
+                }, 8, ["to"])) : L("", !0)
               ]),
               _: 1
-            }, 8, ["title"])) : E("", !0),
-            (r(!0), V(j, null, Y(_.value, (g) => (r(), V("section", {
-              key: g.id,
+            }, 8, ["title"])) : L("", !0),
+            (i(!0), V(H, null, te(b.value, (_) => (i(), V("section", {
+              key: _.id,
               class: "wx-block-picker__group"
             }, [
-              g.label ? (r(), V("div", Rl, f(g.label), 1)) : E("", !0),
-              x("div", jl, [
-                (r(!0), V(j, null, Y(g.options, (d) => (r(), V("button", {
-                  key: d.type.id,
+              _.label ? (i(), V("div", en, p(_.label), 1)) : L("", !0),
+              $("div", tn, [
+                (i(!0), V(H, null, te(_.options, (S) => (i(), V("button", {
+                  key: S.type.id,
                   type: "button",
-                  class: me(["wx-block-picker__card", { "is-disabled": d.reason !== null }]),
-                  disabled: d.reason !== null,
-                  title: d.reason ?? void 0,
-                  onClick: (w) => e(a)(d.type)
+                  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)
                 }, [
-                  u(Ct, {
-                    thumbnail: d.type.thumbnail,
+                  u(It, {
+                    thumbnail: S.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  x("div", Fl, [
-                    x("div", ql, f(d.type.title), 1),
-                    d.reason ? (r(), W(e(R), {
+                  $("div", nn, [
+                    $("div", an, p(S.type.title), 1),
+                    S.reason ? (i(), W(e(j), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
                       default: c(() => [
-                        $(f(d.reason), 1)
+                        w(p(S.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : d.type.description ? (r(), W(e(R), {
+                    }, 1024)) : S.type.description ? (i(), W(e(j), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
                       default: c(() => [
-                        $(f(d.type.description), 1)
+                        w(p(S.type.description), 1)
                       ]),
                       _: 2
-                    }, 1024)) : E("", !0)
+                    }, 1024)) : L("", !0)
                   ])
-                ], 10, Hl))), 128))
+                ], 10, ln))), 128))
               ])
             ]))), 128))
           ])
@@ -1617,7 +1735,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       }, 8, ["open", "title"]);
     };
   }
-}), Kl = /* @__PURE__ */ Z(Jl, [["__scopeId", "data-v-99f4090e"]]), Zl = { class: "wx-blocks-preview__bar" }, Gl = { class: "wx-blocks-preview__tools" }, Yl = ["src", "title"], Ql = /* @__PURE__ */ K({
+}), on = /* @__PURE__ */ X(sn, [["__scopeId", "data-v-99f4090e"]]), rn = { class: "wx-blocks-preview__bar" }, un = { class: "wx-blocks-preview__tools" }, cn = ["src", "title"], dn = /* @__PURE__ */ Q({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -1626,81 +1744,93 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     reload: { default: 0 },
     fill: { type: Boolean, default: !1 }
   },
-  setup(t, { expose: l }) {
-    const a = t, s = Q("webx-blocks"), o = U(null), i = U(null), n = He(i), h = U(!1), p = U(1280), S = U(!1), _ = C(() => [
-      { value: 1280, label: s("field.width-desktop") },
-      { value: 834, label: s("field.width-tablet") },
-      { value: 390, label: s("field.width-phone") }
-    ]), k = C(
-      () => h.value ? p.value : a.mode === "phone" ? 390 : 1280
-    ), b = C(() => h.value || a.mode === "phone" || n.value === 0 ? 1 : Math.min(1, n.value / k.value)), m = C(() => ({
-      width: `${k.value}px`,
-      transform: `scale(${b.value})`
-    })), y = C(() => {
-      if (!a.url) return "";
+  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(() => [
+      { 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(() => {
+      if (!n.url) return "";
       try {
-        return `${new URL(a.url, location.origin).pathname} · ${k.value} px`;
+        return `${new URL(n.url, location.origin).pathname} · ${f.value} px`;
       } catch {
-        return a.url;
+        return n.url;
       }
     });
-    function g() {
+    function k() {
       try {
-        return o.value?.contentDocument ?? null;
+        return a.value?.contentDocument ?? null;
       } catch {
         return null;
       }
     }
-    function d() {
-      S.value = !0;
-      const N = g();
-      N && De(N, a.selected ?? null);
+    let C = null, D = !1;
+    function K() {
+      m.value = !0;
+      const M = k();
+      M && (C?.release(), C = rl(M, {
+        select: (O) => {
+          D = !0, o("select", O), D = !1;
+        }
+      }), Je(M, n.selected ?? null), ne(M, n.selected ?? null));
+    }
+    function ne(M, O) {
+      O === null || D || Ye(M, O)?.scrollIntoView({ behavior: "smooth", block: "center" });
     }
-    function w(N, I) {
-      const P = g();
-      if (!P || !S.value) return !1;
-      const H = Yt(P, N, I);
-      return H && De(P, a.selected ?? null), H;
+    function z(M, O) {
+      const ee = k();
+      if (!ee || !m.value) return !1;
+      const de = il(ee, M, O);
+      return de && Je(ee, n.selected ?? null), de;
     }
-    function B() {
-      S.value = !1, o.value && a.url && (o.value.src = a.url);
+    function N() {
+      m.value = !1, a.value && n.url && (a.value.src = n.url);
     }
-    function M(N) {
-      N.key === "Escape" && h.value && (h.value = !1, N.stopPropagation());
+    function I(M) {
+      M.key === "Escape" && d.value && (d.value = !1, M.stopPropagation());
     }
-    return le(
-      () => a.selected,
-      (N) => {
-        const I = g();
-        I && S.value && De(I, N ?? null);
+    return ie(
+      () => n.selected,
+      (M) => {
+        const O = k();
+        !O || !m.value || (Je(O, M ?? null), ne(O, M ?? null));
       }
-    ), le(() => a.reload, B), le(
-      () => a.url,
-      () => S.value = !1
-    ), ye(() => window.addEventListener("keydown", M)), Re(() => window.removeEventListener("keydown", M)), l({ replace: w, refresh: B, open: () => h.value = !0 }), (N, I) => (r(), V("div", {
-      class: me(["wx-blocks-preview", { "is-fullscreen": h.value, "is-phone": t.mode === "phone", "is-fill": t.fill }])
+    ), 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 })
     }, [
-      x("div", Zl, [
-        u(e(R), {
+      $("div", rn, [
+        u(e(j), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
           default: c(() => [
-            $(f(y.value), 1)
+            w(p(S.value), 1)
           ]),
           _: 1
         }),
-        x("div", Gl, [
-          h.value ? (r(), W(e(ct), {
+        $("div", un, [
+          d.value ? (i(), W(e(gt), {
             key: 0,
-            modelValue: p.value,
-            "onUpdate:modelValue": I[0] || (I[0] = (P) => p.value = P),
-            options: _.value,
+            modelValue: b.value,
+            "onUpdate:modelValue": O[0] || (O[0] = (ee) => b.value = ee),
+            options: h.value,
             size: "sm"
-          }, null, 8, ["modelValue", "options"])) : E("", !0),
-          t.url ? (r(), W(e(q), {
+          }, null, 8, ["modelValue", "options"])) : L("", !0),
+          t.url ? (i(), W(e(q), {
             key: 1,
             size: "sm",
             variant: "outline",
@@ -1709,46 +1839,46 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
             rel: "noopener"
           }, {
             default: c(() => [
-              $(f(e(s)("field.open-site")), 1)
+              w(p(e(r)("field.open-site")), 1)
             ]),
             _: 1
-          }, 8, ["href"])) : E("", !0),
+          }, 8, ["href"])) : L("", !0),
           u(e(q), {
             size: "sm",
             variant: "outline",
-            onClick: I[1] || (I[1] = (P) => h.value = !h.value)
+            onClick: O[1] || (O[1] = (ee) => d.value = !d.value)
           }, {
             default: c(() => [
-              $(f(h.value ? e(s)("field.close") : e(s)("field.fullscreen")), 1)
+              w(p(d.value ? e(r)("field.close") : e(r)("field.fullscreen")), 1)
             ]),
             _: 1
           })
         ])
       ]),
-      x("div", {
+      $("div", {
         ref_key: "box",
-        ref: i,
+        ref: v,
         class: "wx-blocks-preview__ground"
       }, [
-        x("div", {
+        $("div", {
           class: "wx-blocks-preview__clip",
-          style: fe({ width: `${Math.round(k.value * b.value)}px` })
+          style: ce({ width: `${Math.round(f.value * y.value)}px` })
         }, [
-          t.url ? (r(), V("iframe", {
+          t.url ? (i(), V("iframe", {
             key: 0,
             ref_key: "frame",
-            ref: o,
+            ref: a,
             class: "wx-blocks-preview__frame",
             src: t.url,
-            style: fe(m.value),
-            title: e(s)("field.preview"),
-            onLoad: d
-          }, null, 44, Yl)) : E("", !0)
+            style: ce(_.value),
+            title: e(r)("field.preview"),
+            onLoad: K
+          }, null, 44, cn)) : L("", !0)
         ], 4)
       ], 512)
-    ], 2));
+    ], 6));
   }
-}), Xl = /* @__PURE__ */ Z(Ql, [["__scopeId", "data-v-2482da45"]]), en = { class: "wx-blocks-tree__node" }, tn = ["onClick", "onKeydown"], ln = { class: "wx-blocks-tree__icon" }, nn = { class: "wx-blocks-tree__name" }, an = ["title"], sn = ["title"], on = ["title"], rn = ["onClick"], un = /* @__PURE__ */ K({
+}), 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({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -1759,126 +1889,140 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     disabled: { type: Boolean, default: !1 },
     depth: { default: 0 }
   },
-  emits: ["select", "add", "remove", "duplicate", "reorder"],
+  emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
   setup(t, { emit: l }) {
-    const a = t, s = l, o = Q("webx-blocks");
-    function i(_) {
-      return a.catalog.find((k) => k.slug === _.type) ?? null;
+    const s = t, n = l, o = le("webx-blocks");
+    function r(b) {
+      return s.catalog.find((m) => m.slug === b.type) ?? null;
     }
-    function n(_) {
-      return i(_)?.title ?? _.type;
+    function a(b) {
+      return r(b)?.title ?? b.type;
     }
-    function h(_) {
-      const k = i(_);
-      return k?.content ? xt(k.content.schema) : [];
+    function v(b) {
+      const m = r(b);
+      return m?.content ? Et(m.content.schema) : [];
     }
-    function p(_, k) {
-      const b = _.values[k.id];
-      return Array.isArray(b) ? b : [];
+    function A(b, m) {
+      const h = b.values[m.id];
+      return Array.isArray(h) ? h : [];
     }
-    function S(_) {
-      return i(_)?.icon ?? "grid";
+    function d(b) {
+      return r(b)?.icon ?? "grid";
     }
-    return (_, k) => {
-      const b = je("blocks-tree", !0);
-      return r(), W(e(Dt), {
+    return (b, m) => {
+      const h = vt("blocks-tree", !0);
+      return i(), W(e(Yt), {
         "model-value": t.nodes,
         "item-key": "key",
-        "item-label": (m) => n(m),
+        "item-label": (f) => a(f),
         disabled: t.disabled,
         plain: "",
         size: "sm",
         "empty-text": t.depth === 0 ? e(o)("field.empty") : "",
-        class: me(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
-        "onUpdate:modelValue": k[6] || (k[6] = (m) => s("reorder", t.parentKey, t.field, m))
+        class: be(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
+        "onUpdate:modelValue": m[7] || (m[7] = (f) => n("reorder", t.parentKey, t.field, f))
       }, {
-        default: c(({ item: m }) => [
-          x("div", en, [
-            x("div", {
-              class: me(["wx-blocks-tree__row", { "is-selected": t.selected === m.key }]),
+        default: c(({ 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) => s("select", m.key),
+              onClick: (y) => n("select", f.key),
               onKeydown: [
-                Ge(Me((y) => s("select", m.key), ["prevent"]), ["enter"]),
-                Ge(Me((y) => s("select", m.key), ["prevent"]), ["space"])
+                lt(He((y) => n("select", f.key), ["prevent"]), ["enter"]),
+                lt(He((y) => n("select", f.key), ["prevent"]), ["space"])
               ]
             }, [
-              x("span", ln, [
-                u(e(ne), {
-                  name: S(m)
+              $("span", mn, [
+                u(e(oe), {
+                  name: d(f)
                 }, null, 8, ["name"])
               ]),
-              x("span", nn, f(n(m)), 1),
-              i(m) ? i(m)?.draft ? (r(), V("span", {
+              $("span", hn, p(a(f)), 1),
+              r(f) ? r(f)?.draft ? (i(), V("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: e(o)("field.draft-type")
               }, [
-                u(e(ne), { name: "warning" })
-              ], 8, sn)) : i(m)?.is_enabled === !1 ? (r(), V("span", {
+                u(e(oe), { name: "warning" })
+              ], 8, gn)) : r(f)?.is_enabled === !1 ? (i(), V("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: e(o)("field.disabled-type")
               }, [
-                u(e(ne), { name: "eye-off" })
-              ], 8, on)) : E("", !0) : (r(), V("span", {
+                u(e(oe), { name: "lock" })
+              ], 8, kn)) : L("", !0) : (i(), V("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
-                title: e(o)("field.unknown-type", { type: m.type })
+                title: e(o)("field.unknown-type", { type: f.type })
               }, [
-                u(e(ne), { name: "close-circle" })
-              ], 8, an)),
-              t.disabled ? E("", !0) : (r(), V("span", {
+                u(e(oe), { name: "close-circle" })
+              ], 8, bn)),
+              f.hidden === !0 ? (i(), V("span", {
                 key: 3,
+                class: "wx-blocks-tree__flag",
+                title: e(o)("field.hidden-note")
+              }, [
+                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: k[0] || (k[0] = Me(() => {
+                onClick: m[0] || (m[0] = He(() => {
                 }, ["stop"]))
               }, [
-                u(e(Xe), {
+                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) => s("duplicate", m.key)
+                  onClick: (y) => n("duplicate", f.key)
                 }, null, 8, ["title", "onClick"]),
-                u(e(Xe), {
+                u(e(Fe), {
                   icon: "trash",
                   size: "sm",
                   tone: "danger",
                   title: e(o)("field.remove"),
-                  onClick: (y) => s("remove", m.key)
+                  onClick: (y) => n("remove", f.key)
                 }, null, 8, ["title", "onClick"])
               ]))
-            ], 42, tn),
-            (r(!0), V(j, null, Y(h(m), (y) => (r(), V("div", {
+            ], 42, vn),
+            (i(!0), V(H, null, te(v(f), (y) => (i(), V("div", {
               key: y.id,
               class: "wx-blocks-tree__kids"
             }, [
-              u(b, {
-                nodes: p(m, y),
+              u(h, {
+                nodes: A(f, y),
                 catalog: t.catalog,
-                "parent-key": m.key,
+                "parent-key": f.key,
                 field: y.id,
                 selected: t.selected,
                 disabled: t.disabled,
                 depth: t.depth + 1,
-                onSelect: k[1] || (k[1] = (g) => s("select", g)),
-                onAdd: k[2] || (k[2] = (g, d, w) => s("add", g, d, w)),
-                onRemove: k[3] || (k[3] = (g) => s("remove", g)),
-                onDuplicate: k[4] || (k[4] = (g) => s("duplicate", g)),
-                onReorder: k[5] || (k[5] = (g, d, w) => s("reorder", g, d, w))
+                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))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
-              t.disabled ? E("", !0) : (r(), V("button", {
+              t.disabled ? L("", !0) : (i(), V("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (g) => s("add", m.key, y.id, y)
+                onClick: (_) => n("add", f.key, y.id, y)
               }, [
-                $(" + " + f(e(o)("field.add-inside")), 1),
-                h(m).length > 1 ? (r(), V(j, { key: 0 }, [
-                  $(" · " + f(y.label ?? y.id), 1)
-                ], 64)) : E("", !0)
-              ], 8, rn))
+                w(" + " + p(e(o)("field.add-inside")), 1),
+                v(f).length > 1 ? (i(), V(H, { key: 0 }, [
+                  w(" · " + p(y.label ?? y.id), 1)
+                ], 64)) : L("", !0)
+              ], 8, wn))
             ]))), 128))
           ])
         ]),
@@ -1886,27 +2030,27 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), cn = /* @__PURE__ */ Z(un, [["__scopeId", "data-v-5d559d85"]]), Ke = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function qn(t) {
-  rt(Ke, t);
+}), xn = /* @__PURE__ */ X(_n, [["__scopeId", "data-v-4fe464bb"]]), et = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function sa(t) {
+  ht(et, t);
 }
-function Jn() {
-  return ze(Ke, null);
+function oa() {
+  return Ne(et, null);
 }
-const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
+const ft = /* @__PURE__ */ Symbol("wx-blocks-root"), $n = {
   key: 0,
   class: "wx-blocks-nested"
-}, pn = { class: "wx-blocks__tree" }, fn = { class: "wx-blocks__panel-head" }, mn = { class: "wx-blocks__panel-title" }, vn = {
+}, Vn = { class: "wx-blocks__tree" }, Sn = { class: "wx-blocks__panel-head" }, Cn = { class: "wx-blocks__panel-title" }, Tn = { class: "wx-blocks__tools" }, Bn = {
   key: 0,
   class: "wx-blocks__fields"
-}, hn = { class: "wx-blocks__panel-head" }, bn = { class: "wx-blocks__panel-title" }, gn = { class: "wx-blocks__panel-extra" }, kn = { class: "wx-blocks__form" }, yn = {
+}, En = { class: "wx-blocks__panel-head" }, Wn = { class: "wx-blocks__panel-title" }, An = { class: "wx-blocks__panel-extra" }, Ln = { class: "wx-blocks__form" }, zn = {
   key: 1,
   class: "wx-blocks__preview"
-}, wn = /* @__PURE__ */ K({
+}, In = /* @__PURE__ */ Q({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ Ut({
+  props: /* @__PURE__ */ Pt({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -1923,283 +2067,303 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = t, a = zt(t, "modelValue"), s = ze(ot, !1);
-    rt(ot, !0), _e();
-    const o = Q("webx-blocks"), i = ze(Nt, null);
-    let n = null;
-    const h = U([]), p = C(() => l.catalog ?? h.value), S = C(() => Array.isArray(a.value) ? a.value : []), _ = U(null), k = C(() => _.value ? oe(S.value, _.value) : null), b = C(
-      () => k.value ? p.value.find((A) => A.slug === k.value?.node.type) ?? null : null
-    ), m = ze(Ke, null), y = U(null), g = C(
-      () => i?.state.manifest?.modules.find((A) => A.id === "blocks")?.meta?.groups ?? []
-    ), d = Et()?.type, w = C(() => l.context?.types ? l.context.types : i?.types ? { ...Pe, ...i.types } : d ? { ...Pe, "wx-blocks": { component: d, kind: "field", nested: !0 } } : Pe), B = C(
-      () => l.context?.translate ?? i?.i18n.t ?? ((A) => A)
-    ), M = C(() => l.context?.can ?? i?.can ?? (() => !0)), N = ht(Kl);
-    function I(A) {
-      a.value = A;
+    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;
     }
-    async function P(A, L, D) {
-      const X = A ? oe(S.value, A) : null, ee = X ? p.value.find((Ie) => Ie.slug === X.node.type) ?? null : null, Te = A === null ? l.allow : D?.props?.allow ?? null, ge = A === null ? l.max : D?.props?.max ?? null, Ce = A === null ? S.value : X && L ? X.node.values[L] ?? [] : [];
-      if (ge != null && Ce.length >= ge) return;
-      const ue = await N({
-        catalog: p.value,
-        parent: ee,
-        allow: Te,
-        tree: S.value,
-        groups: g.value,
+    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] ?? [] : [];
+      if (ue != null && xe.length >= ue) return;
+      const $e = await ne({
+        catalog: d.value,
+        parent: G,
+        allow: Re,
+        tree: b.value,
+        groups: S.value,
         blocksPath: l.blocksPath
       });
-      if (!ue) return;
-      const Be = sl(ue.slug, H(ue));
-      I(nt(S.value, A, L, Ce.length, Be)), _.value = Be.key;
+      if (!$e) return;
+      const ze = vl($e.slug, I($e));
+      z(ct(b.value, T, P, xe.length, ze)), m.value = ze.key;
+    }
+    function I(T) {
+      const P = T.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);
+      if (!P) return;
+      const R = hl(P.node);
+      R > 0 && !await Me({
+        title: o("field.remove-title", {
+          title: d.value.find((G) => G.slug === P.node.type)?.title ?? P.node.type
+        }),
+        message: o("field.remove-text", { count: R }),
+        confirmText: o("field.remove"),
+        cancelText: o("page.cancel"),
+        tone: "danger"
+      }) || (m.value === T && (m.value = null), z(kl(b.value, T)));
     }
-    function H(A) {
-      const L = A.content?.sample ?? {}, D = {};
-      for (const [X, ee] of Object.entries(L))
-        (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (D[X] = ee);
-      return D;
+    function O(T) {
+      const P = se(b.value, T);
+      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;
     }
-    function xe(A) {
-      _.value === A && (_.value = null), I(rl(S.value, A));
+    function ee(T, P) {
+      z(bl(b.value, T, P));
     }
-    function ie(A) {
-      const L = oe(S.value, A);
-      if (!L) return;
-      const D = $t(L.node);
-      I(nt(S.value, L.parent?.key ?? null, L.field, L.index + 1, D)), _.value = D.key;
+    function de(T, P, R) {
+      z(wl(b.value, T, P, R));
     }
-    function $e(A, L, D) {
-      I(cl(S.value, A, L, D));
+    function We(T) {
+      m.value = m.value === T ? null : T;
     }
-    function Ue(A) {
-      _.value = _.value === A ? null : A;
+    function Ae(T) {
+      T === null || !se(b.value, T) || (m.value = T);
     }
-    function be() {
-      _.value = null;
+    function we() {
+      m.value = null;
     }
-    function Ve(A) {
-      _.value && I(ul(S.value, _.value, A));
+    function pe(T) {
+      m.value && z(yl(b.value, m.value, T));
     }
-    let re;
-    le(
-      () => k.value?.node.values,
-      (A, L) => {
-        if (!A || !L || !b.value || !n || !m) return;
-        const D = _.value, X = b.value.id;
-        clearTimeout(re), re = setTimeout(() => {
-          !D || !n || n.render(X, { values: A, key: D }).then((ee) => {
-            y.value?.replace(D, ee.html) || y.value?.refresh();
+    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;
+        clearTimeout(fe), fe = setTimeout(() => {
+          !R || !v || v.render(Z, { values: T, key: R }).then((G) => {
+            _.value?.replace(R, G.html) || _.value?.refresh();
           }).catch(() => {
           });
         }, 300);
       },
       { deep: !0 }
     );
-    function se(A) {
-      A.key === "Escape" && _.value && be();
+    function Le(T) {
+      T.key === "Escape" && m.value && we();
     }
-    ye(async () => {
-      if (window.addEventListener("keydown", se), l.catalog === null && i) {
-        n = he(i);
+    Ce(async () => {
+      if (window.addEventListener("keydown", Le), l.catalog === null && a) {
+        v = ke(a);
         try {
-          h.value = await n.catalog();
-        } catch (A) {
-          F.danger(A.body?.message ?? String(A));
+          A.value = await v.catalog();
+        } catch (T) {
+          F.danger(r(T));
         }
-      } else i && (n = he(i));
-    }), Re(() => {
-      clearTimeout(re), window.removeEventListener("keydown", se);
+      } else a && (v = ke(a));
+    }), Ze(() => {
+      clearTimeout(fe), window.removeEventListener("keydown", Le);
     });
-    const Se = C(
-      () => b.value?.content ? Je(b.value.content.schema) : []
+    const _e = B(
+      () => f.value?.content ? Xe(f.value.content.schema) : []
     );
-    return (A, L) => e(s) ? (r(), V("div", dn, [
-      u(e(R), {
+    return (T, P) => e(n) ? (i(), V("div", $n, [
+      u(e(j), {
         size: "sm",
         tone: "muted"
       }, {
         default: c(() => [
-          $(f(e(o)("field.nested-note")), 1)
+          w(p(e(o)("field.nested-note")), 1)
         ]),
         _: 1
       })
-    ])) : (r(), V("div", {
+    ])) : (i(), V("div", {
       key: 1,
-      class: me(["wx-blocks-host", { "is-fill": t.fill }])
+      class: be(["wx-blocks-host", { "is-fill": t.fill }])
     }, [
-      x("div", {
-        class: me(["wx-blocks", {
-          "is-editing": k.value !== null,
-          "has-preview": e(m) !== null && e(m).url.value !== null
+      $("div", {
+        class: be(["wx-blocks", {
+          "is-editing": h.value !== null,
+          "has-preview": e(y) !== null && e(y).url.value !== null
         }])
       }, [
-        x("div", pn, [
-          x("div", fn, [
-            x("span", mn, f(e(o)("field.blocks")), 1),
-            u(e(R), {
+        $("div", Vn, [
+          $("div", Sn, [
+            $("span", Cn, p(e(o)("field.blocks")), 1),
+            u(e(j), {
               size: "sm",
               tone: "muted"
             }, {
               default: c(() => [
-                $(f(S.value.length), 1)
+                w(p(b.value.length), 1)
               ]),
               _: 1
             })
           ]),
-          u(cn, {
-            nodes: S.value,
-            catalog: p.value,
-            selected: _.value,
+          u(xn, {
+            nodes: b.value,
+            catalog: d.value,
+            selected: m.value,
             disabled: t.disabled,
-            onSelect: Ue,
-            onAdd: P,
-            onRemove: xe,
-            onDuplicate: ie,
-            onReorder: $e
+            onSelect: We,
+            onAdd: N,
+            onRemove: M,
+            onDuplicate: O,
+            onVisibility: ee,
+            onReorder: de
           }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-          !t.disabled && (t.max === null || S.value.length < t.max) ? (r(), W(e(q), {
-            key: 0,
-            variant: "outline",
-            block: "",
-            icon: "plus",
-            class: "wx-blocks__add",
-            onClick: L[0] || (L[0] = (D) => P(null, null, null))
-          }, {
-            default: c(() => [
-              $(f(e(o)("field.add")), 1)
-            ]),
-            _: 1
-          })) : E("", !0),
-          e(m) && e(m).url.value ? (r(), W(e(q), {
-            key: 1,
-            variant: "text",
-            block: "",
-            class: "wx-blocks__preview-button",
-            onClick: L[1] || (L[1] = (D) => y.value?.open())
-          }, {
-            default: c(() => [
-              $(f(e(o)("field.preview")), 1)
-            ]),
-            _: 1
-          })) : E("", !0)
+          $("div", Tn, [
+            !t.disabled && (t.max === null || b.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)
+              ]),
+              _: 1
+            })) : L("", !0),
+            e(y) && e(y).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())
+            }, {
+              default: c(() => [
+                w(p(e(o)("field.preview")), 1)
+              ]),
+              _: 1
+            })) : L("", !0)
+          ])
         ]),
-        k.value ? (r(), V("div", vn, [
-          x("div", hn, [
-            x("span", bn, f(b.value?.title ?? k.value.node.type), 1),
-            x("span", gn, [
-              x("code", null, f(k.value.node.type), 1),
+        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),
               u(e(q), {
                 size: "sm",
                 variant: "outline",
-                onClick: be
+                onClick: we
               }, {
                 default: c(() => [
-                  $(f(e(o)("field.done")) + " · Esc", 1)
+                  w(p(e(o)("field.done")) + " · Esc", 1)
                 ]),
                 _: 1
               })
             ])
           ]),
-          x("div", kn, [
-            b.value?.content ? (r(), W(e(bt), {
-              key: k.value.node.key,
-              "model-value": k.value.node.values,
-              root: Se.value,
-              types: w.value,
-              translate: B.value,
-              can: M.value,
+          $("div", Ln, [
+            f.value?.content ? (i(), W(e(Vt), {
+              key: h.value.node.key,
+              "model-value": h.value.node.values,
+              root: _e.value,
+              types: C.value,
+              translate: D.value,
+              can: K.value,
               disabled: t.disabled,
-              "onUpdate:modelValue": Ve
-            }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (r(), W(e(R), {
+              "onUpdate:modelValue": pe
+            }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), W(e(j), {
               key: 1,
               size: "sm",
               tone: "danger"
             }, {
               default: c(() => [
-                $(f(e(o)("field.unknown-type", { type: k.value.node.type })), 1)
+                w(p(e(o)("field.unknown-type", { type: h.value.node.type })), 1)
               ]),
               _: 1
             }))
           ])
-        ])) : E("", !0),
-        e(m) && e(m).url.value ? (r(), V("div", yn, [
-          u(Xl, {
+        ])) : L("", !0),
+        e(y) && e(y).url.value ? (i(), V("div", zn, [
+          u(pn, {
             ref_key: "previewEl",
-            ref: y,
-            url: e(m).url.value,
-            selected: _.value,
-            mode: k.value ? "phone" : "wide",
-            reload: e(m).reload?.value ?? 0,
-            fill: t.fill
+            ref: _,
+            url: e(y).url.value,
+            selected: m.value,
+            mode: h.value ? "phone" : "wide",
+            reload: e(y).reload?.value ?? 0,
+            fill: t.fill,
+            onSelect: Ae
           }, null, 8, ["url", "selected", "mode", "reload", "fill"])
-        ])) : E("", !0)
+        ])) : L("", !0)
       ], 2)
     ], 2));
   }
-}), _n = /* @__PURE__ */ Z(wn, [["__scopeId", "data-v-3f14c6c6"]]), xn = { class: "wx-block-card__body" }, $n = { class: "wx-block-card__title" }, Vn = { class: "wx-block-card__chips" }, Sn = /* @__PURE__ */ K({
+}), 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({
   __name: "BlockCard",
   props: {
     block: {}
   },
   emits: ["open"],
   setup(t, { emit: l }) {
-    const a = l, s = Q("webx-blocks");
-    return (o, i) => (r(), V("button", {
+    const s = l, n = le("webx-blocks");
+    return (o, r) => (i(), V("button", {
       type: "button",
       class: "wx-block-card",
-      onClick: i[0] || (i[0] = (n) => a("open", t.block))
+      onClick: r[0] || (r[0] = (a) => s("open", t.block))
     }, [
-      u(Ct, {
+      u(It, {
         thumbnail: t.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      x("div", xn, [
-        x("div", $n, f(t.block.title), 1),
-        u(e(R), {
+      $("div", Nn, [
+        $("div", Pn, p(t.block.title), 1),
+        u(e(j), {
           size: "sm",
           tone: "muted"
         }, {
           default: c(() => [
-            x("code", null, f(t.block.slug), 1),
-            $(" · " + f(t.block.usage_count > 0 ? e(s)("page.on-pages", { count: t.block.usage_count }) : e(s)("page.not-used")), 1)
+            $("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)
           ]),
           _: 1
         }),
-        x("div", Vn, [
-          t.block.draft ? (r(), W(e(G), {
+        $("div", Mn, [
+          t.block.draft ? (i(), W(e(J), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
             default: c(() => [
-              $(f(e(s)("page.draft", { number: t.block.draft.number })), 1)
+              w(p(e(n)("page.draft", { number: t.block.draft.number })), 1)
             ]),
             _: 1
-          })) : E("", !0),
-          t.block.published ? (r(), W(e(G), {
+          })) : L("", !0),
+          t.block.published ? (i(), W(e(J), {
             key: 1,
             type: "success",
             dot: ""
           }, {
             default: c(() => [
-              $(f(e(s)("page.live", { number: t.block.published.number })), 1)
+              w(p(e(n)("page.live", { number: t.block.published.number })), 1)
             ]),
             _: 1
-          })) : (r(), W(e(G), {
+          })) : (i(), W(e(J), {
             key: 2,
             type: "default"
           }, {
             default: c(() => [
-              $(f(e(s)("page.never-published")), 1)
+              w(p(e(n)("page.never-published")), 1)
             ]),
             _: 1
           })),
-          t.block.is_enabled ? E("", !0) : (r(), W(e(G), {
+          t.block.is_enabled ? L("", !0) : (i(), W(e(J), {
             key: 3,
             type: "default",
             variant: "outline"
           }, {
             default: c(() => [
-              $(f(e(s)("page.hidden")), 1)
+              w(p(e(n)("page.hidden")), 1)
             ]),
             _: 1
           }))
@@ -2207,62 +2371,62 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       ])
     ]));
   }
-}), Tn = /* @__PURE__ */ Z(Sn, [["__scopeId", "data-v-daa12de4"]]), Cn = { class: "wx-block-create" }, Bn = /* @__PURE__ */ K({
+}), Dn = /* @__PURE__ */ X(On, [["__scopeId", "data-v-daa12de4"]]), Rn = { class: "wx-block-create" }, jn = /* @__PURE__ */ Q({
   __name: "BlockCreateDialog",
   setup(t) {
-    const { resolve: l, dismiss: a, open: s } = ft(), o = we(), i = he(o);
-    _e();
-    const n = Q("webx-blocks"), h = C(() => o.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? ["content"]), p = U({ title: "", slug: "", group: h.value[0] ?? "content" }), S = U({}), _ = U(!1), k = U(!1), b = C(
-      () => h.value.map((d) => ({ value: d, label: ke(d, n) }))
+    const { resolve: l, dismiss: s, open: n } = wt(), o = Te(), 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) }))
     );
-    function m(d) {
-      return d.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    function y(k) {
+      return k.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
-    le(
-      () => p.value.title,
-      (d) => {
-        k.value || (p.value.slug = m(d));
+    ie(
+      () => d.value.title,
+      (k) => {
+        h.value || (d.value.slug = y(k));
       }
     );
-    function y(d) {
-      return S.value[d]?.[0];
+    function _(k) {
+      return b.value[k]?.[0];
     }
-    async function g() {
-      _.value = !0, S.value = {};
+    async function S() {
+      m.value = !0, b.value = {};
       try {
-        l(await i.create(p.value));
-      } catch (d) {
-        const w = d.body;
-        w?.errors ? S.value = w.errors : F.danger(w?.message ?? n("page.failed"));
+        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")));
       } finally {
-        _.value = !1;
+        m.value = !1;
       }
     }
-    return (d, w) => (r(), W(e(mt), {
-      open: e(s),
-      "onUpdate:open": w[5] || (w[5] = (B) => it(s) ? s.value = B : null),
-      title: e(n)("page.new"),
+    return (k, C) => (i(), W(e(_t), {
+      open: e(n),
+      "onUpdate:open": C[5] || (C[5] = (D) => mt(n) ? n.value = D : null),
+      title: e(a)("page.new"),
       width: 520
     }, {
       footer: c(() => [
-        u(e(Ot), { size: "sm" }, {
+        u(e(Qt), { size: "sm" }, {
           default: c(() => [
             u(e(q), {
               variant: "outline",
-              onClick: w[4] || (w[4] = (B) => e(a)())
+              onClick: C[4] || (C[4] = (D) => e(s)())
             }, {
               default: c(() => [
-                $(f(e(n)("page.cancel")), 1)
+                w(p(e(a)("page.cancel")), 1)
               ]),
               _: 1
             }),
             u(e(q), {
               type: "primary",
-              loading: _.value,
-              onClick: g
+              loading: m.value,
+              onClick: S
             }, {
               default: c(() => [
-                $(f(e(n)("page.create")), 1)
+                w(p(e(a)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2271,45 +2435,45 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
         })
       ]),
       default: c(() => [
-        x("div", Cn, [
-          u(e(J), {
-            label: e(n)("page.title"),
-            error: y("title")
+        $("div", Rn, [
+          u(e(Y), {
+            label: e(a)("page.title"),
+            error: _("title")
           }, {
             default: c(() => [
-              u(e(ve), {
-                modelValue: p.value.title,
-                "onUpdate:modelValue": w[0] || (w[0] = (B) => p.value.title = B),
+              u(e(ge), {
+                modelValue: d.value.title,
+                "onUpdate:modelValue": C[0] || (C[0] = (D) => d.value.title = D),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          u(e(J), {
-            label: e(n)("page.identifier"),
-            help: e(n)("page.identifier-help"),
-            error: y("slug")
+          u(e(Y), {
+            label: e(a)("page.identifier"),
+            help: e(a)("page.identifier-help"),
+            error: _("slug")
           }, {
             default: c(() => [
-              u(e(ve), {
-                modelValue: p.value.slug,
-                "onUpdate:modelValue": w[1] || (w[1] = (B) => p.value.slug = B),
+              u(e(ge), {
+                modelValue: d.value.slug,
+                "onUpdate:modelValue": C[1] || (C[1] = (D) => d.value.slug = D),
                 placeholder: "hero",
-                onInput: w[2] || (w[2] = (B) => k.value = !0)
+                onInput: C[2] || (C[2] = (D) => h.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          u(e(J), {
-            label: e(n)("page.group"),
-            help: e(n)("page.group-help"),
-            error: y("group")
+          u(e(Y), {
+            label: e(a)("page.group"),
+            help: e(a)("page.group-help"),
+            error: _("group")
           }, {
             default: c(() => [
-              u(e(pt), {
-                modelValue: p.value.group,
-                "onUpdate:modelValue": w[3] || (w[3] = (B) => p.value.group = B),
-                options: b.value
+              u(e(yt), {
+                modelValue: d.value.group,
+                "onUpdate:modelValue": C[3] || (C[3] = (D) => d.value.group = D),
+                options: f.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
@@ -2319,156 +2483,174 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Wn = /* @__PURE__ */ Z(Bn, [["__scopeId", "data-v-274bc88a"]]), An = { class: "wx-blocks-page" }, zn = { class: "wx-blocks-page__head" }, En = { class: "wx-blocks-page__cards" }, Un = { class: "wx-blocks-page__ghost-body" }, In = {
+}), Hn = /* @__PURE__ */ X(jn, [["__scopeId", "data-v-a4c0d44c"]]), Fn = {
+  key: 1,
+  class: "wx-blocks-page__toolbar"
+}, qn = { class: "wx-blocks-page__cards" }, Jn = { class: "wx-blocks-page__ghost-body" }, Kn = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, Nn = { class: "wx-blocks-page__cards" }, Ln = /* @__PURE__ */ K({
+}, Zn = { class: "wx-blocks-page__cards" }, Gn = /* @__PURE__ */ Q({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, a = we(), s = he(a), o = ut();
-    _e();
-    const i = Q("webx-blocks"), n = U([]), h = U(!0), p = U(""), S = ht(Wn), _ = C(() => {
-      const B = a.state.manifest?.modules.find((M) => M.id === "blocks")?.meta;
+    const l = t, s = Te(), n = ke(s), o = bt();
+    Ee();
+    const r = le("webx-blocks"), a = Be(), v = U([]), A = U(!0), d = U(""), b = U(""), m = $t(Hn), h = B(() => {
+      const z = s.state.manifest?.modules.find((N) => N.id === "blocks")?.meta;
       return {
-        groups: B?.groups ?? [],
-        editing: B?.editing ?? !0,
-        provides: B?.provides ?? []
+        groups: z?.groups ?? [],
+        editing: z?.editing ?? !0,
+        provides: z?.provides ?? []
       };
-    }), k = C(() => a.can("blocks.manage") && _.value.editing), b = C(
-      () => a.state.manifest?.modules.find((B) => B.id === "blocks")?.title ?? i("module.title")
-    ), m = C(() => {
-      const B = p.value.trim().toLowerCase();
-      return B === "" ? n.value : n.value.filter(
-        (M) => M.title.toLowerCase().includes(B) || M.slug.includes(B) || (M.description ?? "").toLowerCase().includes(B)
+    }), f = B(() => s.can("blocks.manage") && h.value.editing), y = B(
+      () => 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);
+      return z === "" ? N : N.filter(
+        (I) => I.title.toLowerCase().includes(z) || I.slug.includes(z) || (I.description ?? "").toLowerCase().includes(z)
       );
-    }), y = C(() => {
-      const B = [..._.value.groups];
-      for (const I of m.value)
-        B.includes(I.group) || B.push(I.group);
-      const M = B.map((I) => ({
+    }), S = B(() => {
+      const z = [...h.value.groups];
+      for (const N of v.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 ? [] : [
+        { value: "", label: r("page.all-groups") },
+        ...S.value.map((z) => ({ value: z, label: ye(z, r) }))
+      ]
+    ), C = B(() => {
+      const z = S.value.map((I) => ({
         id: I,
-        label: ke(I, i),
-        blocks: m.value.filter((P) => P.group === I)
+        label: ye(I, r),
+        blocks: _.value.filter((M) => M.group === I)
       })).filter((I) => I.blocks.length > 0);
-      return m.value.length <= 5 || p.value.trim() !== "" || M.length < 2 ? [{ id: "", label: "", blocks: m.value }] : M;
+      return b.value !== "" || _.value.length <= 5 || d.value.trim() !== "" || z.length < 2 ? [{ id: "", label: "", blocks: _.value }] : z;
     });
-    async function g() {
-      h.value = !0;
+    async function D() {
+      A.value = !0;
       try {
-        n.value = await s.list();
-      } catch (B) {
-        F.danger(B.body?.message ?? String(B));
+        v.value = await n.list();
+      } catch (z) {
+        F.danger(a(z));
       } finally {
-        h.value = !1;
+        A.value = !1;
       }
     }
-    function d(B) {
-      o.push(`${l.base}/${B.id}`);
+    function K(z) {
+      o.push(`${l.base}/${z.id}`);
     }
-    async function w() {
-      const B = await S({});
-      B && d(B);
+    async function ne() {
+      const z = await m({});
+      z && K(z);
     }
-    return ye(g), (B, M) => (r(), V("div", An, [
-      x("div", zn, [
-        u(e(Rt), { level: 2 }, {
-          default: c(() => [
-            $(f(b.value), 1)
-          ]),
-          _: 1
-        }),
-        k.value ? (r(), W(e(q), {
+    return Ce(D), (z, N) => (i(), W(e(qt), {
+      view: b.value,
+      "onUpdate:view": N[1] || (N[1] = (I) => b.value = I),
+      class: "wx-blocks-page",
+      title: y.value,
+      views: k.value
+    }, Mt({
+      default: c(() => [
+        h.value.editing ? L("", !0) : (i(), W(e(kt), {
           key: 0,
-          type: "primary",
-          icon: "plus",
-          onClick: w
-        }, {
-          default: c(() => [
-            $(f(e(i)("page.new")), 1)
+          type: "info",
+          variant: "soft",
+          description: e(r)("page.editing-off")
+        }, null, 8, ["description"])),
+        A.value || v.value.length > 0 ? (i(), V("div", Fn, [
+          u(e(ge), {
+            modelValue: d.value,
+            "onUpdate:modelValue": N[0] || (N[0] = (I) => d.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, [
+              (i(), V(H, null, te(4, (I) => $("div", {
+                key: I,
+                class: "wx-blocks-page__ghost"
+              }, [
+                u(e(Ue), {
+                  variant: "image",
+                  height: 120,
+                  class: "wx-blocks-page__ghost-thumb"
+                }),
+                $("div", Jn, [
+                  u(e(Ue), {
+                    variant: "title",
+                    width: "45%"
+                  }),
+                  u(e(Ue), {
+                    variant: "text",
+                    width: "70%"
+                  }),
+                  u(e(Ue), {
+                    variant: "button",
+                    width: "64px",
+                    height: "22px"
+                  })
+                ])
+              ])), 64))
+            ])
           ]),
           _: 1
-        })) : E("", !0)
-      ]),
-      _.value.editing ? E("", !0) : (r(), W(e(dt), {
-        key: 0,
-        type: "info",
-        variant: "soft",
-        description: e(i)("page.editing-off")
-      }, null, 8, ["description"])),
-      h.value || n.value.length > 0 ? (r(), W(e(ve), {
-        key: 1,
-        modelValue: p.value,
-        "onUpdate:modelValue": M[0] || (M[0] = (N) => p.value = N),
-        class: "wx-blocks-page__search",
-        placeholder: e(i)("page.search"),
-        clearable: ""
-      }, null, 8, ["modelValue", "placeholder"])) : E("", !0),
-      h.value ? (r(), W(e(pe), { key: 2 }, {
-        template: c(() => [
-          x("div", En, [
-            (r(), V(j, null, Y(4, (N) => x("div", {
-              key: N,
-              class: "wx-blocks-page__ghost"
-            }, [
-              u(e(Ae), {
-                variant: "image",
-                height: 120,
-                class: "wx-blocks-page__ghost-thumb"
-              }),
-              x("div", Un, [
-                u(e(Ae), {
-                  variant: "title",
-                  width: "45%"
-                }),
-                u(e(Ae), {
-                  variant: "text",
-                  width: "70%"
-                }),
-                u(e(Ae), {
-                  variant: "button",
-                  width: "64px",
-                  height: "22px"
-                })
-              ])
-            ])), 64))
+        })) : v.value.length === 0 ? (i(), W(e(xt), {
+          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", {
+          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, {
+              key: M.id,
+              block: M,
+              onOpen: K
+            }, null, 8, ["block"]))), 128))
           ])
+        ]))), 128))
+      ]),
+      _: 2
+    }, [
+      f.value ? {
+        name: "actions",
+        fn: c(() => [
+          u(e(q), {
+            type: "primary",
+            icon: "plus",
+            onClick: ne
+          }, {
+            default: c(() => [
+              w(p(e(r)("page.new")), 1)
+            ]),
+            _: 1
+          })
         ]),
-        _: 1
-      })) : n.value.length === 0 ? (r(), W(e(vt), {
-        key: 3,
-        icon: "grid",
-        title: e(i)("page.empty"),
-        description: e(i)("page.empty-help")
-      }, null, 8, ["title", "description"])) : (r(!0), V(j, { key: 4 }, Y(y.value, (N) => (r(), V("section", {
-        key: N.id,
-        class: "wx-blocks-page__group"
-      }, [
-        N.label ? (r(), V("div", In, f(N.label), 1)) : E("", !0),
-        x("div", Nn, [
-          (r(!0), V(j, null, Y(N.blocks, (I) => (r(), W(Tn, {
-            key: I.id,
-            block: I,
-            onOpen: d
-          }, null, 8, ["block"]))), 128))
-        ])
-      ]))), 128))
-    ]));
+        key: "0"
+      } : void 0
+    ]), 1032, ["view", "title", "views"]));
   }
-}), Mn = /* @__PURE__ */ Z(Ln, [["__scopeId", "data-v-6e58b664"]]);
-function Kn(t = {}) {
+}), Yn = /* @__PURE__ */ X(Gn, [["__scopeId", "data-v-3cb993d5"]]);
+function ia(t = {}) {
   const l = t.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: Mn, props: { base: l } },
+      { path: l, name: "webx.blocks", component: Yn, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: Ll,
+        component: Zl,
         props: { base: l }
       }
     ],
@@ -2477,7 +2659,7 @@ function Kn(t = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: _n,
+        component: Un,
         kind: "field",
         nested: !0,
         bind: () => ({ blocksPath: l })
@@ -2486,37 +2668,37 @@ function Kn(t = {}) {
   };
 }
 export {
-  Ll as WxBlockEditorPage,
-  Kl as WxBlockPicker,
-  al as WxBlockStage,
-  Ct as WxBlockThumb,
-  _n as WxBlocks,
-  Mn as WxBlocksPage,
-  Kn as blocks,
-  dl as blocksMessages,
-  Ke as blocksPreviewKey,
-  $t as cloneNode,
-  ol as countType,
-  he as createBlocksApi,
-  gt as findRange,
-  Je as formSchema,
-  De as highlightBlock,
-  nt as insertNode,
-  yt as isNode,
-  Fe as isNodeList,
-  fl as lintBlock,
-  oe as locate,
-  sl as makeNode,
-  wt as newKey,
-  qn as provideBlocksPreview,
-  rl as removeNode,
-  Yt as replaceBlock,
-  cl as replaceList,
-  kt as stageDocument,
-  Fn as typesIn,
-  ml as undeclared,
-  ul as updateValues,
-  Jn as useBlocksPreview,
-  qe as walk
+  Zl as WxBlockEditorPage,
+  on as WxBlockPicker,
+  fl as WxBlockStage,
+  It as WxBlockThumb,
+  Un as WxBlocks,
+  Yn as WxBlocksPage,
+  ia as blocks,
+  _l as blocksMessages,
+  et as blocksPreviewKey,
+  Wt as cloneNode,
+  ml as countType,
+  ke as createBlocksApi,
+  St as findRange,
+  Xe as formSchema,
+  Je as highlightBlock,
+  ct as insertNode,
+  Tt as isNode,
+  Oe as isNodeList,
+  $l as lintBlock,
+  se as locate,
+  vl as makeNode,
+  Ke as newKey,
+  sa as provideBlocksPreview,
+  kl as removeNode,
+  il as replaceBlock,
+  wl as replaceList,
+  Ct as stageDocument,
+  aa as typesIn,
+  Vl as undeclared,
+  yl as updateValues,
+  oa as useBlocksPreview,
+  De as walk
 };
 //# sourceMappingURL=index.js.map