@webx-ui/module-blocks 0.9.2 → 0.9.3

package/dist/index.js

@@ -1,9 +1,9 @@
-import { WxCodeEditor as Ye, WxText as H, WxIcon as xe, WxSkeleton as Ue, WxBadge as he, WxButton as ue, confirm as dt, toast as K, useElementWidth as pt, WxSegmented as Yt, WxCard as Ne, WxPopover as Al, WxAlert as Gt, WxTabs as Bl, WxTab as Pe, WxFormItem as ne, WxSelect as yt, WxInput as et, WxTextarea as Zt, WxIconPicker as Ll, WxInputNumber as Wt, WxTagsInput as Nt, WxSwitch as Wl, WxActionBar as Nl, useModal as Qt, WxDialog as Xt, WxEmpty as el, WxAction as Ge, WxSortableList as zl, createModal as tl, WxDrawer as Ml, WxRadioGroup as Ol, WxRadio as zt, WxSpace as Dl, WxSkeletonItem as it } from "@webx-ui/core";
-import { defineComponent as se, ref as I, watch as oe, openBlock as c, createElementBlock as _, createVNode as v, unref as n, createBlock as O, withCtx as g, createTextVNode as L, toDisplayString as y, createCommentVNode as W, computed as S, createElementVNode as A, Fragment as U, renderList as Y, onMounted as tt, onBeforeUnmount as lt, normalizeStyle as Me, reactive as ht, resolveComponent as $t, normalizeClass as Oe, withDirectives as Il, vShow as Pl, inject as Ze, watchEffect as Ul, isRef as ll, nextTick as Rl, withKeys as Mt, withModifiers as Ot, provide as nl, useModel as jl, getCurrentInstance as Fl, resolveDynamicComponent as Hl, mergeProps as ql, mergeModels as Jl } from "vue";
-import { useAdmin as nt, useTranslate as ce, useErrorText as ot, WxDate as Kl, WxScreenHead as Yl, WxRenameButton as Gl, WxHelpButton as Zl, adminKey as ol, WxRowMenu as Ql, WxListScreen as Xl } from "@webx-ui/module-admin";
+import { WxCodeEditor as Je, WxText as H, WxIcon as we, WxSkeleton as Ue, WxBadge as he, WxButton as ce, confirm as dt, toast as J, useElementWidth as pt, WxSegmented as Yt, WxCard as ze, WxPopover as Al, WxAlert as Gt, WxTabs as Bl, WxTab as Pe, WxFormItem as oe, WxSelect as wt, WxInput as Xe, WxTextarea as Zt, WxIconPicker as Ll, WxInputNumber as Wt, WxTagsInput as Nt, WxSwitch as Wl, WxActionBar as Nl, useModal as Qt, WxDialog as Xt, WxEmpty as el, WxAction as Ye, WxSortableList as zl, createModal as tl, WxDrawer as Ml, WxRadioGroup as Ol, WxRadio as zt, WxSpace as Dl, WxSkeletonItem as it } from "@webx-ui/core";
+import { defineComponent as ae, ref as I, watch as se, openBlock as c, createElementBlock as _, createVNode as v, unref as n, createBlock as O, withCtx as g, createTextVNode as L, toDisplayString as w, createCommentVNode as W, computed as S, createElementVNode as V, Fragment as R, renderList as Y, onMounted as et, onBeforeUnmount as tt, normalizeStyle as Oe, reactive as vt, resolveComponent as St, normalizeClass as De, withDirectives as Il, vShow as Pl, inject as Ge, watchEffect as Ul, isRef as ll, nextTick as Rl, withKeys as Mt, withModifiers as Ot, provide as nl, useModel as jl, getCurrentInstance as Fl, resolveDynamicComponent as Hl, mergeProps as ql, mergeModels as Kl } from "vue";
+import { useAdmin as lt, useTranslate as de, useErrorText as nt, WxDate as Jl, WxScreenHead as Yl, WxRenameButton as Gl, WxHelpButton as Zl, adminKey as ol, WxRowMenu as Ql, WxListScreen as Xl } from "@webx-ui/module-admin";
 import { useRoute as en, useRouter as sl } from "vue-router";
 import { WxScreenRenderer as al, coreTypes as rt } from "@webx-ui/schema";
-import { autocompletion as tn, pickedCompletion as Fe, snippetCompletion as ye, startCompletion as ln } from "@codemirror/autocomplete";
+import { autocompletion as tn, pickedCompletion as Fe, snippetCompletion as ke, startCompletion as ln } from "@codemirror/autocomplete";
 import { EditorState as nn } from "@codemirror/state";
 const on = {
   module: {
@@ -111,6 +111,7 @@ const on = {
     blocks: "Blocks",
     add: "Add a block",
     "add-inside": "Add inside",
+    "add-after": "Add after",
     done: "Done",
     remove: "Remove",
     "remove-title": 'Remove ":title"?',
@@ -200,14 +201,14 @@ const on = {
     "ok-variables": "Every variable of the template is a field of the schema."
   }
 }, Dt = /* @__PURE__ */ new WeakSet();
-function De() {
+function Ie() {
   try {
-    const { i18n: e } = nt();
+    const { i18n: e } = lt();
     Dt.has(e) || (e.defaults("webx-blocks", on), Dt.add(e));
   } catch {
   }
 }
-const sn = { class: "wx-block-data" }, an = /* @__PURE__ */ se({
+const sn = { class: "wx-block-data" }, an = /* @__PURE__ */ ae({
   __name: "BlockDataField",
   props: {
     modelValue: { default: void 0 },
@@ -215,39 +216,39 @@ const sn = { class: "wx-block-data" }, an = /* @__PURE__ */ se({
     shape: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = e, o = t;
-    De();
-    const a = ce("webx-blocks"), i = I(u(l.modelValue)), s = I(null);
-    function u(p) {
-      return p == null ? "" : JSON.stringify(p, null, 2);
+  setup(e, { emit: l }) {
+    const t = e, o = l;
+    Ie();
+    const a = de("webx-blocks"), i = I(u(t.modelValue)), s = I(null);
+    function u(m) {
+      return m == null ? "" : JSON.stringify(m, null, 2);
     }
-    function d(p) {
-      return p.trim() === "" ? null : JSON.parse(p);
+    function f(m) {
+      return m.trim() === "" ? null : JSON.parse(m);
     }
-    function r(p) {
-      i.value = p;
+    function r(m) {
+      i.value = m;
       try {
-        const f = d(p);
-        s.value = null, o("update:modelValue", f);
-      } catch (f) {
-        s.value = a("components.data-invalid", { error: f.message });
+        const d = f(m);
+        s.value = null, o("update:modelValue", d);
+      } catch (d) {
+        s.value = a("components.data-invalid", { error: d.message });
       }
     }
-    return oe(
-      () => l.modelValue,
-      (p) => {
-        let f = !1;
+    return se(
+      () => t.modelValue,
+      (m) => {
+        let d = !1;
         try {
-          f = JSON.stringify(d(i.value)) === JSON.stringify(p ?? null);
+          d = JSON.stringify(f(i.value)) === JSON.stringify(m ?? null);
         } catch {
-          f = !1;
+          d = !1;
         }
-        f || (i.value = u(p), s.value = null);
+        d || (i.value = u(m), s.value = null);
       },
       { deep: !0 }
-    ), (p, f) => (c(), _("div", sn, [
-      v(n(Ye), {
+    ), (m, d) => (c(), _("div", sn, [
+      v(n(Je), {
         "model-value": i.value,
         language: "json",
         lint: i.value.trim() !== "",
@@ -262,43 +263,43 @@ const sn = { class: "wx-block-data" }, an = /* @__PURE__ */ se({
         tone: "danger"
       }, {
         default: g(() => [
-          L(y(s.value), 1)
+          L(w(s.value), 1)
         ]),
         _: 1
       })) : W("", !0)
     ]));
   }
-}), ae = (e, t) => {
-  const l = e.__vccOpts || e;
-  for (const [o, a] of t)
-    l[o] = a;
-  return l;
-}, rn = /* @__PURE__ */ ae(an, [["__scopeId", "data-v-b994c835"]]);
+}), ie = (e, l) => {
+  const t = e.__vccOpts || e;
+  for (const [o, a] of l)
+    t[o] = a;
+  return t;
+}, rn = /* @__PURE__ */ ie(an, [["__scopeId", "data-v-b994c835"]]);
 function Re(e) {
-  const t = `${e.apiPath}/blocks`, l = (o) => o.data;
+  const l = `${e.apiPath}/blocks`, t = (o) => o.data;
   return {
-    list: () => e.http.get(t).then(l),
+    list: () => e.http.get(l).then(t),
     // `declared` stands beside `data` rather than in it: it is not a type, and a list of types
     // with something else mixed in is a list every other reader would have to filter.
-    index: () => e.http.get(t).then((o) => ({ blocks: o.data, declared: o.declared ?? [] })),
-    catalog: () => e.http.get(`${t}/catalog`).then(l),
-    get: (o) => e.http.get(`${t}/${o}`).then(l),
-    create: (o) => e.http.post(t, o).then(l),
-    update: (o, a) => e.http.put(`${t}/${o}`, a).then(l),
-    remove: (o) => e.http.delete(`${t}/${o}`),
-    customise: (o) => e.http.post(`${t}/components/${encodeURIComponent(o)}/customise`, {}).then(l),
-    publish: (o) => e.http.post(`${t}/${o}/publish`, {}).then(l),
-    render: (o, a = {}) => e.http.post(`${t}/${o}/render`, a).then(l),
-    usage: (o) => e.http.get(`${t}/${o}/usage`).then(l),
-    versions: (o) => e.http.get(`${t}/${o}/versions`).then(l),
-    version: (o, a) => e.http.get(`${t}/${o}/versions/${a}`).then(l),
-    restore: (o, a) => e.http.post(`${t}/${o}/versions/${a}/restore`, {}).then(l)
+    index: () => e.http.get(l).then((o) => ({ blocks: o.data, declared: o.declared ?? [] })),
+    catalog: () => e.http.get(`${l}/catalog`).then(t),
+    get: (o) => e.http.get(`${l}/${o}`).then(t),
+    create: (o) => e.http.post(l, o).then(t),
+    update: (o, a) => e.http.put(`${l}/${o}`, a).then(t),
+    remove: (o) => e.http.delete(`${l}/${o}`),
+    customise: (o) => e.http.post(`${l}/components/${encodeURIComponent(o)}/customise`, {}).then(t),
+    publish: (o) => e.http.post(`${l}/${o}/publish`, {}).then(t),
+    render: (o, a = {}) => e.http.post(`${l}/${o}/render`, a).then(t),
+    usage: (o) => e.http.get(`${l}/${o}/usage`).then(t),
+    versions: (o) => e.http.get(`${l}/${o}/versions`).then(t),
+    version: (o, a) => e.http.get(`${l}/${o}/versions/${a}`).then(t),
+    restore: (o, a) => e.http.post(`${l}/${o}/versions/${a}/restore`, {}).then(t)
   };
 }
 const un = { class: "wx-block-checks" }, cn = {
   key: 0,
   class: "wx-block-checks__line is-error"
-}, dn = /* @__PURE__ */ se({
+}, dn = /* @__PURE__ */ ae({
   __name: "BlockChecks",
   props: {
     file: {},
@@ -307,92 +308,92 @@ const un = { class: "wx-block-checks" }, cn = {
     error: {}
   },
   setup(e) {
-    const t = e, l = ce("webx-blocks"), o = S(() => t.lints.filter((i) => i.file === t.file)), a = S(() => {
+    const l = e, t = de("webx-blocks"), o = S(() => l.lints.filter((i) => i.file === l.file)), a = S(() => {
       const i = new Set(o.value.map((u) => u.code)), s = [];
-      return t.file === "template" && (i.has("no-marker") || s.push(l("checks.ok-marker")), i.has("variables-missing") || s.push(l("checks.ok-variables"))), t.file === "styles" && (i.has("stray-selectors") || s.push(l("checks.ok-prefix", { slug: t.slug })), i.has("bare-selectors") || s.push(l("checks.ok-bare")), i.has("media-query") || s.push(l("checks.ok-container"))), s;
+      return l.file === "template" && (i.has("no-marker") || s.push(t("checks.ok-marker")), i.has("variables-missing") || s.push(t("checks.ok-variables"))), l.file === "styles" && (i.has("stray-selectors") || s.push(t("checks.ok-prefix", { slug: l.slug })), i.has("bare-selectors") || s.push(t("checks.ok-bare")), i.has("media-query") || s.push(t("checks.ok-container"))), s;
     });
     return (i, s) => (c(), _("div", un, [
       e.error ? (c(), _("div", cn, [
-        v(n(xe), { name: "close-circle" }),
-        A("span", null, [
-          L(y(e.error.message) + " ", 1),
-          e.error.line !== null ? (c(), _(U, { key: 0 }, [
-            L(" · " + y(n(l)("page.line", { line: e.error.line })), 1)
+        v(n(we), { name: "close-circle" }),
+        V("span", null, [
+          L(w(e.error.message) + " ", 1),
+          e.error.line !== null ? (c(), _(R, { key: 0 }, [
+            L(" · " + w(n(t)("page.line", { line: e.error.line })), 1)
           ], 64)) : W("", !0),
-          e.error.where ? (c(), _(U, { key: 1 }, [
-            L(" · " + y(e.error.where), 1)
+          e.error.where ? (c(), _(R, { key: 1 }, [
+            L(" · " + w(e.error.where), 1)
           ], 64)) : W("", !0)
         ])
       ])) : W("", !0),
-      (c(!0), _(U, null, Y(o.value, (u) => (c(), _("div", {
+      (c(!0), _(R, null, Y(o.value, (u) => (c(), _("div", {
         key: u.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        v(n(xe), { name: "warning" }),
-        A("span", null, [
-          L(y(u.message) + " ", 1),
-          u.line !== null ? (c(), _(U, { key: 0 }, [
-            L(" · " + y(n(l)("page.line", { line: u.line })), 1)
+        v(n(we), { name: "warning" }),
+        V("span", null, [
+          L(w(u.message) + " ", 1),
+          u.line !== null ? (c(), _(R, { key: 0 }, [
+            L(" · " + w(n(t)("page.line", { line: u.line })), 1)
           ], 64)) : W("", !0)
         ])
       ]))), 128)),
-      (c(!0), _(U, null, Y(a.value, (u) => (c(), _("div", {
+      (c(!0), _(R, null, Y(a.value, (u) => (c(), _("div", {
         key: u,
         class: "wx-block-checks__line is-ok"
       }, [
-        v(n(xe), { name: "check" }),
-        A("span", null, y(u), 1)
+        v(n(we), { name: "check" }),
+        V("span", null, w(u), 1)
       ]))), 128))
     ]));
   }
-}), It = /* @__PURE__ */ ae(dn, [["__scopeId", "data-v-e56947a8"]]), pn = { class: "wx-block-history" }, fn = { class: "wx-block-history__number" }, mn = { class: "wx-block-history__who" }, hn = /* @__PURE__ */ se({
+}), It = /* @__PURE__ */ ie(dn, [["__scopeId", "data-v-e56947a8"]]), pn = { class: "wx-block-history" }, fn = { class: "wx-block-history__number" }, mn = { class: "wx-block-history__who" }, hn = /* @__PURE__ */ ae({
   __name: "BlockHistory",
   props: {
     block: {},
     canManage: { type: Boolean }
   },
   emits: ["restored"],
-  setup(e, { emit: t }) {
-    const l = e, o = t, a = nt(), i = Re(a), s = ce("webx-blocks"), u = ot(), d = I(null);
+  setup(e, { emit: l }) {
+    const t = e, o = l, a = lt(), i = Re(a), s = de("webx-blocks"), u = nt(), f = I(null);
     async function r() {
-      d.value = await i.versions(l.block.id);
+      f.value = await i.versions(t.block.id);
     }
-    function p(m) {
-      return l.block.draft?.number === m.number ? "draft" : l.block.published?.number === m.number ? "live" : "replaced";
+    function m(p) {
+      return t.block.draft?.number === p.number ? "draft" : t.block.published?.number === p.number ? "live" : "replaced";
     }
-    async function f(m) {
+    async function d(p) {
       if (await dt({
-        title: s("page.restore-title", { number: m.number }),
+        title: s("page.restore-title", { number: p.number }),
         message: s("page.restore-text"),
         confirmText: s("page.restore"),
         cancelText: s("page.cancel")
       }))
         try {
-          const $ = await i.restore(l.block.id, m.number);
-          K.success(s("page.restored", { number: $.draft?.number ?? m.number })), o("restored", $), await r();
-        } catch ($) {
-          K.danger(u($));
+          const E = await i.restore(t.block.id, p.number);
+          J.success(s("page.restored", { number: E.draft?.number ?? p.number })), o("restored", E), await r();
+        } catch (E) {
+          J.danger(u(E));
         }
     }
-    return tt(r), oe(
-      () => [l.block.draft?.number, l.block.published?.number],
+    return et(r), se(
+      () => [t.block.draft?.number, t.block.published?.number],
       () => {
         r();
       }
-    ), (m, h) => (c(), _("div", pn, [
-      d.value === null ? (c(), O(n(Ue), {
+    ), (p, h) => (c(), _("div", pn, [
+      f.value === null ? (c(), O(n(Ue), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (c(!0), _(U, { key: 1 }, Y(d.value, ($) => (c(), _("div", {
-        key: $.number,
+      })) : (c(!0), _(R, { key: 1 }, Y(f.value, (E) => (c(), _("div", {
+        key: E.number,
         class: "wx-block-history__row"
       }, [
-        A("code", fn, y(n(s)("page.version", { number: $.number })), 1),
-        A("div", mn, [
+        V("code", fn, w(n(s)("page.version", { number: E.number })), 1),
+        V("div", mn, [
           v(n(H), null, {
             default: g(() => [
-              L(y(n(s)(`page.version-${p($)}`)), 1)
+              L(w(n(s)(`page.version-${m(E)}`)), 1)
             ]),
             _: 2
           }, 1024),
@@ -401,53 +402,53 @@ const un = { class: "wx-block-checks" }, cn = {
             tone: "muted"
           }, {
             default: g(() => [
-              $.created_at ? (c(), O(n(Kl), {
+              E.created_at ? (c(), O(n(Jl), {
                 key: 0,
-                value: $.created_at
+                value: E.created_at
               }, null, 8, ["value"])) : W("", !0),
-              L(" · " + y($.author ?? n(s)(`page.source-${$.source}`)) + " ", 1),
-              $.comment ? (c(), _(U, { key: 1 }, [
-                L(" · " + y($.comment), 1)
+              L(" · " + w(E.author ?? n(s)(`page.source-${E.source}`)) + " ", 1),
+              E.comment ? (c(), _(R, { key: 1 }, [
+                L(" · " + w(E.comment), 1)
               ], 64)) : W("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        p($) === "draft" ? (c(), O(n(he), {
+        m(E) === "draft" ? (c(), O(n(he), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
           default: g(() => [
-            L(y(n(s)("page.version-draft")), 1)
+            L(w(n(s)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : p($) === "live" ? (c(), O(n(he), {
+        })) : m(E) === "live" ? (c(), O(n(he), {
           key: 1,
           type: "success",
           dot: ""
         }, {
           default: g(() => [
-            L(y(n(s)("page.version-live")), 1)
+            L(w(n(s)("page.version-live")), 1)
           ]),
           _: 1
         })) : W("", !0),
-        e.canManage && p($) === "replaced" ? (c(), O(n(ue), {
+        e.canManage && m(E) === "replaced" ? (c(), O(n(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (V) => f($)
+          onClick: (A) => d(E)
         }, {
           default: g(() => [
-            L(y(n(s)("page.restore")), 1)
+            L(w(n(s)("page.restore")), 1)
           ]),
           _: 1
         }, 8, ["onClick"])) : W("", !0)
       ]))), 128))
     ]));
   }
-}), vn = /* @__PURE__ */ ae(hn, [["__scopeId", "data-v-42c6b7ad"]]), Qe = "wx-preview-selected", ut = "wx-preview-hover", Pt = "wx-preview-style";
-function il(e, t) {
+}), vn = /* @__PURE__ */ ie(hn, [["__scopeId", "data-v-42c6b7ad"]]), Ze = "wx-preview-selected", ut = "wx-preview-hover", Pt = "wx-preview-style";
+function il(e, l) {
   const o = (e.ownerDocument ?? e).createTreeWalker(
     e,
     128
@@ -456,170 +457,170 @@ function il(e, t) {
   let a = null;
   for (let i = o.nextNode(); i; i = o.nextNode()) {
     const s = i.data.trim();
-    if (a === null && s === `wx:${t}`)
+    if (a === null && s === `wx:${l}`)
       a = i;
-    else if (a !== null && s === `/wx:${t}`)
+    else if (a !== null && s === `/wx:${l}`)
       return { start: a, end: i };
   }
   return null;
 }
-function rl(e, t, l) {
-  const o = il(e, t);
+function rl(e, l, t) {
+  const o = il(e, l);
   if (!o) return !1;
   const a = o.start.parentNode;
   if (!a) return !1;
   const i = e.createElement("template");
-  i.innerHTML = l;
+  i.innerHTML = t;
   const s = o.end.nextSibling;
   let u = o.start;
   for (; u; ) {
-    const f = u.nextSibling, m = u === o.end;
-    if (a.removeChild(u), m) break;
-    u = f;
+    const d = u.nextSibling, p = u === o.end;
+    if (a.removeChild(u), p) break;
+    u = d;
   }
-  const d = i.content, r = Array.from(d.childNodes);
-  a.insertBefore(d, s);
-  const p = e.defaultView?.webx;
-  if (p?.mount)
-    for (const f of r)
-      f.nodeType === 1 && p.mount(f);
+  const f = i.content, r = Array.from(f.childNodes);
+  a.insertBefore(f, s);
+  const m = e.defaultView?.webx;
+  if (m?.mount)
+    for (const d of r)
+      d.nodeType === 1 && m.mount(d);
   return !0;
 }
-function St(e, t) {
-  const l = il(e, t);
-  if (!l) return null;
-  for (let o = l.start.nextSibling; o && o !== l.end; o = o.nextSibling)
+function Ct(e, l) {
+  const t = il(e, l);
+  if (!t) return null;
+  for (let o = t.start.nextSibling; o && o !== t.end; o = o.nextSibling)
     if (o.nodeType === 1) return o;
   return null;
 }
-function vt(e, t) {
-  Ct(e);
-  for (const o of Array.from(e.querySelectorAll(`.${Qe}`)))
-    o.classList.remove(Qe);
-  if (t === null) return null;
-  const l = St(e, t);
-  return l?.classList.add(Qe), l;
+function bt(e, l) {
+  Tt(e);
+  for (const o of Array.from(e.querySelectorAll(`.${Ze}`)))
+    o.classList.remove(Ze);
+  if (l === null) return null;
+  const t = Ct(e, l);
+  return t?.classList.add(Ze), t;
 }
-function Ut(e, t) {
-  Ct(e);
-  for (const l of Array.from(e.querySelectorAll(`.${ut}`)))
-    l.classList.remove(ut);
-  t !== null && St(e, t)?.classList.add(ut);
+function Ut(e, l) {
+  Tt(e);
+  for (const t of Array.from(e.querySelectorAll(`.${ut}`)))
+    t.classList.remove(ut);
+  l !== null && Ct(e, l)?.classList.add(ut);
 }
 function Rt(e) {
-  let t = e?.nodeType === 1 ? e : e?.parentElement ?? null;
-  for (; t; ) {
-    let l = 0;
-    for (let o = t.previousSibling; o; o = o.previousSibling) {
+  let l = e?.nodeType === 1 ? e : e?.parentElement ?? null;
+  for (; l; ) {
+    let t = 0;
+    for (let o = l.previousSibling; o; o = o.previousSibling) {
       if (o.nodeType !== 8) continue;
       const a = o.data.trim();
       if (a.startsWith("/wx:"))
-        l += 1;
+        t += 1;
       else if (a.startsWith("wx:")) {
-        if (l === 0) return a.slice(3);
-        l -= 1;
+        if (t === 0) return a.slice(3);
+        t -= 1;
       }
     }
-    t = t.parentElement;
+    l = l.parentElement;
   }
   return null;
 }
-function bn(e, t) {
-  Ct(e);
-  let l = null;
+function bn(e, l) {
+  Tt(e);
+  let t = null;
   function o(s) {
     const u = Rt(s.target);
-    u === null ? Xe(s) : ze(s), t.select(u);
+    u === null ? Qe(s) : Me(s), l.select(u);
   }
   function a(s) {
     const u = Rt(s.target);
-    u !== l && (l = u, Ut(e, u));
+    u !== t && (t = u, Ut(e, u));
   }
   function i() {
-    l = null, Ut(e, null);
+    t = null, Ut(e, null);
   }
-  return e.addEventListener("click", o, !0), e.addEventListener("auxclick", Xe, !0), e.addEventListener("submit", ze, !0), e.addEventListener("dragstart", ze, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
+  return e.addEventListener("click", o, !0), e.addEventListener("auxclick", Qe, !0), e.addEventListener("submit", Me, !0), e.addEventListener("dragstart", Me, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
     release() {
-      e.removeEventListener("click", o, !0), e.removeEventListener("auxclick", Xe, !0), e.removeEventListener("submit", ze, !0), e.removeEventListener("dragstart", ze, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
+      e.removeEventListener("click", o, !0), e.removeEventListener("auxclick", Qe, !0), e.removeEventListener("submit", Me, !0), e.removeEventListener("dragstart", Me, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
     }
   };
 }
-function ze(e) {
+function Me(e) {
   e.preventDefault(), e.stopPropagation();
 }
-function Xe(e) {
-  const t = e.target;
-  (t?.nodeType === Node.ELEMENT_NODE ? t : t?.parentElement ?? null)?.closest("a[href], area[href]") && e.preventDefault();
+function Qe(e) {
+  const l = e.target;
+  (l?.nodeType === Node.ELEMENT_NODE ? l : l?.parentElement ?? null)?.closest("a[href], area[href]") && e.preventDefault();
 }
 function gn(e) {
-  const t = [
-    ["click", Xe],
-    ["auxclick", Xe],
-    ["submit", ze],
-    ["dragstart", ze]
+  const l = [
+    ["click", Qe],
+    ["auxclick", Qe],
+    ["submit", Me],
+    ["dragstart", Me]
   ];
-  for (const [l, o] of t) e.addEventListener(l, o, !0);
+  for (const [t, o] of l) e.addEventListener(t, o, !0);
   return {
     release() {
-      for (const [l, o] of t) e.removeEventListener(l, o, !0);
+      for (const [t, o] of l) e.removeEventListener(t, o, !0);
     }
   };
 }
-const ct = "sample", wt = "wx-stage-styles";
-function kn(e, t) {
-  let l = e.getElementById(wt);
-  l === null && (l = e.createElement("style"), l.id = wt, (e.head ?? e.documentElement).appendChild(l)), l.textContent = t.styles;
-  const o = `<!--wx:${ct}-->`, a = t.html.trimStart().startsWith(o) ? t.html : `${o}${t.html}<!--/wx:${ct}-->`;
+const ct = "sample", xt = "wx-stage-styles";
+function kn(e, l) {
+  let t = e.getElementById(xt);
+  t === null && (t = e.createElement("style"), t.id = xt, (e.head ?? e.documentElement).appendChild(t)), t.textContent = l.styles;
+  const o = `<!--wx:${ct}-->`, a = l.html.trimStart().startsWith(o) ? l.html : `${o}${l.html}<!--/wx:${ct}-->`;
   return rl(e, ct, a);
 }
-function yn(e, t) {
-  const l = e.createElement("script");
-  l.textContent = t, e.body.appendChild(l);
+function yn(e, l) {
+  const t = e.createElement("script");
+  t.textContent = l, e.body.appendChild(t);
 }
-function Ct(e) {
+function Tt(e) {
   if (e.getElementById(Pt)) return;
-  const t = e.createElement("style");
-  t.id = Pt, t.textContent = `.${Qe}{outline:2px solid #427edd;outline-offset:-2px;}.${ut}:not(.${Qe}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(t);
+  const l = e.createElement("style");
+  l.id = Pt, l.textContent = `.${Ze}{outline:2px solid #427edd;outline-offset:-2px;}.${ut}:not(.${Ze}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(l);
 }
 function ul(e) {
-  const t = e.base ? `<base href="${xt(e.base)}">` : "", l = e.frame ? `<style>${e.frame}</style>` : "", o = e.script && e.runtime ? `<script src="${xt(e.runtime)}"><\/script><script>${e.script}<\/script>` : "";
-  return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${t}<style>html,body{margin:0}body{container-type:inline-size}</style>${l}<style>${e.styles}</style></head><body>${e.html}${o}</body></html>`;
+  const l = e.base ? `<base href="${_t(e.base)}">` : "", t = e.frame ? `<style>${e.frame}</style>` : "", o = e.script && e.runtime ? `<script src="${_t(e.runtime)}"><\/script><script>${e.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>${t}<style>${e.styles}</style></head><body>${e.html}${o}</body></html>`;
 }
 const cl = "<!--wx-thumb-->";
-function wn(e, t) {
-  const l = new DOMParser().parseFromString(e, "text/html"), o = _n(l, `wx:${ct}`);
+function wn(e, l) {
+  const t = new DOMParser().parseFromString(e, "text/html"), o = _n(t, `wx:${ct}`);
   if (o === null) return null;
-  const a = (r) => r === null ? null : new URL(r, new URL(t, location.href)).href, i = [];
-  for (const r of Array.from(l.head.children)) {
-    const p = r.tagName.toLowerCase(), f = (r.getAttribute("rel") ?? "").toLowerCase().split(/\s+/);
-    if (p === "style" && r.id !== wt)
+  const a = (r) => r === null ? null : new URL(r, new URL(l, location.href)).href, i = [];
+  for (const r of Array.from(t.head.children)) {
+    const m = r.tagName.toLowerCase(), d = (r.getAttribute("rel") ?? "").toLowerCase().split(/\s+/);
+    if (m === "style" && r.id !== xt)
       i.push(r.outerHTML);
-    else if (p === "link" && (f.includes("stylesheet") || f.includes("preload") && r.getAttribute("as") === "font")) {
-      const m = r.cloneNode(!1);
-      m.setAttribute("href", a(r.getAttribute("href")) ?? ""), i.push(m.outerHTML);
+    else if (m === "link" && (d.includes("stylesheet") || d.includes("preload") && r.getAttribute("as") === "font")) {
+      const p = r.cloneNode(!1);
+      p.setAttribute("href", a(r.getAttribute("href")) ?? ""), i.push(p.outerHTML);
     }
   }
   let s = cl, u = o.parentElement;
-  for (; u !== null && u !== l.body && u !== l.documentElement; ) {
+  for (; u !== null && u !== t.body && u !== t.documentElement; ) {
     const r = u.cloneNode(!1);
     r.innerHTML = s, s = r.outerHTML, u = u.parentElement;
   }
-  const d = (r) => Array.from(r.attributes).map((p) => ` ${p.name}="${xt(p.value)}"`).join("");
-  return `<!doctype html><html${d(l.documentElement)}><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${i.join("")}</head><body${d(l.body)}>${s}</body></html>`;
+  const f = (r) => Array.from(r.attributes).map((m) => ` ${m.name}="${_t(m.value)}"`).join("");
+  return `<!doctype html><html${f(t.documentElement)}><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${i.join("")}</head><body${f(t.body)}>${s}</body></html>`;
 }
-function xn(e, t) {
-  return e.replace("</head>", () => `<style>${t.styles}</style></head>`).replace(cl, () => t.html);
+function xn(e, l) {
+  return e.replace("</head>", () => `<style>${l.styles}</style></head>`).replace(cl, () => l.html);
 }
-function _n(e, t) {
-  const l = e.createTreeWalker(e.body ?? e.documentElement, NodeFilter.SHOW_COMMENT);
-  for (let o = l.nextNode(); o !== null; o = l.nextNode())
-    if (o.data.trim() === t) return o;
+function _n(e, l) {
+  const t = e.createTreeWalker(e.body ?? e.documentElement, NodeFilter.SHOW_COMMENT);
+  for (let o = t.nextNode(); o !== null; o = t.nextNode())
+    if (o.data.trim() === l) return o;
   return null;
 }
-function xt(e) {
+function _t(e) {
   return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const $n = { class: "wx-block-stage" }, Sn = { class: "wx-block-stage__bar" }, Cn = ["src", "srcdoc", "title"], Tn = /* @__PURE__ */ se({
+const $n = { class: "wx-block-stage" }, Sn = { class: "wx-block-stage__bar" }, Cn = ["src", "srcdoc", "title"], Tn = /* @__PURE__ */ ae({
   __name: "BlockStage",
   props: {
     html: {},
@@ -630,84 +631,84 @@ const $n = { class: "wx-block-stage" }, Sn = { class: "wx-block-stage__bar" }, C
     loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = ce("webx-blocks"), o = S(() => [
-      { value: 1280, icon: "monitor", ariaLabel: l("page.width-desktop") },
-      { value: 834, icon: "tablet", ariaLabel: l("page.width-tablet") },
-      { value: 390, icon: "smartphone", ariaLabel: l("page.width-phone") }
-    ]), a = I(1280), i = I(null), s = I(null), u = pt(i), d = I(360), r = I(!1);
-    oe([u, o], () => {
+    const l = e, t = de("webx-blocks"), o = S(() => [
+      { value: 1280, icon: "monitor", ariaLabel: t("page.width-desktop") },
+      { value: 834, icon: "tablet", ariaLabel: t("page.width-tablet") },
+      { value: 390, icon: "smartphone", ariaLabel: t("page.width-phone") }
+    ]), a = I(1280), i = I(null), s = I(null), u = pt(i), f = I(360), r = I(!1);
+    se([u, o], () => {
       if (r.value || u.value === 0) return;
       const z = o.value.find((P) => u.value / P.value >= 0.45);
       a.value = (z ?? o.value[o.value.length - 1]).value;
     });
-    function p(z) {
+    function m(z) {
       r.value = !0, a.value = z;
     }
-    const f = S(() => u.value === 0 ? 1 : Math.min(1, u.value / a.value)), m = S(
-      () => t.stage ? void 0 : ul({
-        html: t.html,
-        styles: t.styles,
-        script: t.script,
-        runtime: t.runtime,
+    const d = S(() => u.value === 0 ? 1 : Math.min(1, u.value / a.value)), p = S(
+      () => l.stage ? void 0 : ul({
+        html: l.html,
+        styles: l.styles,
+        script: l.script,
+        runtime: l.runtime,
         base: typeof location > "u" ? null : location.origin + "/"
       })
     ), h = I(0);
-    let $ = null;
-    oe(
-      () => t.script,
+    let E = null;
+    se(
+      () => l.script,
       (z) => {
-        t.stage && z !== $ && (h.value += 1);
+        l.stage && z !== E && (h.value += 1);
       }
     );
-    function V() {
+    function A() {
       const z = s.value?.contentDocument?.body;
       if (!z) return;
       const P = z.ownerDocument.defaultView, Q = P && parseFloat(P.getComputedStyle(z).marginBottom) || 0, X = z.getBoundingClientRect().bottom + Q + (P?.scrollY ?? 0);
-      d.value = Math.max(120, Math.ceil(Math.max(z.scrollHeight, X)));
+      f.value = Math.max(120, Math.ceil(Math.max(z.scrollHeight, X)));
     }
-    let T = null, w = null;
+    let $ = null, y = null;
     function x() {
-      T?.release(), T = null, w?.disconnect(), w = null;
+      $?.release(), $ = null, y?.disconnect(), y = null;
     }
-    function R(z) {
-      t.stage && (t.script && $ !== t.script && ($ = t.script, yn(z, t.script)), kn(z, { html: t.html, styles: t.styles }));
+    function U(z) {
+      l.stage && (l.script && E !== l.script && (E = l.script, yn(z, l.script)), kn(z, { html: l.html, styles: l.styles }));
     }
     function Z() {
       x();
       const z = s.value?.contentDocument;
       if (!z?.body) return;
-      t.stage && ($ = null, T = gn(z), R(z)), V();
+      l.stage && (E = null, $ = gn(z), U(z)), A();
       const P = z.defaultView?.ResizeObserver;
-      P && (w = new P(() => V()), w.observe(z.body));
+      P && (y = new P(() => A()), y.observe(z.body));
     }
-    oe(
-      () => [t.html, t.styles],
+    se(
+      () => [l.html, l.styles],
       () => {
         const z = s.value?.contentDocument;
-        t.stage && z?.body && T !== null && R(z);
+        l.stage && z?.body && $ !== null && U(z);
       }
-    ), oe(u, (z, P) => {
-      z > 0 && P === 0 && setTimeout(V, 50);
-    }), oe(a, () => setTimeout(V, 50)), lt(x);
+    ), se(u, (z, P) => {
+      z > 0 && P === 0 && setTimeout(A, 50);
+    }), se(a, () => setTimeout(A, 50)), tt(x);
     const G = S(() => ({
       width: `${a.value}px`,
-      height: `${d.value}px`,
-      transform: `scale(${f.value})`
-    })), ie = S(() => ({
-      width: `${Math.round(a.value * f.value)}px`,
-      height: `${Math.round(d.value * f.value)}px`
+      height: `${f.value}px`,
+      transform: `scale(${d.value})`
+    })), re = S(() => ({
+      width: `${Math.round(a.value * d.value)}px`,
+      height: `${Math.round(f.value * d.value)}px`
     }));
     return (z, P) => (c(), _("div", $n, [
-      A("div", Sn, [
+      V("div", Sn, [
         v(n(Yt), {
           "model-value": a.value,
           options: o.value,
           size: "sm",
-          "aria-label": n(l)("page.width"),
-          "onUpdate:modelValue": P[0] || (P[0] = (Q) => p(Number(Q)))
+          "aria-label": n(t)("page.width"),
+          "onUpdate:modelValue": P[0] || (P[0] = (Q) => m(Number(Q)))
         }, null, 8, ["model-value", "options", "aria-label"])
       ]),
-      A("div", {
+      V("div", {
         ref_key: "box",
         ref: i,
         class: "wx-block-stage__ground"
@@ -718,7 +719,7 @@ const $n = { class: "wx-block-stage" }, Sn = { class: "wx-block-stage__bar" }, C
         })) : (c(), _("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: Me(ie.value)
+          style: Oe(re.value)
         }, [
           (c(), _("iframe", {
             ref_key: "frame",
@@ -726,114 +727,114 @@ const $n = { class: "wx-block-stage" }, Sn = { class: "wx-block-stage__bar" }, C
             key: h.value,
             class: "wx-block-stage__frame",
             src: e.stage ?? void 0,
-            srcdoc: m.value,
-            style: Me(G.value),
+            srcdoc: p.value,
+            style: Oe(G.value),
             sandbox: "allow-same-origin allow-scripts",
-            title: n(l)("page.preview"),
+            title: n(t)("page.preview"),
             onLoad: Z
           }, null, 44, Cn))
         ], 4))
       ], 512)
     ]));
   }
-}), En = /* @__PURE__ */ ae(Tn, [["__scopeId", "data-v-3185ee45"]]);
+}), En = /* @__PURE__ */ ie(Tn, [["__scopeId", "data-v-3185ee45"]]);
 function dl(e) {
   return typeof e == "object" && e !== null && typeof e.type == "string" && e.type !== "";
 }
 function ft(e) {
   return Array.isArray(e) && e.length > 0 && e.every(dl);
 }
-function _t() {
+function $t() {
   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 Vn(e, t = {}) {
-  return { key: _t(), type: e, values: t };
+function Vn(e, l = {}) {
+  return { key: $t(), type: e, values: l };
 }
-function me(e, t) {
-  return pl(e, t, null, null);
+function me(e, l) {
+  return pl(e, l, null, null);
 }
-function pl(e, t, l, o) {
+function pl(e, l, t, o) {
   for (let a = 0; a < e.length; a++) {
     const i = e[a];
-    if (i.key === t) return { node: i, parent: l, field: o, list: e, index: a };
+    if (i.key === l) return { node: i, parent: t, field: o, list: e, index: a };
     for (const [s, u] of Object.entries(i.values ?? {}))
       if (ft(u)) {
-        const d = pl(u, t, i, s);
-        if (d) return d;
+        const f = pl(u, l, i, s);
+        if (f) return f;
       }
   }
   return null;
 }
-function st(e, t, l = 0, o = null) {
+function ot(e, l, t = 0, o = null) {
   for (const a of e)
     if (dl(a)) {
-      t(a, l, o);
+      l(a, t, o);
       for (const i of Object.values(a.values ?? {}))
-        ft(i) && st(i, t, l + 1, a);
+        ft(i) && ot(i, l, t + 1, a);
     }
 }
-function An(e, t) {
-  let l = 0;
-  return st(e, (o) => {
-    o.type === t && l++;
-  }), l;
+function An(e, l) {
+  let t = 0;
+  return ot(e, (o) => {
+    o.type === l && t++;
+  }), t;
 }
 function Bn(e) {
-  let t = 0;
-  for (const l of Object.values(e.values ?? {}))
-    ft(l) && st(l, () => t++);
-  return t;
+  let l = 0;
+  for (const t of Object.values(e.values ?? {}))
+    ft(t) && ot(t, () => l++);
+  return l;
 }
 function ma(e) {
-  const t = [];
-  return st(e, (l) => {
-    t.includes(l.type) || t.push(l.type);
-  }), t;
+  const l = [];
+  return ot(e, (t) => {
+    l.includes(t.type) || l.push(t.type);
+  }), l;
 }
 function fl(e) {
-  const t = [];
-  for (const l of e)
-    l.type === "wx-blocks" && t.push(l), l.children && t.push(...fl(l.children));
-  return t;
+  const l = [];
+  for (const t of e)
+    t.type === "wx-blocks" && l.push(t), t.children && l.push(...fl(t.children));
+  return l;
 }
 function ml(e) {
-  const t = {};
-  for (const [l, o] of Object.entries(e.values ?? {}))
-    t[l] = ft(o) ? o.map(ml) : Ce(o);
-  return e.hidden === !0 ? { key: _t(), type: e.type, hidden: !0, values: t } : { key: _t(), type: e.type, values: t };
-}
-function Ln(e, t, l) {
-  const o = Ce(e), a = me(o, t);
-  return a ? (l ? a.node.hidden = !0 : delete a.node.hidden, o) : e;
-}
-function Wn(e, t, l) {
-  if (t === null) return e;
-  const o = me(e, t);
-  if (!o || l === null) return null;
-  const a = o.node.values[l];
-  return Array.isArray(a) || (o.node.values[l] = []), o.node.values[l];
-}
-function jt(e, t, l, o, a) {
-  const i = Ce(e), s = Wn(i, t, l);
+  const l = {};
+  for (const [t, o] of Object.entries(e.values ?? {}))
+    l[t] = ft(o) ? o.map(ml) : Ce(o);
+  return e.hidden === !0 ? { key: $t(), type: e.type, hidden: !0, values: l } : { key: $t(), type: e.type, values: l };
+}
+function Ln(e, l, t) {
+  const o = Ce(e), a = me(o, l);
+  return a ? (t ? a.node.hidden = !0 : delete a.node.hidden, o) : e;
+}
+function Wn(e, l, t) {
+  if (l === null) return e;
+  const o = me(e, l);
+  if (!o || t === null) return null;
+  const a = o.node.values[t];
+  return Array.isArray(a) || (o.node.values[t] = []), o.node.values[t];
+}
+function jt(e, l, t, o, a) {
+  const i = Ce(e), s = Wn(i, l, t);
   return s ? (s.splice(Math.max(0, Math.min(o, s.length)), 0, a), i) : e;
 }
-function Nn(e, t) {
-  const l = Ce(e), o = me(l, t);
-  return o ? (o.list.splice(o.index, 1), l) : e;
+function Nn(e, l) {
+  const t = Ce(e), o = me(t, l);
+  return o ? (o.list.splice(o.index, 1), t) : e;
 }
-function zn(e, t, l) {
-  const o = Ce(e), a = me(o, t);
-  return a ? (a.node.values = l, o) : e;
+function zn(e, l, t) {
+  const o = Ce(e), a = me(o, l);
+  return a ? (a.node.values = t, o) : e;
 }
-function Mn(e, t, l, o) {
-  if (t === null) return Ce(o);
-  const a = Ce(e), i = me(a, t);
-  return !i || l === null ? e : (i.node.values[l] = Ce(o), a);
+function Mn(e, l, t, o) {
+  if (l === null) return Ce(o);
+  const a = Ce(e), i = me(a, l);
+  return !i || t === null ? e : (i.node.values[t] = Ce(o), a);
 }
 function Ce(e) {
   return e === void 0 ? e : JSON.parse(JSON.stringify(e));
 }
-function bt(e) {
+function gt(e) {
   return [
     tn({ icons: !1 }),
     nn.languageData.of(() => [{ autocomplete: e }])
@@ -875,17 +876,17 @@ const On = [
 };
 function Hn({
   schema: e,
-  styles: t,
-  types: l = () => [],
+  styles: l,
+  types: t = () => [],
   schemaOf: o = () => null
 }) {
   return (a) => {
     const i = a.state.sliceDoc(Math.max(0, a.pos - 200), a.pos), s = /<x-webx-block\b[^<>]*?\btype\s*=\s*(["'])([\w-]*)$/.exec(i);
-    if (s) return qn(a, s[1], s[2], l());
+    if (s) return qn(a, s[1], s[2], t());
     const u = /\$block->(\w*)$/.exec(i);
     if (u) return Xn(a, u[1]);
-    const d = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(i);
-    if (d) return eo(a, d[1], d[2], d[3], e());
+    const f = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(i);
+    if (f) return eo(a, f[1], f[2], f[3], e());
     const r = /\$(\w*)$/.exec(i);
     if (r)
       return {
@@ -893,40 +894,40 @@ function Hn({
         options: Zn(e(), a.state.doc.toString()),
         validFor: /^\$\w*$/
       };
-    const p = /(\{\{|\{!!)(\s*)(\w*)$/.exec(i);
-    if (p) return Qn(a, p[1], p[2], p[3], e());
-    const f = Jn(i);
-    if (f !== null) return Kn(a, f, l(), o);
-    const m = /<(x-[\w:-]*)$/.exec(i);
-    if (m) {
-      const V = a.state.sliceDoc(0, a.pos - m[0].length);
-      return Yn(a, m[1], Gn(V), o);
+    const m = /(\{\{|\{!!)(\s*)(\w*)$/.exec(i);
+    if (m) return Qn(a, m[1], m[2], m[3], e());
+    const d = Kn(i);
+    if (d !== null) return Jn(a, d, t(), o);
+    const p = /<(x-[\w:-]*)$/.exec(i);
+    if (p) {
+      const A = a.state.sliceDoc(0, a.pos - p[0].length);
+      return Yn(a, p[1], Gn(A), o);
     }
     const h = /\bclass\s*=\s*"([^"]*)$/.exec(i);
-    if (h) return lo(a, h[1], t());
-    const $ = /(?:^|[\s>(])@(\w*)$/.exec(i);
-    return $ ? {
-      from: a.pos - $[1].length - 1,
+    if (h) return lo(a, h[1], l());
+    const E = /(?:^|[\s>(])@(\w*)$/.exec(i);
+    return E ? {
+      from: a.pos - E[1].length - 1,
       options: no(e()),
       validFor: /^@\w*$/
     } : null;
   };
 }
-function qn(e, t, l, o) {
+function qn(e, l, t, o) {
   return o.length === 0 ? null : {
-    from: e.pos - l.length,
+    from: e.pos - t.length,
     options: o.map((a, i) => ({
       label: a.slug,
       detail: a.kind,
       info: a.title,
       type: "type",
       boost: (a.kind === "component" ? 50 : 0) - i / 100,
-      apply: (s, u, d, r) => {
-        const p = /^[\w-]*/.exec(s.state.sliceDoc(r, r + 64))[0], f = r + p.length, m = s.state.sliceDoc(f, f + 1) === t, h = `${a.slug}${m ? "" : t}`;
+      apply: (s, u, f, r) => {
+        const m = /^[\w-]*/.exec(s.state.sliceDoc(r, r + 64))[0], d = r + m.length, p = s.state.sliceDoc(d, d + 1) === l, h = `${a.slug}${p ? "" : l}`;
         s.dispatch({
-          changes: { from: d, to: f, insert: h },
+          changes: { from: f, to: d, insert: h },
           // Past the closing quote: the attributes come next.
-          selection: { anchor: d + h.length + (m ? 1 : 0) },
+          selection: { anchor: f + h.length + (p ? 1 : 0) },
           annotations: Fe.of(u),
           userEvent: "input.complete"
         });
@@ -935,129 +936,129 @@ function qn(e, t, l, o) {
     validFor: /^[\w-]*$/
   };
 }
-function Jn(e) {
-  const t = e.lastIndexOf("<x-webx-block");
-  if (t === -1) return null;
-  const l = e.slice(t + 13);
-  if (l.includes(">") || !/^\s/.test(l)) return null;
-  const o = (s) => (l.split(s).length - 1) % 2 === 1;
+function Kn(e) {
+  const l = e.lastIndexOf("<x-webx-block");
+  if (l === -1) return null;
+  const t = e.slice(l + 13);
+  if (t.includes(">") || !/^\s/.test(t)) return null;
+  const o = (s) => (t.split(s).length - 1) % 2 === 1;
   if (o('"') || o("'")) return null;
-  const a = /\s(:?)([\w-]*)$/.exec(l);
+  const a = /\s(:?)([\w-]*)$/.exec(t);
   if (!a) return null;
-  const i = /\btype\s*=\s*["']([\w-]+)["']/.exec(l);
-  return { attributes: l, type: i?.[1] ?? null, bound: a[1] === ":", word: a[2] };
+  const i = /\btype\s*=\s*["']([\w-]+)["']/.exec(t);
+  return { attributes: t, type: i?.[1] ?? null, bound: a[1] === ":", word: a[2] };
 }
-function Kn(e, t, l, o) {
-  const a = new Set([...t.attributes.matchAll(/:?([\w-]+)\s*=/g)].map((r) => r[1])), i = e.pos - t.word.length - (t.bound ? 1 : 0), s = () => {
+function Jn(e, l, t, o) {
+  const a = new Set([...l.attributes.matchAll(/:?([\w-]+)\s*=/g)].map((r) => r[1])), i = e.pos - l.word.length - (l.bound ? 1 : 0), s = () => {
     const r = [];
-    if (a.has("type") || r.push(gt("type", !1, "reserved", null, 60)), !a.has("fallback") && t.type !== null) {
-      const p = l.find((f) => f.slug === t.type)?.fallback ?? null;
-      r.push(gt("fallback", !1, "reserved", p, -10, p));
+    if (a.has("type") || r.push(kt("type", !1, "reserved", null, 60)), !a.has("fallback") && l.type !== null) {
+      const m = t.find((d) => d.slug === l.type)?.fallback ?? null;
+      r.push(kt("fallback", !1, "reserved", m, -10, m));
     }
     return r;
   }, u = (r) => {
-    const f = [...Ae(r ?? []).filter((m) => m.type !== "wx-slot" && m.type !== "wx-blocks").filter((m) => !a.has(m.id)).map(
-      (m, h) => gt(m.id, m.type === "wx-data" || t.bound, m.type, m.label, 40 - h)
+    const d = [...Be(r ?? []).filter((p) => p.type !== "wx-slot" && p.type !== "wx-blocks").filter((p) => !a.has(p.id)).map(
+      (p, h) => kt(p.id, p.type === "wx-data" || l.bound, p.type, p.label, 40 - h)
     ), ...s()];
-    return f.length === 0 || !e.explicit && t.word === "" && !t.bound ? null : { from: i, options: f, validFor: /^:?[\w-]*$/ };
+    return d.length === 0 || !e.explicit && l.word === "" && !l.bound ? null : { from: i, options: d, validFor: /^:?[\w-]*$/ };
   };
-  if (t.type === null) return u(null);
-  const d = o(t.type);
-  return d instanceof Promise ? d.then(u, () => u(null)) : u(d);
+  if (l.type === null) return u(null);
+  const f = o(l.type);
+  return f instanceof Promise ? f.then(u, () => u(null)) : u(f);
 }
-function gt(e, t, l, o, a, i = null) {
-  const s = `${t ? ":" : ""}${e}`;
+function kt(e, l, t, o, a, i = null) {
+  const s = `${l ? ":" : ""}${e}`;
   return {
     label: s,
-    detail: l,
+    detail: t,
     info: o ?? void 0,
     type: "property",
     boost: a,
-    apply: (u, d, r, p) => {
-      const f = `${s}="${i ?? (t ? "$" : "")}"`;
+    apply: (u, f, r, m) => {
+      const d = `${s}="${i ?? (l ? "$" : "")}"`;
       u.dispatch({
-        changes: { from: r, to: p, insert: f },
-        selection: { anchor: r + f.length - 1 },
-        annotations: Fe.of(d),
+        changes: { from: r, to: m, insert: d },
+        selection: { anchor: r + d.length - 1 },
+        annotations: Fe.of(f),
         userEvent: "input.complete"
       });
     }
   };
 }
-function Yn(e, t, l, o) {
-  const a = e.pos - t.length, i = (u) => {
-    const d = [
-      ye('x-webx-block type="${type}" />', {
+function Yn(e, l, t, o) {
+  const a = e.pos - l.length, i = (u) => {
+    const f = [
+      ke('x-webx-block type="${type}" />', {
         label: "x-webx-block",
         detail: "call a block",
         type: "keyword"
       })
     ];
-    for (const r of Ae(u ?? []).filter((p) => p.type === "wx-slot"))
-      d.push({
+    for (const r of Be(u ?? []).filter((m) => m.type === "wx-slot"))
+      f.push({
         label: `x-slot:${r.id}`,
         detail: "slot",
         info: r.label,
         type: "keyword",
         boost: 20,
-        apply: (p, f, m, h) => {
-          const $ = `x-slot:${r.id}>`;
-          p.dispatch({
-            changes: { from: m, to: h, insert: `${$}</x-slot:${r.id}>` },
-            selection: { anchor: m + $.length },
-            annotations: Fe.of(f),
+        apply: (m, d, p, h) => {
+          const E = `x-slot:${r.id}>`;
+          m.dispatch({
+            changes: { from: p, to: h, insert: `${E}</x-slot:${r.id}>` },
+            selection: { anchor: p + E.length },
+            annotations: Fe.of(d),
             userEvent: "input.complete"
           });
         }
       });
-    return { from: a, options: d, validFor: /^x-[\w:-]*$/ };
+    return { from: a, options: f, validFor: /^x-[\w:-]*$/ };
   };
-  if (l === null) return i(null);
-  const s = o(l);
+  if (t === null) return i(null);
+  const s = o(t);
   return s instanceof Promise ? s.then(i, () => i(null)) : i(s);
 }
 function Gn(e) {
-  const t = [];
-  for (const l of e.matchAll(
+  const l = [];
+  for (const t of e.matchAll(
     /<x-webx-block\b((?:[^>"']|"[^"]*"|'[^']*')*?)(\/?)>|<\/x-webx-block\s*>/g
   ))
-    l[0].startsWith("</") ? t.pop() : l[2] !== "/" && t.push(/\btype\s*=\s*["']([\w-]+)["']/.exec(l[1] ?? "")?.[1] ?? null);
-  return t.at(-1) ?? null;
+    t[0].startsWith("</") ? l.pop() : t[2] !== "/" && l.push(/\btype\s*=\s*["']([\w-]+)["']/.exec(t[1] ?? "")?.[1] ?? null);
+  return l.at(-1) ?? null;
 }
-function Zn(e, t) {
-  const l = gl(e).map((o, a) => ({
+function Zn(e, l) {
+  const t = gl(e).map((o, a) => ({
     label: `$${o.id}`,
     detail: o.type,
     info: o.label,
     type: "variable",
     boost: 50 - a
   }));
-  for (const o of vl(t).keys())
-    l.push({ label: `$${o}`, detail: "loop", type: "variable" });
+  for (const o of vl(l).keys())
+    t.push({ label: `$${o}`, detail: "loop", type: "variable" });
   for (const [o, a] of On)
-    l.push({ label: `$${o}`, detail: "given", info: a, type: "variable", boost: -10 });
-  return l.push({ label: "$slot", detail: "given", info: "what the calling tag held", boost: -15 }), l.push({ label: "$loop", detail: "given", info: "inside @foreach", boost: -20 }), l;
+    t.push({ label: `$${o}`, detail: "given", info: a, type: "variable", boost: -10 });
+  return t.push({ label: "$slot", detail: "given", info: "what the calling tag held", boost: -15 }), t.push({ label: "$loop", detail: "given", info: "inside @foreach", boost: -20 }), t;
 }
-function Qn(e, t, l, o, a) {
+function Qn(e, l, t, o, a) {
   const i = gl(a);
   if (i.length === 0) return null;
-  const s = t === "{{" ? "}}" : "!!}";
+  const s = l === "{{" ? "}}" : "!!}";
   return {
     from: e.pos - o.length,
-    options: i.map((u, d) => ({
+    options: i.map((u, f) => ({
       label: u.id,
       displayLabel: `$${u.id}`,
       detail: u.type,
       info: u.label,
       type: "variable",
-      boost: 50 - d,
-      apply: (r, p, f, m) => {
-        const h = r.state.sliceDoc(m, m + 8), $ = new RegExp(`^\\s*${co(s)}`).exec(h), V = $ ? /^\s/.test(h) ? "" : " " : ` ${s}`, T = `${l === "" ? " " : ""}$${u.id}${V}`;
+      boost: 50 - f,
+      apply: (r, m, d, p) => {
+        const h = r.state.sliceDoc(p, p + 8), E = new RegExp(`^\\s*${co(s)}`).exec(h), A = E ? /^\s/.test(h) ? "" : " " : ` ${s}`, $ = `${t === "" ? " " : ""}$${u.id}${A}`;
         r.dispatch({
-          changes: { from: f, to: m, insert: T },
+          changes: { from: d, to: p, insert: $ },
           // Past the closing braces: the echo is finished, the next thing is the markup.
-          selection: { anchor: f + T.length + ($ ? $[0].length : 0) },
-          annotations: Fe.of(p),
+          selection: { anchor: d + $.length + (E ? E[0].length : 0) },
+          annotations: Fe.of(m),
           userEvent: "input.complete"
         });
       }
@@ -1065,12 +1066,12 @@ function Qn(e, t, l, o, a) {
     validFor: /^\w*$/
   };
 }
-function Xn(e, t) {
+function Xn(e, l) {
   return {
-    from: e.pos - t.length,
+    from: e.pos - l.length,
     options: [
-      ...Dn.map((l) => ({ label: l, type: "property" })),
-      ye("value('${name}', ${default})", {
+      ...Dn.map((t) => ({ label: t, type: "property" })),
+      ke("value('${name}', ${default})", {
         label: "value",
         detail: "('name', default)",
         type: "method"
@@ -1079,19 +1080,19 @@ function Xn(e, t) {
     validFor: /^\w*$/
   };
 }
-function eo(e, t, l, o, a) {
-  const i = to(t, a, e.state.doc.toString());
+function eo(e, l, t, o, a) {
+  const i = to(l, a, e.state.doc.toString());
   return i.length === 0 ? null : {
     from: e.pos - o.length,
     options: i.map(([s, u]) => ({
       label: s,
       detail: u,
       type: "property",
-      apply: (d, r, p, f) => {
-        const m = l ? p - 1 : p, h = d.state.sliceDoc(f, f + 2), $ = l || "'", V = f + (h.startsWith($) ? 1 : 0), T = d.state.sliceDoc(V, V + 1) === "]", w = `${$}${s}${$}${T ? "" : "]"}`;
-        d.dispatch({
-          changes: { from: m, to: V, insert: w },
-          selection: { anchor: m + w.length + (T ? 1 : 0) },
+      apply: (f, r, m, d) => {
+        const p = t ? m - 1 : m, h = f.state.sliceDoc(d, d + 2), E = t || "'", A = d + (h.startsWith(E) ? 1 : 0), $ = f.state.sliceDoc(A, A + 1) === "]", y = `${E}${s}${E}${$ ? "" : "]"}`;
+        f.dispatch({
+          changes: { from: p, to: A, insert: y },
+          selection: { anchor: p + y.length + ($ ? 1 : 0) },
           annotations: Fe.of(r),
           userEvent: "input.complete"
         });
@@ -1100,106 +1101,106 @@ function eo(e, t, l, o, a) {
     validFor: /^\w*$/
   };
 }
-function to(e, t, l) {
-  const o = Ae(t).find((d) => d.id === e);
-  if (o && Pn.includes(o.type)) return hl.map((d) => [d, o.type]);
-  if (o?.type === "wx-collection") return Rn.map((d) => [d, o.type]);
-  const a = vl(l).get(e), [i, s] = a?.split(".") ?? [], u = i ? Ae(t).find((d) => d.id === i) : void 0;
+function to(e, l, t) {
+  const o = Be(l).find((f) => f.id === e);
+  if (o && Pn.includes(o.type)) return hl.map((f) => [f, o.type]);
+  if (o?.type === "wx-collection") return Rn.map((f) => [f, o.type]);
+  const a = vl(t).get(e), [i, s] = a?.split(".") ?? [], u = i ? Be(l).find((f) => f.id === i) : void 0;
   if (!u) return [];
   if (u.type === "wx-collection") {
-    const d = typeof u.props?.source == "string" ? u.props.source : u.type, r = s === "items" ? Fn[d] ?? [] : [];
-    return [...jn[s ?? ""] ?? [], ...r].map((p) => [p, d]);
+    const f = typeof u.props?.source == "string" ? u.props.source : u.type, r = s === "items" ? Fn[f] ?? [] : [];
+    return [...jn[s ?? ""] ?? [], ...r].map((m) => [m, f]);
   }
-  return Un.includes(u.type) ? In.map((d) => [d, u.type]) : u.type === "wx-repeater" ? Ae(u.children ?? []).map((d) => [d.id, d.type]) : [];
+  return Un.includes(u.type) ? In.map((f) => [f, u.type]) : u.type === "wx-repeater" ? Be(u.children ?? []).map((f) => [f.id, f.type]) : [];
 }
 function vl(e) {
-  const t = /* @__PURE__ */ new Map();
-  for (const l of e.matchAll(
+  const l = /* @__PURE__ */ new Map();
+  for (const t of e.matchAll(
     /\$(\w+)(?:\[\s*['"](\w+)['"]\s*\])?\s+as\s+\$(\w+)(?:\s*=>\s*\$(\w+))?/g
   ))
-    t.set(l[4] ?? l[3], l[2] ? `${l[1]}.${l[2]}` : l[1]);
-  return t;
+    l.set(t[4] ?? t[3], t[2] ? `${t[1]}.${t[2]}` : t[1]);
+  return l;
 }
-function lo(e, t, l) {
-  const o = /[\w-]*$/.exec(t)[0], a = new Set(t.split(/\s+/));
+function lo(e, l, t) {
+  const o = /[\w-]*$/.exec(l)[0], a = new Set(l.split(/\s+/));
   return {
     from: e.pos - o.length,
-    options: bl(l).filter((i) => !a.has(i) || i === o).map((i) => ({ label: i, detail: "styles", type: "class" })),
+    options: bl(t).filter((i) => !a.has(i) || i === o).map((i) => ({ label: i, detail: "styles", type: "class" })),
     validFor: /^[\w-]*$/
   };
 }
 function no(e) {
-  const t = Ae(e).filter((l) => l.type === "wx-blocks");
+  const l = Be(e).filter((t) => t.type === "wx-blocks");
   return [
-    ye("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
-    ye("@isset(${value})\n	${}\n@endisset", { label: "@isset", type: "keyword" }),
-    ye("@foreach (${items} as ${item})\n	${}\n@endforeach", {
+    ke("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
+    ke("@isset(${value})\n	${}\n@endisset", { label: "@isset", type: "keyword" }),
+    ke("@foreach (${items} as ${item})\n	${}\n@endforeach", {
       label: "@foreach",
       type: "keyword"
     }),
-    ye("@forelse (${items} as ${item})\n	${}\n@empty\n	${}\n@endforelse", {
+    ke("@forelse (${items} as ${item})\n	${}\n@empty\n	${}\n@endforelse", {
       label: "@forelse",
       type: "keyword"
     }),
-    ye("@unless (${condition})\n	${}\n@endunless", {
+    ke("@unless (${condition})\n	${}\n@endunless", {
       label: "@unless",
       type: "keyword"
     }),
-    ye("@class([${}])", { label: "@class", type: "keyword" }),
-    ye("@style([${}])", { label: "@style", type: "keyword" }),
-    ...t.map(
-      (l) => ye(`@blocks('${l.id}')`, {
+    ke("@class([${}])", { label: "@class", type: "keyword" }),
+    ke("@style([${}])", { label: "@style", type: "keyword" }),
+    ...l.map(
+      (t) => ke(`@blocks('${t.id}')`, {
         label: "@blocks",
-        detail: `('${l.id}')`,
+        detail: `('${t.id}')`,
         type: "keyword",
         boost: 10
       })
     ),
     ...["@elseif", "@else", "@endif", "@endforeach", "@endisset", "@empty", "@endforelse"].map(
-      (l) => ({ label: l, type: "keyword", boost: -10 })
+      (t) => ({ label: t, type: "keyword", boost: -10 })
     )
   ];
 }
-function oo({ slug: e, template: t }) {
-  return (l) => {
-    const o = l.state.sliceDoc(Math.max(0, l.pos - 200), l.pos), a = /(?:^|[\s,>+~(}{])\.([\w-]*)$/.exec(o);
+function oo({ slug: e, template: l }) {
+  return (t) => {
+    const o = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /(?:^|[\s,>+~(}{])\.([\w-]*)$/.exec(o);
     if (!a) return null;
     const i = /[^{};]*$/.exec(o)[0];
     if (/^\s*[\w-]+\s*:\s/.test(i)) return null;
-    const s = `b-${e()}`, u = new Set(bl(l.state.doc.toString())), d = so(t()), r = [s, ...d.filter((f) => f !== s)], p = r.map((f, m) => ({
-      label: `.${f}`,
+    const s = `b-${e()}`, u = new Set(bl(t.state.doc.toString())), f = so(l()), r = [s, ...f.filter((d) => d !== s)], m = r.map((d, p) => ({
+      label: `.${d}`,
       // A class the template uses and nothing styles yet is the likeliest thing to write.
-      detail: u.has(f) ? "template" : "template · no rule yet",
+      detail: u.has(d) ? "template" : "template · no rule yet",
       type: "class",
-      boost: (u.has(f) ? 0 : 20) + (f === s ? 30 : 0) - m / 100
+      boost: (u.has(d) ? 0 : 20) + (d === s ? 30 : 0) - p / 100
     }));
-    for (const f of u)
-      r.includes(f) || p.push({ label: `.${f}`, detail: "styles", type: "class" });
-    return { from: l.pos - a[1].length - 1, options: p, validFor: /^\.[\w-]*$/ };
+    for (const d of u)
+      r.includes(d) || m.push({ label: `.${d}`, detail: "styles", type: "class" });
+    return { from: t.pos - a[1].length - 1, options: m, validFor: /^\.[\w-]*$/ };
   };
 }
 function bl(e) {
-  const t = e.replace(/\/\*[\s\S]*?\*\//g, ""), l = /* @__PURE__ */ new Set(), o = [];
+  const l = e.replace(/\/\*[\s\S]*?\*\//g, ""), t = /* @__PURE__ */ new Set(), o = [];
   let a = "";
-  for (const i of t)
+  for (const i of l)
     if (i === "{") {
-      const s = o.at(-1) ?? [""], u = a.split(",").map((d) => d.trim()).filter((d) => d !== "" && !d.startsWith("@")).flatMap(
-        (d) => d.includes("&") ? s.map((r) => d.replaceAll("&", r)) : s.map((r) => r ? `${r} ${d}` : d)
+      const s = o.at(-1) ?? [""], u = a.split(",").map((f) => f.trim()).filter((f) => f !== "" && !f.startsWith("@")).flatMap(
+        (f) => f.includes("&") ? s.map((r) => f.replaceAll("&", r)) : s.map((r) => r ? `${r} ${f}` : f)
       );
-      for (const d of u)
-        for (const r of d.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) l.add(r[1]);
+      for (const f of u)
+        for (const r of f.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(r[1]);
       o.push(a.trim().startsWith("@") ? s : u.length ? u : s), a = "";
     } else i === "}" ? (o.pop(), a = "") : i === ";" ? a = "" : a += i;
-  return [...l];
+  return [...t];
 }
 function so(e) {
-  const t = /* @__PURE__ */ new Set();
-  for (const l of e.matchAll(/\bclass\s*=\s*"([^"]*)"/g)) {
-    const o = l[1].replace(/\{\{[\s\S]*?\}\}|\{!![\s\S]*?!!\}|@\w+(\([^)]*\))?/g, " ");
+  const l = /* @__PURE__ */ new Set();
+  for (const t of e.matchAll(/\bclass\s*=\s*"([^"]*)"/g)) {
+    const o = t[1].replace(/\{\{[\s\S]*?\}\}|\{!![\s\S]*?!!\}|@\w+(\([^)]*\))?/g, " ");
     for (const a of o.split(/\s+/))
-      /^-?[a-zA-Z_][\w-]*$/.test(a) && t.add(a);
+      /^-?[a-zA-Z_][\w-]*$/.test(a) && l.add(a);
   }
-  return [...t];
+  return [...l];
 }
 const ao = [
   { key: "id", value: '""', info: "The variable the template gets, in snake_case." },
@@ -1214,222 +1215,222 @@ const ao = [
   { key: "can", value: '""', info: "The permission the node needs." }
 ];
 function io({ types: e }) {
-  return (t) => {
-    const l = ro(t.state.doc.toString(), t.pos);
-    if (!l || !l.node) return null;
-    const o = l.string ? t.state.sliceDoc(l.string, t.pos) : /[\w-]*$/.exec(t.state.sliceDoc(Math.max(0, t.pos - 60), t.pos))[0];
-    if (!l.string && o === "" && !t.explicit) return null;
-    const a = t.pos - o.length, i = l.string !== null;
-    if (l.phase === "key") {
-      const s = ao.filter(({ key: u }) => !l.keys.has(u) || u === o).map(
-        ({ key: u, value: d, info: r }, p) => ({
+  return (l) => {
+    const t = ro(l.state.doc.toString(), l.pos);
+    if (!t || !t.node) return null;
+    const o = t.string ? l.state.sliceDoc(t.string, l.pos) : /[\w-]*$/.exec(l.state.sliceDoc(Math.max(0, l.pos - 60), l.pos))[0];
+    if (!t.string && o === "" && !l.explicit) return null;
+    const a = l.pos - o.length, i = t.string !== null;
+    if (t.phase === "key") {
+      const s = ao.filter(({ key: u }) => !t.keys.has(u) || u === o).map(
+        ({ key: u, value: f, info: r }, m) => ({
           label: u,
           info: r,
           type: "property",
-          boost: -p,
-          apply: (f, m, h, $) => Ft(f, m, h, $, i, `"${u}": ${d}`, d)
+          boost: -m,
+          apply: (d, p, h, E) => Ft(d, p, h, E, i, `"${u}": ${f}`, f)
         })
       );
       return { from: a, options: s, validFor: /^[\w-]*$/ };
     }
-    if (l.phase === "value" && l.key === "type") {
-      const s = Object.entries(e()).map(([u, d]) => ({
+    if (t.phase === "value" && t.key === "type") {
+      const s = Object.entries(e()).map(([u, f]) => ({
         label: u,
-        detail: d.kind,
+        detail: f.kind,
         type: "type",
         // Fields first: a block's schema is mostly fields, the layout only groups them.
-        boost: d.kind === "field" ? 1 : 0,
-        apply: (r, p, f, m) => Ft(r, p, f, m, i, `"${u}"`, "")
+        boost: f.kind === "field" ? 1 : 0,
+        apply: (r, m, d, p) => Ft(r, m, d, p, i, `"${u}"`, "")
       }));
       return { from: a, options: s, validFor: /^[\w-]*$/ };
     }
     return null;
   };
 }
-function Ft(e, t, l, o, a, i, s) {
-  const u = a ? l - 1 : l, d = /^[\w-]*"?/.exec(e.state.sliceDoc(o, o + 60))[0], r = o + (a ? d.length : /^[\w-]*/.exec(d)[0].length), p = s === '""' || s === "{}" || s === "[]" ? 1 : 0;
+function Ft(e, l, t, o, a, i, s) {
+  const u = a ? t - 1 : t, f = /^[\w-]*"?/.exec(e.state.sliceDoc(o, o + 60))[0], r = o + (a ? f.length : /^[\w-]*/.exec(f)[0].length), m = s === '""' || s === "{}" || s === "[]" ? 1 : 0;
   e.dispatch({
     changes: { from: u, to: r, insert: i },
-    selection: { anchor: u + i.length - p },
-    annotations: Fe.of(t),
+    selection: { anchor: u + i.length - m },
+    annotations: Fe.of(l),
     userEvent: "input.complete"
   }), i.startsWith('"type"') && ln(e);
 }
-function ro(e, t) {
-  let l = null, o = null, a = null, i = !1;
+function ro(e, l) {
+  let t = null, o = null, a = null, i = !1;
   const s = (u) => u?.kind === "object" && u.parent?.kind === "array" && (u.parent.parent === null || u.parent.under === "children");
-  for (let u = 0; u <= e.length && (u === t && (o = l?.kind === "object" ? {
-    node: s(l),
-    phase: a?.key ? "key" : l.phase,
-    key: l.key,
-    keys: l.keys,
+  for (let u = 0; u <= e.length && (u === l && (o = t?.kind === "object" ? {
+    node: s(t),
+    phase: a?.key ? "key" : t.phase,
+    key: t.key,
+    keys: t.keys,
     string: a ? a.start + 1 : null
   } : null), u !== e.length); u++) {
-    const d = e[u];
+    const f = e[u];
     if (a) {
       if (i) i = !1;
-      else if (d === "\\") i = !0;
-      else if (d === '"' || d === `
+      else if (f === "\\") i = !0;
+      else if (f === '"' || f === `
 `) {
         const r = e.slice(a.start + 1, u);
-        l?.kind === "object" && (a.key ? (l.keys.add(r), l.key = r, l.phase = "colon") : l.phase === "value" && (l.phase = "after")), a = null;
+        t?.kind === "object" && (a.key ? (t.keys.add(r), t.key = r, t.phase = "colon") : t.phase === "value" && (t.phase = "after")), a = null;
       }
       continue;
     }
-    if (!/\s/.test(d))
-      if (d === '"')
-        a = { start: u, key: l?.kind === "object" && l.phase === "key" };
-      else if (d === "{" || d === "[") {
+    if (!/\s/.test(f))
+      if (f === '"')
+        a = { start: u, key: t?.kind === "object" && t.phase === "key" };
+      else if (f === "{" || f === "[") {
         const r = {
-          kind: d === "{" ? "object" : "array",
-          parent: l,
-          under: l?.kind === "object" ? l.key : null,
+          kind: f === "{" ? "object" : "array",
+          parent: t,
+          under: t?.kind === "object" ? t.key : null,
           keys: /* @__PURE__ */ new Set(),
           phase: "key",
           key: null
         };
-        l?.kind === "object" && (l.phase = "after"), l = r;
-      } else d === "}" || d === "]" ? l = l?.parent ?? null : d === ":" ? l?.kind === "object" && (l.phase = "value") : d === "," && l?.kind === "object" && (l.phase = "key", l.key = null);
+        t?.kind === "object" && (t.phase = "after"), t = r;
+      } else f === "}" || f === "]" ? t = t?.parent ?? null : f === ":" ? t?.kind === "object" && (t.phase = "value") : f === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
   }
   return o;
 }
-function Ae(e) {
-  const t = [];
-  for (const l of e)
-    !l || typeof l != "object" || (uo.has(l.type) ? t.push(...Ae(l.children ?? [])) : typeof l.id == "string" && l.id !== "" && t.push(l));
-  return t;
+function Be(e) {
+  const l = [];
+  for (const t of e)
+    !t || typeof t != "object" || (uo.has(t.type) ? l.push(...Be(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
+  return l;
 }
 function gl(e) {
-  return Ae(e).filter((t) => t.type !== "wx-blocks");
+  return Be(e).filter((l) => l.type !== "wx-blocks");
 }
 const uo = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
 function co(e) {
   return e.replace(/[.*+?^${}()|[\]\\!]/g, "\\$&");
 }
 const po = ["block", "entity", "loop", "slot", "__env", "errors", "app"];
-function fo(e, t, l) {
+function fo(e, l, t) {
   const o = [];
-  /data-wx-block\s*=/.test(t.template) || o.push({ file: "template", code: "no-marker", line: null, message: l("checks.no-marker") });
-  const a = mo(t.template, t.schema);
+  /data-wx-block\s*=/.test(l.template) || o.push({ file: "template", code: "no-marker", line: null, message: t("checks.no-marker") });
+  const a = mo(l.template, l.schema);
   a.length > 0 && o.push({
     file: "template",
     code: "variables-missing",
     line: null,
-    message: l("checks.variables-missing", {
-      variables: a.map((p) => `$${p}`).join(", ")
+    message: t("checks.variables-missing", {
+      variables: a.map((m) => `$${m}`).join(", ")
     })
   });
   const i = [], s = [], u = `.b-${e}`;
-  for (const [p, f] of ho(t.styles))
-    p.startsWith(u) || p.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(p) ? s.push([p, f]) : i.push([p, f]));
+  for (const [m, d] of ho(l.styles))
+    m.startsWith(u) || m.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(m) ? s.push([m, d]) : i.push([m, d]));
   i.length > 0 && o.push({
     file: "styles",
     code: "stray-selectors",
     line: i[0][1],
-    message: l("checks.stray-selectors", { slug: e, selectors: Ht(i) })
+    message: t("checks.stray-selectors", { slug: e, selectors: Ht(i) })
   }), s.length > 0 && o.push({
     file: "styles",
     code: "bare-selectors",
     line: s[0][1],
-    message: l("checks.bare-selectors", { selectors: Ht(s) })
+    message: t("checks.bare-selectors", { selectors: Ht(s) })
   });
-  const d = yl(t.styles), r = /@media\b/.exec(d);
+  const f = yl(l.styles), r = /@media\b/.exec(f);
   return r && o.push({
     file: "styles",
     code: "media-query",
-    line: wl(d, r.index),
-    message: l("checks.media-query")
+    line: wl(f, r.index),
+    message: t("checks.media-query")
   }), o;
 }
 function kl(e) {
-  const t = [];
-  for (const l of e)
-    l.id && t.push(l.id), l.children && t.push(...kl(l.children));
-  return t;
+  const l = [];
+  for (const t of e)
+    t.id && l.push(t.id), t.children && l.push(...kl(t.children));
+  return l;
 }
-function mo(e, t) {
-  const l = /* @__PURE__ */ new Set([...kl(t), ...po]);
+function mo(e, l) {
+  const t = /* @__PURE__ */ new Set([...kl(l), ...po]);
   for (const a of e.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
-    l.add(a[1]), a[2] && l.add(a[2]);
+    t.add(a[1]), a[2] && t.add(a[2]);
   for (const a of e.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
-    l.add(a[1]);
+    t.add(a[1]);
   const o = [];
   for (const a of e.matchAll(/\$([a-zA-Z_]\w*)/g)) {
     const i = a[1];
-    !l.has(i) && !o.includes(i) && o.push(i);
+    !t.has(i) && !o.includes(i) && o.push(i);
   }
   return o;
 }
 function ho(e) {
-  const t = yl(e), l = [];
-  for (const o of t.matchAll(/([^{};]+)\{/g)) {
+  const l = yl(e), t = [];
+  for (const o of l.matchAll(/([^{};]+)\{/g)) {
     const a = o[1], i = a.trim();
     if (!(i === "" || i.startsWith("@")))
       for (const s of a.split(",")) {
         const u = s.trim();
-        u === "" || u === "from" || u === "to" || u.endsWith("%") || l.push([u, wl(t, o.index + a.indexOf(u))]);
+        u === "" || u === "from" || u === "to" || u.endsWith("%") || t.push([u, wl(l, o.index + a.indexOf(u))]);
       }
   }
-  return l;
+  return t;
 }
 function yl(e) {
-  return e.replace(/\/\*[\s\S]*?\*\//g, (t) => t.replace(/[^\n]/g, " "));
+  return e.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
 }
-function wl(e, t) {
-  return e.slice(0, Math.max(0, t)).split(`
+function wl(e, l) {
+  return e.slice(0, Math.max(0, l)).split(`
 `).length;
 }
 function Ht(e) {
-  const t = [...new Set(e.map(([l]) => l))];
-  return t.slice(0, 3).join(", ") + (t.length > 3 ? ", …" : "");
+  const l = [...new Set(e.map(([t]) => t))];
+  return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
 }
-function Tt(e) {
-  return e.map((t) => ({
-    ...t,
-    name: t.name ?? t.id,
-    children: t.children ? Tt(t.children) : t.children
+function Et(e) {
+  return e.map((l) => ({
+    ...l,
+    name: l.name ?? l.id,
+    children: l.children ? Et(l.children) : l.children
   }));
 }
-function xl(e, t) {
-  return e === 0 ? t("page.not-used") : e === 1 ? t("page.on-page") : t("page.on-pages", { count: e });
+function xl(e, l) {
+  return e === 0 ? l("page.not-used") : e === 1 ? l("page.on-page") : l("page.on-pages", { count: e });
 }
-function je(e, t) {
-  const l = `groups.${e}`, o = t(l);
-  return o === l || o === `webx-blocks::${l}` ? e.charAt(0).toUpperCase() + e.slice(1) : o;
+function je(e, l) {
+  const t = `groups.${e}`, o = l(t);
+  return o === t || o === `webx-blocks::${t}` ? e.charAt(0).toUpperCase() + e.slice(1) : o;
 }
-function we(e) {
+function ye(e) {
   return e.kind ?? "block";
 }
-function _l(e, t) {
-  return e === 0 ? t("components.not-called") : e === 1 ? t("components.in-block") : t("components.in-blocks", { count: e });
+function _l(e, l) {
+  return e === 0 ? l("components.not-called") : e === 1 ? l("components.in-block") : l("components.in-blocks", { count: e });
 }
 const vo = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
-function Et(e) {
-  const t = [];
-  for (const l of e)
-    !l || typeof l != "object" || (vo.has(l.type) ? t.push(...Et(l.children ?? [])) : typeof l.id == "string" && l.id !== "" && t.push(l));
-  return t;
+function Vt(e) {
+  const l = [];
+  for (const t of e)
+    !t || typeof t != "object" || (vo.has(t.type) ? l.push(...Vt(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
+  return l;
 }
-function bo(e, t, l = {}, o = null) {
-  const a = Et(t), i = [`type="${e}"`];
-  for (const d of a) {
-    if (d.type === "wx-slot" || d.type === "wx-blocks") continue;
-    const r = l[d.id];
+function bo(e, l, t = {}, o = null) {
+  const a = Vt(l), i = [`type="${e}"`];
+  for (const f of a) {
+    if (f.type === "wx-slot" || f.type === "wx-blocks") continue;
+    const r = t[f.id];
     i.push(
-      d.type !== "wx-data" && (typeof r == "string" || typeof r == "number") ? `${d.id}="${String(r).replace(/"/g, "&quot;")}"` : `:${d.id}="$${go(d.id)}"`
+      f.type !== "wx-data" && (typeof r == "string" || typeof r == "number") ? `${f.id}="${String(r).replace(/"/g, "&quot;")}"` : `:${f.id}="$${go(f.id)}"`
     );
   }
   o && i.push(`fallback="${o}"`);
-  const s = a.filter((d) => d.type === "wx-slot"), u = `<x-webx-block ${i.join(" ")}`;
+  const s = a.filter((f) => f.type === "wx-slot"), u = `<x-webx-block ${i.join(" ")}`;
   return s.length === 0 ? `${u} />` : [
     `${u}>`,
-    ...s.map((d) => `    <x-slot:${d.id}>…</x-slot:${d.id}>`),
+    ...s.map((f) => `    <x-slot:${f.id}>…</x-slot:${f.id}>`),
     "</x-webx-block>"
   ].join(`
 `);
 }
 function go(e) {
-  return e.replace(/-(\w)/g, (t, l) => l.toUpperCase());
+  return e.replace(/-(\w)/g, (l, t) => t.toUpperCase());
 }
 const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split" }, wo = {
   type: "button",
@@ -1446,22 +1447,22 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
 }, Ao = { class: "wx-block-editor__shape-type" }, Bo = { class: "wx-block-editor__pane" }, Lo = { class: "wx-block-editor__pane" }, Wo = { class: "wx-block-editor__note" }, No = { class: "wx-block-editor__split" }, zo = { class: "wx-block-editor__pane" }, Mo = { class: "wx-block-editor__note" }, Oo = { class: "wx-block-editor__settings" }, Do = {
   key: 5,
   class: "is-wide wx-block-editor__danger"
-}, Io = /* @__PURE__ */ se({
+}, Io = /* @__PURE__ */ ae({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
-    const t = e, l = nt(), o = Re(l), a = en(), i = sl();
-    De();
-    const s = ce("webx-blocks"), u = ot(), d = S(() => Number(a.params.id)), r = I(null), p = I([]), f = I(!0), m = I(!1), h = I(!1), $ = I("template"), V = S(() => {
-      const C = l.state.manifest?.modules.find((k) => k.id === "blocks")?.meta;
+    const l = e, t = lt(), o = Re(t), a = en(), i = sl();
+    Ie();
+    const s = de("webx-blocks"), u = nt(), f = S(() => Number(a.params.id)), r = I(null), m = I([]), d = I(!0), p = I(!1), h = I(!1), E = I("template"), A = S(() => {
+      const C = t.state.manifest?.modules.find((k) => k.id === "blocks")?.meta;
       return {
         groups: C?.groups ?? [],
         editing: C?.editing ?? !0,
         provides: C?.provides ?? []
       };
-    }), T = S(() => l.can("blocks.manage") && V.value.editing), w = ht({
+    }), $ = S(() => t.can("blocks.manage") && A.value.editing), y = vt({
       kind: "block",
       slug: "",
       title: "",
@@ -1473,30 +1474,30 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), x = ht({
+    }), x = vt({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), R = I("[]"), Z = I(null), G = I(""), ie = I({}), z = I(null), P = ht({
+    }), U = I("[]"), Z = I(null), G = I(""), re = I({}), z = I(null), P = vt({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), Q = S(() => JSON.stringify({ settings: w, content: x })), X = S(() => G.value !== "" && Q.value !== G.value), _e = S(() => fo(w.slug, x, s)), re = I([]), te = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map();
+    }), Q = S(() => JSON.stringify({ settings: y, content: x })), X = S(() => G.value !== "" && Q.value !== G.value), xe = S(() => fo(y.slug, x, s)), ue = I([]), te = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map();
     async function Te() {
       try {
         const C = await o.index();
         te.clear();
         for (const k of C.blocks) te.set(k.slug, k.id);
-        re.value = [
+        ue.value = [
           ...C.blocks.map((k) => ({
             slug: k.slug,
             title: k.title,
-            kind: we(k),
+            kind: ye(k),
             fallback: C.declared.find((F) => F.slug === k.slug)?.fallback ?? null
           })),
           ...C.declared.filter((k) => !k.customised).map((k) => ({
@@ -1509,8 +1510,8 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
       } catch {
       }
     }
-    function Be(C) {
-      if (C === w.slug) return x.schema;
+    function Le(C) {
+      if (C === y.slug) return x.schema;
       const k = te.get(C);
       if (k === void 0) return null;
       let F = ve.get(C);
@@ -1519,40 +1520,40 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
         () => null
       ), ve.set(C, F)), F;
     }
-    const J = {
+    const K = {
       template: [
-        bt(
+        gt(
           Hn({
             schema: () => x.schema,
             styles: () => x.styles,
-            types: () => re.value,
-            schemaOf: Be
+            types: () => ue.value,
+            schemaOf: Le
           })
         )
       ],
       styles: [
-        bt(oo({ slug: () => w.slug, template: () => x.template }))
+        gt(oo({ slug: () => y.slug, template: () => x.template }))
       ],
       // The renderer's own types under the panel's, the same merge the sample form is drawn with.
-      schema: [bt(io({ types: () => ({ ...rt, ...l.types }) }))]
+      schema: [gt(io({ types: () => ({ ...rt, ...t.types }) }))]
     }, Ee = S(() => {
-      const C = [...V.value.groups];
-      return C.includes(w.group) || C.push(w.group), C.map((k) => ({ value: k, label: je(k, s) }));
-    }), $e = S({
+      const C = [...A.value.groups];
+      return C.includes(y.group) || C.push(y.group), C.map((k) => ({ value: k, label: je(k, s) }));
+    }), _e = S({
       get: () => x.sample,
       set: (C) => {
         x.sample = C;
       }
-    }), Se = S(() => b(x.schema));
+    }), $e = S(() => b(x.schema));
     function b(C) {
       const k = [];
       for (const F of C)
         F.type !== "wx-blocks" && !(F.children?.length && !F.name) && k.push(F.id), F.children && k.push(...b(F.children));
       return k;
     }
-    function E(C) {
-      r.value = C, Object.assign(w, {
-        kind: we(C),
+    function T(C) {
+      r.value = C, Object.assign(y, {
+        kind: ye(C),
         slug: C.slug,
         title: C.title,
         description: C.description,
@@ -1571,20 +1572,20 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
         script: null,
         sample: {}
       };
-      Object.assign(x, Ce(k)), R.value = JSON.stringify(k.schema, null, 2), Z.value = null, G.value = Q.value;
+      Object.assign(x, Ce(k)), U.value = JSON.stringify(k.schema, null, 2), Z.value = null, G.value = Q.value;
     }
     async function M() {
-      f.value = !0;
+      d.value = !0;
       try {
-        E(await o.get(d.value)), p.value = await o.usage(d.value), Te();
+        T(await o.get(f.value)), m.value = await o.usage(f.value), Te();
       } catch (C) {
-        K.danger(u(C));
+        J.danger(u(C));
       } finally {
-        f.value = !1;
+        d.value = !1;
       }
     }
     function q(C) {
-      R.value = C;
+      U.value = C;
       try {
         const k = JSON.parse(C);
         if (!Array.isArray(k)) throw new Error("not a list");
@@ -1606,7 +1607,7 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
       try {
         const k = await o.render(r.value.id, {
           values: x.sample,
-          content: T.value ? {
+          content: $.value ? {
             template: x.template,
             styles: x.styles,
             script: x.script,
@@ -1616,22 +1617,22 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
         if (C !== be) return;
         P.html = k.html, P.styles = k.styles, P.script = k.script, P.runtime = k.runtime, P.stage = k.stage ?? null;
       } catch (k) {
-        C === be && K.danger(u(k));
+        C === be && J.danger(u(k));
       } finally {
         C === be && (P.loading = !1);
       }
     }
-    oe(
+    se(
       () => [x.template, x.styles, x.script, x.schema, x.sample],
       ge,
       { deep: !0 }
     );
-    const Le = I(null);
+    const We = I(null);
     function He(C) {
       return `{{ $${C} }}`;
     }
     function B(C) {
-      const F = Le.value?.view?.value;
+      const F = We.value?.view?.value;
       if (!F) {
         x.template += `{{ $${C} }}`;
         return;
@@ -1640,25 +1641,25 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
     }
     async function D() {
       if (!r.value) return;
-      m.value = !0, ie.value = {}, z.value = null;
+      p.value = !0, re.value = {}, z.value = null;
       const C = r.value.draft?.number ?? null;
       try {
         const k = await o.update(r.value.id, {
-          ...w,
-          allow: w.allow.length ? w.allow : null,
-          allowed_in: w.allowed_in.length ? w.allowed_in : null,
-          description: w.description || null,
-          icon: w.icon || null,
+          ...y,
+          allow: y.allow.length ? y.allow : null,
+          allowed_in: y.allowed_in.length ? y.allowed_in : null,
+          description: y.description || null,
+          icon: y.icon || null,
           content: Z.value ? { ...x, schema: void 0 } : x
         });
-        E(k), K.success(
+        T(k), J.success(
           k.draft && k.draft.number !== C ? s("page.saved", { number: k.draft.number }) : s("page.unchanged")
         );
       } catch (k) {
         const F = k.body;
-        F?.errors ? (ie.value = F.errors, K.danger(s("page.failed"))) : K.danger(u(k, s("page.failed")));
+        F?.errors ? (re.value = F.errors, J.danger(s("page.failed"))) : J.danger(u(k, s("page.failed")));
       } finally {
-        m.value = !1;
+        p.value = !1;
       }
     }
     async function j() {
@@ -1666,25 +1667,25 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
         title: s("page.publish-title", { number: r.value.draft.number }),
         // A component stands on no page itself; what a new version reaches is the blocks calling it.
         // A declared place is also printed by the module's views, which the count does not see.
-        message: We.value ? s("components.publish-declared", {
-          module: We.value,
-          count: ke.value.length
-        }) : ee.value ? s("components.publish-text", { count: ke.value.length }) : s("page.publish-text", { count: r.value.usage_count }),
+        message: Ae.value ? s("components.publish-declared", {
+          module: Ae.value,
+          count: pe.value.length
+        }) : ne.value ? s("components.publish-text", { count: pe.value.length }) : s("page.publish-text", { count: r.value.usage_count }),
         confirmText: s("page.publish"),
         cancelText: s("page.cancel")
       }))) {
         h.value = !0, z.value = null;
         try {
-          E(await o.publish(r.value.id)), K.success(s("page.published", { number: r.value.published?.number ?? 0 }));
+          T(await o.publish(r.value.id)), J.success(s("page.published", { number: r.value.published?.number ?? 0 }));
         } catch (k) {
           const F = k.body;
-          F?.errors ? (z.value = F, $.value = "template", K.danger(s("page.publish-failed"))) : K.danger(u(k, s("page.publish-failed")));
+          F?.errors ? (z.value = F, E.value = "template", J.danger(s("page.publish-failed"))) : J.danger(u(k, s("page.publish-failed")));
         } finally {
           h.value = !1;
         }
       }
     }
-    async function de() {
+    async function Se() {
       if (!r.value) return;
       const C = r.value.declared != null;
       if (await dt({
@@ -1695,12 +1696,12 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
         tone: "danger"
       }))
         try {
-          await o.remove(r.value.id), K.success(s("page.deleted")), i.push(t.base);
+          await o.remove(r.value.id), J.success(s("page.deleted")), i.push(l.base);
         } catch (F) {
-          K.danger(u(F));
+          J.danger(u(F));
         }
     }
-    const pe = S(
+    const ee = S(
       () => z.value ? {
         message: z.value.errors.template?.[0] ?? z.value.message,
         line: z.value.line,
@@ -1708,7 +1709,7 @@ const ko = { class: "wx-block-editor" }, yo = { class: "wx-block-editor__split"
           title: z.value.entity.title ?? `#${z.value.entity.id}`
         }) : null
       } : null
-    ), at = S(() => $.value === "template" || $.value === "styles"), qe = S(() => [
+    ), st = S(() => E.value === "template" || E.value === "styles"), mt = S(() => [
       {
         title: s("page.example-handler"),
         code: `el.querySelector('.b-hero__button')?.addEventListener('click', (event) => {
@@ -1731,22 +1732,22 @@ setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
 
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), Ie = S(() => p.value.slice(0, 5)), ee = S(() => w.kind === "component"), ke = S(() => r.value?.used_by ?? []), We = S(() => {
+    ]), Ne = S(() => m.value.slice(0, 5)), ne = S(() => y.kind === "component"), pe = S(() => r.value?.used_by ?? []), Ae = S(() => {
       const C = r.value?.declared?.module;
-      return C ? l.state.manifest?.modules.find((k) => k.id === C)?.title ?? C.charAt(0).toUpperCase() + C.slice(1) : null;
-    }), At = S(
-      () => ee.value ? _l(ke.value.length, s) : xl(r.value?.usage_count ?? 0, s)
+      return C ? t.state.manifest?.modules.find((k) => k.id === C)?.title ?? C.charAt(0).toUpperCase() + C.slice(1) : null;
+    }), at = S(
+      () => ne.value ? _l(pe.value.length, s) : xl(r.value?.usage_count ?? 0, s)
     ), Sl = S(
-      () => (r.value?.usage_count ?? 0) > 0 || ke.value.length > 0 || We.value !== null
-    ), mt = S(() => {
+      () => (r.value?.usage_count ?? 0) > 0 || pe.value.length > 0 || Ae.value !== null
+    ), ht = S(() => {
       const C = r.value?.usage_count ?? 0;
-      return C > 0 ? C === 1 ? s("page.delete-used-one") : s("page.delete-used", { count: C }) : ke.value.length > 0 ? s("components.delete-called", {
-        titles: ke.value.map((k) => `"${k.title}"`).join(", ")
+      return C > 0 ? C === 1 ? s("page.delete-used-one") : s("page.delete-used", { count: C }) : pe.value.length > 0 ? s("components.delete-called", {
+        titles: pe.value.map((k) => `"${k.title}"`).join(", ")
       }) : null;
     }), Bt = S(
-      () => bo(w.slug, x.schema, x.sample, r.value?.declared?.fallback ?? null)
+      () => bo(y.slug, x.schema, x.sample, r.value?.declared?.fallback ?? null)
     ), Cl = S(
-      () => Et(x.schema).filter((C) => C.type === "wx-data").map((C) => {
+      () => Vt(x.schema).filter((C) => C.type === "wx-data").map((C) => {
         const k = typeof C.props?.shape == "string" ? C.props.shape : null;
         return {
           id: C.id,
@@ -1757,29 +1758,29 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     );
     async function Tl() {
       try {
-        await navigator.clipboard.writeText(Bt.value), K.success(s("components.copied"));
+        await navigator.clipboard.writeText(Bt.value), J.success(s("components.copied"));
       } catch {
       }
     }
     function fe(C) {
-      return ie.value[C]?.[0];
+      return re.value[C]?.[0];
     }
     function Lt(C) {
       X.value && C.preventDefault();
     }
-    tt(() => {
+    et(() => {
       M(), window.addEventListener("beforeunload", Lt);
-    }), lt(() => {
+    }), tt(() => {
       clearTimeout(le), window.removeEventListener("beforeunload", Lt);
-    }), oe(d, () => {
+    }), se(f, () => {
       M();
     });
     const El = S(() => [
       { value: "block", label: s("components.kind-block") },
       { value: "component", label: s("components.kind-component") }
     ]), Vl = S(
-      () => T.value ? [
-        { key: "save", label: s("page.save"), loading: m.value, run: () => {
+      () => $.value ? [
+        { key: "save", label: s("page.save"), loading: p.value, run: () => {
           D();
         } },
         {
@@ -1795,41 +1796,41 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       ] : []
     );
     return (C, k) => {
-      const F = $t("router-link");
+      const F = St("router-link");
       return c(), _("div", ko, [
-        f.value || !r.value ? (c(), _(U, { key: 0 }, [
+        d.value || !r.value ? (c(), _(R, { key: 0 }, [
           v(n(Ue), {
             class: "wx-block-editor__ghost-head",
             title: "",
             rows: 1
           }),
-          A("div", yo, [
-            v(n(Ne), null, {
+          V("div", yo, [
+            v(n(ze), null, {
               default: g(() => [
                 v(n(Ue), { rows: 8 })
               ]),
               _: 1
             }),
-            v(n(Ne), null, {
+            v(n(ze), null, {
               default: g(() => [
                 v(n(Ue), { rows: 4 })
               ]),
               _: 1
             })
           ])
-        ], 64)) : (c(), _(U, { key: 1 }, [
+        ], 64)) : (c(), _(R, { key: 1 }, [
           v(n(Yl), {
-            title: w.title,
+            title: y.title,
             back: e.base,
             "back-label": n(s)("page.back"),
             actions: Vl.value
           }, {
             "title-after": g(() => [
-              T.value ? (c(), O(n(Gl), {
+              $.value ? (c(), O(n(Gl), {
                 key: 0,
-                name: w.title,
+                name: y.title,
                 placeholder: n(s)("page.title"),
-                onRename: k[0] || (k[0] = (N) => w.title = N)
+                onRename: k[0] || (k[0] = (N) => y.title = N)
               }, null, 8, ["name", "placeholder"])) : W("", !0),
               X.value ? (c(), O(n(he), {
                 key: 1,
@@ -1837,7 +1838,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 dot: ""
               }, {
                 default: g(() => [
-                  L(y(n(s)("page.unsaved")), 1)
+                  L(w(n(s)("page.unsaved")), 1)
                 ]),
                 _: 1
               })) : W("", !0),
@@ -1847,7 +1848,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 dot: ""
               }, {
                 default: g(() => [
-                  L(y(n(s)("page.draft", { number: r.value.draft.number })), 1)
+                  L(w(n(s)("page.draft", { number: r.value.draft.number })), 1)
                 ]),
                 _: 1
               })) : W("", !0),
@@ -1857,7 +1858,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 dot: ""
               }, {
                 default: g(() => [
-                  L(y(n(s)("page.live", { number: r.value.published.number })), 1)
+                  L(w(n(s)("page.live", { number: r.value.published.number })), 1)
                 ]),
                 _: 1
               })) : (c(), O(n(he), {
@@ -1865,14 +1866,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 type: "default"
               }, {
                 default: g(() => [
-                  L(y(n(s)("page.never-published")), 1)
+                  L(w(n(s)("page.never-published")), 1)
                 ]),
                 _: 1
               }))
             ]),
             subtitle: g(() => [
-              A("code", null, y(w.slug), 1),
-              L(" · " + y(ee.value ? n(s)("components.kind-component") : n(je)(w.group, n(s))) + " · ", 1),
+              V("code", null, w(y.slug), 1),
+              L(" · " + w(ne.value ? n(s)("components.kind-component") : n(je)(y.group, n(s))) + " · ", 1),
               Sl.value ? (c(), O(n(Al), {
                 key: 0,
                 title: n(s)("page.usage"),
@@ -1880,68 +1881,68 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 align: "start"
               }, {
                 trigger: g(() => [
-                  A("button", wo, y(At.value), 1)
+                  V("button", wo, w(at.value), 1)
                 ]),
                 default: g(() => [
-                  A("div", xo, [
-                    (c(!0), _(U, null, Y(ke.value, (N) => (c(), O(F, {
+                  V("div", xo, [
+                    (c(!0), _(R, null, Y(pe.value, (N) => (c(), O(F, {
                       key: `type:${N.id}`,
                       to: `${e.base}/${N.id}`,
                       class: "wx-block-editor__use"
                     }, {
                       default: g(() => [
-                        L(y(n(s)("components.called-by", { title: N.title })), 1)
+                        L(w(n(s)("components.called-by", { title: N.title })), 1)
                       ]),
                       _: 2
                     }, 1032, ["to"]))), 128)),
-                    We.value ? (c(), _("div", _o, y(n(s)("components.module-views", { module: We.value })), 1)) : W("", !0),
-                    (c(!0), _(U, null, Y(Ie.value, (N) => (c(), _("div", {
+                    Ae.value ? (c(), _("div", _o, w(n(s)("components.module-views", { module: Ae.value })), 1)) : W("", !0),
+                    (c(!0), _(R, null, Y(Ne.value, (N) => (c(), _("div", {
                       key: `${N.model}:${N.id}`,
                       class: "wx-block-editor__use"
                     }, [
-                      A("span", null, y(N.title ?? `#${N.id}`), 1),
+                      V("span", null, w(N.title ?? `#${N.id}`), 1),
                       N.published ? W("", !0) : (c(), O(n(he), {
                         key: 0,
                         type: "warning",
                         size: "sm"
                       }, {
                         default: g(() => [
-                          L(y(n(s)("page.unpublished-page")), 1)
+                          L(w(n(s)("page.unpublished-page")), 1)
                         ]),
                         _: 1
                       }))
                     ]))), 128)),
-                    p.value.length > Ie.value.length ? (c(), O(n(H), {
+                    m.value.length > Ne.value.length ? (c(), O(n(H), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
                       default: g(() => [
-                        L(y(n(s)("page.usage-more", { count: p.value.length - Ie.value.length })), 1)
+                        L(w(n(s)("page.usage-more", { count: m.value.length - Ne.value.length })), 1)
                       ]),
                       _: 1
                     })) : W("", !0)
                   ])
                 ]),
                 _: 1
-              }, 8, ["title"])) : (c(), _(U, { key: 1 }, [
-                L(y(At.value), 1)
+              }, 8, ["title"])) : (c(), _(R, { key: 1 }, [
+                L(w(at.value), 1)
               ], 64))
             ]),
             _: 1
           }, 8, ["title", "back", "back-label", "actions"]),
-          V.value.editing ? W("", !0) : (c(), O(n(Gt), {
+          A.value.editing ? W("", !0) : (c(), O(n(Gt), {
             key: 0,
             type: "info",
             variant: "soft",
             description: n(s)("page.editing-off")
           }, null, 8, ["description"])),
-          A("div", {
-            class: Oe(["wx-block-editor__columns", { "is-alone": !at.value }])
+          V("div", {
+            class: De(["wx-block-editor__columns", { "is-alone": !st.value }])
           }, [
             v(n(Bl), {
-              modelValue: $.value,
-              "onUpdate:modelValue": k[15] || (k[15] = (N) => $.value = N),
+              modelValue: E.value,
+              "onUpdate:modelValue": k[15] || (k[15] = (N) => E.value = N),
               "keep-alive": ""
             }, {
               default: g(() => [
@@ -1950,46 +1951,46 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-template")
                 }, {
                   default: g(() => [
-                    A("div", $o, [
-                      v(n(Ye), {
+                    V("div", $o, [
+                      v(n(Je), {
                         ref_key: "templateEditor",
-                        ref: Le,
+                        ref: We,
                         modelValue: x.template,
                         "onUpdate:modelValue": k[1] || (k[1] = (N) => x.template = N),
                         language: "php",
-                        extensions: J.template,
-                        readonly: !T.value,
+                        extensions: K.template,
+                        readonly: !$.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "line-wrapping": ""
                       }, null, 8, ["modelValue", "extensions", "readonly"]),
-                      Se.value.length ? (c(), _("div", So, [
+                      $e.value.length ? (c(), _("div", So, [
                         v(n(H), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            L(y(n(s)("page.insert-field")), 1)
+                            L(w(n(s)("page.insert-field")), 1)
                           ]),
                           _: 1
                         }),
-                        (c(!0), _(U, null, Y(Se.value, (N) => (c(), _("button", {
+                        (c(!0), _(R, null, Y($e.value, (N) => (c(), _("button", {
                           key: N,
                           type: "button",
                           class: "wx-block-editor__pill",
-                          disabled: !T.value,
-                          onClick: (Je) => B(N),
-                          textContent: y(He(N))
+                          disabled: !$.value,
+                          onClick: (qe) => B(N),
+                          textContent: w(He(N))
                         }, null, 8, Co))), 128))
                       ])) : W("", !0),
                       v(It, {
                         file: "template",
-                        lints: _e.value,
-                        slug: w.slug,
-                        error: pe.value
+                        lints: xe.value,
+                        slug: y.slug,
+                        error: ee.value
                       }, null, 8, ["lints", "slug", "error"])
                     ]),
-                    ee.value ? (c(), O(n(Ne), {
+                    ne.value ? (c(), O(n(ze), {
                       key: 0,
                       class: "wx-block-editor__call",
                       title: n(s)("components.call")
@@ -2000,26 +2001,26 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            L(y(n(s)("components.call-help")), 1)
+                            L(w(n(s)("components.call-help")), 1)
                           ]),
                           _: 1
                         }),
-                        A("div", To, [
-                          A("pre", null, [
-                            A("code", null, y(Bt.value), 1)
+                        V("div", To, [
+                          V("pre", null, [
+                            V("code", null, w(Bt.value), 1)
                           ]),
-                          v(n(ue), {
+                          v(n(ce), {
                             size: "sm",
                             variant: "outline",
                             onClick: Tl
                           }, {
                             default: g(() => [
-                              L(y(n(s)("components.copy")), 1)
+                              L(w(n(s)("components.copy")), 1)
                             ]),
                             _: 1
                           })
                         ]),
-                        (c(!0), _(U, null, Y(Cl.value, (N) => (c(), _("div", {
+                        (c(!0), _(R, null, Y(Cl.value, (N) => (c(), _("div", {
                           key: N.id,
                           class: "wx-block-editor__shape"
                         }, [
@@ -2028,20 +2029,20 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             tone: "muted"
                           }, {
                             default: g(() => [
-                              L(y(N.fields.length ? n(s)("components.shape", { name: N.id }) : n(s)("components.shape-free", { name: N.id })) + " ", 1),
-                              N.shape ? (c(), _("code", Eo, y(N.shape), 1)) : W("", !0)
+                              L(w(N.fields.length ? n(s)("components.shape", { name: N.id }) : n(s)("components.shape-free", { name: N.id })) + " ", 1),
+                              N.shape ? (c(), _("code", Eo, w(N.shape), 1)) : W("", !0)
                             ]),
                             _: 2
                           }, 1024),
                           N.fields.length ? (c(), _("dl", Vo, [
-                            (c(!0), _(U, null, Y(N.fields, (Je) => (c(), _(U, {
-                              key: Je.name
+                            (c(!0), _(R, null, Y(N.fields, (qe) => (c(), _(R, {
+                              key: qe.name
                             }, [
-                              A("dt", null, [
-                                A("code", null, y(Je.name), 1),
-                                A("span", Ao, y(Je.type), 1)
+                              V("dt", null, [
+                                V("code", null, w(qe.name), 1),
+                                V("span", Ao, w(qe.type), 1)
                               ]),
-                              A("dd", null, y(Je.description), 1)
+                              V("dd", null, w(qe.description), 1)
                             ], 64))), 128))
                           ])) : W("", !0)
                         ]))), 128)),
@@ -2050,7 +2051,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            L(y(n(s)("components.site-views")), 1)
+                            L(w(n(s)("components.site-views")), 1)
                           ]),
                           _: 1
                         })
@@ -2065,20 +2066,20 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-styles")
                 }, {
                   default: g(() => [
-                    A("div", Bo, [
-                      v(n(Ye), {
+                    V("div", Bo, [
+                      v(n(Je), {
                         modelValue: x.styles,
                         "onUpdate:modelValue": k[2] || (k[2] = (N) => x.styles = N),
                         language: "css",
-                        extensions: J.styles,
-                        readonly: !T.value,
+                        extensions: K.styles,
+                        readonly: !$.value,
                         "min-height": "340px",
                         "max-height": "70vh"
                       }, null, 8, ["modelValue", "extensions", "readonly"]),
                       v(It, {
                         file: "styles",
-                        lints: _e.value,
-                        slug: w.slug
+                        lints: xe.value,
+                        slug: y.slug
                       }, null, 8, ["lints", "slug"])
                     ])
                   ]),
@@ -2089,22 +2090,22 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-script")
                 }, {
                   default: g(() => [
-                    A("div", Lo, [
-                      v(n(Ye), {
+                    V("div", Lo, [
+                      v(n(Je), {
                         "model-value": x.script ?? "",
                         language: "javascript",
-                        readonly: !T.value,
+                        readonly: !$.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "onUpdate:modelValue": k[3] || (k[3] = (N) => x.script = N || null)
                       }, null, 8, ["model-value", "readonly"]),
-                      A("div", Wo, [
+                      V("div", Wo, [
                         v(n(H), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            L(y(n(s)("page.script-help")), 1)
+                            L(w(n(s)("page.script-help")), 1)
                           ]),
                           _: 1
                         }),
@@ -2113,18 +2114,18 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            L(y(V.value.provides.length ? n(s)("page.provides", { names: V.value.provides.join(", ") }) : n(s)("page.provides-none")), 1)
+                            L(w(A.value.provides.length ? n(s)("page.provides", { names: A.value.provides.join(", ") }) : n(s)("page.provides-none")), 1)
                           ]),
                           _: 1
                         })
                       ])
                     ]),
-                    v(n(Ne), {
+                    v(n(ze), {
                       class: "wx-block-editor__examples",
                       title: n(s)("page.examples")
                     }, {
                       default: g(() => [
-                        (c(!0), _(U, null, Y(qe.value, (N) => (c(), _("div", {
+                        (c(!0), _(R, null, Y(mt.value, (N) => (c(), _("div", {
                           key: N.title,
                           class: "wx-block-editor__example"
                         }, [
@@ -2133,12 +2134,12 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             tone: "muted"
                           }, {
                             default: g(() => [
-                              L(y(N.title), 1)
+                              L(w(N.title), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          A("pre", null, [
-                            A("code", null, y(N.code), 1)
+                          V("pre", null, [
+                            V("code", null, w(N.code), 1)
                           ])
                         ]))), 128))
                       ]),
@@ -2149,29 +2150,29 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 }, 8, ["label"]),
                 v(n(Pe), {
                   value: "fields",
-                  label: ee.value ? n(s)("components.tab-inputs") : n(s)("page.tab-fields")
+                  label: ne.value ? n(s)("components.tab-inputs") : n(s)("page.tab-fields")
                 }, {
                   default: g(() => [
-                    A("div", No, [
-                      A("div", zo, [
-                        v(n(Ye), {
-                          "model-value": R.value,
+                    V("div", No, [
+                      V("div", zo, [
+                        v(n(Je), {
+                          "model-value": U.value,
                           language: "json",
-                          extensions: J.schema,
+                          extensions: K.schema,
                           lint: "",
-                          readonly: !T.value,
+                          readonly: !$.value,
                           "min-height": "340px",
                           "max-height": "70vh",
                           "onUpdate:modelValue": q
                         }, null, 8, ["model-value", "extensions", "readonly"]),
-                        A("div", Mo, [
+                        V("div", Mo, [
                           Z.value ? (c(), O(n(H), {
                             key: 0,
                             size: "sm",
                             tone: "danger"
                           }, {
                             default: g(() => [
-                              L(y(Z.value), 1)
+                              L(w(Z.value), 1)
                             ]),
                             _: 1
                           })) : fe("content.schema") ? (c(), O(n(H), {
@@ -2180,7 +2181,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             tone: "danger"
                           }, {
                             default: g(() => [
-                              L(y(fe("content.schema")), 1)
+                              L(w(fe("content.schema")), 1)
                             ]),
                             _: 1
                           })) : (c(), O(n(H), {
@@ -2189,7 +2190,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             tone: "muted"
                           }, {
                             default: g(() => [
-                              L(y(ee.value ? n(s)("components.inputs-help") : n(s)("page.fields-help")), 1)
+                              L(w(ne.value ? n(s)("components.inputs-help") : n(s)("page.fields-help")), 1)
                             ]),
                             _: 1
                           })),
@@ -2199,20 +2200,20 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           }, null, 8, ["title", "body"])
                         ])
                       ]),
-                      v(n(Ne), {
+                      v(n(ze), {
                         class: "wx-block-editor__sample",
                         title: n(s)("page.sample")
                       }, {
                         default: g(() => [
                           x.schema.length ? (c(), O(n(al), {
                             key: 0,
-                            modelValue: $e.value,
-                            "onUpdate:modelValue": k[4] || (k[4] = (N) => $e.value = N),
-                            root: n(Tt)(x.schema),
-                            types: n(l).types,
-                            translate: n(l).i18n.t,
-                            can: n(l).can,
-                            disabled: !T.value,
+                            modelValue: _e.value,
+                            "onUpdate:modelValue": k[4] || (k[4] = (N) => _e.value = N),
+                            root: n(Et)(x.schema),
+                            types: n(t).types,
+                            translate: n(t).i18n.t,
+                            can: n(t).can,
+                            disabled: !$.value,
                             size: "sm"
                           }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : W("", !0)
                         ]),
@@ -2227,184 +2228,184 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-settings")
                 }, {
                   default: g(() => [
-                    v(n(Ne), { class: "wx-block-editor__sheet" }, {
+                    v(n(ze), { class: "wx-block-editor__sheet" }, {
                       default: g(() => [
-                        A("div", Oo, [
-                          v(n(ne), {
+                        V("div", Oo, [
+                          v(n(oe), {
                             label: n(s)("components.kind"),
                             help: n(s)("components.kind-help"),
                             error: fe("kind"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
-                              v(n(yt), {
-                                modelValue: w.kind,
-                                "onUpdate:modelValue": k[5] || (k[5] = (N) => w.kind = N),
+                              v(n(wt), {
+                                modelValue: y.kind,
+                                "onUpdate:modelValue": k[5] || (k[5] = (N) => y.kind = N),
                                 options: El.value
                               }, null, 8, ["modelValue", "options"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          v(n(ne), {
+                          v(n(oe), {
                             label: n(s)("page.identifier"),
                             help: n(s)("page.identifier-help"),
                             error: fe("slug"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
-                              v(n(et), {
-                                modelValue: w.slug,
-                                "onUpdate:modelValue": k[6] || (k[6] = (N) => w.slug = N)
+                              v(n(Xe), {
+                                modelValue: y.slug,
+                                "onUpdate:modelValue": k[6] || (k[6] = (N) => y.slug = N)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          ee.value ? W("", !0) : (c(), O(n(ne), {
+                          ne.value ? W("", !0) : (c(), O(n(oe), {
                             key: 0,
                             label: n(s)("page.group"),
                             help: n(s)("page.group-help"),
                             error: fe("group"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
-                              v(n(yt), {
-                                modelValue: w.group,
-                                "onUpdate:modelValue": k[7] || (k[7] = (N) => w.group = N),
+                              v(n(wt), {
+                                modelValue: y.group,
+                                "onUpdate:modelValue": k[7] || (k[7] = (N) => y.group = N),
                                 options: Ee.value
                               }, null, 8, ["modelValue", "options"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          v(n(ne), {
+                          v(n(oe), {
                             class: "is-wide",
                             label: n(s)("page.description"),
                             help: n(s)("page.description-help"),
                             error: fe("description"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
                               v(n(Zt), {
-                                "model-value": w.description ?? "",
+                                "model-value": y.description ?? "",
                                 rows: 2,
-                                "onUpdate:modelValue": k[8] || (k[8] = (N) => w.description = String(N ?? ""))
+                                "onUpdate:modelValue": k[8] || (k[8] = (N) => y.description = String(N ?? ""))
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          v(n(ne), {
+                          v(n(oe), {
                             label: n(s)("page.icon"),
                             error: fe("icon"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
                               v(n(Ll), {
-                                "model-value": w.icon,
+                                "model-value": y.icon,
                                 clearable: "",
                                 placeholder: n(s)("page.icon-search"),
                                 "empty-text": n(s)("page.icon-none"),
                                 "unknown-text": n(s)("page.icon-unknown"),
                                 "clear-label": n(s)("page.icon-clear"),
-                                "onUpdate:modelValue": k[9] || (k[9] = (N) => w.icon = N)
+                                "onUpdate:modelValue": k[9] || (k[9] = (N) => y.icon = N)
                               }, null, 8, ["model-value", "placeholder", "empty-text", "unknown-text", "clear-label"])
                             ]),
                             _: 1
                           }, 8, ["label", "error", "disabled"]),
-                          v(n(ne), {
+                          v(n(oe), {
                             label: n(s)("page.sort"),
                             help: n(s)("page.sort-help"),
                             error: fe("sort"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
                               v(n(Wt), {
-                                modelValue: w.sort,
-                                "onUpdate:modelValue": k[10] || (k[10] = (N) => w.sort = N)
+                                modelValue: y.sort,
+                                "onUpdate:modelValue": k[10] || (k[10] = (N) => y.sort = N)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          ee.value ? W("", !0) : (c(), O(n(ne), {
+                          ne.value ? W("", !0) : (c(), O(n(oe), {
                             key: 1,
                             label: n(s)("page.allow"),
                             help: n(s)("page.allow-help"),
                             error: fe("allow"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
                               v(n(Nt), {
-                                modelValue: w.allow,
-                                "onUpdate:modelValue": k[11] || (k[11] = (N) => w.allow = N),
+                                modelValue: y.allow,
+                                "onUpdate:modelValue": k[11] || (k[11] = (N) => y.allow = N),
                                 "allow-create": ""
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          ee.value ? W("", !0) : (c(), O(n(ne), {
+                          ne.value ? W("", !0) : (c(), O(n(oe), {
                             key: 2,
                             label: n(s)("page.allowed-in"),
                             help: n(s)("page.allowed-in-help"),
                             error: fe("allowed_in"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
                               v(n(Nt), {
-                                modelValue: w.allowed_in,
-                                "onUpdate:modelValue": k[12] || (k[12] = (N) => w.allowed_in = N),
+                                modelValue: y.allowed_in,
+                                "onUpdate:modelValue": k[12] || (k[12] = (N) => y.allowed_in = N),
                                 "allow-create": "",
                                 suggestions: ["root"]
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          ee.value ? W("", !0) : (c(), O(n(ne), {
+                          ne.value ? W("", !0) : (c(), O(n(oe), {
                             key: 3,
                             label: n(s)("page.max-per-entity"),
                             help: n(s)("page.max-per-entity-help"),
                             error: fe("max_per_entity"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
                               v(n(Wt), {
-                                "model-value": w.max_per_entity ?? void 0,
+                                "model-value": y.max_per_entity ?? void 0,
                                 min: 1,
-                                "onUpdate:modelValue": k[13] || (k[13] = (N) => w.max_per_entity = N ?? null)
+                                "onUpdate:modelValue": k[13] || (k[13] = (N) => y.max_per_entity = N ?? null)
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          ee.value ? W("", !0) : (c(), O(n(ne), {
+                          ne.value ? W("", !0) : (c(), O(n(oe), {
                             key: 4,
                             label: n(s)("page.enabled"),
                             help: n(s)("page.enabled-help"),
-                            disabled: !T.value
+                            disabled: !$.value
                           }, {
                             default: g(() => [
                               v(n(Wl), {
-                                modelValue: w.is_enabled,
-                                "onUpdate:modelValue": k[14] || (k[14] = (N) => w.is_enabled = N)
+                                modelValue: y.is_enabled,
+                                "onUpdate:modelValue": k[14] || (k[14] = (N) => y.is_enabled = N)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "disabled"])),
-                          T.value ? (c(), _("div", Do, [
-                            v(n(ue), {
+                          $.value ? (c(), _("div", Do, [
+                            v(n(ce), {
                               type: "danger",
                               variant: "outline",
-                              disabled: mt.value !== null,
-                              onClick: de
+                              disabled: ht.value !== null,
+                              onClick: Se
                             }, {
                               default: g(() => [
-                                L(y(r.value.declared ? n(s)("components.delete-declared") : n(s)("page.delete")), 1)
+                                L(w(r.value.declared ? n(s)("components.delete-declared") : n(s)("page.delete")), 1)
                               ]),
                               _: 1
                             }, 8, ["disabled"]),
-                            mt.value ? (c(), O(n(H), {
+                            ht.value ? (c(), O(n(H), {
                               key: 0,
                               size: "sm",
                               tone: "muted"
                             }, {
                               default: g(() => [
-                                L(y(mt.value), 1)
+                                L(w(ht.value), 1)
                               ]),
                               _: 1
                             })) : W("", !0)
@@ -2421,15 +2422,15 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-history")
                 }, {
                   default: g(() => [
-                    v(n(Ne), {
+                    v(n(ze), {
                       class: "wx-block-editor__sheet",
                       padding: "none"
                     }, {
                       default: g(() => [
                         v(vn, {
                           block: r.value,
-                          "can-manage": T.value,
-                          onRestored: E
+                          "can-manage": $.value,
+                          onRestored: T
                         }, null, 8, ["block", "can-manage"])
                       ]),
                       _: 1
@@ -2449,29 +2450,29 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               stage: P.stage,
               loading: P.loading
             }, null, 8, ["html", "styles", "script", "runtime", "stage", "loading"]), [
-              [Pl, at.value]
+              [Pl, st.value]
             ])
           ], 2),
-          T.value ? (c(), O(n(Nl), { key: 1 }, {
+          $.value ? (c(), O(n(Nl), { key: 1 }, {
             default: g(() => [
-              v(n(ue), {
+              v(n(ce), {
                 variant: "outline",
-                loading: m.value,
+                loading: p.value,
                 onClick: D
               }, {
                 default: g(() => [
-                  L(y(n(s)("page.save")), 1)
+                  L(w(n(s)("page.save")), 1)
                 ]),
                 _: 1
               }, 8, ["loading"]),
-              v(n(ue), {
+              v(n(ce), {
                 type: "primary",
                 loading: h.value,
                 disabled: !r.value.draft && !X.value,
                 onClick: j
               }, {
                 default: g(() => [
-                  L(y(n(s)("page.publish")), 1)
+                  L(w(n(s)("page.publish")), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -2482,27 +2483,27 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       ]);
     };
   }
-}), Po = /* @__PURE__ */ ae(Io, [["__scopeId", "data-v-68672c91"]]), qt = /* @__PURE__ */ new Map();
+}), Po = /* @__PURE__ */ ie(Io, [["__scopeId", "data-v-68672c91"]]), qt = /* @__PURE__ */ new Map();
 function Uo(e) {
-  let t = qt.get(e);
-  return t === void 0 && (t = fetch(e, { credentials: "same-origin", headers: { Accept: "text/html" } }).then((l) => l.ok ? l.text() : null).then((l) => l === null ? null : wn(l, e)).catch(() => null), qt.set(e, t)), t;
+  let l = qt.get(e);
+  return l === void 0 && (l = fetch(e, { credentials: "same-origin", headers: { Accept: "text/html" } }).then((t) => t.ok ? t.text() : null).then((t) => t === null ? null : wn(t, e)).catch(() => null), qt.set(e, l)), l;
 }
 function Ro() {
-  const e = Ze(ol, null), t = I(null), l = S(() => {
+  const e = Ge(ol, null), l = I(null), t = S(() => {
     const a = e?.state.manifest?.modules.find((i) => i.id === "blocks")?.meta?.stage;
     return typeof a == "string" && a !== "" ? a : null;
   });
   return Ul(() => {
-    const o = l.value;
+    const o = t.value;
     o !== null && Uo(o).then((a) => {
-      l.value === o && (t.value = a);
+      t.value === o && (l.value = a);
     });
-  }), t;
+  }), l;
 }
 const jo = ["srcdoc"], Fo = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, kt = 1600, Ho = /* @__PURE__ */ se({
+}, yt = 1600, Ho = /* @__PURE__ */ ae({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -2511,74 +2512,74 @@ const jo = ["srcdoc"], Fo = {
     fit: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = I(null), o = pt(l), a = I(null), i = S(() => o.value > 0 ? o.value / t.width : 0.2), s = S(() => {
-      const m = a.value;
-      if (!t.fit || !m || m.width <= 0 || m.height <= 0 || o.value <= 0)
+    const l = e, t = I(null), o = pt(t), a = I(null), i = S(() => o.value > 0 ? o.value / l.width : 0.2), s = S(() => {
+      const p = a.value;
+      if (!l.fit || !p || p.width <= 0 || p.height <= 0 || o.value <= 0)
         return null;
-      const h = Math.min(i.value, o.value / m.width, t.height / m.height);
+      const h = Math.min(i.value, o.value / p.width, l.height / p.height);
       return {
         scale: h,
-        x: (o.value - m.width * h) / 2 - m.left * h,
-        y: (t.height - m.height * h) / 2 - m.top * h
+        x: (o.value - p.width * h) / 2 - p.left * h,
+        y: (l.height - p.height * h) / 2 - p.top * h
       };
-    }), u = Ro(), d = S(() => {
-      if (!t.thumbnail) return "";
-      const m = { html: t.thumbnail.html, styles: t.thumbnail.styles };
-      return u.value ? xn(u.value, m) : ul(m);
+    }), u = Ro(), f = S(() => {
+      if (!l.thumbnail) return "";
+      const p = { html: l.thumbnail.html, styles: l.thumbnail.styles };
+      return u.value ? xn(u.value, p) : ul(p);
     }), r = S(() => {
-      const m = s.value, h = a.value;
-      return m && h ? {
-        width: `${t.width}px`,
-        height: `${kt}px`,
-        transform: `translate(${m.x}px, ${m.y}px) scale(${m.scale})`,
+      const p = s.value, h = a.value;
+      return p && h ? {
+        width: `${l.width}px`,
+        height: `${yt}px`,
+        transform: `translate(${p.x}px, ${p.y}px) scale(${p.scale})`,
         // The component alone: the rest of the frame is a white page around it, and moved off
         // the corner it shows as a white slab beside a small badge.
-        clipPath: `inset(${h.top}px ${t.width - h.left - h.width}px ${kt - h.top - h.height}px ${h.left}px)`
+        clipPath: `inset(${h.top}px ${l.width - h.left - h.width}px ${yt - h.top - h.height}px ${h.left}px)`
       } : {
-        width: `${t.width}px`,
-        height: t.fit ? `${kt}px` : `${Math.round(t.height / i.value)}px`,
+        width: `${l.width}px`,
+        height: l.fit ? `${yt}px` : `${Math.round(l.height / i.value)}px`,
         transform: `scale(${i.value})`,
         // Until it is measured, a fitted frame would flash its top at the wrong scale; measured and
         // found to have no size (a root with `display: contents`), it is drawn the ordinary way.
-        visibility: t.fit && a.value === null ? "hidden" : void 0
+        visibility: l.fit && a.value === null ? "hidden" : void 0
       };
     });
-    let p = null;
-    function f(m) {
-      if (!t.fit) return;
-      p?.disconnect();
-      const h = m.target, $ = h.contentWindow, V = h.contentDocument;
-      if (!$ || !V?.body) return;
-      const T = V.querySelector("[data-wx-block]") ?? V.body, w = () => {
-        const x = T.getBoundingClientRect();
+    let m = null;
+    function d(p) {
+      if (!l.fit) return;
+      m?.disconnect();
+      const h = p.target, E = h.contentWindow, A = h.contentDocument;
+      if (!E || !A?.body) return;
+      const $ = A.querySelector("[data-wx-block]") ?? A.body, y = () => {
+        const x = $.getBoundingClientRect();
         a.value = { left: x.left, top: x.top, width: x.width, height: x.height };
       };
-      w(), p = new $.ResizeObserver(w), p.observe(T);
+      y(), m = new E.ResizeObserver(y), m.observe($);
     }
-    return lt(() => p?.disconnect()), (m, h) => (c(), _("div", {
+    return tt(() => m?.disconnect()), (p, h) => (c(), _("div", {
       ref_key: "box",
-      ref: l,
+      ref: t,
       class: "wx-block-thumb",
-      style: Me({ height: `${e.height}px` })
+      style: Oe({ height: `${e.height}px` })
     }, [
       e.thumbnail ? (c(), _("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
-        srcdoc: d.value,
-        style: Me(r.value),
+        srcdoc: f.value,
+        style: Oe(r.value),
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true",
-        onLoad: f
+        onLoad: d
       }, null, 44, jo)) : (c(), _("div", Fo, [
-        v(n(xe), { name: "grid" })
+        v(n(we), { name: "grid" })
       ]))
     ], 4));
   }
-}), $l = /* @__PURE__ */ ae(Ho, [["__scopeId", "data-v-7421ce33"]]), qo = { class: "wx-block-picker" }, Jo = {
+}), $l = /* @__PURE__ */ ie(Ho, [["__scopeId", "data-v-7421ce33"]]), qo = { class: "wx-block-picker" }, Ko = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, Ko = { class: "wx-block-picker__cards" }, Yo = ["disabled", "title", "onClick"], Go = { class: "wx-block-picker__body" }, Zo = { class: "wx-block-picker__title" }, Qo = /* @__PURE__ */ se({
+}, Jo = { class: "wx-block-picker__cards" }, Yo = ["disabled", "title", "onClick"], Go = { class: "wx-block-picker__body" }, Zo = { class: "wx-block-picker__title" }, Qo = /* @__PURE__ */ ae({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -2589,72 +2590,72 @@ const jo = ["srcdoc"], Fo = {
     blocksPath: { default: null }
   },
   setup(e) {
-    const t = e, { resolve: l, dismiss: o, open: a } = Qt();
-    De();
-    const i = ce("webx-blocks"), s = I("");
-    function u(m) {
-      if (t.parent === null)
-        return m.allowed_in === null || m.allowed_in.includes("root");
-      const h = t.allow ? t.allow.includes(m.slug) : t.parent.allow?.includes(m.slug) === !0, $ = m.allowed_in === null || m.allowed_in.includes(t.parent.slug);
-      return h && $;
-    }
-    const d = S(
-      () => t.catalog.filter(
-        (m) => we(m) !== "component" && m.is_enabled && m.published !== null && u(m)
-      ).map((m) => {
-        const h = An(t.tree, m.slug), $ = m.max_per_entity !== null && h >= m.max_per_entity;
-        return { type: m, reason: $ ? i("field.limit-reached", { count: h }) : null };
+    const l = e, { resolve: t, dismiss: o, open: a } = Qt();
+    Ie();
+    const i = de("webx-blocks"), s = I("");
+    function u(p) {
+      if (l.parent === null)
+        return p.allowed_in === null || p.allowed_in.includes("root");
+      const h = l.allow ? l.allow.includes(p.slug) : l.parent.allow?.includes(p.slug) === !0, E = p.allowed_in === null || p.allowed_in.includes(l.parent.slug);
+      return h && E;
+    }
+    const f = S(
+      () => l.catalog.filter(
+        (p) => ye(p) !== "component" && p.is_enabled && p.published !== null && u(p)
+      ).map((p) => {
+        const h = An(l.tree, p.slug), E = p.max_per_entity !== null && h >= p.max_per_entity;
+        return { type: p, reason: E ? i("field.limit-reached", { count: h }) : null };
       })
     ), r = S(() => {
-      const m = s.value.trim().toLowerCase();
-      return m === "" ? d.value : d.value.filter(
-        ({ type: h }) => h.title.toLowerCase().includes(m) || h.slug.includes(m) || (h.description ?? "").toLowerCase().includes(m)
+      const p = s.value.trim().toLowerCase();
+      return p === "" ? f.value : f.value.filter(
+        ({ type: h }) => h.title.toLowerCase().includes(p) || h.slug.includes(p) || (h.description ?? "").toLowerCase().includes(p)
       );
-    }), p = S(() => {
-      const m = [...t.groups];
-      for (const { type: V } of r.value)
-        m.includes(V.group) || m.push(V.group);
-      const h = m.map((V) => ({
-        id: V,
-        label: je(V, i),
-        options: r.value.filter((T) => T.type.group === V)
-      })).filter((V) => V.options.length > 0);
+    }), m = S(() => {
+      const p = [...l.groups];
+      for (const { type: A } of r.value)
+        p.includes(A.group) || p.push(A.group);
+      const h = p.map((A) => ({
+        id: A,
+        label: je(A, i),
+        options: r.value.filter(($) => $.type.group === A)
+      })).filter((A) => A.options.length > 0);
       return r.value.length <= 5 || s.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", options: r.value }] : h;
-    }), f = S(() => {
-      if (t.catalog.length === 0) return i("field.pick-none");
-      if (d.value.length === 0 && t.parent) {
-        const m = (t.allow ?? t.parent.allow ?? []).filter(
-          (h) => t.catalog.some(($) => $.slug === h)
+    }), d = S(() => {
+      if (l.catalog.length === 0) return i("field.pick-none");
+      if (f.value.length === 0 && l.parent) {
+        const p = (l.allow ?? l.parent.allow ?? []).filter(
+          (h) => l.catalog.some((E) => E.slug === h)
         );
-        return m.length === 0 ? i("field.pick-nothing-allowed", { parent: t.parent.title }) : i("field.pick-limited", { parent: t.parent.title, types: m.join(", ") });
+        return p.length === 0 ? i("field.pick-nothing-allowed", { parent: l.parent.title }) : i("field.pick-limited", { parent: l.parent.title, types: p.join(", ") });
       }
       return i("field.pick-empty");
     });
-    return (m, h) => {
-      const $ = $t("router-link");
+    return (p, h) => {
+      const E = St("router-link");
       return c(), O(n(Xt), {
         open: n(a),
-        "onUpdate:open": h[2] || (h[2] = (V) => ll(a) ? a.value = V : null),
+        "onUpdate:open": h[2] || (h[2] = (A) => ll(a) ? a.value = A : null),
         title: n(i)("field.pick"),
         width: 860
       }, {
         footer: g(() => [
-          v(n(ue), {
+          v(n(ce), {
             variant: "outline",
-            onClick: h[1] || (h[1] = (V) => n(o)())
+            onClick: h[1] || (h[1] = (A) => n(o)())
           }, {
             default: g(() => [
-              L(y(n(i)("field.close")), 1)
+              L(w(n(i)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
         default: g(() => [
-          A("div", qo, [
-            d.value.length > 0 ? (c(), O(n(et), {
+          V("div", qo, [
+            f.value.length > 0 ? (c(), O(n(Xe), {
               key: 0,
               modelValue: s.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (V) => s.value = V),
+              "onUpdate:modelValue": h[0] || (h[0] = (A) => s.value = A),
               placeholder: n(i)("field.search"),
               clearable: "",
               autofocus: ""
@@ -2662,58 +2663,58 @@ const jo = ["srcdoc"], Fo = {
             r.value.length === 0 ? (c(), O(n(el), {
               key: 1,
               icon: "grid",
-              title: f.value,
+              title: d.value,
               size: "sm"
             }, {
               default: g(() => [
-                e.catalog.length === 0 && e.blocksPath ? (c(), O($, {
+                e.catalog.length === 0 && e.blocksPath ? (c(), O(E, {
                   key: 0,
                   to: e.blocksPath
                 }, {
                   default: g(() => [
-                    L(y(n(i)("field.pick-none-link")), 1)
+                    L(w(n(i)("field.pick-none-link")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])) : W("", !0)
               ]),
               _: 1
             }, 8, ["title"])) : W("", !0),
-            (c(!0), _(U, null, Y(p.value, (V) => (c(), _("section", {
-              key: V.id,
+            (c(!0), _(R, null, Y(m.value, (A) => (c(), _("section", {
+              key: A.id,
               class: "wx-block-picker__group"
             }, [
-              V.label ? (c(), _("div", Jo, y(V.label), 1)) : W("", !0),
-              A("div", Ko, [
-                (c(!0), _(U, null, Y(V.options, (T) => (c(), _("button", {
-                  key: T.type.id,
+              A.label ? (c(), _("div", Ko, w(A.label), 1)) : W("", !0),
+              V("div", Jo, [
+                (c(!0), _(R, null, Y(A.options, ($) => (c(), _("button", {
+                  key: $.type.id,
                   type: "button",
-                  class: Oe(["wx-block-picker__card", { "is-disabled": T.reason !== null }]),
-                  disabled: T.reason !== null,
-                  title: T.reason ?? void 0,
-                  onClick: (w) => n(l)(T.type)
+                  class: De(["wx-block-picker__card", { "is-disabled": $.reason !== null }]),
+                  disabled: $.reason !== null,
+                  title: $.reason ?? void 0,
+                  onClick: (y) => n(t)($.type)
                 }, [
                   v($l, {
-                    thumbnail: T.type.thumbnail,
+                    thumbnail: $.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  A("div", Go, [
-                    A("div", Zo, y(T.type.title), 1),
-                    T.reason ? (c(), O(n(H), {
+                  V("div", Go, [
+                    V("div", Zo, w($.type.title), 1),
+                    $.reason ? (c(), O(n(H), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
                       default: g(() => [
-                        L(y(T.reason), 1)
+                        L(w($.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : T.type.description ? (c(), O(n(H), {
+                    }, 1024)) : $.type.description ? (c(), O(n(H), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
                       default: g(() => [
-                        L(y(T.type.description), 1)
+                        L(w($.type.description), 1)
                       ]),
                       _: 2
                     }, 1024)) : W("", !0)
@@ -2727,7 +2728,7 @@ const jo = ["srcdoc"], Fo = {
       }, 8, ["open", "title"]);
     };
   }
-}), Xo = /* @__PURE__ */ ae(Qo, [["__scopeId", "data-v-f175b634"]]), es = { class: "wx-blocks-preview__tools" }, ts = ["src", "title"], ls = /* @__PURE__ */ se({
+}), Xo = /* @__PURE__ */ ie(Qo, [["__scopeId", "data-v-f175b634"]]), es = { class: "wx-blocks-preview__tools" }, ts = ["src", "title"], ls = /* @__PURE__ */ ae({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -2736,22 +2737,22 @@ const jo = ["srcdoc"], Fo = {
     compact: { type: Boolean, default: !1 }
   },
   emits: ["select", "edit"],
-  setup(e, { expose: t, emit: l }) {
-    const o = e, a = l, i = ce("webx-blocks"), s = I(null), u = I(null), d = I(null), r = pt(d), p = I(!1), f = I(!1), m = I(null), h = I(0), $ = S(() => h.value > 0), V = S(() => [
+  setup(e, { expose: l, emit: t }) {
+    const o = e, a = t, i = de("webx-blocks"), s = I(null), u = I(null), f = I(null), r = pt(f), m = I(!1), d = I(!1), p = I(null), h = I(0), E = S(() => h.value > 0), A = S(() => [
       { value: 1280, icon: "monitor", ariaLabel: i("field.width-desktop") },
       { value: 834, icon: "tablet", ariaLabel: i("field.width-tablet") },
       { value: 390, icon: "smartphone", ariaLabel: i("field.width-phone") }
-    ]), T = S(() => m.value !== null ? m.value : o.compact ? r.value > 0 && r.value < 560 ? 390 : 834 : 1280), w = S(() => r.value === 0 ? 1 : Math.min(1, r.value / T.value)), x = S(() => ({
-      width: `${T.value}px`,
-      transform: `scale(${w.value})`,
-      ...$.value ? { height: `${h.value}px` } : {}
-    })), R = S(() => ({
-      width: `${Math.round(T.value * w.value)}px`,
-      ...$.value ? { height: `${Math.round(h.value * w.value)}px` } : {}
+    ]), $ = S(() => p.value !== null ? p.value : o.compact ? r.value > 0 && r.value < 560 ? 390 : 834 : 1280), y = S(() => r.value === 0 ? 1 : Math.min(1, r.value / $.value)), x = S(() => ({
+      width: `${$.value}px`,
+      transform: `scale(${y.value})`,
+      ...E.value ? { height: `${h.value}px` } : {}
+    })), U = S(() => ({
+      width: `${Math.round($.value * y.value)}px`,
+      ...E.value ? { height: `${Math.round(h.value * y.value)}px` } : {}
     })), Z = S(() => {
       if (!o.url) return "";
       try {
-        return `${new URL(o.url, location.origin).pathname} · ${T.value} px`;
+        return `${new URL(o.url, location.origin).pathname} · ${$.value} px`;
       } catch {
         return o.url;
       }
@@ -2763,94 +2764,94 @@ const jo = ["srcdoc"], Fo = {
         return null;
       }
     }
-    let ie = null, z = null;
+    let re = null, z = null;
     function P(b) {
       b.documentElement.scrollTop !== 0 && (b.documentElement.scrollTop = 0);
     }
     function Q() {
-      const b = G(), E = b?.body;
-      if (!E || !b?.defaultView) return;
+      const b = G(), T = b?.body;
+      if (!T || !b?.defaultView) return;
       P(b);
-      const M = b.defaultView.getComputedStyle(E), q = (parseFloat(M.marginTop) || 0) + (parseFloat(M.marginBottom) || 0), le = Math.ceil(E.scrollHeight + q);
-      le !== h.value && (h.value = le, re !== null && Rl(() => requestAnimationFrame(J)));
+      const M = b.defaultView.getComputedStyle(T), q = (parseFloat(M.marginTop) || 0) + (parseFloat(M.marginBottom) || 0), le = Math.ceil(T.scrollHeight + q);
+      le !== h.value && (h.value = le, ue !== null && Rl(() => requestAnimationFrame(K)));
     }
     function X(b) {
       z?.disconnect();
-      const E = b.defaultView;
-      !E || !b.body || (z = new E.ResizeObserver(Q), z.observe(b.body), Q());
+      const T = b.defaultView;
+      !T || !b.body || (z = new T.ResizeObserver(Q), z.observe(b.body), Q());
     }
-    function _e() {
-      f.value = !0;
+    function xe() {
+      d.value = !0;
       const b = G();
-      b && (X(b), ie?.release(), ie = bn(b, {
+      b && (X(b), re?.release(), re = bn(b, {
         /* No guard against answering a click with a scroll: `bring` moves nothing that is already
            readable, and a block clicked at the very bottom of the window, half under the action
            bar, is exactly the one worth moving. */
-        select: (E) => a("select", E)
-      }), vt(b, o.selected ?? null), ve(o.selected ?? null));
+        select: (T) => a("select", T)
+      }), bt(b, o.selected ?? null), ve(o.selected ?? null));
     }
-    let re = null, te = null;
+    let ue = null, te = null;
     function ve(b) {
-      b !== null && (re = b, te !== null && clearTimeout(te), te = window.setTimeout(() => {
-        re = null, te = null;
-      }, 400), J());
+      b !== null && (ue = b, te !== null && clearTimeout(te), te = window.setTimeout(() => {
+        ue = null, te = null;
+      }, 400), K());
     }
     function Te(b) {
-      const E = s.value?.getBoundingClientRect();
-      if (!E) return null;
+      const T = s.value?.getBoundingClientRect();
+      if (!T) return null;
       const M = b.getBoundingClientRect();
-      return { top: E.top + M.top * w.value, height: M.height * w.value };
+      return { top: T.top + M.top * y.value, height: M.height * y.value };
     }
-    function Be() {
+    function Le() {
       let b = s.value?.parentElement ?? null;
       for (; b; ) {
-        const E = getComputedStyle(b).overflowY;
-        if ((E === "auto" || E === "scroll") && b.scrollHeight > b.clientHeight)
+        const T = getComputedStyle(b).overflowY;
+        if ((T === "auto" || T === "scroll") && b.scrollHeight > b.clientHeight)
           return b;
         b = b.parentElement;
       }
       return null;
     }
-    function J() {
+    function K() {
       const b = G();
-      if (re === null || !b) return;
+      if (ue === null || !b) return;
       P(b);
-      const E = St(b, re), M = E ? Te(E) : null;
+      const T = Ct(b, ue), M = T ? Te(T) : null;
       if (!M) return;
-      const q = Be(), le = q?.getBoundingClientRect(), be = u.value?.getBoundingClientRect().height ?? 0, ge = {
+      const q = Le(), le = q?.getBoundingClientRect(), be = u.value?.getBoundingClientRect().height ?? 0, ge = {
         top: (le?.top ?? 0) + be,
         bottom: (le ? le.bottom : window.innerHeight) - be
-      }, Ve = M.top + M.height, Le = M.top < ge.top, He = M.height > ge.bottom - ge.top, B = Le || He ? M.top - ge.top : Ve > ge.bottom ? Ve - ge.bottom : 0;
+      }, Ve = M.top + M.height, We = M.top < ge.top, He = M.height > ge.bottom - ge.top, B = We || He ? M.top - ge.top : Ve > ge.bottom ? Ve - ge.bottom : 0;
       B !== 0 && (q ?? window).scrollBy({ top: B, behavior: "smooth" });
     }
-    function Ee(b, E) {
+    function Ee(b, T) {
       const M = G();
-      if (!M || !f.value) return !1;
-      const q = rl(M, b, E);
-      return q && vt(M, o.selected ?? null), q;
+      if (!M || !d.value) return !1;
+      const q = rl(M, b, T);
+      return q && bt(M, o.selected ?? null), q;
     }
-    function $e() {
-      f.value = !1, z?.disconnect(), z = null, s.value && o.url && (s.value.src = o.url);
+    function _e() {
+      d.value = !1, z?.disconnect(), z = null, s.value && o.url && (s.value.src = o.url);
     }
-    function Se(b) {
-      b.key === "Escape" && p.value && (p.value = !1, b.stopPropagation());
+    function $e(b) {
+      b.key === "Escape" && m.value && (m.value = !1, b.stopPropagation());
     }
-    return oe(
+    return se(
       () => o.selected,
       (b) => {
-        const E = G();
-        !E || !f.value || (vt(E, b ?? null), ve(b ?? null));
+        const T = G();
+        !T || !d.value || (bt(T, b ?? null), ve(b ?? null));
       }
-    ), oe(() => o.reload, $e), oe(
+    ), se(() => o.reload, _e), se(
       () => o.url,
-      () => f.value = !1
-    ), tt(() => window.addEventListener("keydown", Se)), lt(() => {
-      window.removeEventListener("keydown", Se), te !== null && clearTimeout(te), z?.disconnect(), ie?.release();
-    }), t({ replace: Ee, refresh: $e, open: () => p.value = !0 }), (b, E) => (c(), _("div", {
-      class: Oe(["wx-blocks-preview", { "is-fullscreen": p.value, "is-grown": $.value, "is-compact": e.compact }]),
-      style: Me({ "--wx-preview-scale": w.value })
+      () => d.value = !1
+    ), et(() => window.addEventListener("keydown", $e)), tt(() => {
+      window.removeEventListener("keydown", $e), te !== null && clearTimeout(te), z?.disconnect(), re?.release();
+    }), l({ replace: Ee, refresh: _e, open: () => m.value = !0 }), (b, T) => (c(), _("div", {
+      class: De(["wx-blocks-preview", { "is-fullscreen": m.value, "is-grown": E.value, "is-compact": e.compact }]),
+      style: Oe({ "--wx-preview-scale": y.value })
     }, [
-      A("div", {
+      V("div", {
         ref_key: "bar",
         ref: u,
         class: "wx-blocks-preview__bar"
@@ -2862,28 +2863,28 @@ const jo = ["srcdoc"], Fo = {
           truncate: ""
         }, {
           default: g(() => [
-            L(y(Z.value), 1)
+            L(w(Z.value), 1)
           ]),
           _: 1
         }),
         v(n(Yt), {
           class: "wx-blocks-preview__widths",
-          "model-value": T.value,
-          options: V.value,
+          "model-value": $.value,
+          options: A.value,
           size: "sm",
           "aria-label": n(i)("field.width"),
-          "onUpdate:modelValue": E[0] || (E[0] = (M) => m.value = Number(M))
+          "onUpdate:modelValue": T[0] || (T[0] = (M) => p.value = Number(M))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        A("div", es, [
-          e.compact ? (c(), O(n(Ge), {
+        V("div", es, [
+          e.compact ? (c(), O(n(Ye), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
             title: n(i)("field.blocks"),
-            onClick: E[1] || (E[1] = (M) => a("edit"))
+            onClick: T[1] || (T[1] = (M) => a("edit"))
           }, null, 8, ["title"])) : W("", !0),
-          e.url ? (c(), O(n(Ge), {
+          e.url ? (c(), O(n(Ye), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -2893,23 +2894,23 @@ const jo = ["srcdoc"], Fo = {
             target: "_blank",
             rel: "noopener"
           }, null, 8, ["title", "href"])) : W("", !0),
-          v(n(Ge), {
+          v(n(Ye), {
             size: "sm",
-            icon: p.value ? "minimize" : "maximize",
+            icon: m.value ? "minimize" : "maximize",
             tone: "neutral",
-            title: p.value ? n(i)("field.close") : n(i)("field.fullscreen"),
-            onClick: E[2] || (E[2] = (M) => p.value = !p.value)
+            title: m.value ? n(i)("field.close") : n(i)("field.fullscreen"),
+            onClick: T[2] || (T[2] = (M) => m.value = !m.value)
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
-      A("div", {
+      V("div", {
         ref_key: "box",
-        ref: d,
+        ref: f,
         class: "wx-blocks-preview__ground"
       }, [
-        A("div", {
+        V("div", {
           class: "wx-blocks-preview__clip",
-          style: Me(R.value)
+          style: Oe(U.value)
         }, [
           e.url ? (c(), _("iframe", {
             key: 0,
@@ -2917,70 +2918,85 @@ const jo = ["srcdoc"], Fo = {
             ref: s,
             class: "wx-blocks-preview__frame",
             src: e.url,
-            style: Me(x.value),
+            style: Oe(x.value),
             title: n(i)("field.preview"),
-            onLoad: _e
+            onLoad: xe
           }, null, 44, ts)) : W("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), ns = /* @__PURE__ */ ae(ls, [["__scopeId", "data-v-398e4cef"]]), os = { class: "wx-blocks-tree__node" }, ss = ["onClick", "onKeydown"], as = { class: "wx-blocks-tree__name" }, is = ["title"], rs = ["title"], us = ["title"], cs = ["title"], ds = {
+}), ns = /* @__PURE__ */ ie(ls, [["__scopeId", "data-v-398e4cef"]]), os = { class: "wx-blocks-tree__node" }, ss = ["onClick", "onKeydown"], as = { class: "wx-blocks-tree__name" }, is = ["title"], rs = ["title"], us = ["title"], cs = ["title"], ds = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, ps = ["onClick"], fs = /* @__PURE__ */ se({
+}, ps = ["onClick"], fs = /* @__PURE__ */ ae({
   __name: "BlocksTree",
   props: {
     nodes: {},
     catalog: {},
     parentKey: { default: null },
     field: { default: null },
+    fieldNode: { default: null },
+    max: { default: null },
     selected: { default: null },
     disabled: { type: Boolean, default: !1 },
     depth: { default: 0 }
   },
   emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
-  setup(e, { emit: t }) {
-    const l = e, o = t, a = ce("webx-blocks");
-    function i(p) {
-      return l.catalog.find((f) => f.slug === p.type) ?? null;
+  setup(e, { emit: l }) {
+    const t = e, o = l, a = de("webx-blocks");
+    function i(m) {
+      return t.catalog.find((d) => d.slug === m.type) ?? null;
     }
-    function s(p) {
-      return i(p)?.title ?? p.type;
+    function s(m) {
+      return i(m)?.title ?? m.type;
     }
-    function u(p) {
-      const f = i(p);
-      return f?.content ? fl(f.content.schema) : [];
+    function u(m) {
+      const d = i(m);
+      return d?.content ? fl(d.content.schema) : [];
     }
-    function d(p, f) {
-      const m = p.values[f.id];
-      return Array.isArray(m) ? m : [];
+    function f(m, d) {
+      const p = m.values[d.id];
+      return Array.isArray(p) ? p : [];
     }
-    function r(p) {
+    function r(m, d) {
+      const p = t.fieldNode ? t.fieldNode.props?.max ?? null : t.max;
       return [
+        /*
+         * The button under the list only appends, so a block meant for the middle of a long page
+         * was a trip to the bottom and a drag all the way back up. This one puts it where the
+         * editor already is. Not "add before": after the row above is the same place.
+         */
+        {
+          key: "add-after",
+          icon: "plus",
+          label: a("field.add-after"),
+          disabled: p !== null && t.nodes.length >= p,
+          run: () => o("add", t.parentKey, t.field, t.fieldNode, d + 1)
+        },
         {
           key: "visibility",
-          icon: p.hidden === !0 ? "eye" : "eye-off",
-          label: p.hidden === !0 ? a("field.show") : a("field.hide"),
-          run: () => o("visibility", p.key, p.hidden !== !0)
+          icon: m.hidden === !0 ? "eye" : "eye-off",
+          label: m.hidden === !0 ? a("field.show") : a("field.hide"),
+          run: () => o("visibility", m.key, m.hidden !== !0)
         },
         {
           key: "duplicate",
           icon: "copy",
           label: a("field.duplicate"),
-          run: () => o("duplicate", p.key)
+          run: () => o("duplicate", m.key)
         },
         {
           key: "remove",
           icon: "trash",
           label: a("field.remove"),
           danger: !0,
-          run: () => o("remove", p.key)
+          run: () => o("remove", m.key)
         }
       ];
     }
-    return (p, f) => {
-      const m = $t("blocks-tree", !0);
+    return (m, d) => {
+      const p = St("blocks-tree", !0);
       return c(), O(n(zl), {
         "model-value": e.nodes,
         "item-key": "key",
@@ -2989,83 +3005,84 @@ const jo = ["srcdoc"], Fo = {
         plain: "",
         size: "sm",
         "empty-text": e.depth === 0 ? n(a)("field.empty") : "",
-        class: Oe(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
-        "onUpdate:modelValue": f[6] || (f[6] = (h) => o("reorder", e.parentKey, e.field, h))
+        class: De(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
+        "onUpdate:modelValue": d[6] || (d[6] = (h) => o("reorder", e.parentKey, e.field, h))
       }, {
-        default: g(({ item: h }) => [
-          A("div", os, [
-            A("div", {
-              class: Oe(["wx-blocks-tree__row", { "is-selected": e.selected === h.key, "is-hidden": h.hidden === !0 }]),
+        default: g(({ item: h, index: E }) => [
+          V("div", os, [
+            V("div", {
+              class: De(["wx-blocks-tree__row", { "is-selected": e.selected === h.key, "is-hidden": h.hidden === !0 }]),
               role: "button",
               tabindex: "0",
-              onClick: ($) => o("select", h.key),
+              onClick: (A) => o("select", h.key),
               onKeydown: [
-                Mt(Ot(($) => o("select", h.key), ["prevent"]), ["enter"]),
-                Mt(Ot(($) => o("select", h.key), ["prevent"]), ["space"])
+                Mt(Ot((A) => o("select", h.key), ["prevent"]), ["enter"]),
+                Mt(Ot((A) => o("select", h.key), ["prevent"]), ["space"])
               ]
             }, [
-              A("span", as, y(s(h)), 1),
+              V("span", as, w(s(h)), 1),
               i(h) ? i(h)?.draft ? (c(), _("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: n(a)("field.draft-type")
               }, [
-                v(n(xe), { name: "warning" })
+                v(n(we), { name: "warning" })
               ], 8, rs)) : i(h)?.is_enabled === !1 ? (c(), _("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.disabled-type")
               }, [
-                v(n(xe), { name: "lock" })
+                v(n(we), { name: "lock" })
               ], 8, us)) : W("", !0) : (c(), _("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
                 title: n(a)("field.unknown-type", { type: h.type })
               }, [
-                v(n(xe), { name: "close-circle" })
+                v(n(we), { name: "close-circle" })
               ], 8, is)),
               h.hidden === !0 ? (c(), _("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.hidden-note")
               }, [
-                v(n(xe), { name: "eye-off" })
+                v(n(we), { name: "eye-off" })
               ], 8, cs)) : W("", !0),
               e.disabled ? W("", !0) : (c(), _("span", ds, [
                 v(n(Ql), {
-                  actions: r(h),
+                  actions: r(h, E),
                   label: s(h)
                 }, null, 8, ["actions", "label"])
               ]))
             ], 42, ss),
-            (c(!0), _(U, null, Y(u(h), ($) => (c(), _("div", {
-              key: $.id,
+            (c(!0), _(R, null, Y(u(h), (A) => (c(), _("div", {
+              key: A.id,
               class: "wx-blocks-tree__kids"
             }, [
-              v(m, {
-                nodes: d(h, $),
+              v(p, {
+                nodes: f(h, A),
                 catalog: e.catalog,
                 "parent-key": h.key,
-                field: $.id,
+                field: A.id,
+                "field-node": A,
                 selected: e.selected,
                 disabled: e.disabled,
                 depth: e.depth + 1,
-                onSelect: f[0] || (f[0] = (V) => o("select", V)),
-                onAdd: f[1] || (f[1] = (V, T, w) => o("add", V, T, w)),
-                onRemove: f[2] || (f[2] = (V) => o("remove", V)),
-                onDuplicate: f[3] || (f[3] = (V) => o("duplicate", V)),
-                onVisibility: f[4] || (f[4] = (V, T) => o("visibility", V, T)),
-                onReorder: f[5] || (f[5] = (V, T, w) => o("reorder", V, T, w))
-              }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
+                onSelect: d[0] || (d[0] = ($) => o("select", $)),
+                onAdd: d[1] || (d[1] = ($, y, x, U) => o("add", $, y, x, U)),
+                onRemove: d[2] || (d[2] = ($) => o("remove", $)),
+                onDuplicate: d[3] || (d[3] = ($) => o("duplicate", $)),
+                onVisibility: d[4] || (d[4] = ($, y) => o("visibility", $, y)),
+                onReorder: d[5] || (d[5] = ($, y, x) => o("reorder", $, y, x))
+              }, null, 8, ["nodes", "catalog", "parent-key", "field", "field-node", "selected", "disabled", "depth"]),
               e.disabled ? W("", !0) : (c(), _("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (V) => o("add", h.key, $.id, $)
+                onClick: ($) => o("add", h.key, A.id, A)
               }, [
-                L(" + " + y(n(a)("field.add-inside")), 1),
-                u(h).length > 1 ? (c(), _(U, { key: 0 }, [
-                  L(" · " + y($.label ?? $.id), 1)
+                L(" + " + w(n(a)("field.add-inside")), 1),
+                u(h).length > 1 ? (c(), _(R, { key: 0 }, [
+                  L(" · " + w(A.label ?? A.id), 1)
                 ], 64)) : W("", !0)
               ], 8, ps))
             ]))), 128))
@@ -3075,14 +3092,14 @@ const jo = ["srcdoc"], Fo = {
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), ms = /* @__PURE__ */ ae(fs, [["__scopeId", "data-v-590fa1d6"]]), Vt = /* @__PURE__ */ Symbol("wx-blocks-preview");
+}), ms = /* @__PURE__ */ ie(fs, [["__scopeId", "data-v-d7901f05"]]), At = /* @__PURE__ */ Symbol("wx-blocks-preview");
 function ha(e) {
-  nl(Vt, e);
+  nl(At, e);
 }
 function va() {
-  return Ze(Vt, null);
+  return Ge(At, null);
 }
-const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
+const Kt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
   key: 0,
   class: "wx-blocks-nested"
 }, vs = {
@@ -3097,11 +3114,11 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
 }, Ss = ["onClick"], Cs = { class: "wx-blocks__panel-name" }, Ts = { class: "wx-blocks__panel-extra" }, Es = { key: 0 }, Vs = { class: "wx-blocks__form" }, As = {
   key: 0,
   class: "wx-blocks__preview"
-}, Bs = /* @__PURE__ */ se({
+}, Bs = /* @__PURE__ */ ae({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ Jl({
+  props: /* @__PURE__ */ Kl({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -3117,35 +3134,35 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = jl(e, "modelValue"), o = Ze(Jt, !1);
-    nl(Jt, !0), De();
-    const a = ce("webx-blocks"), i = ot(), s = Ze(ol, null);
+    const l = e, t = jl(e, "modelValue"), o = Ge(Kt, !1);
+    nl(Kt, !0), Ie();
+    const a = de("webx-blocks"), i = nt(), s = Ge(ol, null);
     let u = null;
-    const d = I([]), r = S(() => t.catalog ?? d.value), p = S(() => Array.isArray(l.value) ? l.value : []), f = I(null), m = S(() => f.value ? me(p.value, f.value) : null), h = S(
-      () => m.value ? r.value.find((B) => B.slug === m.value?.node.type) ?? null : null
+    const f = I([]), r = S(() => l.catalog ?? f.value), m = S(() => Array.isArray(t.value) ? t.value : []), d = I(null), p = S(() => d.value ? me(m.value, d.value) : null), h = S(
+      () => p.value ? r.value.find((B) => B.slug === p.value?.node.type) ?? null : null
     );
-    function $(B) {
+    function E(B) {
       return r.value.find((D) => D.slug === B.type)?.title ?? B.type;
     }
-    const V = S(() => {
+    const A = S(() => {
       const B = [];
-      return st(p.value, (D) => B.push(D.key)), B;
-    }), T = S(() => {
-      const B = f.value ? V.value.indexOf(f.value) : -1;
+      return ot(m.value, (D) => B.push(D.key)), B;
+    }), $ = S(() => {
+      const B = d.value ? A.value.indexOf(d.value) : -1;
       return {
-        previous: B > 0 ? V.value[B - 1] : null,
-        next: B >= 0 && B < V.value.length - 1 ? V.value[B + 1] : null
+        previous: B > 0 ? A.value[B - 1] : null,
+        next: B >= 0 && B < A.value.length - 1 ? A.value[B + 1] : null
       };
-    }), w = S(() => {
+    }), y = S(() => {
       const B = [];
-      let D = m.value?.parent ?? null;
+      let D = p.value?.parent ?? null;
       for (; D; )
-        B.unshift({ key: D.key, title: $(D) }), D = me(p.value, D.key)?.parent ?? null;
+        B.unshift({ key: D.key, title: E(D) }), D = me(m.value, D.key)?.parent ?? null;
       return B;
-    }), x = Ze(Vt, null), R = I(null), Z = I(null), G = pt(Z), ie = S(() => x !== null && x.url.value !== null), z = S(() => ie.value && G.value > 0 && G.value <= 900), P = I(!1), Q = S(() => {
-      if (!m.value) return;
-      const B = h.value?.title ?? m.value.node.type;
-      return [...w.value.map((D) => D.title), B].join(" / ");
+    }), x = Ge(At, null), U = I(null), Z = I(null), G = pt(Z), re = S(() => x !== null && x.url.value !== null), z = S(() => re.value && G.value > 0 && G.value <= 900), P = I(!1), Q = S(() => {
+      if (!p.value) return;
+      const B = h.value?.title ?? p.value.node.type;
+      return [...y.value.map((D) => D.title), B].join(" / ");
     }), X = S(
       () => z.value ? {
         /* Up from the bottom, and not all the way: the strip of page left above it is what
@@ -3168,105 +3185,105 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         open: P.value,
         "onUpdate:open": (B) => P.value = B
       } : {}
-    ), _e = S(
+    ), xe = S(
       () => s?.state.manifest?.modules.find((B) => B.id === "blocks")?.meta?.groups ?? []
-    ), re = Fl()?.type, te = S(() => t.context?.types ? t.context.types : s?.types ? { ...rt, ...s.types } : re ? { ...rt, "wx-blocks": { component: re, kind: "field", nested: !0 } } : rt), ve = S(
-      () => t.context?.translate ?? s?.i18n.t ?? ((B) => B)
-    ), Te = S(() => t.context?.can ?? s?.can ?? (() => !0)), Be = tl(Xo);
-    function J(B) {
-      l.value = B;
-    }
-    async function Ee(B, D, j) {
-      const de = B ? me(p.value, B) : null, pe = de ? r.value.find((We) => We.slug === de.node.type) ?? null : null, at = B === null ? t.allow : j?.props?.allow ?? null, qe = B === null ? t.max : j?.props?.max ?? null, Ie = B === null ? p.value : de && D ? de.node.values[D] ?? [] : [];
-      if (qe != null && Ie.length >= qe) return;
-      const ee = await Be({
+    ), ue = Fl()?.type, te = S(() => l.context?.types ? l.context.types : s?.types ? { ...rt, ...s.types } : ue ? { ...rt, "wx-blocks": { component: ue, kind: "field", nested: !0 } } : rt), ve = S(
+      () => l.context?.translate ?? s?.i18n.t ?? ((B) => B)
+    ), Te = S(() => l.context?.can ?? s?.can ?? (() => !0)), Le = tl(Xo);
+    function K(B) {
+      t.value = B;
+    }
+    async function Ee(B, D, j, Se) {
+      const ee = B ? me(m.value, B) : null, st = ee ? r.value.find((at) => at.slug === ee.node.type) ?? null : null, mt = B === null ? l.allow : j?.props?.allow ?? null, Ne = B === null ? l.max : j?.props?.max ?? null, ne = B === null ? m.value : ee && D ? ee.node.values[D] ?? [] : [];
+      if (Ne != null && ne.length >= Ne) return;
+      const pe = await Le({
         catalog: r.value,
-        parent: pe,
-        allow: at,
-        tree: p.value,
-        groups: _e.value,
-        blocksPath: t.blocksPath
+        parent: st,
+        allow: mt,
+        tree: m.value,
+        groups: xe.value,
+        blocksPath: l.blocksPath
       });
-      if (!ee) return;
-      const ke = Vn(ee.slug, $e(ee));
-      J(jt(p.value, B, D, Ie.length, ke)), f.value = ke.key;
+      if (!pe) return;
+      const Ae = Vn(pe.slug, _e(pe));
+      K(jt(m.value, B, D, Se ?? ne.length, Ae)), d.value = Ae.key;
     }
-    function $e(B) {
+    function _e(B) {
       const D = B.content?.sample ?? {}, j = {};
-      for (const [de, pe] of Object.entries(D))
-        (!Array.isArray(pe) || pe.length === 0 || typeof pe[0] != "object") && (j[de] = pe);
+      for (const [Se, ee] of Object.entries(D))
+        (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (j[Se] = ee);
       return j;
     }
-    async function Se(B) {
-      const D = me(p.value, B);
+    async function $e(B) {
+      const D = me(m.value, B);
       if (!D) return;
       const j = Bn(D.node);
       await dt({
         title: a("field.remove-title", {
-          title: r.value.find((pe) => pe.slug === D.node.type)?.title ?? D.node.type
+          title: r.value.find((ee) => ee.slug === D.node.type)?.title ?? D.node.type
         }),
         message: j > 0 ? a("field.remove-text", { count: j }) : a("field.remove-alone"),
         confirmText: a("field.remove"),
         cancelText: a("page.cancel"),
         tone: "danger"
-      }) && (f.value === B && (f.value = null), J(Nn(p.value, B)));
+      }) && (d.value === B && (d.value = null), K(Nn(m.value, B)));
     }
     function b(B) {
-      const D = me(p.value, B);
+      const D = me(m.value, B);
       if (!D) return;
       const j = ml(D.node);
-      J(jt(p.value, D.parent?.key ?? null, D.field, D.index + 1, j)), f.value = j.key;
+      K(jt(m.value, D.parent?.key ?? null, D.field, D.index + 1, j)), d.value = j.key;
     }
-    function E(B, D) {
-      J(Ln(p.value, B, D));
+    function T(B, D) {
+      K(Ln(m.value, B, D));
     }
     function M(B, D, j) {
-      J(Mn(p.value, B, D, j));
+      K(Mn(m.value, B, D, j));
     }
     function q(B) {
-      f.value = f.value === B ? null : B;
+      d.value = d.value === B ? null : B;
     }
     function le(B) {
-      B === null || !me(p.value, B) || (f.value = B, z.value && (P.value = !0));
+      B === null || !me(m.value, B) || (d.value = B, z.value && (P.value = !0));
     }
     function be() {
-      f.value = null;
+      d.value = null;
     }
     function ge(B) {
-      f.value && J(zn(p.value, f.value, B));
+      d.value && K(zn(m.value, d.value, B));
     }
     let Ve;
-    oe(
-      () => m.value?.node.values,
+    se(
+      () => p.value?.node.values,
       (B, D) => {
         if (!B || !D || !h.value || !u || !x) return;
-        const j = f.value, de = h.value.id;
+        const j = d.value, Se = h.value.id;
         clearTimeout(Ve), Ve = setTimeout(() => {
-          !j || !u || u.render(de, { values: B, key: j }).then((pe) => {
-            R.value?.replace(j, pe.html) || R.value?.refresh();
+          !j || !u || u.render(Se, { values: B, key: j }).then((ee) => {
+            U.value?.replace(j, ee.html) || U.value?.refresh();
           }).catch(() => {
           });
         }, 300);
       },
       { deep: !0 }
     );
-    function Le(B) {
-      B.key === "Escape" && f.value && be();
+    function We(B) {
+      B.key === "Escape" && d.value && be();
     }
-    tt(async () => {
-      if (window.addEventListener("keydown", Le), t.catalog === null && s) {
+    et(async () => {
+      if (window.addEventListener("keydown", We), l.catalog === null && s) {
         u = Re(s);
         try {
-          d.value = await u.catalog();
+          f.value = await u.catalog();
         } catch (B) {
-          K.danger(i(B));
+          J.danger(i(B));
         }
       } else s && (u = Re(s));
-    }), lt(() => {
-      clearTimeout(Ve), window.removeEventListener("keydown", Le);
+    }), tt(() => {
+      clearTimeout(Ve), window.removeEventListener("keydown", We);
     });
     const He = S(
-      () => h.value?.content ? Tt(h.value.content.schema) : []
+      () => h.value?.content ? Et(h.value.content.schema) : []
     );
     return (B, D) => n(o) ? (c(), _("div", hs, [
       v(n(H), {
@@ -3274,7 +3291,7 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         tone: "muted"
       }, {
         default: g(() => [
-          L(y(n(a)("field.nested-note")), 1)
+          L(w(n(a)("field.nested-note")), 1)
         ]),
         _: 1
       })
@@ -3282,45 +3299,46 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       key: 1,
       ref_key: "host",
       ref: Z,
-      class: Oe(["wx-blocks-host", { "is-compact": z.value }])
+      class: De(["wx-blocks-host", { "is-compact": z.value }])
     }, [
-      A("div", {
-        class: Oe(["wx-blocks", {
-          "is-editing": m.value !== null,
+      V("div", {
+        class: De(["wx-blocks", {
+          "is-editing": p.value !== null,
           "has-preview": n(x) !== null && n(x).url.value !== null
         }])
       }, [
         (c(), O(Hl(z.value ? n(Ml) : "div"), ql(X.value, { class: "wx-blocks__side" }), {
           default: g(() => [
-            m.value ? W("", !0) : (c(), _("div", vs, [
-              A("div", bs, [
-                A("span", gs, y(n(a)("field.blocks")), 1),
+            p.value ? W("", !0) : (c(), _("div", vs, [
+              V("div", bs, [
+                V("span", gs, w(n(a)("field.blocks")), 1),
                 v(n(H), {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: g(() => [
-                    L(y(p.value.length), 1)
+                    L(w(m.value.length), 1)
                   ]),
                   _: 1
                 })
               ]),
-              A("div", ks, [
+              V("div", ks, [
                 v(ms, {
-                  nodes: p.value,
+                  nodes: m.value,
                   catalog: r.value,
-                  selected: f.value,
+                  max: e.max,
+                  selected: d.value,
                   disabled: e.disabled,
                   onSelect: q,
                   onAdd: Ee,
-                  onRemove: Se,
+                  onRemove: $e,
                   onDuplicate: b,
-                  onVisibility: E,
+                  onVisibility: T,
                   onReorder: M
-                }, null, 8, ["nodes", "catalog", "selected", "disabled"])
+                }, null, 8, ["nodes", "catalog", "max", "selected", "disabled"])
               ]),
-              A("div", ys, [
-                !e.disabled && (e.max === null || p.value.length < e.max) ? (c(), O(n(ue), {
+              V("div", ys, [
+                !e.disabled && (e.max === null || m.value.length < e.max) ? (c(), O(n(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
@@ -3328,84 +3346,84 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
                   onClick: D[0] || (D[0] = (j) => Ee(null, null, null))
                 }, {
                   default: g(() => [
-                    L(y(n(a)("field.add")), 1)
+                    L(w(n(a)("field.add")), 1)
                   ]),
                   _: 1
                 })) : W("", !0),
-                !z.value && n(x) && n(x).url.value ? (c(), O(n(ue), {
+                !z.value && n(x) && n(x).url.value ? (c(), O(n(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: D[1] || (D[1] = (j) => R.value?.open())
+                  onClick: D[1] || (D[1] = (j) => U.value?.open())
                 }, {
                   default: g(() => [
-                    L(y(n(a)("field.preview")), 1)
+                    L(w(n(a)("field.preview")), 1)
                   ]),
                   _: 1
                 })) : W("", !0)
               ])
             ])),
-            m.value ? (c(), _("div", ws, [
-              A("div", xs, [
-                A("span", _s, [
-                  w.value.length ? (c(), _("span", $s, [
-                    (c(!0), _(U, null, Y(w.value, (j) => (c(), _(U, {
+            p.value ? (c(), _("div", ws, [
+              V("div", xs, [
+                V("span", _s, [
+                  y.value.length ? (c(), _("span", $s, [
+                    (c(!0), _(R, null, Y(y.value, (j) => (c(), _(R, {
                       key: j.key
                     }, [
-                      A("button", {
+                      V("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
-                        onClick: (de) => q(j.key)
-                      }, y(j.title), 9, Ss),
-                      v(n(xe), { name: "chevron-right" })
+                        onClick: (Se) => q(j.key)
+                      }, w(j.title), 9, Ss),
+                      v(n(we), { name: "chevron-right" })
                     ], 64))), 128))
                   ])) : W("", !0),
-                  A("span", Cs, y(h.value?.title ?? m.value.node.type), 1)
+                  V("span", Cs, w(h.value?.title ?? p.value.node.type), 1)
                 ]),
-                A("span", Ts, [
-                  z.value ? W("", !0) : (c(), _("code", Es, y(m.value.node.type), 1)),
-                  v(n(Ge), {
+                V("span", Ts, [
+                  z.value ? W("", !0) : (c(), _("code", Es, w(p.value.node.type), 1)),
+                  v(n(Ye), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-up",
                     title: n(a)("field.previous"),
-                    disabled: T.value.previous === null,
-                    onClick: D[2] || (D[2] = (j) => T.value.previous && q(T.value.previous))
+                    disabled: $.value.previous === null,
+                    onClick: D[2] || (D[2] = (j) => $.value.previous && q($.value.previous))
                   }, null, 8, ["title", "disabled"]),
-                  v(n(Ge), {
+                  v(n(Ye), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-down",
                     title: n(a)("field.next"),
-                    disabled: T.value.next === null,
-                    onClick: D[3] || (D[3] = (j) => T.value.next && q(T.value.next))
+                    disabled: $.value.next === null,
+                    onClick: D[3] || (D[3] = (j) => $.value.next && q($.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !z.value && n(x) && n(x).url.value ? (c(), O(n(ue), {
+                  !z.value && n(x) && n(x).url.value ? (c(), O(n(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
                     "aria-label": n(a)("field.preview"),
-                    onClick: D[4] || (D[4] = (j) => R.value?.open())
+                    onClick: D[4] || (D[4] = (j) => U.value?.open())
                   }, null, 8, ["aria-label"])) : W("", !0),
-                  v(n(ue), {
+                  v(n(ce), {
                     size: "sm",
                     variant: "outline",
                     onClick: be
                   }, {
                     default: g(() => [
-                      L(y(z.value ? n(a)("field.done") : `${n(a)("field.done")} · Esc`), 1)
+                      L(w(z.value ? n(a)("field.done") : `${n(a)("field.done")} · Esc`), 1)
                     ]),
                     _: 1
                   })
                 ])
               ]),
-              A("div", Vs, [
+              V("div", Vs, [
                 h.value?.content ? (c(), O(n(al), {
-                  key: m.value.node.key,
-                  "model-value": m.value.node.values,
+                  key: p.value.node.key,
+                  "model-value": p.value.node.values,
                   root: He.value,
                   types: te.value,
                   translate: ve.value,
@@ -3418,7 +3436,7 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
                   tone: "danger"
                 }, {
                   default: g(() => [
-                    L(y(n(a)("field.unknown-type", { type: m.value.node.type })), 1)
+                    L(w(n(a)("field.unknown-type", { type: p.value.node.type })), 1)
                   ]),
                   _: 1
                 }))
@@ -3430,9 +3448,9 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         n(x) && n(x).url.value ? (c(), _("div", As, [
           v(ns, {
             ref_key: "previewEl",
-            ref: R,
+            ref: U,
             url: n(x).url.value,
-            selected: f.value,
+            selected: d.value,
             reload: n(x).reload?.value ?? 0,
             compact: z.value,
             onSelect: le,
@@ -3442,54 +3460,54 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       ], 2)
     ], 2));
   }
-}), Ls = /* @__PURE__ */ ae(Bs, [["__scopeId", "data-v-3952ee19"]]), Ws = { class: "wx-block-card__body" }, Ns = { class: "wx-block-card__title" }, zs = { class: "wx-block-card__chips" }, Ms = /* @__PURE__ */ se({
+}), Ls = /* @__PURE__ */ ie(Bs, [["__scopeId", "data-v-67dd92e8"]]), Ws = { class: "wx-block-card__body" }, Ns = { class: "wx-block-card__title" }, zs = { class: "wx-block-card__chips" }, Ms = /* @__PURE__ */ ae({
   __name: "BlockCard",
   props: {
     block: {},
     module: { default: null }
   },
   emits: ["open"],
-  setup(e, { emit: t }) {
-    const l = t, o = ce("webx-blocks");
+  setup(e, { emit: l }) {
+    const t = l, o = de("webx-blocks");
     return (a, i) => (c(), _("button", {
       type: "button",
       class: "wx-block-card",
-      onClick: i[0] || (i[0] = (s) => l("open", e.block))
+      onClick: i[0] || (i[0] = (s) => t("open", e.block))
     }, [
       v($l, {
         thumbnail: e.block.thumbnail,
-        height: n(we)(e.block) === "component" ? 180 : 120,
-        width: n(we)(e.block) === "component" ? 360 : void 0,
-        fit: n(we)(e.block) === "component"
+        height: n(ye)(e.block) === "component" ? 180 : 120,
+        width: n(ye)(e.block) === "component" ? 360 : void 0,
+        fit: n(ye)(e.block) === "component"
       }, null, 8, ["thumbnail", "height", "width", "fit"]),
-      A("div", Ws, [
-        A("div", Ns, y(e.block.title), 1),
+      V("div", Ws, [
+        V("div", Ns, w(e.block.title), 1),
         v(n(H), {
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            A("code", null, y(e.block.slug), 1),
+            V("code", null, w(e.block.slug), 1),
             i[1] || (i[1] = L(" · ", -1)),
-            n(we)(e.block) === "component" ? (c(), _(U, { key: 0 }, [
-              L(y(n(_l)(e.block.used_by?.length ?? 0, n(o))) + " ", 1),
-              e.module ? (c(), _(U, { key: 0 }, [
-                L("· " + y(n(o)("components.module", { module: e.module })), 1)
+            n(ye)(e.block) === "component" ? (c(), _(R, { key: 0 }, [
+              L(w(n(_l)(e.block.used_by?.length ?? 0, n(o))) + " ", 1),
+              e.module ? (c(), _(R, { key: 0 }, [
+                L("· " + w(n(o)("components.module", { module: e.module })), 1)
               ], 64)) : W("", !0)
-            ], 64)) : (c(), _(U, { key: 1 }, [
-              L(y(n(xl)(e.block.usage_count, n(o))), 1)
+            ], 64)) : (c(), _(R, { key: 1 }, [
+              L(w(n(xl)(e.block.usage_count, n(o))), 1)
             ], 64))
           ]),
           _: 1
         }),
-        A("div", zs, [
+        V("div", zs, [
           e.block.draft ? (c(), O(n(he), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
             default: g(() => [
-              L(y(n(o)("page.draft", { number: e.block.draft.number })), 1)
+              L(w(n(o)("page.draft", { number: e.block.draft.number })), 1)
             ]),
             _: 1
           })) : W("", !0),
@@ -3499,7 +3517,7 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             dot: ""
           }, {
             default: g(() => [
-              L(y(n(o)("page.live", { number: e.block.published.number })), 1)
+              L(w(n(o)("page.live", { number: e.block.published.number })), 1)
             ]),
             _: 1
           })) : (c(), O(n(he), {
@@ -3507,17 +3525,17 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             type: "default"
           }, {
             default: g(() => [
-              L(y(n(o)("page.never-published")), 1)
+              L(w(n(o)("page.never-published")), 1)
             ]),
             _: 1
           })),
-          !e.block.is_enabled && n(we)(e.block) !== "component" ? (c(), O(n(he), {
+          !e.block.is_enabled && n(ye)(e.block) !== "component" ? (c(), O(n(he), {
             key: 3,
             type: "default",
             variant: "outline"
           }, {
             default: g(() => [
-              L(y(n(o)("page.hidden")), 1)
+              L(w(n(o)("page.hidden")), 1)
             ]),
             _: 1
           })) : W("", !0)
@@ -3525,68 +3543,68 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       ])
     ]));
   }
-}), Kt = /* @__PURE__ */ ae(Ms, [["__scopeId", "data-v-1d29dfee"]]), Os = { class: "wx-block-create" }, Ds = { class: "wx-block-create__kind" }, Is = { class: "wx-block-create__kind-help" }, Ps = { class: "wx-block-create__kind" }, Us = { class: "wx-block-create__kind-help" }, Rs = /* @__PURE__ */ se({
+}), Jt = /* @__PURE__ */ ie(Ms, [["__scopeId", "data-v-1d29dfee"]]), Os = { class: "wx-block-create" }, Ds = { class: "wx-block-create__kind" }, Is = { class: "wx-block-create__kind-help" }, Ps = { class: "wx-block-create__kind" }, Us = { class: "wx-block-create__kind-help" }, Rs = /* @__PURE__ */ ae({
   __name: "BlockCreateDialog",
   setup(e) {
-    const { resolve: t, dismiss: l, open: o } = Qt(), a = nt(), i = Re(a);
-    De();
-    const s = ce("webx-blocks"), u = ot(), d = S(() => a.state.manifest?.modules.find((x) => x.id === "blocks")?.meta?.groups ?? ["content"]), r = I({
+    const { resolve: l, dismiss: t, open: o } = Qt(), a = lt(), i = Re(a);
+    Ie();
+    const s = de("webx-blocks"), u = nt(), f = S(() => a.state.manifest?.modules.find((x) => x.id === "blocks")?.meta?.groups ?? ["content"]), r = I({
       kind: "block",
       title: "",
       slug: "",
-      group: d.value[0] ?? "content"
-    }), p = I({}), f = I(!1), m = I(!1), h = S(
-      () => d.value.map((w) => ({ value: w, label: je(w, s) }))
+      group: f.value[0] ?? "content"
+    }), m = I({}), d = I(!1), p = I(!1), h = S(
+      () => f.value.map((y) => ({ value: y, label: je(y, s) }))
     );
-    function $(w) {
-      return w.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    function E(y) {
+      return y.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
-    oe(
+    se(
       () => r.value.title,
-      (w) => {
-        m.value || (r.value.slug = $(w));
+      (y) => {
+        p.value || (r.value.slug = E(y));
       }
     );
-    function V(w) {
-      return p.value[w]?.[0];
+    function A(y) {
+      return m.value[y]?.[0];
     }
-    async function T() {
-      f.value = !0, p.value = {};
+    async function $() {
+      d.value = !0, m.value = {};
       try {
-        const { group: w, ...x } = r.value;
-        t(await i.create(r.value.kind === "component" ? x : { ...x, group: w }));
-      } catch (w) {
-        const x = w.body;
-        x?.errors ? p.value = x.errors : K.danger(u(w, s("page.failed")));
+        const { group: y, ...x } = r.value;
+        l(await i.create(r.value.kind === "component" ? x : { ...x, group: y }));
+      } catch (y) {
+        const x = y.body;
+        x?.errors ? m.value = x.errors : J.danger(u(y, s("page.failed")));
       } finally {
-        f.value = !1;
+        d.value = !1;
       }
     }
-    return (w, x) => (c(), O(n(Xt), {
+    return (y, x) => (c(), O(n(Xt), {
       open: n(o),
-      "onUpdate:open": x[6] || (x[6] = (R) => ll(o) ? o.value = R : null),
+      "onUpdate:open": x[6] || (x[6] = (U) => ll(o) ? o.value = U : null),
       title: n(s)("page.new"),
       width: 520
     }, {
       footer: g(() => [
         v(n(Dl), { size: "sm" }, {
           default: g(() => [
-            v(n(ue), {
+            v(n(ce), {
               variant: "outline",
-              onClick: x[5] || (x[5] = (R) => n(l)())
+              onClick: x[5] || (x[5] = (U) => n(t)())
             }, {
               default: g(() => [
-                L(y(n(s)("page.cancel")), 1)
+                L(w(n(s)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            v(n(ue), {
+            v(n(ce), {
               type: "primary",
-              loading: f.value,
-              onClick: T
+              loading: d.value,
+              onClick: $
             }, {
               default: g(() => [
-                L(y(n(s)("page.create")), 1)
+                L(w(n(s)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -3595,29 +3613,29 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         })
       ]),
       default: g(() => [
-        A("div", Os, [
-          v(n(ne), {
+        V("div", Os, [
+          v(n(oe), {
             label: n(s)("components.kind"),
-            error: V("kind")
+            error: A("kind")
           }, {
             default: g(() => [
               v(n(Ol), {
                 modelValue: r.value.kind,
-                "onUpdate:modelValue": x[0] || (x[0] = (R) => r.value.kind = R),
+                "onUpdate:modelValue": x[0] || (x[0] = (U) => r.value.kind = U),
                 class: "wx-block-create__kinds"
               }, {
                 default: g(() => [
                   v(n(zt), { value: "block" }, {
                     default: g(() => [
-                      A("span", Ds, y(n(s)("components.kind-block")), 1),
-                      A("span", Is, y(n(s)("components.kind-block-help")), 1)
+                      V("span", Ds, w(n(s)("components.kind-block")), 1),
+                      V("span", Is, w(n(s)("components.kind-block-help")), 1)
                     ]),
                     _: 1
                   }),
                   v(n(zt), { value: "component" }, {
                     default: g(() => [
-                      A("span", Ps, y(n(s)("components.kind-component")), 1),
-                      A("span", Us, y(n(s)("components.kind-component-help")), 1)
+                      V("span", Ps, w(n(s)("components.kind-component")), 1),
+                      V("span", Us, w(n(s)("components.kind-component-help")), 1)
                     ]),
                     _: 1
                   })
@@ -3627,44 +3645,44 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          v(n(ne), {
+          v(n(oe), {
             label: n(s)("page.title"),
-            error: V("title")
+            error: A("title")
           }, {
             default: g(() => [
-              v(n(et), {
+              v(n(Xe), {
                 modelValue: r.value.title,
-                "onUpdate:modelValue": x[1] || (x[1] = (R) => r.value.title = R),
+                "onUpdate:modelValue": x[1] || (x[1] = (U) => r.value.title = U),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          v(n(ne), {
+          v(n(oe), {
             label: n(s)("page.identifier"),
             help: n(s)("page.identifier-help"),
-            error: V("slug")
+            error: A("slug")
           }, {
             default: g(() => [
-              v(n(et), {
+              v(n(Xe), {
                 modelValue: r.value.slug,
-                "onUpdate:modelValue": x[2] || (x[2] = (R) => r.value.slug = R),
+                "onUpdate:modelValue": x[2] || (x[2] = (U) => r.value.slug = U),
                 placeholder: "hero",
-                onInput: x[3] || (x[3] = (R) => m.value = !0)
+                onInput: x[3] || (x[3] = (U) => p.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          r.value.kind === "block" ? (c(), O(n(ne), {
+          r.value.kind === "block" ? (c(), O(n(oe), {
             key: 0,
             label: n(s)("page.group"),
             help: n(s)("page.group-help"),
-            error: V("group")
+            error: A("group")
           }, {
             default: g(() => [
-              v(n(yt), {
+              v(n(wt), {
                 modelValue: r.value.group,
-                "onUpdate:modelValue": x[4] || (x[4] = (R) => r.value.group = R),
+                "onUpdate:modelValue": x[4] || (x[4] = (U) => r.value.group = U),
                 options: h.value
               }, null, 8, ["modelValue", "options"])
             ]),
@@ -3675,13 +3693,13 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), js = /* @__PURE__ */ ae(Rs, [["__scopeId", "data-v-585106f0"]]), Fs = { class: "wx-block-declared" }, Hs = {
+}), js = /* @__PURE__ */ ie(Rs, [["__scopeId", "data-v-585106f0"]]), Fs = { class: "wx-block-declared" }, Hs = {
   class: "wx-block-declared__mark",
   "aria-hidden": "true"
-}, qs = { class: "wx-block-declared__body" }, Js = { class: "wx-block-declared__title" }, Ks = {
+}, qs = { class: "wx-block-declared__body" }, Ks = { class: "wx-block-declared__title" }, Js = {
   key: 1,
   class: "wx-block-declared__actions"
-}, Ys = /* @__PURE__ */ se({
+}, Ys = /* @__PURE__ */ ae({
   __name: "BlockDeclaredCard",
   props: {
     declared: {},
@@ -3690,23 +3708,23 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
     busy: { type: Boolean, default: !1 }
   },
   emits: ["customise"],
-  setup(e, { emit: t }) {
-    const l = t;
-    De();
-    const o = ce("webx-blocks");
+  setup(e, { emit: l }) {
+    const t = l;
+    Ie();
+    const o = de("webx-blocks");
     return (a, i) => (c(), _("div", Fs, [
-      A("div", Hs, [
-        v(n(xe), { name: "sliders" })
+      V("div", Hs, [
+        v(n(we), { name: "sliders" })
       ]),
-      A("div", qs, [
-        A("div", Js, y(e.declared.title), 1),
+      V("div", qs, [
+        V("div", Ks, w(e.declared.title), 1),
         v(n(H), {
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            A("code", null, y(e.declared.slug), 1),
-            L(" · " + y(n(o)("components.standard", { module: e.module })), 1)
+            V("code", null, w(e.declared.slug), 1),
+            L(" · " + w(n(o)("components.standard", { module: e.module })), 1)
           ]),
           _: 1
         }),
@@ -3716,7 +3734,7 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
           tone: "muted"
         }, {
           default: g(() => [
-            L(y(e.declared.description), 1)
+            L(w(e.declared.description), 1)
           ]),
           _: 1
         })) : W("", !0),
@@ -3726,18 +3744,18 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
           class: "wx-block-declared__help"
         }, {
           default: g(() => [
-            L(y(n(o)("components.standard-help")), 1)
+            L(w(n(o)("components.standard-help")), 1)
           ]),
           _: 1
         }),
-        e.canManage ? (c(), _("div", Ks, [
-          v(n(ue), {
+        e.canManage ? (c(), _("div", Js, [
+          v(n(ce), {
             size: "sm",
             loading: e.busy,
-            onClick: i[0] || (i[0] = (s) => l("customise", e.declared))
+            onClick: i[0] || (i[0] = (s) => t("customise", e.declared))
           }, {
             default: g(() => [
-              L(y(n(o)("components.customise")), 1)
+              L(w(n(o)("components.customise")), 1)
             ]),
             _: 1
           }, 8, ["loading"])
@@ -3745,7 +3763,7 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       ])
     ]));
   }
-}), Gs = /* @__PURE__ */ ae(Ys, [["__scopeId", "data-v-3c4079a4"]]), Zs = {
+}), Gs = /* @__PURE__ */ ie(Ys, [["__scopeId", "data-v-3c4079a4"]]), Zs = {
   key: 1,
   class: "wx-blocks-page__toolbar"
 }, Qs = { class: "wx-blocks-page__cards" }, Xs = { class: "wx-blocks-page__ghost-body" }, ea = {
@@ -3757,116 +3775,116 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
 }, na = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, oa = { class: "wx-blocks-page__cards" }, Ke = "@components", sa = /* @__PURE__ */ se({
+}, oa = { class: "wx-blocks-page__cards" }, Ke = "@components", sa = /* @__PURE__ */ ae({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
-    const t = e, l = nt(), o = Re(l), a = sl();
-    De();
-    const i = ce("webx-blocks"), s = ot(), u = I([]), d = I([]), r = I(!0), p = I(""), f = I(""), m = I(null), h = tl(js), $ = S(() => {
-      const b = l.state.manifest?.modules.find((E) => E.id === "blocks")?.meta;
+    const l = e, t = lt(), o = Re(t), a = sl();
+    Ie();
+    const i = de("webx-blocks"), s = nt(), u = I([]), f = I([]), r = I(!0), m = I(""), d = I(""), p = I(null), h = tl(js), E = S(() => {
+      const b = t.state.manifest?.modules.find((T) => T.id === "blocks")?.meta;
       return {
         groups: b?.groups ?? [],
         editing: b?.editing ?? !0,
         provides: b?.provides ?? []
       };
-    }), V = S(() => l.can("blocks.manage") && $.value.editing), T = S(
-      () => l.state.manifest?.modules.find((b) => b.id === "blocks")?.title ?? i("module.title")
-    ), w = S(() => u.value.filter((b) => we(b) === "block")), x = S(() => u.value.filter((b) => we(b) === "component")), R = S(() => d.value.filter((b) => !b.customised)), Z = S(() => x.value.length > 0 || R.value.length > 0);
+    }), A = S(() => t.can("blocks.manage") && E.value.editing), $ = S(
+      () => t.state.manifest?.modules.find((b) => b.id === "blocks")?.title ?? i("module.title")
+    ), y = S(() => u.value.filter((b) => ye(b) === "block")), x = S(() => u.value.filter((b) => ye(b) === "component")), U = S(() => f.value.filter((b) => !b.customised)), Z = S(() => x.value.length > 0 || U.value.length > 0);
     function G(b) {
-      return l.state.manifest?.modules.find((E) => E.id === b)?.title ?? b.charAt(0).toUpperCase() + b.slice(1);
+      return t.state.manifest?.modules.find((T) => T.id === b)?.title ?? b.charAt(0).toUpperCase() + b.slice(1);
     }
-    function ie(b) {
-      const E = d.value.find((M) => M.slug === b);
-      return E ? G(E.module) : null;
+    function re(b) {
+      const T = f.value.find((M) => M.slug === b);
+      return T ? G(T.module) : null;
     }
     function z(b) {
-      const E = p.value.trim().toLowerCase();
-      return E === "" || b.some((M) => (M ?? "").toLowerCase().includes(E));
+      const T = m.value.trim().toLowerCase();
+      return T === "" || b.some((M) => (M ?? "").toLowerCase().includes(T));
     }
-    const P = S(() => f.value === Ke ? [] : (f.value === "" ? w.value : w.value.filter((E) => E.group === f.value)).filter((E) => z([E.title, E.slug, E.description]))), Q = S(
-      () => f.value === "" || f.value === Ke ? x.value.filter((b) => z([b.title, b.slug, b.description])) : []
+    const P = S(() => d.value === Ke ? [] : (d.value === "" ? y.value : y.value.filter((T) => T.group === d.value)).filter((T) => z([T.title, T.slug, T.description]))), Q = S(
+      () => d.value === "" || d.value === Ke ? x.value.filter((b) => z([b.title, b.slug, b.description])) : []
     ), X = S(
-      () => f.value === "" || f.value === Ke ? R.value.filter((b) => z([b.title, b.slug, b.description])) : []
-    ), _e = S(() => {
-      const b = [...$.value.groups];
-      for (const E of w.value)
-        b.includes(E.group) || b.push(E.group);
-      return b.filter((E) => w.value.some((M) => M.group === E));
-    }), re = S(() => {
-      const b = _e.value.map((M) => ({ value: M, label: je(M, i) })), E = Z.value ? [{ value: Ke, label: i("components.components") }] : [];
-      return b.length + E.length < 2 ? [] : [{ value: "", label: i("page.all-groups") }, ...b, ...E];
+      () => d.value === "" || d.value === Ke ? U.value.filter((b) => z([b.title, b.slug, b.description])) : []
+    ), xe = S(() => {
+      const b = [...E.value.groups];
+      for (const T of y.value)
+        b.includes(T.group) || b.push(T.group);
+      return b.filter((T) => y.value.some((M) => M.group === T));
+    }), ue = S(() => {
+      const b = xe.value.map((M) => ({ value: M, label: je(M, i) })), T = Z.value ? [{ value: Ke, label: i("components.components") }] : [];
+      return b.length + T.length < 2 ? [] : [{ value: "", label: i("page.all-groups") }, ...b, ...T];
     }), te = S(() => {
-      const b = _e.value.map((q) => ({
+      const b = xe.value.map((q) => ({
         id: q,
         label: je(q, i),
         blocks: P.value.filter((le) => le.group === q)
       })).filter((q) => q.blocks.length > 0);
-      return f.value !== "" || P.value.length <= 5 || p.value.trim() !== "" || b.length < 2 ? P.value.length === 0 ? [] : [{ id: "", label: f.value === "" && Q.value.length + X.value.length > 0 ? i("components.blocks") : "", blocks: P.value }] : b;
+      return d.value !== "" || P.value.length <= 5 || m.value.trim() !== "" || b.length < 2 ? P.value.length === 0 ? [] : [{ id: "", label: d.value === "" && Q.value.length + X.value.length > 0 ? i("components.blocks") : "", blocks: P.value }] : b;
     }), ve = S(
-      () => f.value === Ke || P.value.length === 0 ? "" : i("components.components")
-    ), Te = S(() => u.value.length === 0 && R.value.length === 0);
-    async function Be() {
+      () => d.value === Ke || P.value.length === 0 ? "" : i("components.components")
+    ), Te = S(() => u.value.length === 0 && U.value.length === 0);
+    async function Le() {
       r.value = !0;
       try {
         const b = await o.index();
-        u.value = b.blocks, d.value = b.declared;
+        u.value = b.blocks, f.value = b.declared;
       } catch (b) {
-        K.danger(s(b));
+        J.danger(s(b));
       } finally {
         r.value = !1;
       }
     }
-    function J(b) {
-      a.push(`${t.base}/${b.id}`);
+    function K(b) {
+      a.push(`${l.base}/${b.id}`);
     }
     async function Ee() {
       const b = await h({});
-      b && J(b);
+      b && K(b);
     }
-    async function $e(b) {
-      m.value = b.slug;
+    async function _e(b) {
+      p.value = b.slug;
       try {
-        const E = await o.customise(b.slug);
-        K.success(i("components.customised")), J(E);
-      } catch (E) {
-        const M = E.body;
-        if (E.status === 409 && typeof M?.id == "number") {
-          J({ id: M.id });
+        const T = await o.customise(b.slug);
+        J.success(i("components.customised")), K(T);
+      } catch (T) {
+        const M = T.body;
+        if (T.status === 409 && typeof M?.id == "number") {
+          K({ id: M.id });
           return;
         }
-        K.danger(s(E, i("components.customise-failed")));
+        J.danger(s(T, i("components.customise-failed")));
       } finally {
-        m.value = null;
+        p.value = null;
       }
     }
-    tt(Be);
-    const Se = S(
-      () => V.value ? [{ key: "new", label: i("page.new"), icon: "plus", primary: !0, run: () => {
+    et(Le);
+    const $e = S(
+      () => A.value ? [{ key: "new", label: i("page.new"), icon: "plus", primary: !0, run: () => {
         Ee();
       } }] : []
     );
-    return (b, E) => (c(), O(n(Xl), {
-      view: f.value,
-      "onUpdate:view": E[1] || (E[1] = (M) => f.value = M),
+    return (b, T) => (c(), O(n(Xl), {
+      view: d.value,
+      "onUpdate:view": T[1] || (T[1] = (M) => d.value = M),
       class: "wx-blocks-page",
-      title: T.value,
-      views: re.value,
-      actions: Se.value
+      title: $.value,
+      views: ue.value,
+      actions: $e.value
     }, {
       default: g(() => [
-        $.value.editing ? W("", !0) : (c(), O(n(Gt), {
+        E.value.editing ? W("", !0) : (c(), O(n(Gt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: n(i)("page.editing-off")
         }, null, 8, ["description"])),
         r.value || !Te.value ? (c(), _("div", Zs, [
-          v(n(et), {
-            modelValue: p.value,
-            "onUpdate:modelValue": E[0] || (E[0] = (M) => p.value = M),
+          v(n(Xe), {
+            modelValue: m.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (M) => m.value = M),
             class: "wx-blocks-page__search",
             placeholder: n(i)("page.search"),
             clearable: ""
@@ -3874,8 +3892,8 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         ])) : W("", !0),
         r.value ? (c(), O(n(Ue), { key: 2 }, {
           template: g(() => [
-            A("div", Qs, [
-              (c(), _(U, null, Y(4, (M) => A("div", {
+            V("div", Qs, [
+              (c(), _(R, null, Y(4, (M) => V("div", {
                 key: M,
                 class: "wx-blocks-page__ghost"
               }, [
@@ -3884,7 +3902,7 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                A("div", Xs, [
+                V("div", Xs, [
                   v(n(it), {
                     variant: "title",
                     width: "45%"
@@ -3908,36 +3926,36 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
           icon: "grid",
           title: n(i)("page.empty"),
           description: n(i)("page.empty-help")
-        }, null, 8, ["title", "description"])) : (c(), _(U, { key: 4 }, [
-          (c(!0), _(U, null, Y(te.value, (M) => (c(), _("section", {
+        }, null, 8, ["title", "description"])) : (c(), _(R, { key: 4 }, [
+          (c(!0), _(R, null, Y(te.value, (M) => (c(), _("section", {
             key: M.id,
             class: "wx-blocks-page__group"
           }, [
-            M.label ? (c(), _("div", ea, y(M.label), 1)) : W("", !0),
-            A("div", ta, [
-              (c(!0), _(U, null, Y(M.blocks, (q) => (c(), O(Kt, {
+            M.label ? (c(), _("div", ea, w(M.label), 1)) : W("", !0),
+            V("div", ta, [
+              (c(!0), _(R, null, Y(M.blocks, (q) => (c(), O(Jt, {
                 key: q.id,
                 block: q,
-                onOpen: J
+                onOpen: K
               }, null, 8, ["block"]))), 128))
             ])
           ]))), 128)),
           Q.value.length > 0 || X.value.length > 0 ? (c(), _("section", la, [
-            ve.value ? (c(), _("div", na, y(ve.value), 1)) : W("", !0),
-            A("div", oa, [
-              (c(!0), _(U, null, Y(Q.value, (M) => (c(), O(Kt, {
+            ve.value ? (c(), _("div", na, w(ve.value), 1)) : W("", !0),
+            V("div", oa, [
+              (c(!0), _(R, null, Y(Q.value, (M) => (c(), O(Jt, {
                 key: M.id,
                 block: M,
-                module: ie(M.slug),
-                onOpen: J
+                module: re(M.slug),
+                onOpen: K
               }, null, 8, ["block", "module"]))), 128)),
-              (c(!0), _(U, null, Y(X.value, (M) => (c(), O(Gs, {
+              (c(!0), _(R, null, Y(X.value, (M) => (c(), O(Gs, {
                 key: M.slug,
                 declared: M,
                 module: G(M.module),
-                "can-manage": V.value,
-                busy: m.value === M.slug,
-                onCustomise: $e
+                "can-manage": A.value,
+                busy: p.value === M.slug,
+                onCustomise: _e
               }, null, 8, ["declared", "module", "can-manage", "busy"]))), 128))
             ])
           ])) : W("", !0)
@@ -3946,19 +3964,19 @@ const Jt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), aa = /* @__PURE__ */ ae(sa, [["__scopeId", "data-v-02ee019d"]]);
+}), aa = /* @__PURE__ */ ie(sa, [["__scopeId", "data-v-02ee019d"]]);
 function ba(e = {}) {
-  const t = e.path ?? "/blocks";
+  const l = e.path ?? "/blocks";
   return {
     id: "blocks",
-    path: t,
+    path: l,
     routes: [
-      { path: t, name: "webx.blocks", component: aa, props: { base: t } },
+      { path: l, name: "webx.blocks", component: aa, props: { base: l } },
       {
-        path: `${t}/:id(\\d+)`,
+        path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
         component: Po,
-        props: { base: t }
+        props: { base: l }
       }
     ],
     // What a screen means by `wx-blocks`: the content of an entity as a tree of blocks. A
@@ -3970,7 +3988,7 @@ function ba(e = {}) {
         kind: "field",
         nested: !0,
         wide: !0,
-        bind: () => ({ blocksPath: t })
+        bind: () => ({ blocksPath: l })
       },
       // The two inputs only a component's schema has (§3.3): a structure passed from code,
       // edited in the sample form as the JSON it is, and a piece of markup the caller puts
@@ -3993,22 +4011,22 @@ export {
   aa as WxBlocksPage,
   ba as blocks,
   on as blocksMessages,
-  Vt as blocksPreviewKey,
+  At as blocksPreviewKey,
   bo as callTag,
   ml as cloneNode,
   An as countType,
   Re as createBlocksApi,
   il as findRange,
-  Tt as formSchema,
-  vt as highlightBlock,
+  Et as formSchema,
+  bt as highlightBlock,
   jt as insertNode,
   dl as isNode,
   ft as isNodeList,
-  we as kindOf,
+  ye as kindOf,
   fo as lintBlock,
   me as locate,
   Vn as makeNode,
-  _t as newKey,
+  $t as newKey,
   ha as provideBlocksPreview,
   Nn as removeNode,
   rl as replaceBlock,
@@ -4018,6 +4036,6 @@ export {
   mo as undeclared,
   zn as updateValues,
   va as useBlocksPreview,
-  st as walk
+  ot as walk
 };
 //# sourceMappingURL=index.js.map