npm - @webx-ui/module-blocks - Versions diffs - 0.5.1 → 0.6.0 - Mend

@webx-ui/module-blocks 0.5.1 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -1,29 +1,29 @@
-import { defineComponent as Q, computed as C, openBlock as i, createElementBlock as V, createVNode as u, unref as e, createElementVNode as $, createTextVNode as _, toDisplayString as v, Fragment as H, createCommentVNode as L, renderList as te, ref as U, onMounted as Te, watch as ie, createBlock as W, withCtx as d, normalizeStyle as ce, reactive as je, onBeforeUnmount as Je, resolveComponent as ft, isRef as vt, normalizeClass as be, withKeys as et, withModifiers as tt, provide as mt, inject as Ne, useModel as It, getCurrentInstance as Ut, mergeModels as Nt, createSlots as Pt } from "vue";
-import { useRoute as Mt, useRouter as ht } from "vue-router";
-import { useTranslate as le, useAdmin as Be, useErrorText as Ce, WxDate as Ot, WxBackButton as Dt, WxRenameButton as Rt, WxHelpButton as jt, WxRowMenu as Ht, adminKey as Ft, WxListScreen as qt } from "@webx-ui/module-admin";
-import { WxIcon as oe, WxSkeleton as he, WxText as j, WxBadge as J, WxButton as q, confirm as Me, toast as F, useElementWidth as Ke, WxSegmented as bt, WxCard as ve, WxAlert as gt, WxTabs as Jt, WxTab as me, WxCodeEditor as Ie, WxFormItem as Y, WxInput as ge, WxSelect as kt, WxTextarea as Kt, WxInputNumber as lt, WxTagsInput as nt, WxSwitch as Zt, WxActionBar as Gt, useModal as yt, WxDialog as wt, WxEmpty as _t, WxSortableList as Yt, createModal as xt, WxSpace as Qt, WxSkeletonItem as Ue } from "@webx-ui/core";
-import { WxScreenRenderer as $t, coreTypes as He } from "@webx-ui/schema";
-function ke(t) {
-  const l = `${t.apiPath}/blocks`, s = (n) => n.data;
+import { defineComponent as te, computed as T, openBlock as i, createElementBlock as x, createVNode as u, unref as e, createElementVNode as W, createTextVNode as E, toDisplayString as y, Fragment as j, createCommentVNode as z, renderList as ee, ref as N, onMounted as Ue, watch as fe, createBlock as L, withCtx as c, normalizeStyle as we, reactive as Ze, onBeforeUnmount as Xe, resolveComponent as kt, isRef as yt, normalizeClass as Be, nextTick as Rt, withKeys as st, withModifiers as it, provide as wt, inject as He, useModel as Ht, getCurrentInstance as jt, resolveDynamicComponent as Ft, mergeProps as qt, mergeModels as Jt } from "vue";
+import { useRoute as Kt, useRouter as _t } from "vue-router";
+import { useTranslate as re, useAdmin as Ie, useErrorText as Ne, WxDate as Zt, WxScreenHead as Gt, WxRenameButton as Yt, WxHelpButton as Qt, WxRowMenu as Xt, adminKey as el, WxListScreen as tl } from "@webx-ui/module-admin";
+import { WxIcon as ve, WxSkeleton as Ce, WxText as F, WxBadge as Y, WxButton as ie, confirm as Fe, toast as J, useElementWidth as qe, WxSegmented as xt, WxCard as Se, WxAlert as $t, WxTabs as ll, WxTab as Ve, WxCodeEditor as De, WxFormItem as X, WxInput as Ee, WxSelect as Tt, WxTextarea as nl, WxInputNumber as rt, WxTagsInput as ut, WxSwitch as al, WxActionBar as ol, useModal as St, WxDialog as Vt, WxEmpty as Ct, WxAction as Le, WxSortableList as sl, createModal as Bt, WxDrawer as il, WxSpace as rl, WxSkeletonItem as Re } from "@webx-ui/core";
+import { WxScreenRenderer as Et, coreTypes as Ge } from "@webx-ui/schema";
+function We(t) {
+  const l = `${t.apiPath}/blocks`, o = (n) => n.data;
   return {
-    list: () => t.http.get(l).then(s),
-    catalog: () => t.http.get(`${l}/catalog`).then(s),
-    get: (n) => t.http.get(`${l}/${n}`).then(s),
-    create: (n) => t.http.post(l, n).then(s),
-    update: (n, o) => t.http.put(`${l}/${n}`, o).then(s),
+    list: () => t.http.get(l).then(o),
+    catalog: () => t.http.get(`${l}/catalog`).then(o),
+    get: (n) => t.http.get(`${l}/${n}`).then(o),
+    create: (n) => t.http.post(l, n).then(o),
+    update: (n, s) => t.http.put(`${l}/${n}`, s).then(o),
     remove: (n) => t.http.delete(`${l}/${n}`),
-    publish: (n) => t.http.post(`${l}/${n}/publish`, {}).then(s),
-    render: (n, o = {}) => t.http.post(`${l}/${n}/render`, o).then(s),
-    usage: (n) => t.http.get(`${l}/${n}/usage`).then(s),
-    versions: (n) => t.http.get(`${l}/${n}/versions`).then(s),
-    version: (n, o) => t.http.get(`${l}/${n}/versions/${o}`).then(s),
-    restore: (n, o) => t.http.post(`${l}/${n}/versions/${o}/restore`, {}).then(s)
+    publish: (n) => t.http.post(`${l}/${n}/publish`, {}).then(o),
+    render: (n, s = {}) => t.http.post(`${l}/${n}/render`, s).then(o),
+    usage: (n) => t.http.get(`${l}/${n}/usage`).then(o),
+    versions: (n) => t.http.get(`${l}/${n}/versions`).then(o),
+    version: (n, s) => t.http.get(`${l}/${n}/versions/${s}`).then(o),
+    restore: (n, s) => t.http.post(`${l}/${n}/versions/${s}/restore`, {}).then(o)
   };
 }
-const Xt = { class: "wx-block-checks" }, el = {
+const ul = { class: "wx-block-checks" }, cl = {
   key: 0,
   class: "wx-block-checks__line is-error"
-}, tl = /* @__PURE__ */ Q({
+}, dl = /* @__PURE__ */ te({
   __name: "BlockChecks",
   props: {
     file: {},
@@ -32,50 +32,50 @@ const Xt = { class: "wx-block-checks" }, el = {
     error: {}
   },
   setup(t) {
-    const l = t, s = le("webx-blocks"), n = C(() => l.lints.filter((r) => r.file === l.file)), o = C(() => {
-      const r = new Set(n.value.map((m) => m.code)), a = [];
-      return l.file === "template" && (r.has("no-marker") || a.push(s("checks.ok-marker")), r.has("variables-missing") || a.push(s("checks.ok-variables"))), l.file === "styles" && (r.has("stray-selectors") || a.push(s("checks.ok-prefix", { slug: l.slug })), r.has("bare-selectors") || a.push(s("checks.ok-bare")), r.has("media-query") || a.push(s("checks.ok-container"))), a;
+    const l = t, o = re("webx-blocks"), n = T(() => l.lints.filter((r) => r.file === l.file)), s = T(() => {
+      const r = new Set(n.value.map((h) => h.code)), a = [];
+      return l.file === "template" && (r.has("no-marker") || a.push(o("checks.ok-marker")), r.has("variables-missing") || a.push(o("checks.ok-variables"))), l.file === "styles" && (r.has("stray-selectors") || a.push(o("checks.ok-prefix", { slug: l.slug })), r.has("bare-selectors") || a.push(o("checks.ok-bare")), r.has("media-query") || a.push(o("checks.ok-container"))), a;
     });
-    return (r, a) => (i(), V("div", Xt, [
-      t.error ? (i(), V("div", el, [
-        u(e(oe), { name: "close-circle" }),
-        $("span", null, [
-          _(v(t.error.message) + " ", 1),
-          t.error.line !== null ? (i(), V(H, { key: 0 }, [
-            _(" · " + v(e(s)("page.line", { line: t.error.line })), 1)
-          ], 64)) : L("", !0),
-          t.error.where ? (i(), V(H, { key: 1 }, [
-            _(" · " + v(t.error.where), 1)
-          ], 64)) : L("", !0)
+    return (r, a) => (i(), x("div", ul, [
+      t.error ? (i(), x("div", cl, [
+        u(e(ve), { name: "close-circle" }),
+        W("span", null, [
+          E(y(t.error.message) + " ", 1),
+          t.error.line !== null ? (i(), x(j, { key: 0 }, [
+            E(" · " + y(e(o)("page.line", { line: t.error.line })), 1)
+          ], 64)) : z("", !0),
+          t.error.where ? (i(), x(j, { key: 1 }, [
+            E(" · " + y(t.error.where), 1)
+          ], 64)) : z("", !0)
         ])
-      ])) : L("", !0),
-      (i(!0), V(H, null, te(n.value, (m) => (i(), V("div", {
-        key: m.code,
+      ])) : z("", !0),
+      (i(!0), x(j, null, ee(n.value, (h) => (i(), x("div", {
+        key: h.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        u(e(oe), { name: "warning" }),
-        $("span", null, [
-          _(v(m.message) + " ", 1),
-          m.line !== null ? (i(), V(H, { key: 0 }, [
-            _(" · " + v(e(s)("page.line", { line: m.line })), 1)
-          ], 64)) : L("", !0)
+        u(e(ve), { name: "warning" }),
+        W("span", null, [
+          E(y(h.message) + " ", 1),
+          h.line !== null ? (i(), x(j, { key: 0 }, [
+            E(" · " + y(e(o)("page.line", { line: h.line })), 1)
+          ], 64)) : z("", !0)
         ])
       ]))), 128)),
-      (i(!0), V(H, null, te(o.value, (m) => (i(), V("div", {
-        key: m,
+      (i(!0), x(j, null, ee(s.value, (h) => (i(), x("div", {
+        key: h,
         class: "wx-block-checks__line is-ok"
       }, [
-        u(e(oe), { name: "check" }),
-        $("span", null, v(m), 1)
+        u(e(ve), { name: "check" }),
+        W("span", null, y(h), 1)
       ]))), 128))
     ]));
   }
-}), X = (t, l) => {
-  const s = t.__vccOpts || t;
-  for (const [n, o] of l)
-    s[n] = o;
-  return s;
-}, at = /* @__PURE__ */ X(tl, [["__scopeId", "data-v-e56947a8"]]), ll = { class: "wx-block-history" }, nl = { class: "wx-block-history__number" }, al = { class: "wx-block-history__who" }, sl = /* @__PURE__ */ Q({
+}), le = (t, l) => {
+  const o = t.__vccOpts || t;
+  for (const [n, s] of l)
+    o[n] = s;
+  return o;
+}, ct = /* @__PURE__ */ le(dl, [["__scopeId", "data-v-e56947a8"]]), pl = { class: "wx-block-history" }, vl = { class: "wx-block-history__number" }, fl = { class: "wx-block-history__who" }, ml = /* @__PURE__ */ te({
   __name: "BlockHistory",
   props: {
     block: {},
@@ -83,212 +83,212 @@ const Xt = { class: "wx-block-checks" }, el = {
   },
   emits: ["restored"],
   setup(t, { emit: l }) {
-    const s = t, n = l, o = Be(), r = ke(o), a = le("webx-blocks"), m = Ce(), A = U(null);
-    async function p() {
-      A.value = await r.versions(s.block.id);
+    const o = t, n = l, s = Ie(), r = We(s), a = re("webx-blocks"), h = Ne(), I = N(null);
+    async function d() {
+      I.value = await r.versions(o.block.id);
     }
-    function y(c) {
-      return s.block.draft?.number === c.number ? "draft" : s.block.published?.number === c.number ? "live" : "replaced";
+    function p(f) {
+      return o.block.draft?.number === f.number ? "draft" : o.block.published?.number === f.number ? "live" : "replaced";
     }
-    async function g(c) {
-      if (await Me({
-        title: a("page.restore-title", { number: c.number }),
+    async function b(f) {
+      if (await Fe({
+        title: a("page.restore-title", { number: f.number }),
         message: a("page.restore-text"),
         confirmText: a("page.restore"),
         cancelText: a("page.cancel")
       }))
         try {
-          const f = await r.restore(s.block.id, c.number);
-          F.success(a("page.restored", { number: f.draft?.number ?? c.number })), n("restored", f), await p();
-        } catch (f) {
-          F.danger(m(f));
+          const B = await r.restore(o.block.id, f.number);
+          J.success(a("page.restored", { number: B.draft?.number ?? f.number })), n("restored", B), await d();
+        } catch (B) {
+          J.danger(h(B));
         }
     }
-    return Te(p), ie(
-      () => [s.block.draft?.number, s.block.published?.number],
+    return Ue(d), fe(
+      () => [o.block.draft?.number, o.block.published?.number],
       () => {
-        p();
+        d();
       }
-    ), (c, T) => (i(), V("div", ll, [
-      A.value === null ? (i(), W(e(he), {
+    ), (f, k) => (i(), x("div", pl, [
+      I.value === null ? (i(), L(e(Ce), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (i(!0), V(H, { key: 1 }, te(A.value, (f) => (i(), V("div", {
-        key: f.number,
+      })) : (i(!0), x(j, { key: 1 }, ee(I.value, (B) => (i(), x("div", {
+        key: B.number,
         class: "wx-block-history__row"
       }, [
-        $("code", nl, v(e(a)("page.version", { number: f.number })), 1),
-        $("div", al, [
-          u(e(j), null, {
-            default: d(() => [
-              _(v(e(a)(`page.version-${y(f)}`)), 1)
+        W("code", vl, y(e(a)("page.version", { number: B.number })), 1),
+        W("div", fl, [
+          u(e(F), null, {
+            default: c(() => [
+              E(y(e(a)(`page.version-${p(B)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          u(e(j), {
+          u(e(F), {
             size: "sm",
             tone: "muted"
           }, {
-            default: d(() => [
-              f.created_at ? (i(), W(e(Ot), {
+            default: c(() => [
+              B.created_at ? (i(), L(e(Zt), {
                 key: 0,
-                value: f.created_at
-              }, null, 8, ["value"])) : L("", !0),
-              _(" · " + v(f.author ?? e(a)(`page.source-${f.source}`)) + " ", 1),
-              f.comment ? (i(), V(H, { key: 1 }, [
-                _(" · " + v(f.comment), 1)
-              ], 64)) : L("", !0)
+                value: B.created_at
+              }, null, 8, ["value"])) : z("", !0),
+              E(" · " + y(B.author ?? e(a)(`page.source-${B.source}`)) + " ", 1),
+              B.comment ? (i(), x(j, { key: 1 }, [
+                E(" · " + y(B.comment), 1)
+              ], 64)) : z("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        y(f) === "draft" ? (i(), W(e(J), {
+        p(B) === "draft" ? (i(), L(e(Y), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
-          default: d(() => [
-            _(v(e(a)("page.version-draft")), 1)
+          default: c(() => [
+            E(y(e(a)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : y(f) === "live" ? (i(), W(e(J), {
+        })) : p(B) === "live" ? (i(), L(e(Y), {
           key: 1,
           type: "success",
           dot: ""
         }, {
-          default: d(() => [
-            _(v(e(a)("page.version-live")), 1)
+          default: c(() => [
+            E(y(e(a)("page.version-live")), 1)
           ]),
           _: 1
-        })) : L("", !0),
-        t.canManage && y(f) === "replaced" ? (i(), W(e(q), {
+        })) : z("", !0),
+        t.canManage && p(B) === "replaced" ? (i(), L(e(ie), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (S) => g(f)
+          onClick: (V) => b(B)
         }, {
-          default: d(() => [
-            _(v(e(a)("page.restore")), 1)
+          default: c(() => [
+            E(y(e(a)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : L("", !0)
+        }, 8, ["onClick"])) : z("", !0)
       ]))), 128))
     ]));
   }
-}), ol = /* @__PURE__ */ X(sl, [["__scopeId", "data-v-42c6b7ad"]]), Se = "wx-preview-selected", Pe = "wx-preview-hover", st = "wx-preview-style";
-function Vt(t, l) {
+}), hl = /* @__PURE__ */ le(ml, [["__scopeId", "data-v-42c6b7ad"]]), ze = "wx-preview-selected", je = "wx-preview-hover", dt = "wx-preview-style";
+function Wt(t, l) {
   const n = (t.ownerDocument ?? t).createTreeWalker(
     t,
     128
     /* NodeFilter.SHOW_COMMENT */
   );
-  let o = null;
+  let s = null;
   for (let r = n.nextNode(); r; r = n.nextNode()) {
     const a = r.data.trim();
-    if (o === null && a === `wx:${l}`)
-      o = r;
-    else if (o !== null && a === `/wx:${l}`)
-      return { start: o, end: r };
+    if (s === null && a === `wx:${l}`)
+      s = r;
+    else if (s !== null && a === `/wx:${l}`)
+      return { start: s, end: r };
   }
   return null;
 }
-function il(t, l, s) {
-  const n = Vt(t, l);
+function bl(t, l, o) {
+  const n = Wt(t, l);
   if (!n) return !1;
-  const o = n.start.parentNode;
-  if (!o) return !1;
+  const s = n.start.parentNode;
+  if (!s) return !1;
   const r = t.createElement("template");
-  r.innerHTML = s;
+  r.innerHTML = o;
   const a = n.end.nextSibling;
-  let m = n.start;
-  for (; m; ) {
-    const g = m.nextSibling, c = m === n.end;
-    if (o.removeChild(m), c) break;
-    m = g;
+  let h = n.start;
+  for (; h; ) {
+    const b = h.nextSibling, f = h === n.end;
+    if (s.removeChild(h), f) break;
+    h = b;
   }
-  const A = r.content, p = Array.from(A.childNodes);
-  o.insertBefore(A, a);
-  const y = t.defaultView?.webx;
-  if (y?.mount)
-    for (const g of p)
-      g.nodeType === 1 && y.mount(g);
+  const I = r.content, d = Array.from(I.childNodes);
+  s.insertBefore(I, a);
+  const p = t.defaultView?.webx;
+  if (p?.mount)
+    for (const b of d)
+      b.nodeType === 1 && p.mount(b);
   return !0;
 }
-function Ze(t, l) {
-  const s = Vt(t, l);
-  if (!s) return null;
-  for (let n = s.start.nextSibling; n && n !== s.end; n = n.nextSibling)
+function et(t, l) {
+  const o = Wt(t, l);
+  if (!o) return null;
+  for (let n = o.start.nextSibling; n && n !== o.end; n = n.nextSibling)
     if (n.nodeType === 1) return n;
   return null;
 }
-function Fe(t, l) {
-  Ge(t);
-  for (const n of Array.from(t.querySelectorAll(`.${Se}`)))
-    n.classList.remove(Se);
+function Ye(t, l) {
+  tt(t);
+  for (const n of Array.from(t.querySelectorAll(`.${ze}`)))
+    n.classList.remove(ze);
   if (l === null) return null;
-  const s = Ze(t, l);
-  return s?.classList.add(Se), s;
+  const o = et(t, l);
+  return o?.classList.add(ze), o;
 }
-function ot(t, l) {
-  Ge(t);
-  for (const s of Array.from(t.querySelectorAll(`.${Pe}`)))
-    s.classList.remove(Pe);
-  l !== null && Ze(t, l)?.classList.add(Pe);
+function pt(t, l) {
+  tt(t);
+  for (const o of Array.from(t.querySelectorAll(`.${je}`)))
+    o.classList.remove(je);
+  l !== null && et(t, l)?.classList.add(je);
 }
-function it(t) {
+function vt(t) {
   let l = t?.nodeType === 1 ? t : t?.parentElement ?? null;
   for (; l; ) {
-    let s = 0;
+    let o = 0;
     for (let n = l.previousSibling; n; n = n.previousSibling) {
       if (n.nodeType !== 8) continue;
-      const o = n.data.trim();
-      if (o.startsWith("/wx:"))
-        s += 1;
-      else if (o.startsWith("wx:")) {
-        if (s === 0) return o.slice(3);
-        s -= 1;
+      const s = n.data.trim();
+      if (s.startsWith("/wx:"))
+        o += 1;
+      else if (s.startsWith("wx:")) {
+        if (o === 0) return s.slice(3);
+        o -= 1;
       }
     }
     l = l.parentElement;
   }
   return null;
 }
-function rl(t, l) {
-  Ge(t);
-  let s = null;
-  function n(m) {
-    m.preventDefault(), m.stopPropagation();
+function gl(t, l) {
+  tt(t);
+  let o = null;
+  function n(h) {
+    h.preventDefault(), h.stopPropagation();
   }
-  function o(m) {
-    n(m), l.select(it(m.target));
+  function s(h) {
+    n(h), l.select(vt(h.target));
   }
-  function r(m) {
-    const A = it(m.target);
-    A !== s && (s = A, ot(t, A));
+  function r(h) {
+    const I = vt(h.target);
+    I !== o && (o = I, pt(t, I));
   }
   function a() {
-    s = null, ot(t, null);
+    o = null, pt(t, null);
   }
-  return t.addEventListener("click", o, !0), t.addEventListener("auxclick", n, !0), t.addEventListener("submit", n, !0), t.addEventListener("dragstart", n, !0), t.addEventListener("mousemove", r, !0), t.addEventListener("mouseleave", a), {
+  return t.addEventListener("click", s, !0), t.addEventListener("auxclick", n, !0), t.addEventListener("submit", n, !0), t.addEventListener("dragstart", n, !0), t.addEventListener("mousemove", r, !0), t.addEventListener("mouseleave", a), {
     release() {
-      t.removeEventListener("click", o, !0), t.removeEventListener("auxclick", n, !0), t.removeEventListener("submit", n, !0), t.removeEventListener("dragstart", n, !0), t.removeEventListener("mousemove", r, !0), t.removeEventListener("mouseleave", a);
+      t.removeEventListener("click", s, !0), t.removeEventListener("auxclick", n, !0), t.removeEventListener("submit", n, !0), t.removeEventListener("dragstart", n, !0), t.removeEventListener("mousemove", r, !0), t.removeEventListener("mouseleave", a);
     }
   };
 }
-function Ge(t) {
-  if (t.getElementById(st)) return;
+function tt(t) {
+  if (t.getElementById(dt)) return;
   const l = t.createElement("style");
-  l.id = st, l.textContent = `.${Se}{outline:2px solid #427edd;outline-offset:-2px;}.${Pe}:not(.${Se}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (t.head ?? t.documentElement).appendChild(l);
+  l.id = dt, l.textContent = `.${ze}{outline:2px solid #427edd;outline-offset:-2px;}.${je}:not(.${ze}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (t.head ?? t.documentElement).appendChild(l);
 }
-function St(t) {
-  const l = t.base ? `<base href="${rt(t.base)}">` : "", s = t.frame ? `<style>${t.frame}</style>` : "", n = t.script && t.runtime ? `<script src="${rt(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
-  return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${l}<style>html,body{margin:0}body{container-type:inline-size}</style>${s}<style>${t.styles}</style></head><body>${t.html}${n}</body></html>`;
+function At(t) {
+  const l = t.base ? `<base href="${ft(t.base)}">` : "", o = t.frame ? `<style>${t.frame}</style>` : "", n = t.script && t.runtime ? `<script src="${ft(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
+  return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${l}<style>html,body{margin:0}body{container-type:inline-size}</style>${o}<style>${t.styles}</style></head><body>${t.html}${n}</body></html>`;
 }
-function rt(t) {
+function ft(t) {
   return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, dl = ["srcdoc", "title"], pl = /* @__PURE__ */ Q({
+const kl = { class: "wx-block-stage" }, yl = { class: "wx-block-stage__bar" }, wl = ["srcdoc", "title"], _l = /* @__PURE__ */ te({
   __name: "BlockStage",
   props: {
     html: {},
@@ -298,12 +298,12 @@ const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, d
     loading: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const l = t, s = le("webx-blocks"), n = C(() => [
-      { value: 1280, label: s("page.width-desktop") },
-      { value: 834, label: s("page.width-tablet") },
-      { value: 390, label: s("page.width-phone") }
-    ]), o = U(1280), r = U(null), a = U(null), m = Ke(r), A = U(360), p = C(() => m.value === 0 ? 1 : Math.min(1, m.value / o.value)), y = C(
-      () => St({
+    const l = t, o = re("webx-blocks"), n = T(() => [
+      { value: 1280, label: o("page.width-desktop") },
+      { value: 834, label: o("page.width-tablet") },
+      { value: 390, label: o("page.width-phone") }
+    ]), s = N(1280), r = N(null), a = N(null), h = qe(r), I = N(360), d = T(() => h.value === 0 ? 1 : Math.min(1, h.value / s.value)), p = T(
+      () => At({
         html: l.html,
         styles: l.styles,
         script: l.script,
@@ -311,156 +311,156 @@ const ul = { class: "wx-block-stage" }, cl = { class: "wx-block-stage__bar" }, d
         base: typeof location > "u" ? null : location.origin + "/"
       })
     );
-    function g() {
-      const S = a.value?.contentDocument;
-      S?.documentElement && (A.value = Math.max(120, S.documentElement.scrollHeight));
+    function b() {
+      const V = a.value?.contentDocument;
+      V?.documentElement && (I.value = Math.max(120, V.documentElement.scrollHeight));
     }
-    function c() {
-      g(), setTimeout(g, 300);
+    function f() {
+      b(), setTimeout(b, 300);
     }
-    ie(o, () => setTimeout(g, 50));
-    const T = C(() => ({
-      width: `${o.value}px`,
-      height: `${A.value}px`,
-      transform: `scale(${p.value})`
-    })), f = C(() => ({
-      width: `${Math.round(o.value * p.value)}px`,
-      height: `${Math.round(A.value * p.value)}px`
+    fe(s, () => setTimeout(b, 50));
+    const k = T(() => ({
+      width: `${s.value}px`,
+      height: `${I.value}px`,
+      transform: `scale(${d.value})`
+    })), B = T(() => ({
+      width: `${Math.round(s.value * d.value)}px`,
+      height: `${Math.round(I.value * d.value)}px`
     }));
-    return (S, k) => (i(), V("div", ul, [
-      $("div", cl, [
-        u(e(bt), {
-          modelValue: o.value,
-          "onUpdate:modelValue": k[0] || (k[0] = (h) => o.value = h),
+    return (V, _) => (i(), x("div", kl, [
+      W("div", yl, [
+        u(e(xt), {
+          modelValue: s.value,
+          "onUpdate:modelValue": _[0] || (_[0] = (g) => s.value = g),
           options: n.value,
           size: "sm"
         }, null, 8, ["modelValue", "options"])
       ]),
-      $("div", {
+      W("div", {
         ref_key: "box",
         ref: r,
         class: "wx-block-stage__ground"
       }, [
-        t.loading && !t.html ? (i(), W(e(he), {
+        t.loading && !t.html ? (i(), L(e(Ce), {
           key: 0,
           rows: 3
-        })) : (i(), V("div", {
+        })) : (i(), x("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: ce(f.value)
+          style: we(B.value)
         }, [
-          $("iframe", {
+          W("iframe", {
             ref_key: "frame",
             ref: a,
             class: "wx-block-stage__frame",
-            srcdoc: y.value,
-            style: ce(T.value),
+            srcdoc: p.value,
+            style: we(k.value),
             sandbox: "allow-same-origin allow-scripts",
-            title: e(s)("page.preview"),
-            onLoad: c
-          }, null, 44, dl)
+            title: e(o)("page.preview"),
+            onLoad: f
+          }, null, 44, wl)
         ], 4))
       ], 512)
     ]));
   }
-}), fl = /* @__PURE__ */ X(pl, [["__scopeId", "data-v-9aa4b1df"]]);
-function Tt(t) {
+}), xl = /* @__PURE__ */ le(_l, [["__scopeId", "data-v-9aa4b1df"]]);
+function Lt(t) {
   return typeof t == "object" && t !== null && typeof t.type == "string" && t.type !== "";
 }
-function Oe(t) {
-  return Array.isArray(t) && t.length > 0 && t.every(Tt);
+function Je(t) {
+  return Array.isArray(t) && t.length > 0 && t.every(Lt);
 }
-function qe() {
+function Qe() {
   return (typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID().replace(/-/g, "") : Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)).slice(0, 12);
 }
-function vl(t, l = {}) {
-  return { key: qe(), type: t, values: l };
+function $l(t, l = {}) {
+  return { key: Qe(), type: t, values: l };
 }
 function se(t, l) {
-  return Bt(t, l, null, null);
+  return zt(t, l, null, null);
 }
-function Bt(t, l, s, n) {
-  for (let o = 0; o < t.length; o++) {
-    const r = t[o];
-    if (r.key === l) return { node: r, parent: s, field: n, list: t, index: o };
-    for (const [a, m] of Object.entries(r.values ?? {}))
-      if (Oe(m)) {
-        const A = Bt(m, l, r, a);
-        if (A) return A;
+function zt(t, l, o, n) {
+  for (let s = 0; s < t.length; s++) {
+    const r = t[s];
+    if (r.key === l) return { node: r, parent: o, field: n, list: t, index: s };
+    for (const [a, h] of Object.entries(r.values ?? {}))
+      if (Je(h)) {
+        const I = zt(h, l, r, a);
+        if (I) return I;
       }
   }
   return null;
 }
-function De(t, l, s = 0, n = null) {
-  for (const o of t)
-    if (Tt(o)) {
-      l(o, s, n);
-      for (const r of Object.values(o.values ?? {}))
-        Oe(r) && De(r, l, s + 1, o);
+function Pe(t, l, o = 0, n = null) {
+  for (const s of t)
+    if (Lt(s)) {
+      l(s, o, n);
+      for (const r of Object.values(s.values ?? {}))
+        Je(r) && Pe(r, l, o + 1, s);
     }
 }
-function ml(t, l) {
-  let s = 0;
-  return De(t, (n) => {
-    n.type === l && s++;
-  }), s;
+function Tl(t, l) {
+  let o = 0;
+  return Pe(t, (n) => {
+    n.type === l && o++;
+  }), o;
 }
-function hl(t) {
+function Sl(t) {
   let l = 0;
-  for (const s of Object.values(t.values ?? {}))
-    Oe(s) && De(s, () => l++);
+  for (const o of Object.values(t.values ?? {}))
+    Je(o) && Pe(o, () => l++);
   return l;
 }
-function sa(t) {
+function da(t) {
   const l = [];
-  return De(t, (s) => {
-    l.includes(s.type) || l.push(s.type);
+  return Pe(t, (o) => {
+    l.includes(o.type) || l.push(o.type);
   }), l;
 }
-function Ct(t) {
+function Ut(t) {
   const l = [];
-  for (const s of t)
-    s.type === "wx-blocks" && l.push(s), s.children && l.push(...Ct(s.children));
+  for (const o of t)
+    o.type === "wx-blocks" && l.push(o), o.children && l.push(...Ut(o.children));
   return l;
 }
-function Et(t) {
+function It(t) {
   const l = {};
-  for (const [s, n] of Object.entries(t.values ?? {}))
-    l[s] = Oe(n) ? n.map(Et) : re(n);
-  return t.hidden === !0 ? { key: qe(), type: t.type, hidden: !0, values: l } : { key: qe(), type: t.type, values: l };
+  for (const [o, n] of Object.entries(t.values ?? {}))
+    l[o] = Je(n) ? n.map(It) : me(n);
+  return t.hidden === !0 ? { key: Qe(), type: t.type, hidden: !0, values: l } : { key: Qe(), type: t.type, values: l };
 }
-function bl(t, l, s) {
-  const n = re(t), o = se(n, l);
-  return o ? (s ? o.node.hidden = !0 : delete o.node.hidden, n) : t;
+function Vl(t, l, o) {
+  const n = me(t), s = se(n, l);
+  return s ? (o ? s.node.hidden = !0 : delete s.node.hidden, n) : t;
 }
-function gl(t, l, s) {
+function Cl(t, l, o) {
   if (l === null) return t;
   const n = se(t, l);
-  if (!n || s === null) return null;
-  const o = n.node.values[s];
-  return Array.isArray(o) || (n.node.values[s] = []), n.node.values[s];
+  if (!n || o === null) return null;
+  const s = n.node.values[o];
+  return Array.isArray(s) || (n.node.values[o] = []), n.node.values[o];
 }
-function ut(t, l, s, n, o) {
-  const r = re(t), a = gl(r, l, s);
-  return a ? (a.splice(Math.max(0, Math.min(n, a.length)), 0, o), r) : t;
+function mt(t, l, o, n, s) {
+  const r = me(t), a = Cl(r, l, o);
+  return a ? (a.splice(Math.max(0, Math.min(n, a.length)), 0, s), r) : t;
 }
-function kl(t, l) {
-  const s = re(t), n = se(s, l);
-  return n ? (n.list.splice(n.index, 1), s) : t;
+function Bl(t, l) {
+  const o = me(t), n = se(o, l);
+  return n ? (n.list.splice(n.index, 1), o) : t;
 }
-function yl(t, l, s) {
-  const n = re(t), o = se(n, l);
-  return o ? (o.node.values = s, n) : t;
+function El(t, l, o) {
+  const n = me(t), s = se(n, l);
+  return s ? (s.node.values = o, n) : t;
 }
-function wl(t, l, s, n) {
-  if (l === null) return re(n);
-  const o = re(t), r = se(o, l);
-  return !r || s === null ? t : (r.node.values[s] = re(n), o);
+function Wl(t, l, o, n) {
+  if (l === null) return me(n);
+  const s = me(t), r = se(s, l);
+  return !r || o === null ? t : (r.node.values[o] = me(n), s);
 }
-function re(t) {
+function me(t) {
   return t === void 0 ? t : JSON.parse(JSON.stringify(t));
 }
-const _l = {
+const Al = {
   module: {
     title: "Blocks"
   },
@@ -579,10 +579,13 @@ const _l = {
     "pick-limited": 'Only these can go inside ":parent": :types',
     "pick-nothing-allowed": 'Nothing can be put inside ":parent".',
     "limit-reached": "Already :count on this page, the limit for this block",
+    previous: "Previous block",
+    next: "Next block",
     preview: "Preview",
     "open-site": "Open on the site",
     fullscreen: "Full screen",
     close: "Close",
+    width: "Width",
     "width-desktop": "Desktop",
     "width-tablet": "Tablet",
     "width-phone": "Phone"
@@ -604,127 +607,127 @@ const _l = {
     "ok-container": "Width is decided by container queries.",
     "ok-variables": "Every variable of the template is a field of the schema."
   }
-}, ct = /* @__PURE__ */ new WeakSet();
-function Ee() {
+}, ht = /* @__PURE__ */ new WeakSet();
+function Me() {
   try {
-    const { i18n: t } = Be();
-    ct.has(t) || (t.defaults("webx-blocks", _l), ct.add(t));
+    const { i18n: t } = Ie();
+    ht.has(t) || (t.defaults("webx-blocks", Al), ht.add(t));
   } catch {
   }
 }
-const xl = ["block", "entity", "loop", "__env", "errors", "app"];
-function $l(t, l, s) {
+const Ll = ["block", "entity", "loop", "__env", "errors", "app"];
+function zl(t, l, o) {
   const n = [];
-  /data-wx-block\s*=/.test(l.template) || n.push({ file: "template", code: "no-marker", line: null, message: s("checks.no-marker") });
-  const o = Vl(l.template, l.schema);
-  o.length > 0 && n.push({
+  /data-wx-block\s*=/.test(l.template) || n.push({ file: "template", code: "no-marker", line: null, message: o("checks.no-marker") });
+  const s = Ul(l.template, l.schema);
+  s.length > 0 && n.push({
     file: "template",
     code: "variables-missing",
     line: null,
-    message: s("checks.variables-missing", {
-      variables: o.map((y) => `$${y}`).join(", ")
+    message: o("checks.variables-missing", {
+      variables: s.map((p) => `$${p}`).join(", ")
     })
   });
-  const r = [], a = [], m = `.b-${t}`;
-  for (const [y, g] of Sl(l.styles))
-    y.startsWith(m) || y.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(y) ? a.push([y, g]) : r.push([y, g]));
+  const r = [], a = [], h = `.b-${t}`;
+  for (const [p, b] of Il(l.styles))
+    p.startsWith(h) || p.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(p) ? a.push([p, b]) : r.push([p, b]));
   r.length > 0 && n.push({
     file: "styles",
     code: "stray-selectors",
     line: r[0][1],
-    message: s("checks.stray-selectors", { slug: t, selectors: dt(r) })
+    message: o("checks.stray-selectors", { slug: t, selectors: bt(r) })
   }), a.length > 0 && n.push({
     file: "styles",
     code: "bare-selectors",
     line: a[0][1],
-    message: s("checks.bare-selectors", { selectors: dt(a) })
+    message: o("checks.bare-selectors", { selectors: bt(a) })
   });
-  const A = At(l.styles), p = /@media\b/.exec(A);
-  return p && n.push({
+  const I = Pt(l.styles), d = /@media\b/.exec(I);
+  return d && n.push({
     file: "styles",
     code: "media-query",
-    line: Lt(A, p.index),
-    message: s("checks.media-query")
+    line: Mt(I, d.index),
+    message: o("checks.media-query")
   }), n;
 }
-function Wt(t) {
+function Nt(t) {
   const l = [];
-  for (const s of t)
-    s.id && l.push(s.id), s.children && l.push(...Wt(s.children));
+  for (const o of t)
+    o.id && l.push(o.id), o.children && l.push(...Nt(o.children));
   return l;
 }
-function Vl(t, l) {
-  const s = /* @__PURE__ */ new Set([...Wt(l), ...xl]);
-  for (const o of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
-    s.add(o[1]), o[2] && s.add(o[2]);
-  for (const o of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
-    s.add(o[1]);
+function Ul(t, l) {
+  const o = /* @__PURE__ */ new Set([...Nt(l), ...Ll]);
+  for (const s of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
+    o.add(s[1]), s[2] && o.add(s[2]);
+  for (const s of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
+    o.add(s[1]);
   const n = [];
-  for (const o of t.matchAll(/\$([a-zA-Z_]\w*)/g)) {
-    const r = o[1];
-    !s.has(r) && !n.includes(r) && n.push(r);
+  for (const s of t.matchAll(/\$([a-zA-Z_]\w*)/g)) {
+    const r = s[1];
+    !o.has(r) && !n.includes(r) && n.push(r);
   }
   return n;
 }
-function Sl(t) {
-  const l = At(t), s = [];
+function Il(t) {
+  const l = Pt(t), o = [];
   for (const n of l.matchAll(/([^{};]+)\{/g)) {
-    const o = n[1], r = o.trim();
+    const s = n[1], r = s.trim();
     if (!(r === "" || r.startsWith("@")))
-      for (const a of o.split(",")) {
-        const m = a.trim();
-        m === "" || m === "from" || m === "to" || m.endsWith("%") || s.push([m, Lt(l, n.index + o.indexOf(m))]);
+      for (const a of s.split(",")) {
+        const h = a.trim();
+        h === "" || h === "from" || h === "to" || h.endsWith("%") || o.push([h, Mt(l, n.index + s.indexOf(h))]);
       }
   }
-  return s;
+  return o;
 }
-function At(t) {
+function Pt(t) {
   return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
 }
-function Lt(t, l) {
+function Mt(t, l) {
   return t.slice(0, Math.max(0, l)).split(`
 `).length;
 }
-function dt(t) {
-  const l = [...new Set(t.map(([s]) => s))];
+function bt(t) {
+  const l = [...new Set(t.map(([o]) => o))];
   return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
 }
-function Ye(t) {
+function lt(t) {
   return t.map((l) => ({
     ...l,
     name: l.name ?? l.id,
-    children: l.children ? Ye(l.children) : l.children
+    children: l.children ? lt(l.children) : l.children
   }));
 }
-function ye(t, l) {
-  const s = `groups.${t}`, n = l(s);
-  return n === s || n === `webx-blocks::${s}` ? t.charAt(0).toUpperCase() + t.slice(1) : n;
+function Ae(t, l) {
+  const o = `groups.${t}`, n = l(o);
+  return n === o || n === `webx-blocks::${o}` ? t.charAt(0).toUpperCase() + t.slice(1) : n;
 }
-const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns" }, Cl = { class: "wx-block-editor__head" }, El = { class: "wx-block-editor__id" }, Wl = { class: "wx-block-editor__name" }, Al = { class: "wx-block-editor__title" }, Ll = { class: "wx-block-editor__actions" }, zl = { class: "wx-block-editor__columns" }, Il = { class: "wx-block-editor__files" }, Ul = { class: "wx-block-editor__pane" }, Nl = {
+const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns" }, Ml = { class: "wx-block-editor__columns" }, Ol = { class: "wx-block-editor__files" }, Dl = { class: "wx-block-editor__pane" }, Rl = {
   key: 0,
   class: "wx-block-editor__pills"
-}, Pl = ["disabled", "onClick", "textContent"], Ml = { class: "wx-block-editor__pane" }, Ol = { class: "wx-block-editor__pane" }, Dl = { class: "wx-block-editor__note" }, Rl = { class: "wx-block-editor__pane" }, jl = { class: "wx-block-editor__note" }, Hl = { class: "wx-block-editor__settings" }, Fl = {
+}, Hl = ["disabled", "onClick", "textContent"], jl = { class: "wx-block-editor__pane" }, Fl = { class: "wx-block-editor__pane" }, ql = { class: "wx-block-editor__note" }, Jl = { class: "wx-block-editor__pane" }, Kl = { class: "wx-block-editor__note" }, Zl = { class: "wx-block-editor__settings" }, Gl = {
   key: 0,
   class: "is-wide wx-block-editor__danger"
-}, ql = { class: "wx-block-editor__side" }, Jl = {
+}, Yl = { class: "wx-block-editor__side" }, Ql = {
   key: 1,
   class: "wx-block-editor__usage"
-}, Kl = /* @__PURE__ */ Q({
+}, Xl = /* @__PURE__ */ te({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, s = Be(), n = ke(s), o = Mt(), r = ht();
-    Ee();
-    const a = le("webx-blocks"), m = Ce(), A = C(() => Number(o.params.id)), p = U(null), y = U([]), g = U(!0), c = U(!1), T = U(!1), f = U("template"), S = C(() => {
-      const E = s.state.manifest?.modules.find((b) => b.id === "blocks")?.meta;
+    const l = t, o = Ie(), n = We(o), s = Kt(), r = _t();
+    Me();
+    const a = re("webx-blocks"), h = Ne(), I = T(() => Number(s.params.id)), d = N(null), p = N([]), b = N(!0), f = N(!1), k = N(!1), B = N("template"), V = T(() => {
+      const S = o.state.manifest?.modules.find((v) => v.id === "blocks")?.meta;
       return {
-        groups: E?.groups ?? [],
-        editing: E?.editing ?? !0,
-        provides: E?.provides ?? []
+        groups: S?.groups ?? [],
+        editing: S?.editing ?? !0,
+        provides: S?.provides ?? []
       };
-    }), k = C(() => s.can("blocks.manage") && S.value.editing), h = je({
+    }), _ = T(() => o.can("blocks.manage") && V.value.editing), g = Ze({
       slug: "",
       title: "",
       description: "",
@@ -735,422 +738,407 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), w = je({
+    }), w = Ze({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), D = U("[]"), K = U(null), ne = U(""), z = U({}), N = U(null), I = je({
+    }), H = N("[]"), K = N(null), Z = N(""), ne = N({}), C = N(null), P = Ze({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       loading: !1
-    }), M = C(() => JSON.stringify({ settings: h, content: w })), O = C(() => ne.value !== "" && M.value !== ne.value), ee = C(() => $l(h.slug, w, a)), de = C(() => {
-      const E = [...S.value.groups];
-      return E.includes(h.group) || E.push(h.group), E.map((b) => ({ value: b, label: ye(b, a) }));
-    }), We = C({
+    }), O = T(() => JSON.stringify({ settings: g, content: w })), q = T(() => Z.value !== "" && O.value !== Z.value), _e = T(() => zl(g.slug, w, a)), ue = T(() => {
+      const S = [...V.value.groups];
+      return S.includes(g.group) || S.push(g.group), S.map((v) => ({ value: v, label: Ae(v, a) }));
+    }), ae = T({
       get: () => w.sample,
-      set: (E) => {
-        w.sample = E;
+      set: (S) => {
+        w.sample = S;
       }
-    }), Ae = C(() => we(w.schema));
-    function we(E) {
-      const b = [];
-      for (const x of E)
-        x.type !== "wx-blocks" && !(x.children?.length && !x.name) && b.push(x.id), x.children && b.push(...we(x.children));
-      return b;
+    }), ke = T(() => xe(w.schema));
+    function xe(S) {
+      const v = [];
+      for (const $ of S)
+        $.type !== "wx-blocks" && !($.children?.length && !$.name) && v.push($.id), $.children && v.push(...xe($.children));
+      return v;
     }
-    function pe(E) {
-      p.value = E, Object.assign(h, {
-        slug: E.slug,
-        title: E.title,
-        description: E.description,
-        icon: E.icon,
-        group: E.group,
-        sort: E.sort,
-        allow: E.allow ?? [],
-        allowed_in: E.allowed_in ?? [],
-        max_per_entity: E.max_per_entity,
-        is_enabled: E.is_enabled
+    function he(S) {
+      d.value = S, Object.assign(g, {
+        slug: S.slug,
+        title: S.title,
+        description: S.description,
+        icon: S.icon,
+        group: S.group,
+        sort: S.sort,
+        allow: S.allow ?? [],
+        allowed_in: S.allowed_in ?? [],
+        max_per_entity: S.max_per_entity,
+        is_enabled: S.is_enabled
       });
-      const b = E.content ?? {
+      const v = S.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign(w, re(b)), D.value = JSON.stringify(b.schema, null, 2), K.value = null, ne.value = M.value;
+      Object.assign(w, me(v)), H.value = JSON.stringify(v.schema, null, 2), K.value = null, Z.value = O.value;
     }
-    async function fe() {
-      g.value = !0;
+    async function Q() {
+      b.value = !0;
       try {
-        pe(await n.get(A.value)), y.value = await n.usage(A.value);
-      } catch (E) {
-        F.danger(m(E));
+        he(await n.get(I.value)), p.value = await n.usage(I.value);
+      } catch (S) {
+        J.danger(h(S));
       } finally {
-        g.value = !1;
+        b.value = !1;
       }
     }
-    function Le(E) {
-      D.value = E;
+    function $e(S) {
+      H.value = S;
       try {
-        const b = JSON.parse(E);
-        if (!Array.isArray(b)) throw new Error("not a list");
-        w.schema = b, K.value = null;
-      } catch (b) {
-        K.value = a("page.schema-invalid", { error: b.message });
+        const v = JSON.parse(S);
+        if (!Array.isArray(v)) throw new Error("not a list");
+        w.schema = v, K.value = null;
+      } catch (v) {
+        K.value = a("page.schema-invalid", { error: v.message });
       }
     }
-    let _e, B = 0;
-    function P() {
-      clearTimeout(_e), _e = setTimeout(() => {
-        R();
+    let be, de = 0;
+    function U() {
+      clearTimeout(be), be = setTimeout(() => {
+        M();
       }, 250);
     }
-    async function R() {
-      if (!p.value) return;
-      const E = ++B;
-      I.loading = !0;
+    async function M() {
+      if (!d.value) return;
+      const S = ++de;
+      P.loading = !0;
       try {
-        const b = await n.render(p.value.id, {
+        const v = await n.render(d.value.id, {
           values: w.sample,
-          content: k.value ? {
+          content: _.value ? {
             template: w.template,
             styles: w.styles,
             script: w.script,
             schema: w.schema
           } : void 0
         });
-        if (E !== B) return;
-        I.html = b.html, I.styles = b.styles, I.script = b.script, I.runtime = b.runtime;
-      } catch (b) {
-        E === B && F.danger(m(b));
+        if (S !== de) return;
+        P.html = v.html, P.styles = v.styles, P.script = v.script, P.runtime = v.runtime;
+      } catch (v) {
+        S === de && J.danger(h(v));
       } finally {
-        E === B && (I.loading = !1);
+        S === de && (P.loading = !1);
       }
     }
-    ie(
+    fe(
       () => [w.template, w.styles, w.script, w.schema, w.sample],
-      P,
+      U,
       { deep: !0 }
     );
-    const Z = U(null);
-    function G(E) {
-      return `{{ $${E} }}`;
+    const R = N(null);
+    function G(S) {
+      return `{{ $${S} }}`;
     }
-    function Re(E) {
-      const x = Z.value?.view?.value;
-      if (!x) {
-        w.template += `{{ $${E} }}`;
+    function ce(S) {
+      const $ = R.value?.view?.value;
+      if (!$) {
+        w.template += `{{ $${S} }}`;
         return;
       }
-      x.dispatch(x.state.replaceSelection(`{{ $${E} }}`)), x.focus();
+      $.dispatch($.state.replaceSelection(`{{ $${S} }}`)), $.focus();
     }
-    async function ue() {
-      if (!p.value) return;
-      c.value = !0, z.value = {}, N.value = null;
-      const E = p.value.draft?.number ?? null;
+    async function pe() {
+      if (!d.value) return;
+      f.value = !0, ne.value = {}, C.value = null;
+      const S = d.value.draft?.number ?? null;
       try {
-        const b = await n.update(p.value.id, {
-          ...h,
-          allow: h.allow.length ? h.allow : null,
-          allowed_in: h.allowed_in.length ? h.allowed_in : null,
-          description: h.description || null,
-          icon: h.icon || null,
+        const v = await n.update(d.value.id, {
+          ...g,
+          allow: g.allow.length ? g.allow : null,
+          allowed_in: g.allowed_in.length ? g.allowed_in : null,
+          description: g.description || null,
+          icon: g.icon || null,
           content: K.value ? { ...w, schema: void 0 } : w
         });
-        pe(b), F.success(
-          b.draft && b.draft.number !== E ? a("page.saved", { number: b.draft.number }) : a("page.unchanged")
+        he(v), J.success(
+          v.draft && v.draft.number !== S ? a("page.saved", { number: v.draft.number }) : a("page.unchanged")
         );
-      } catch (b) {
-        const x = b.body;
-        x?.errors ? (z.value = x.errors, F.danger(a("page.failed"))) : F.danger(m(b, a("page.failed")));
+      } catch (v) {
+        const $ = v.body;
+        $?.errors ? (ne.value = $.errors, J.danger(a("page.failed"))) : J.danger(h(v, a("page.failed")));
       } finally {
-        c.value = !1;
+        f.value = !1;
       }
     }
-    async function xe() {
-      if (!(!p.value?.draft || (O.value && await ue(), !p.value.draft) || !await Me({
-        title: a("page.publish-title", { number: p.value.draft.number }),
-        message: a("page.publish-text", { count: p.value.usage_count }),
+    async function oe() {
+      if (!(!d.value?.draft || (q.value && await pe(), !d.value.draft) || !await Fe({
+        title: a("page.publish-title", { number: d.value.draft.number }),
+        message: a("page.publish-text", { count: d.value.usage_count }),
         confirmText: a("page.publish"),
         cancelText: a("page.cancel")
       }))) {
-        T.value = !0, N.value = null;
+        k.value = !0, C.value = null;
         try {
-          pe(await n.publish(p.value.id)), F.success(a("page.published", { number: p.value.published?.number ?? 0 }));
-        } catch (b) {
-          const x = b.body;
-          x?.errors ? (N.value = x, f.value = "template", F.danger(a("page.publish-failed"))) : F.danger(m(b, a("page.publish-failed")));
+          he(await n.publish(d.value.id)), J.success(a("page.published", { number: d.value.published?.number ?? 0 }));
+        } catch (v) {
+          const $ = v.body;
+          $?.errors ? (C.value = $, B.value = "template", J.danger(a("page.publish-failed"))) : J.danger(h(v, a("page.publish-failed")));
         } finally {
-          T.value = !1;
+          k.value = !1;
         }
       }
     }
-    async function $e() {
-      if (!(!p.value || !await Me({
-        title: a("page.delete-title", { title: p.value.title }),
+    async function ge() {
+      if (!(!d.value || !await Fe({
+        title: a("page.delete-title", { title: d.value.title }),
         message: a("page.delete-text"),
         confirmText: a("page.delete"),
         cancelText: a("page.cancel"),
         tone: "danger"
       })))
         try {
-          await n.remove(p.value.id), F.success(a("page.deleted")), r.push(l.base);
-        } catch (b) {
-          F.danger(m(b));
+          await n.remove(d.value.id), J.success(a("page.deleted")), r.push(l.base);
+        } catch (v) {
+          J.danger(h(v));
         }
     }
-    const ze = C(
-      () => N.value ? {
-        message: N.value.errors.template?.[0] ?? N.value.message,
-        line: N.value.line,
-        where: N.value.entity ? a("page.failed-on", {
-          title: N.value.entity.title ?? `#${N.value.entity.id}`
+    const Te = T(
+      () => C.value ? {
+        message: C.value.errors.template?.[0] ?? C.value.message,
+        line: C.value.line,
+        where: C.value.entity ? a("page.failed-on", {
+          title: C.value.entity.title ?? `#${C.value.entity.id}`
         }) : null
       } : null
-    ), Ve = C(() => y.value.slice(0, 5));
-    function ae(E) {
-      return z.value[E]?.[0];
+    ), ye = T(() => p.value.slice(0, 5));
+    function m(S) {
+      return ne.value[S]?.[0];
     }
-    function Xe(E) {
-      O.value && E.preventDefault();
+    function A(S) {
+      q.value && S.preventDefault();
     }
-    return Te(() => {
-      fe(), window.addEventListener("beforeunload", Xe);
-    }), Je(() => {
-      clearTimeout(_e), window.removeEventListener("beforeunload", Xe);
-    }), ie(A, () => {
-      fe();
-    }), (E, b) => (i(), V("div", Tl, [
-      g.value || !p.value ? (i(), V(H, { key: 0 }, [
-        u(e(he), {
+    Ue(() => {
+      Q(), window.addEventListener("beforeunload", A);
+    }), Xe(() => {
+      clearTimeout(be), window.removeEventListener("beforeunload", A);
+    }), fe(I, () => {
+      Q();
+    });
+    const D = T(
+      () => _.value ? [
+        { key: "save", label: a("page.save"), loading: f.value, run: () => {
+          pe();
+        } },
+        {
+          key: "publish",
+          label: a("page.publish"),
+          primary: !0,
+          loading: k.value,
+          disabled: !d.value?.draft && !q.value,
+          run: () => {
+            oe();
+          }
+        }
+      ] : []
+    );
+    return (S, v) => (i(), x("div", Nl, [
+      b.value || !d.value ? (i(), x(j, { key: 0 }, [
+        u(e(Ce), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        $("div", Bl, [
-          u(e(ve), null, {
-            default: d(() => [
-              u(e(he), { rows: 8 })
+        W("div", Pl, [
+          u(e(Se), null, {
+            default: c(() => [
+              u(e(Ce), { rows: 8 })
             ]),
             _: 1
           }),
-          u(e(ve), null, {
-            default: d(() => [
-              u(e(he), { rows: 4 })
+          u(e(Se), null, {
+            default: c(() => [
+              u(e(Ce), { rows: 4 })
             ]),
             _: 1
           })
         ])
-      ], 64)) : (i(), V(H, { key: 1 }, [
-        $("div", Cl, [
-          u(e(Dt), {
-            class: "wx-block-editor__back",
-            to: t.base,
-            label: e(a)("page.back")
-          }, null, 8, ["to", "label"]),
-          $("div", El, [
-            $("div", Wl, [
-              $("h1", Al, v(h.title), 1),
-              k.value ? (i(), W(e(Rt), {
-                key: 0,
-                name: h.title,
-                placeholder: e(a)("page.title"),
-                onRename: b[0] || (b[0] = (x) => h.title = x)
-              }, null, 8, ["name", "placeholder"])) : L("", !0)
-            ]),
-            u(e(j), {
-              size: "sm",
-              tone: "muted"
-            }, {
-              default: d(() => [
-                $("code", null, v(h.slug), 1),
-                _(" · " + v(e(ye)(h.group, e(a))) + " · " + v(p.value.usage_count > 0 ? e(a)("page.on-pages", { count: p.value.usage_count }) : e(a)("page.not-used")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          $("div", Ll, [
-            O.value ? (i(), W(e(J), {
+      ], 64)) : (i(), x(j, { key: 1 }, [
+        u(e(Gt), {
+          title: g.title,
+          back: t.base,
+          "back-label": e(a)("page.back"),
+          actions: D.value
+        }, {
+          "title-after": c(() => [
+            _.value ? (i(), L(e(Yt), {
               key: 0,
+              name: g.title,
+              placeholder: e(a)("page.title"),
+              onRename: v[0] || (v[0] = ($) => g.title = $)
+            }, null, 8, ["name", "placeholder"])) : z("", !0),
+            q.value ? (i(), L(e(Y), {
+              key: 1,
               type: "primary",
               dot: ""
             }, {
-              default: d(() => [
-                _(v(e(a)("page.unsaved")), 1)
+              default: c(() => [
+                E(y(e(a)("page.unsaved")), 1)
               ]),
               _: 1
-            })) : L("", !0),
-            p.value.draft ? (i(), W(e(J), {
-              key: 1,
+            })) : z("", !0),
+            d.value.draft ? (i(), L(e(Y), {
+              key: 2,
               type: "warning",
               dot: ""
             }, {
-              default: d(() => [
-                _(v(e(a)("page.draft", { number: p.value.draft.number })), 1)
+              default: c(() => [
+                E(y(e(a)("page.draft", { number: d.value.draft.number })), 1)
               ]),
               _: 1
-            })) : L("", !0),
-            p.value.published ? (i(), W(e(J), {
-              key: 2,
+            })) : z("", !0),
+            d.value.published ? (i(), L(e(Y), {
+              key: 3,
               type: "success",
               dot: ""
             }, {
-              default: d(() => [
-                _(v(e(a)("page.live", { number: p.value.published.number })), 1)
+              default: c(() => [
+                E(y(e(a)("page.live", { number: d.value.published.number })), 1)
               ]),
               _: 1
-            })) : (i(), W(e(J), {
-              key: 3,
+            })) : (i(), L(e(Y), {
+              key: 4,
               type: "default"
             }, {
-              default: d(() => [
-                _(v(e(a)("page.never-published")), 1)
+              default: c(() => [
+                E(y(e(a)("page.never-published")), 1)
               ]),
               _: 1
-            })),
-            k.value ? (i(), V(H, { key: 4 }, [
-              u(e(q), {
-                variant: "outline",
-                loading: c.value,
-                onClick: ue
-              }, {
-                default: d(() => [
-                  _(v(e(a)("page.save")), 1)
-                ]),
-                _: 1
-              }, 8, ["loading"]),
-              u(e(q), {
-                type: "primary",
-                loading: T.value,
-                disabled: !p.value.draft && !O.value,
-                onClick: xe
-              }, {
-                default: d(() => [
-                  _(v(e(a)("page.publish")), 1)
-                ]),
-                _: 1
-              }, 8, ["loading", "disabled"])
-            ], 64)) : L("", !0)
-          ])
-        ]),
-        S.value.editing ? L("", !0) : (i(), W(e(gt), {
+            }))
+          ]),
+          subtitle: c(() => [
+            W("code", null, y(g.slug), 1),
+            E(" · " + y(e(Ae)(g.group, e(a))) + " · " + y(d.value.usage_count > 0 ? e(a)("page.on-pages", { count: d.value.usage_count }) : e(a)("page.not-used")), 1)
+          ]),
+          _: 1
+        }, 8, ["title", "back", "back-label", "actions"]),
+        V.value.editing ? z("", !0) : (i(), L(e($t), {
           key: 0,
           type: "info",
           variant: "soft",
           description: e(a)("page.editing-off")
         }, null, 8, ["description"])),
-        $("div", zl, [
-          $("div", Il, [
-            u(e(Jt), {
-              modelValue: f.value,
-              "onUpdate:modelValue": b[13] || (b[13] = (x) => f.value = x),
+        W("div", Ml, [
+          W("div", Ol, [
+            u(e(ll), {
+              modelValue: B.value,
+              "onUpdate:modelValue": v[13] || (v[13] = ($) => B.value = $),
               "keep-alive": ""
             }, {
-              default: d(() => [
-                u(e(me), {
+              default: c(() => [
+                u(e(Ve), {
                   value: "template",
                   label: e(a)("page.tab-template")
                 }, {
-                  default: d(() => [
-                    $("div", Ul, [
-                      u(e(Ie), {
+                  default: c(() => [
+                    W("div", Dl, [
+                      u(e(De), {
                         ref_key: "templateEditor",
-                        ref: Z,
+                        ref: R,
                         modelValue: w.template,
-                        "onUpdate:modelValue": b[1] || (b[1] = (x) => w.template = x),
+                        "onUpdate:modelValue": v[1] || (v[1] = ($) => w.template = $),
                         language: "php",
-                        readonly: !k.value,
+                        readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "line-wrapping": ""
                       }, null, 8, ["modelValue", "readonly"]),
-                      Ae.value.length ? (i(), V("div", Nl, [
-                        u(e(j), {
+                      ke.value.length ? (i(), x("div", Rl, [
+                        u(e(F), {
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: d(() => [
-                            _(v(e(a)("page.insert-field")), 1)
+                          default: c(() => [
+                            E(y(e(a)("page.insert-field")), 1)
                           ]),
                           _: 1
                         }),
-                        (i(!0), V(H, null, te(Ae.value, (x) => (i(), V("button", {
-                          key: x,
+                        (i(!0), x(j, null, ee(ke.value, ($) => (i(), x("button", {
+                          key: $,
                           type: "button",
                           class: "wx-block-editor__pill",
-                          disabled: !k.value,
-                          onClick: (Xn) => Re(x),
-                          textContent: v(G(x))
-                        }, null, 8, Pl))), 128))
-                      ])) : L("", !0),
-                      u(at, {
+                          disabled: !_.value,
+                          onClick: (Oe) => ce($),
+                          textContent: y(G($))
+                        }, null, 8, Hl))), 128))
+                      ])) : z("", !0),
+                      u(ct, {
                         file: "template",
-                        lints: ee.value,
-                        slug: h.slug,
-                        error: ze.value
+                        lints: _e.value,
+                        slug: g.slug,
+                        error: Te.value
                       }, null, 8, ["lints", "slug", "error"])
                     ])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                u(e(me), {
+                u(e(Ve), {
                   value: "styles",
                   label: e(a)("page.tab-styles")
                 }, {
-                  default: d(() => [
-                    $("div", Ml, [
-                      u(e(Ie), {
+                  default: c(() => [
+                    W("div", jl, [
+                      u(e(De), {
                         modelValue: w.styles,
-                        "onUpdate:modelValue": b[2] || (b[2] = (x) => w.styles = x),
+                        "onUpdate:modelValue": v[2] || (v[2] = ($) => w.styles = $),
                         language: "css",
-                        readonly: !k.value,
+                        readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh"
                       }, null, 8, ["modelValue", "readonly"]),
-                      u(at, {
+                      u(ct, {
                         file: "styles",
-                        lints: ee.value,
-                        slug: h.slug
+                        lints: _e.value,
+                        slug: g.slug
                       }, null, 8, ["lints", "slug"])
                     ])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                u(e(me), {
+                u(e(Ve), {
                   value: "script",
                   label: e(a)("page.tab-script")
                 }, {
-                  default: d(() => [
-                    $("div", Ol, [
-                      u(e(Ie), {
+                  default: c(() => [
+                    W("div", Fl, [
+                      u(e(De), {
                         "model-value": w.script ?? "",
                         language: "javascript",
-                        readonly: !k.value,
+                        readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh",
-                        "onUpdate:modelValue": b[3] || (b[3] = (x) => w.script = x || null)
+                        "onUpdate:modelValue": v[3] || (v[3] = ($) => w.script = $ || null)
                       }, null, 8, ["model-value", "readonly"]),
-                      $("div", Dl, [
-                        u(e(j), {
+                      W("div", ql, [
+                        u(e(F), {
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: d(() => [
-                            _(v(e(a)("page.script-help")), 1)
+                          default: c(() => [
+                            E(y(e(a)("page.script-help")), 1)
                           ]),
                           _: 1
                         }),
-                        u(e(j), {
+                        u(e(F), {
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: d(() => [
-                            _(v(S.value.provides.length ? e(a)("page.provides", { names: S.value.provides.join(", ") }) : e(a)("page.provides-none")), 1)
+                          default: c(() => [
+                            E(y(V.value.provides.length ? e(a)("page.provides", { names: V.value.provides.join(", ") }) : e(a)("page.provides-none")), 1)
                           ]),
                           _: 1
                         })
@@ -1159,51 +1147,51 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                u(e(me), {
+                u(e(Ve), {
                   value: "fields",
                   label: e(a)("page.tab-fields")
                 }, {
-                  default: d(() => [
-                    $("div", Rl, [
-                      u(e(Ie), {
-                        "model-value": D.value,
+                  default: c(() => [
+                    W("div", Jl, [
+                      u(e(De), {
+                        "model-value": H.value,
                         language: "json",
                         lint: "",
-                        readonly: !k.value,
+                        readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh",
-                        "onUpdate:modelValue": Le
+                        "onUpdate:modelValue": $e
                       }, null, 8, ["model-value", "readonly"]),
-                      $("div", jl, [
-                        K.value ? (i(), W(e(j), {
+                      W("div", Kl, [
+                        K.value ? (i(), L(e(F), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: d(() => [
-                            _(v(K.value), 1)
+                          default: c(() => [
+                            E(y(K.value), 1)
                           ]),
                           _: 1
-                        })) : ae("content.schema") ? (i(), W(e(j), {
+                        })) : m("content.schema") ? (i(), L(e(F), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: d(() => [
-                            _(v(ae("content.schema")), 1)
+                          default: c(() => [
+                            E(y(m("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (i(), W(e(j), {
+                        })) : (i(), L(e(F), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: d(() => [
-                            _(v(e(a)("page.fields-help")), 1)
+                          default: c(() => [
+                            E(y(e(a)("page.fields-help")), 1)
                           ]),
                           _: 1
                         })),
-                        u(e(jt), {
+                        u(e(Qt), {
                           title: e(a)("help.schema-title"),
                           body: e(a)("help.schema")
                         }, null, 8, ["title", "body"])
@@ -1212,169 +1200,169 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                u(e(me), {
+                u(e(Ve), {
                   value: "settings",
                   label: e(a)("page.tab-settings")
                 }, {
-                  default: d(() => [
-                    u(e(ve), { class: "wx-block-editor__sheet" }, {
-                      default: d(() => [
-                        $("div", Hl, [
-                          u(e(Y), {
+                  default: c(() => [
+                    u(e(Se), { class: "wx-block-editor__sheet" }, {
+                      default: c(() => [
+                        W("div", Zl, [
+                          u(e(X), {
                             label: e(a)("page.identifier"),
                             help: e(a)("page.identifier-help"),
-                            error: ae("slug"),
-                            disabled: !k.value
+                            error: m("slug"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(ge), {
-                                modelValue: h.slug,
-                                "onUpdate:modelValue": b[4] || (b[4] = (x) => h.slug = x)
+                            default: c(() => [
+                              u(e(Ee), {
+                                modelValue: g.slug,
+                                "onUpdate:modelValue": v[4] || (v[4] = ($) => g.slug = $)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             label: e(a)("page.group"),
                             help: e(a)("page.group-help"),
-                            error: ae("group"),
-                            disabled: !k.value
+                            error: m("group"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(kt), {
-                                modelValue: h.group,
-                                "onUpdate:modelValue": b[5] || (b[5] = (x) => h.group = x),
-                                options: de.value
+                            default: c(() => [
+                              u(e(Tt), {
+                                modelValue: g.group,
+                                "onUpdate:modelValue": v[5] || (v[5] = ($) => g.group = $),
+                                options: ue.value
                               }, null, 8, ["modelValue", "options"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             class: "is-wide",
                             label: e(a)("page.description"),
                             help: e(a)("page.description-help"),
-                            error: ae("description"),
-                            disabled: !k.value
+                            error: m("description"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(Kt), {
-                                "model-value": h.description ?? "",
+                            default: c(() => [
+                              u(e(nl), {
+                                "model-value": g.description ?? "",
                                 rows: 2,
-                                "onUpdate:modelValue": b[6] || (b[6] = (x) => h.description = String(x ?? ""))
+                                "onUpdate:modelValue": v[6] || (v[6] = ($) => g.description = String($ ?? ""))
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             label: e(a)("page.icon"),
-                            error: ae("icon"),
-                            disabled: !k.value
+                            error: m("icon"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(ge), {
-                                "model-value": h.icon ?? "",
+                            default: c(() => [
+                              u(e(Ee), {
+                                "model-value": g.icon ?? "",
                                 placeholder: "grid",
-                                "onUpdate:modelValue": b[7] || (b[7] = (x) => h.icon = String(x ?? ""))
+                                "onUpdate:modelValue": v[7] || (v[7] = ($) => g.icon = String($ ?? ""))
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
                           }, 8, ["label", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             label: e(a)("page.sort"),
                             help: e(a)("page.sort-help"),
-                            error: ae("sort"),
-                            disabled: !k.value
+                            error: m("sort"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(lt), {
-                                modelValue: h.sort,
-                                "onUpdate:modelValue": b[8] || (b[8] = (x) => h.sort = x)
+                            default: c(() => [
+                              u(e(rt), {
+                                modelValue: g.sort,
+                                "onUpdate:modelValue": v[8] || (v[8] = ($) => g.sort = $)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             label: e(a)("page.allow"),
                             help: e(a)("page.allow-help"),
-                            error: ae("allow"),
-                            disabled: !k.value
+                            error: m("allow"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(nt), {
-                                modelValue: h.allow,
-                                "onUpdate:modelValue": b[9] || (b[9] = (x) => h.allow = x),
+                            default: c(() => [
+                              u(e(ut), {
+                                modelValue: g.allow,
+                                "onUpdate:modelValue": v[9] || (v[9] = ($) => g.allow = $),
                                 "allow-create": ""
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             label: e(a)("page.allowed-in"),
                             help: e(a)("page.allowed-in-help"),
-                            error: ae("allowed_in"),
-                            disabled: !k.value
+                            error: m("allowed_in"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(nt), {
-                                modelValue: h.allowed_in,
-                                "onUpdate:modelValue": b[10] || (b[10] = (x) => h.allowed_in = x),
+                            default: c(() => [
+                              u(e(ut), {
+                                modelValue: g.allowed_in,
+                                "onUpdate:modelValue": v[10] || (v[10] = ($) => g.allowed_in = $),
                                 "allow-create": "",
                                 suggestions: ["root"]
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             label: e(a)("page.max-per-entity"),
                             help: e(a)("page.max-per-entity-help"),
-                            error: ae("max_per_entity"),
-                            disabled: !k.value
+                            error: m("max_per_entity"),
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(lt), {
-                                "model-value": h.max_per_entity ?? void 0,
+                            default: c(() => [
+                              u(e(rt), {
+                                "model-value": g.max_per_entity ?? void 0,
                                 min: 1,
-                                "onUpdate:modelValue": b[11] || (b[11] = (x) => h.max_per_entity = x ?? null)
+                                "onUpdate:modelValue": v[11] || (v[11] = ($) => g.max_per_entity = $ ?? null)
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          u(e(Y), {
+                          u(e(X), {
                             label: e(a)("page.enabled"),
                             help: e(a)("page.enabled-help"),
-                            disabled: !k.value
+                            disabled: !_.value
                           }, {
-                            default: d(() => [
-                              u(e(Zt), {
-                                modelValue: h.is_enabled,
-                                "onUpdate:modelValue": b[12] || (b[12] = (x) => h.is_enabled = x)
+                            default: c(() => [
+                              u(e(al), {
+                                modelValue: g.is_enabled,
+                                "onUpdate:modelValue": v[12] || (v[12] = ($) => g.is_enabled = $)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "disabled"]),
-                          k.value ? (i(), V("div", Fl, [
-                            u(e(q), {
+                          _.value ? (i(), x("div", Gl, [
+                            u(e(ie), {
                               type: "danger",
                               variant: "outline",
-                              disabled: p.value.usage_count > 0,
-                              onClick: $e
+                              disabled: d.value.usage_count > 0,
+                              onClick: ge
                             }, {
-                              default: d(() => [
-                                _(v(e(a)("page.delete")), 1)
+                              default: c(() => [
+                                E(y(e(a)("page.delete")), 1)
                               ]),
                               _: 1
                             }, 8, ["disabled"]),
-                            p.value.usage_count > 0 ? (i(), W(e(j), {
+                            d.value.usage_count > 0 ? (i(), L(e(F), {
                               key: 0,
                               size: "sm",
                               tone: "muted"
                             }, {
-                              default: d(() => [
-                                _(v(e(a)("page.delete-used", { count: p.value.usage_count })), 1)
+                              default: c(() => [
+                                E(y(e(a)("page.delete-used", { count: d.value.usage_count })), 1)
                               ]),
                               _: 1
-                            })) : L("", !0)
-                          ])) : L("", !0)
+                            })) : z("", !0)
+                          ])) : z("", !0)
                         ])
                       ]),
                       _: 1
@@ -1382,20 +1370,20 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                u(e(me), {
+                u(e(Ve), {
                   value: "history",
                   label: e(a)("page.tab-history")
                 }, {
-                  default: d(() => [
-                    u(e(ve), {
+                  default: c(() => [
+                    u(e(Se), {
                       class: "wx-block-editor__sheet",
                       padding: "none"
                     }, {
-                      default: d(() => [
-                        u(ol, {
-                          block: p.value,
-                          "can-manage": k.value,
-                          onRestored: pe
+                      default: c(() => [
+                        u(hl, {
+                          block: d.value,
+                          "can-manage": _.value,
+                          onRestored: he
                         }, null, 8, ["block", "can-manage"])
                       ]),
                       _: 1
@@ -1407,152 +1395,152 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
               _: 1
             }, 8, ["modelValue"])
           ]),
-          $("div", ql, [
-            u(fl, {
-              html: I.html,
-              styles: I.styles,
-              script: I.script,
-              runtime: I.runtime,
-              loading: I.loading
+          W("div", Yl, [
+            u(xl, {
+              html: P.html,
+              styles: P.styles,
+              script: P.script,
+              runtime: P.runtime,
+              loading: P.loading
             }, null, 8, ["html", "styles", "script", "runtime", "loading"]),
-            u(e(ve), {
+            u(e(Se), {
               title: e(a)("page.sample")
             }, {
-              default: d(() => [
-                w.schema.length ? (i(), W(e($t), {
+              default: c(() => [
+                w.schema.length ? (i(), L(e(Et), {
                   key: 0,
-                  modelValue: We.value,
-                  "onUpdate:modelValue": b[14] || (b[14] = (x) => We.value = x),
-                  root: e(Ye)(w.schema),
-                  types: e(s).types,
-                  translate: e(s).i18n.t,
-                  can: e(s).can,
-                  disabled: !k.value,
+                  modelValue: ae.value,
+                  "onUpdate:modelValue": v[14] || (v[14] = ($) => ae.value = $),
+                  root: e(lt)(w.schema),
+                  types: e(o).types,
+                  translate: e(o).i18n.t,
+                  can: e(o).can,
+                  disabled: !_.value,
                   size: "sm"
-                }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : L("", !0),
-                u(e(j), {
+                }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : z("", !0),
+                u(e(F), {
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: d(() => [
-                    _(v(e(a)("page.sample-help")), 1)
+                  default: c(() => [
+                    E(y(e(a)("page.sample-help")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }, 8, ["title"]),
-            u(e(ve), {
+            u(e(Se), {
               title: e(a)("page.usage")
             }, {
-              default: d(() => [
-                y.value.length === 0 ? (i(), W(e(j), {
+              default: c(() => [
+                p.value.length === 0 ? (i(), L(e(F), {
                   key: 0,
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: d(() => [
-                    _(v(e(a)("page.usage-empty")), 1)
+                  default: c(() => [
+                    E(y(e(a)("page.usage-empty")), 1)
                   ]),
                   _: 1
-                })) : (i(), V("div", Jl, [
-                  (i(!0), V(H, null, te(Ve.value, (x) => (i(), V("div", {
-                    key: `${x.model}:${x.id}`,
+                })) : (i(), x("div", Ql, [
+                  (i(!0), x(j, null, ee(ye.value, ($) => (i(), x("div", {
+                    key: `${$.model}:${$.id}`,
                     class: "wx-block-editor__use"
                   }, [
-                    $("span", null, v(x.title ?? `#${x.id}`), 1),
-                    x.published ? L("", !0) : (i(), W(e(J), {
+                    W("span", null, y($.title ?? `#${$.id}`), 1),
+                    $.published ? z("", !0) : (i(), L(e(Y), {
                       key: 0,
                       type: "warning",
                       size: "sm"
                     }, {
-                      default: d(() => [
-                        _(v(e(a)("page.unpublished-page")), 1)
+                      default: c(() => [
+                        E(y(e(a)("page.unpublished-page")), 1)
                       ]),
                       _: 1
                     }))
                   ]))), 128)),
-                  y.value.length > Ve.value.length ? (i(), W(e(j), {
+                  p.value.length > ye.value.length ? (i(), L(e(F), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
-                    default: d(() => [
-                      _(v(e(a)("page.usage-more", { count: y.value.length - Ve.value.length })), 1)
+                    default: c(() => [
+                      E(y(e(a)("page.usage-more", { count: p.value.length - ye.value.length })), 1)
                     ]),
                     _: 1
-                  })) : L("", !0)
+                  })) : z("", !0)
                 ]))
               ]),
               _: 1
             }, 8, ["title"])
           ])
         ]),
-        k.value ? (i(), W(e(Gt), { key: 1 }, {
-          state: d(() => [
-            O.value ? (i(), W(e(J), {
+        _.value ? (i(), L(e(ol), { key: 1 }, {
+          state: c(() => [
+            q.value ? (i(), L(e(Y), {
               key: 0,
               type: "primary",
               dot: ""
             }, {
-              default: d(() => [
-                _(v(e(a)("page.unsaved")), 1)
+              default: c(() => [
+                E(y(e(a)("page.unsaved")), 1)
               ]),
               _: 1
-            })) : L("", !0),
-            p.value.draft ? (i(), W(e(J), {
+            })) : z("", !0),
+            d.value.draft ? (i(), L(e(Y), {
               key: 1,
               type: "warning",
               dot: ""
             }, {
-              default: d(() => [
-                _(v(e(a)("page.draft", { number: p.value.draft.number })), 1)
+              default: c(() => [
+                E(y(e(a)("page.draft", { number: d.value.draft.number })), 1)
               ]),
               _: 1
-            })) : L("", !0),
-            p.value.published ? (i(), W(e(J), {
+            })) : z("", !0),
+            d.value.published ? (i(), L(e(Y), {
               key: 2,
               type: "success",
               dot: ""
             }, {
-              default: d(() => [
-                _(v(e(a)("page.live", { number: p.value.published.number })), 1)
+              default: c(() => [
+                E(y(e(a)("page.live", { number: d.value.published.number })), 1)
               ]),
               _: 1
-            })) : L("", !0)
+            })) : z("", !0)
           ]),
-          default: d(() => [
-            u(e(q), {
+          default: c(() => [
+            u(e(ie), {
               variant: "outline",
-              loading: c.value,
-              onClick: ue
+              loading: f.value,
+              onClick: pe
             }, {
-              default: d(() => [
-                _(v(e(a)("page.save")), 1)
+              default: c(() => [
+                E(y(e(a)("page.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"]),
-            u(e(q), {
+            u(e(ie), {
               type: "primary",
-              loading: T.value,
-              disabled: !p.value.draft && !O.value,
-              onClick: xe
+              loading: k.value,
+              disabled: !d.value.draft && !q.value,
+              onClick: oe
             }, {
-              default: d(() => [
-                _(v(e(a)("page.publish")), 1)
+              default: c(() => [
+                E(y(e(a)("page.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : L("", !0)
+        })) : z("", !0)
       ], 64))
     ]));
   }
-}), Zl = /* @__PURE__ */ X(Kl, [["__scopeId", "data-v-ae45e358"]]), Gl = ["srcdoc"], Yl = {
+}), en = /* @__PURE__ */ le(Xl, [["__scopeId", "data-v-abef0165"]]), tn = ["srcdoc"], ln = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, Ql = /* @__PURE__ */ Q({
+}, nn = /* @__PURE__ */ te({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -1560,36 +1548,36 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
     height: { default: 120 }
   },
   setup(t) {
-    const l = t, s = U(null), n = Ke(s), o = C(() => n.value > 0 ? n.value / l.width : 0.2), r = C(
-      () => l.thumbnail ? St({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
-    ), a = C(() => ({
+    const l = t, o = N(null), n = qe(o), s = T(() => n.value > 0 ? n.value / l.width : 0.2), r = T(
+      () => l.thumbnail ? At({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
+    ), a = T(() => ({
       width: `${l.width}px`,
-      height: `${Math.round(l.height / o.value)}px`,
-      transform: `scale(${o.value})`
+      height: `${Math.round(l.height / s.value)}px`,
+      transform: `scale(${s.value})`
     }));
-    return (m, A) => (i(), V("div", {
+    return (h, I) => (i(), x("div", {
       ref_key: "box",
-      ref: s,
+      ref: o,
       class: "wx-block-thumb",
-      style: ce({ height: `${t.height}px` })
+      style: we({ height: `${t.height}px` })
     }, [
-      t.thumbnail ? (i(), V("iframe", {
+      t.thumbnail ? (i(), x("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
         srcdoc: r.value,
-        style: ce(a.value),
+        style: we(a.value),
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
-      }, null, 12, Gl)) : (i(), V("div", Yl, [
-        u(e(oe), { name: "grid" })
+      }, null, 12, tn)) : (i(), x("div", ln, [
+        u(e(ve), { name: "grid" })
       ]))
     ], 4));
   }
-}), zt = /* @__PURE__ */ X(Ql, [["__scopeId", "data-v-615b818a"]]), Xl = { class: "wx-block-picker" }, en = {
+}), Ot = /* @__PURE__ */ le(nn, [["__scopeId", "data-v-615b818a"]]), an = { class: "wx-block-picker" }, on = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, tn = { class: "wx-block-picker__cards" }, ln = ["disabled", "title", "onClick"], nn = { class: "wx-block-picker__body" }, an = { class: "wx-block-picker__title" }, sn = /* @__PURE__ */ Q({
+}, sn = { class: "wx-block-picker__cards" }, rn = ["disabled", "title", "onClick"], un = { class: "wx-block-picker__body" }, cn = { class: "wx-block-picker__title" }, dn = /* @__PURE__ */ te({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -1600,134 +1588,134 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
     blocksPath: { default: null }
   },
   setup(t) {
-    const l = t, { resolve: s, dismiss: n, open: o } = yt();
-    Ee();
-    const r = le("webx-blocks"), a = U("");
-    function m(c) {
+    const l = t, { resolve: o, dismiss: n, open: s } = St();
+    Me();
+    const r = re("webx-blocks"), a = N("");
+    function h(f) {
       if (l.parent === null)
-        return c.allowed_in === null || c.allowed_in.includes("root");
-      const T = l.allow ? l.allow.includes(c.slug) : l.parent.allow?.includes(c.slug) === !0, f = c.allowed_in === null || c.allowed_in.includes(l.parent.slug);
-      return T && f;
+        return f.allowed_in === null || f.allowed_in.includes("root");
+      const k = l.allow ? l.allow.includes(f.slug) : l.parent.allow?.includes(f.slug) === !0, B = f.allowed_in === null || f.allowed_in.includes(l.parent.slug);
+      return k && B;
     }
-    const A = C(
-      () => l.catalog.filter((c) => c.is_enabled && c.published !== null && m(c)).map((c) => {
-        const T = ml(l.tree, c.slug), f = c.max_per_entity !== null && T >= c.max_per_entity;
-        return { type: c, reason: f ? r("field.limit-reached", { count: T }) : null };
+    const I = T(
+      () => l.catalog.filter((f) => f.is_enabled && f.published !== null && h(f)).map((f) => {
+        const k = Tl(l.tree, f.slug), B = f.max_per_entity !== null && k >= f.max_per_entity;
+        return { type: f, reason: B ? r("field.limit-reached", { count: k }) : null };
       })
-    ), p = C(() => {
-      const c = a.value.trim().toLowerCase();
-      return c === "" ? A.value : A.value.filter(
-        ({ type: T }) => T.title.toLowerCase().includes(c) || T.slug.includes(c) || (T.description ?? "").toLowerCase().includes(c)
+    ), d = T(() => {
+      const f = a.value.trim().toLowerCase();
+      return f === "" ? I.value : I.value.filter(
+        ({ type: k }) => k.title.toLowerCase().includes(f) || k.slug.includes(f) || (k.description ?? "").toLowerCase().includes(f)
       );
-    }), y = C(() => {
-      const c = [...l.groups];
-      for (const { type: S } of p.value)
-        c.includes(S.group) || c.push(S.group);
-      const T = c.map((S) => ({
-        id: S,
-        label: ye(S, r),
-        options: p.value.filter((k) => k.type.group === S)
-      })).filter((S) => S.options.length > 0);
-      return p.value.length <= 5 || a.value.trim() !== "" || T.length < 2 ? [{ id: "", label: "", options: p.value }] : T;
-    }), g = C(() => {
+    }), p = T(() => {
+      const f = [...l.groups];
+      for (const { type: V } of d.value)
+        f.includes(V.group) || f.push(V.group);
+      const k = f.map((V) => ({
+        id: V,
+        label: Ae(V, r),
+        options: d.value.filter((_) => _.type.group === V)
+      })).filter((V) => V.options.length > 0);
+      return d.value.length <= 5 || a.value.trim() !== "" || k.length < 2 ? [{ id: "", label: "", options: d.value }] : k;
+    }), b = T(() => {
       if (l.catalog.length === 0) return r("field.pick-none");
-      if (A.value.length === 0 && l.parent) {
-        const c = (l.allow ?? l.parent.allow ?? []).filter(
-          (T) => l.catalog.some((f) => f.slug === T)
+      if (I.value.length === 0 && l.parent) {
+        const f = (l.allow ?? l.parent.allow ?? []).filter(
+          (k) => l.catalog.some((B) => B.slug === k)
         );
-        return c.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: c.join(", ") });
+        return f.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: f.join(", ") });
       }
       return r("field.pick-empty");
     });
-    return (c, T) => {
-      const f = ft("router-link");
-      return i(), W(e(wt), {
-        open: e(o),
-        "onUpdate:open": T[2] || (T[2] = (S) => vt(o) ? o.value = S : null),
+    return (f, k) => {
+      const B = kt("router-link");
+      return i(), L(e(Vt), {
+        open: e(s),
+        "onUpdate:open": k[2] || (k[2] = (V) => yt(s) ? s.value = V : null),
         title: e(r)("field.pick"),
         width: 860
       }, {
-        footer: d(() => [
-          u(e(q), {
+        footer: c(() => [
+          u(e(ie), {
             variant: "outline",
-            onClick: T[1] || (T[1] = (S) => e(n)())
+            onClick: k[1] || (k[1] = (V) => e(n)())
           }, {
-            default: d(() => [
-              _(v(e(r)("field.close")), 1)
+            default: c(() => [
+              E(y(e(r)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
-        default: d(() => [
-          $("div", Xl, [
-            A.value.length > 0 ? (i(), W(e(ge), {
+        default: c(() => [
+          W("div", an, [
+            I.value.length > 0 ? (i(), L(e(Ee), {
               key: 0,
               modelValue: a.value,
-              "onUpdate:modelValue": T[0] || (T[0] = (S) => a.value = S),
+              "onUpdate:modelValue": k[0] || (k[0] = (V) => a.value = V),
               placeholder: e(r)("field.search"),
               clearable: "",
               autofocus: ""
-            }, null, 8, ["modelValue", "placeholder"])) : L("", !0),
-            p.value.length === 0 ? (i(), W(e(_t), {
+            }, null, 8, ["modelValue", "placeholder"])) : z("", !0),
+            d.value.length === 0 ? (i(), L(e(Ct), {
               key: 1,
               icon: "grid",
-              title: g.value,
+              title: b.value,
               size: "sm"
             }, {
-              default: d(() => [
-                t.catalog.length === 0 && t.blocksPath ? (i(), W(f, {
+              default: c(() => [
+                t.catalog.length === 0 && t.blocksPath ? (i(), L(B, {
                   key: 0,
                   to: t.blocksPath
                 }, {
-                  default: d(() => [
-                    _(v(e(r)("field.pick-none-link")), 1)
+                  default: c(() => [
+                    E(y(e(r)("field.pick-none-link")), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : L("", !0)
+                }, 8, ["to"])) : z("", !0)
               ]),
               _: 1
-            }, 8, ["title"])) : L("", !0),
-            (i(!0), V(H, null, te(y.value, (S) => (i(), V("section", {
-              key: S.id,
+            }, 8, ["title"])) : z("", !0),
+            (i(!0), x(j, null, ee(p.value, (V) => (i(), x("section", {
+              key: V.id,
               class: "wx-block-picker__group"
             }, [
-              S.label ? (i(), V("div", en, v(S.label), 1)) : L("", !0),
-              $("div", tn, [
-                (i(!0), V(H, null, te(S.options, (k) => (i(), V("button", {
-                  key: k.type.id,
+              V.label ? (i(), x("div", on, y(V.label), 1)) : z("", !0),
+              W("div", sn, [
+                (i(!0), x(j, null, ee(V.options, (_) => (i(), x("button", {
+                  key: _.type.id,
                   type: "button",
-                  class: be(["wx-block-picker__card", { "is-disabled": k.reason !== null }]),
-                  disabled: k.reason !== null,
-                  title: k.reason ?? void 0,
-                  onClick: (h) => e(s)(k.type)
+                  class: Be(["wx-block-picker__card", { "is-disabled": _.reason !== null }]),
+                  disabled: _.reason !== null,
+                  title: _.reason ?? void 0,
+                  onClick: (g) => e(o)(_.type)
                 }, [
-                  u(zt, {
-                    thumbnail: k.type.thumbnail,
+                  u(Ot, {
+                    thumbnail: _.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  $("div", nn, [
-                    $("div", an, v(k.type.title), 1),
-                    k.reason ? (i(), W(e(j), {
+                  W("div", un, [
+                    W("div", cn, y(_.type.title), 1),
+                    _.reason ? (i(), L(e(F), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
-                      default: d(() => [
-                        _(v(k.reason), 1)
+                      default: c(() => [
+                        E(y(_.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : k.type.description ? (i(), W(e(j), {
+                    }, 1024)) : _.type.description ? (i(), L(e(F), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
-                      default: d(() => [
-                        _(v(k.type.description), 1)
+                      default: c(() => [
+                        E(y(_.type.description), 1)
                       ]),
                       _: 2
-                    }, 1024)) : L("", !0)
+                    }, 1024)) : z("", !0)
                   ])
-                ], 10, ln))), 128))
+                ], 10, rn))), 128))
               ])
             ]))), 128))
           ])
@@ -1736,153 +1724,208 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
       }, 8, ["open", "title"]);
     };
   }
-}), on = /* @__PURE__ */ X(sn, [["__scopeId", "data-v-99f4090e"]]), rn = { class: "wx-blocks-preview__bar" }, un = { class: "wx-blocks-preview__tools" }, cn = ["src", "title"], dn = /* @__PURE__ */ Q({
+}), pn = /* @__PURE__ */ le(dn, [["__scopeId", "data-v-99f4090e"]]), vn = { class: "wx-blocks-preview__tools" }, fn = ["src", "title"], mn = /* @__PURE__ */ te({
   __name: "BlocksPreview",
   props: {
     url: {},
     selected: { default: null },
-    mode: { default: "wide" },
     reload: { default: 0 },
-    fill: { type: Boolean, default: !1 }
+    compact: { type: Boolean, default: !1 }
   },
-  emits: ["select"],
-  setup(t, { expose: l, emit: s }) {
-    const n = t, o = s, r = le("webx-blocks"), a = U(null), m = U(null), A = Ke(m), p = U(!1), y = U(1280), g = U(!1), c = C(() => [
-      { value: 1280, label: r("field.width-desktop") },
-      { value: 834, label: r("field.width-tablet") },
-      { value: 390, label: r("field.width-phone") }
-    ]), T = C(
-      () => p.value ? y.value : n.mode === "phone" ? 390 : 1280
-    ), f = C(() => p.value || n.mode === "phone" || A.value === 0 ? 1 : Math.min(1, A.value / T.value)), S = C(() => ({
-      width: `${T.value}px`,
-      transform: `scale(${f.value})`
-    })), k = C(() => {
+  emits: ["select", "edit"],
+  setup(t, { expose: l, emit: o }) {
+    const n = t, s = o, r = re("webx-blocks"), a = N(null), h = N(null), I = N(null), d = qe(I), p = N(!1), b = N(!1), f = N(null), k = N(0), B = T(() => k.value > 0), V = T(() => [
+      { value: 1280, icon: "monitor", ariaLabel: r("field.width-desktop") },
+      { value: 834, icon: "tablet", ariaLabel: r("field.width-tablet") },
+      { value: 390, icon: "smartphone", ariaLabel: r("field.width-phone") }
+    ]), _ = T(() => f.value !== null ? f.value : n.compact ? d.value > 0 && d.value < 560 ? 390 : 834 : 1280), g = T(() => d.value === 0 ? 1 : Math.min(1, d.value / _.value)), w = T(() => ({
+      width: `${_.value}px`,
+      transform: `scale(${g.value})`,
+      ...B.value ? { height: `${k.value}px` } : {}
+    })), H = T(() => ({
+      width: `${Math.round(_.value * g.value)}px`,
+      ...B.value ? { height: `${Math.round(k.value * g.value)}px` } : {}
+    })), K = T(() => {
       if (!n.url) return "";
       try {
-        return `${new URL(n.url, location.origin).pathname} · ${T.value} px`;
+        return `${new URL(n.url, location.origin).pathname} · ${_.value} px`;
       } catch {
         return n.url;
       }
     });
-    function h() {
+    function Z() {
       try {
         return a.value?.contentDocument ?? null;
       } catch {
         return null;
       }
     }
-    let w = null, D = !1;
-    function K() {
-      g.value = !0;
-      const M = h();
-      M && (w?.release(), w = rl(M, {
-        select: (O) => {
-          D = !0, o("select", O), D = !1;
-        }
-      }), Fe(M, n.selected ?? null), ne(M, n.selected ?? null));
+    let ne = null, C = null;
+    function P(U) {
+      U.documentElement.scrollTop !== 0 && (U.documentElement.scrollTop = 0);
     }
-    function ne(M, O) {
-      O === null || D || Ze(M, O)?.scrollIntoView({ behavior: "smooth", block: "center" });
+    function O() {
+      const U = Z(), M = U?.body;
+      if (!M || !U?.defaultView) return;
+      P(U);
+      const R = U.defaultView.getComputedStyle(M), G = (parseFloat(R.marginTop) || 0) + (parseFloat(R.marginBottom) || 0), ce = Math.ceil(M.scrollHeight + G);
+      ce !== k.value && (k.value = ce, ue !== null && Rt(() => requestAnimationFrame(Q)));
     }
-    function z(M, O) {
-      const ee = h();
-      if (!ee || !g.value) return !1;
-      const de = il(ee, M, O);
-      return de && Fe(ee, n.selected ?? null), de;
+    function q(U) {
+      C?.disconnect();
+      const M = U.defaultView;
+      !M || !U.body || (C = new M.ResizeObserver(O), C.observe(U.body), O());
     }
-    function N() {
-      g.value = !1, a.value && n.url && (a.value.src = n.url);
+    function _e() {
+      b.value = !0;
+      const U = Z();
+      U && (q(U), ne?.release(), ne = gl(U, {
+        /* 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: (M) => s("select", M)
+      }), Ye(U, n.selected ?? null), ke(n.selected ?? null));
     }
-    function I(M) {
-      M.key === "Escape" && p.value && (p.value = !1, M.stopPropagation());
+    let ue = null, ae = null;
+    function ke(U) {
+      U !== null && (ue = U, ae !== null && clearTimeout(ae), ae = window.setTimeout(() => {
+        ue = null, ae = null;
+      }, 400), Q());
     }
-    return ie(
+    function xe(U) {
+      const M = a.value?.getBoundingClientRect();
+      if (!M) return null;
+      const R = U.getBoundingClientRect();
+      return { top: M.top + R.top * g.value, height: R.height * g.value };
+    }
+    function he() {
+      let U = a.value?.parentElement ?? null;
+      for (; U; ) {
+        const M = getComputedStyle(U).overflowY;
+        if ((M === "auto" || M === "scroll") && U.scrollHeight > U.clientHeight)
+          return U;
+        U = U.parentElement;
+      }
+      return null;
+    }
+    function Q() {
+      const U = Z();
+      if (ue === null || !U) return;
+      P(U);
+      const M = et(U, ue), R = M ? xe(M) : null;
+      if (!R) return;
+      const G = he(), ce = G?.getBoundingClientRect(), pe = h.value?.getBoundingClientRect().height ?? 0, oe = {
+        top: (ce?.top ?? 0) + pe,
+        bottom: (ce ? ce.bottom : window.innerHeight) - pe
+      }, ge = R.top + R.height, Te = R.top < oe.top, ye = R.height > oe.bottom - oe.top, m = Te || ye ? R.top - oe.top : ge > oe.bottom ? ge - oe.bottom : 0;
+      m !== 0 && (G ?? window).scrollBy({ top: m, behavior: "smooth" });
+    }
+    function $e(U, M) {
+      const R = Z();
+      if (!R || !b.value) return !1;
+      const G = bl(R, U, M);
+      return G && Ye(R, n.selected ?? null), G;
+    }
+    function be() {
+      b.value = !1, C?.disconnect(), C = null, a.value && n.url && (a.value.src = n.url);
+    }
+    function de(U) {
+      U.key === "Escape" && p.value && (p.value = !1, U.stopPropagation());
+    }
+    return fe(
       () => n.selected,
-      (M) => {
-        const O = h();
-        !O || !g.value || (Fe(O, M ?? null), ne(O, M ?? null));
+      (U) => {
+        const M = Z();
+        !M || !b.value || (Ye(M, U ?? null), ke(U ?? null));
       }
-    ), ie(() => n.reload, N), ie(
+    ), fe(() => n.reload, be), fe(
       () => n.url,
-      () => g.value = !1
-    ), Te(() => window.addEventListener("keydown", I)), Je(() => {
-      window.removeEventListener("keydown", I), w?.release();
-    }), l({ replace: z, refresh: N, open: () => p.value = !0 }), (M, O) => (i(), V("div", {
-      class: be(["wx-blocks-preview", { "is-fullscreen": p.value, "is-phone": t.mode === "phone", "is-fill": t.fill }]),
-      style: ce({ "--wx-preview-scale": f.value })
+      () => b.value = !1
+    ), Ue(() => window.addEventListener("keydown", de)), Xe(() => {
+      window.removeEventListener("keydown", de), ae !== null && clearTimeout(ae), C?.disconnect(), ne?.release();
+    }), l({ replace: $e, refresh: be, open: () => p.value = !0 }), (U, M) => (i(), x("div", {
+      class: Be(["wx-blocks-preview", { "is-fullscreen": p.value, "is-grown": B.value, "is-compact": t.compact }]),
+      style: we({ "--wx-preview-scale": g.value })
     }, [
-      $("div", rn, [
-        u(e(j), {
+      W("div", {
+        ref_key: "bar",
+        ref: h,
+        class: "wx-blocks-preview__bar"
+      }, [
+        u(e(F), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
-          default: d(() => [
-            _(v(k.value), 1)
+          default: c(() => [
+            E(y(K.value), 1)
           ]),
           _: 1
         }),
-        $("div", un, [
-          p.value ? (i(), W(e(bt), {
+        u(e(xt), {
+          class: "wx-blocks-preview__widths",
+          "model-value": _.value,
+          options: V.value,
+          size: "sm",
+          "aria-label": e(r)("field.width"),
+          "onUpdate:modelValue": M[0] || (M[0] = (R) => f.value = Number(R))
+        }, null, 8, ["model-value", "options", "aria-label"]),
+        W("div", vn, [
+          t.compact ? (i(), L(e(Le), {
             key: 0,
-            modelValue: y.value,
-            "onUpdate:modelValue": O[0] || (O[0] = (ee) => y.value = ee),
-            options: c.value,
-            size: "sm"
-          }, null, 8, ["modelValue", "options"])) : L("", !0),
-          t.url ? (i(), W(e(q), {
+            size: "sm",
+            tone: "primary",
+            icon: "edit",
+            title: e(r)("field.blocks"),
+            onClick: M[1] || (M[1] = (R) => s("edit"))
+          }, null, 8, ["title"])) : z("", !0),
+          t.url ? (i(), L(e(Le), {
             key: 1,
             size: "sm",
-            variant: "outline",
+            icon: "external-link",
+            tone: "neutral",
+            title: e(r)("field.open-site"),
             href: t.url,
             target: "_blank",
             rel: "noopener"
-          }, {
-            default: d(() => [
-              _(v(e(r)("field.open-site")), 1)
-            ]),
-            _: 1
-          }, 8, ["href"])) : L("", !0),
-          u(e(q), {
+          }, null, 8, ["title", "href"])) : z("", !0),
+          u(e(Le), {
             size: "sm",
-            variant: "outline",
-            onClick: O[1] || (O[1] = (ee) => p.value = !p.value)
-          }, {
-            default: d(() => [
-              _(v(p.value ? e(r)("field.close") : e(r)("field.fullscreen")), 1)
-            ]),
-            _: 1
-          })
+            icon: p.value ? "minimize" : "maximize",
+            tone: "neutral",
+            title: p.value ? e(r)("field.close") : e(r)("field.fullscreen"),
+            onClick: M[2] || (M[2] = (R) => p.value = !p.value)
+          }, null, 8, ["icon", "title"])
         ])
-      ]),
-      $("div", {
+      ], 512),
+      W("div", {
         ref_key: "box",
-        ref: m,
+        ref: I,
         class: "wx-blocks-preview__ground"
       }, [
-        $("div", {
+        W("div", {
           class: "wx-blocks-preview__clip",
-          style: ce({ width: `${Math.round(T.value * f.value)}px` })
+          style: we(H.value)
         }, [
-          t.url ? (i(), V("iframe", {
+          t.url ? (i(), x("iframe", {
             key: 0,
             ref_key: "frame",
             ref: a,
             class: "wx-blocks-preview__frame",
             src: t.url,
-            style: ce(S.value),
+            style: we(w.value),
             title: e(r)("field.preview"),
-            onLoad: K
-          }, null, 44, cn)) : L("", !0)
+            onLoad: _e
+          }, null, 44, fn)) : z("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), pn = /* @__PURE__ */ X(dn, [["__scopeId", "data-v-1668a23e"]]), fn = { class: "wx-blocks-tree__node" }, vn = ["onClick", "onKeydown"], mn = { class: "wx-blocks-tree__icon" }, hn = { class: "wx-blocks-tree__name" }, bn = ["title"], gn = ["title"], kn = ["title"], yn = ["title"], wn = {
+}), hn = /* @__PURE__ */ le(mn, [["__scopeId", "data-v-398e4cef"]]), bn = { class: "wx-blocks-tree__node" }, gn = ["onClick", "onKeydown"], kn = { class: "wx-blocks-tree__name" }, yn = ["title"], wn = ["title"], _n = ["title"], xn = ["title"], $n = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, _n = ["onClick"], xn = /* @__PURE__ */ Q({
+}, Tn = ["onClick"], Sn = /* @__PURE__ */ te({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -1895,141 +1938,133 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
   },
   emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
   setup(t, { emit: l }) {
-    const s = t, n = l, o = le("webx-blocks");
-    function r(g) {
-      return s.catalog.find((c) => c.slug === g.type) ?? null;
+    const o = t, n = l, s = re("webx-blocks");
+    function r(p) {
+      return o.catalog.find((b) => b.slug === p.type) ?? null;
     }
-    function a(g) {
-      return r(g)?.title ?? g.type;
+    function a(p) {
+      return r(p)?.title ?? p.type;
     }
-    function m(g) {
-      const c = r(g);
-      return c?.content ? Ct(c.content.schema) : [];
+    function h(p) {
+      const b = r(p);
+      return b?.content ? Ut(b.content.schema) : [];
     }
-    function A(g, c) {
-      const T = g.values[c.id];
-      return Array.isArray(T) ? T : [];
+    function I(p, b) {
+      const f = p.values[b.id];
+      return Array.isArray(f) ? f : [];
     }
-    function p(g) {
-      return r(g)?.icon ?? "grid";
-    }
-    function y(g) {
+    function d(p) {
       return [
         {
           key: "visibility",
-          icon: g.hidden === !0 ? "eye" : "eye-off",
-          label: g.hidden === !0 ? o("field.show") : o("field.hide"),
-          run: () => n("visibility", g.key, g.hidden !== !0)
+          icon: p.hidden === !0 ? "eye" : "eye-off",
+          label: p.hidden === !0 ? s("field.show") : s("field.hide"),
+          run: () => n("visibility", p.key, p.hidden !== !0)
         },
         {
           key: "duplicate",
           icon: "copy",
-          label: o("field.duplicate"),
-          run: () => n("duplicate", g.key)
+          label: s("field.duplicate"),
+          run: () => n("duplicate", p.key)
         },
         {
           key: "remove",
           icon: "trash",
-          label: o("field.remove"),
+          label: s("field.remove"),
           danger: !0,
-          run: () => n("remove", g.key)
+          run: () => n("remove", p.key)
         }
       ];
     }
-    return (g, c) => {
-      const T = ft("blocks-tree", !0);
-      return i(), W(e(Yt), {
+    return (p, b) => {
+      const f = kt("blocks-tree", !0);
+      return i(), L(e(sl), {
         "model-value": t.nodes,
         "item-key": "key",
-        "item-label": (f) => a(f),
+        "item-label": (k) => a(k),
         disabled: t.disabled,
         plain: "",
         size: "sm",
-        "empty-text": t.depth === 0 ? e(o)("field.empty") : "",
-        class: be(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
-        "onUpdate:modelValue": c[6] || (c[6] = (f) => n("reorder", t.parentKey, t.field, f))
+        "empty-text": t.depth === 0 ? e(s)("field.empty") : "",
+        class: Be(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
+        "onUpdate:modelValue": b[6] || (b[6] = (k) => n("reorder", t.parentKey, t.field, k))
       }, {
-        default: d(({ item: f }) => [
-          $("div", fn, [
-            $("div", {
-              class: be(["wx-blocks-tree__row", { "is-selected": t.selected === f.key, "is-hidden": f.hidden === !0 }]),
+        default: c(({ item: k }) => [
+          W("div", bn, [
+            W("div", {
+              class: Be(["wx-blocks-tree__row", { "is-selected": t.selected === k.key, "is-hidden": k.hidden === !0 }]),
               role: "button",
               tabindex: "0",
-              onClick: (S) => n("select", f.key),
+              onClick: (B) => n("select", k.key),
               onKeydown: [
-                et(tt((S) => n("select", f.key), ["prevent"]), ["enter"]),
-                et(tt((S) => n("select", f.key), ["prevent"]), ["space"])
+                st(it((B) => n("select", k.key), ["prevent"]), ["enter"]),
+                st(it((B) => n("select", k.key), ["prevent"]), ["space"])
               ]
             }, [
-              $("span", mn, [
-                u(e(oe), {
-                  name: p(f)
-                }, null, 8, ["name"])
-              ]),
-              $("span", hn, v(a(f)), 1),
-              r(f) ? r(f)?.draft ? (i(), V("span", {
+              W("span", kn, y(a(k)), 1),
+              r(k) ? r(k)?.draft ? (i(), x("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
-                title: e(o)("field.draft-type")
+                title: e(s)("field.draft-type")
               }, [
-                u(e(oe), { name: "warning" })
-              ], 8, gn)) : r(f)?.is_enabled === !1 ? (i(), V("span", {
+                u(e(ve), { name: "warning" })
+              ], 8, wn)) : r(k)?.is_enabled === !1 ? (i(), x("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
-                title: e(o)("field.disabled-type")
+                title: e(s)("field.disabled-type")
               }, [
-                u(e(oe), { name: "lock" })
-              ], 8, kn)) : L("", !0) : (i(), V("span", {
+                u(e(ve), { name: "lock" })
+              ], 8, _n)) : z("", !0) : (i(), x("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
-                title: e(o)("field.unknown-type", { type: f.type })
+                title: e(s)("field.unknown-type", { type: k.type })
               }, [
-                u(e(oe), { name: "close-circle" })
-              ], 8, bn)),
-              f.hidden === !0 ? (i(), V("span", {
+                u(e(ve), { name: "close-circle" })
+              ], 8, yn)),
+              k.hidden === !0 ? (i(), x("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
-                title: e(o)("field.hidden-note")
+                title: e(s)("field.hidden-note")
               }, [
-                u(e(oe), { name: "eye-off" })
-              ], 8, yn)) : L("", !0),
-              t.disabled ? L("", !0) : (i(), V("span", wn, [
-                u(e(Ht), {
-                  actions: y(f),
-                  label: a(f)
+                u(e(ve), { name: "eye-off" })
+              ], 8, xn)) : z("", !0),
+              t.disabled ? z("", !0) : (i(), x("span", $n, [
+                u(e(Xt), {
+                  actions: d(k),
+                  label: a(k)
                 }, null, 8, ["actions", "label"])
               ]))
-            ], 42, vn),
-            (i(!0), V(H, null, te(m(f), (S) => (i(), V("div", {
-              key: S.id,
+            ], 42, gn),
+            (i(!0), x(j, null, ee(h(k), (B) => (i(), x("div", {
+              key: B.id,
               class: "wx-blocks-tree__kids"
             }, [
-              u(T, {
-                nodes: A(f, S),
+              u(f, {
+                nodes: I(k, B),
                 catalog: t.catalog,
-                "parent-key": f.key,
-                field: S.id,
+                "parent-key": k.key,
+                field: B.id,
                 selected: t.selected,
                 disabled: t.disabled,
                 depth: t.depth + 1,
-                onSelect: c[0] || (c[0] = (k) => n("select", k)),
-                onAdd: c[1] || (c[1] = (k, h, w) => n("add", k, h, w)),
-                onRemove: c[2] || (c[2] = (k) => n("remove", k)),
-                onDuplicate: c[3] || (c[3] = (k) => n("duplicate", k)),
-                onVisibility: c[4] || (c[4] = (k, h) => n("visibility", k, h)),
-                onReorder: c[5] || (c[5] = (k, h, w) => n("reorder", k, h, w))
+                onSelect: b[0] || (b[0] = (V) => n("select", V)),
+                onAdd: b[1] || (b[1] = (V, _, g) => n("add", V, _, g)),
+                onRemove: b[2] || (b[2] = (V) => n("remove", V)),
+                onDuplicate: b[3] || (b[3] = (V) => n("duplicate", V)),
+                onVisibility: b[4] || (b[4] = (V, _) => n("visibility", V, _)),
+                onReorder: b[5] || (b[5] = (V, _, g) => n("reorder", V, _, g))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
-              t.disabled ? L("", !0) : (i(), V("button", {
+              t.disabled ? z("", !0) : (i(), x("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (k) => n("add", f.key, S.id, S)
+                onClick: (V) => n("add", k.key, B.id, B)
               }, [
-                _(" + " + v(e(o)("field.add-inside")), 1),
-                m(f).length > 1 ? (i(), V(H, { key: 0 }, [
-                  _(" · " + v(S.label ?? S.id), 1)
-                ], 64)) : L("", !0)
-              ], 8, _n))
+                E(" + " + y(e(s)("field.add-inside")), 1),
+                h(k).length > 1 ? (i(), x(j, { key: 0 }, [
+                  E(" · " + y(B.label ?? B.id), 1)
+                ], 64)) : z("", !0)
+              ], 8, Tn))
             ]))), 128))
           ])
         ]),
@@ -2037,27 +2072,33 @@ const Tl = { class: "wx-block-editor" }, Bl = { class: "wx-block-editor__columns
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), $n = /* @__PURE__ */ X(xn, [["__scopeId", "data-v-4c1e79ce"]]), Qe = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function oa(t) {
-  mt(Qe, t);
+}), Vn = /* @__PURE__ */ le(Sn, [["__scopeId", "data-v-590fa1d6"]]), nt = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function pa(t) {
+  wt(nt, t);
 }
-function ia() {
-  return Ne(Qe, null);
+function va() {
+  return He(nt, null);
 }
-const pt = /* @__PURE__ */ Symbol("wx-blocks-root"), Vn = {
+const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
   key: 0,
   class: "wx-blocks-nested"
-}, Sn = { class: "wx-blocks__tree" }, Tn = { class: "wx-blocks__panel-head" }, Bn = { class: "wx-blocks__panel-title" }, Cn = { class: "wx-blocks__tools" }, En = {
+}, Bn = {
   key: 0,
-  class: "wx-blocks__fields"
-}, Wn = { class: "wx-blocks__panel-head" }, An = { class: "wx-blocks__panel-title" }, Ln = { class: "wx-blocks__panel-extra" }, zn = { class: "wx-blocks__form" }, In = {
+  class: "wx-blocks__tree"
+}, En = { class: "wx-blocks__panel-head" }, Wn = { class: "wx-blocks__panel-title" }, An = { class: "wx-blocks__tools" }, Ln = {
   key: 1,
+  class: "wx-blocks__fields"
+}, zn = { class: "wx-blocks__panel-head" }, Un = { class: "wx-blocks__panel-title" }, In = {
+  key: 0,
+  class: "wx-blocks__trail"
+}, Nn = ["onClick"], Pn = { class: "wx-blocks__panel-name" }, Mn = { class: "wx-blocks__panel-extra" }, On = { key: 0 }, Dn = { class: "wx-blocks__form" }, Rn = {
+  key: 0,
   class: "wx-blocks__preview"
-}, Un = /* @__PURE__ */ Q({
+}, Hn = /* @__PURE__ */ te({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ Nt({
+  props: /* @__PURE__ */ Jt({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -2066,311 +2107,401 @@ const pt = /* @__PURE__ */ Symbol("wx-blocks-root"), Vn = {
     max: { default: null },
     catalog: { default: null },
     disabled: { type: Boolean, default: !1 },
-    blocksPath: { default: "/blocks" },
-    fill: { type: Boolean, default: !1 }
+    blocksPath: { default: "/blocks" }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = t, s = It(t, "modelValue"), n = Ne(pt, !1);
-    mt(pt, !0), Ee();
-    const o = le("webx-blocks"), r = Ce(), a = Ne(Ft, null);
-    let m = null;
-    const A = U([]), p = C(() => l.catalog ?? A.value), y = C(() => Array.isArray(s.value) ? s.value : []), g = U(null), c = C(() => g.value ? se(y.value, g.value) : null), T = C(
-      () => c.value ? p.value.find((B) => B.slug === c.value?.node.type) ?? null : null
-    ), f = Ne(Qe, null), S = U(null), k = C(
-      () => a?.state.manifest?.modules.find((B) => B.id === "blocks")?.meta?.groups ?? []
-    ), h = Ut()?.type, w = C(() => l.context?.types ? l.context.types : a?.types ? { ...He, ...a.types } : h ? { ...He, "wx-blocks": { component: h, kind: "field", nested: !0 } } : He), D = C(
-      () => l.context?.translate ?? a?.i18n.t ?? ((B) => B)
-    ), K = C(() => l.context?.can ?? a?.can ?? (() => !0)), ne = xt(on);
-    function z(B) {
-      s.value = B;
+    const l = t, o = Ht(t, "modelValue"), n = He(gt, !1);
+    wt(gt, !0), Me();
+    const s = re("webx-blocks"), r = Ne(), a = He(el, null);
+    let h = null;
+    const I = N([]), d = T(() => l.catalog ?? I.value), p = T(() => Array.isArray(o.value) ? o.value : []), b = N(null), f = T(() => b.value ? se(p.value, b.value) : null), k = T(
+      () => f.value ? d.value.find((m) => m.slug === f.value?.node.type) ?? null : null
+    );
+    function B(m) {
+      return d.value.find((A) => A.slug === m.type)?.title ?? m.type;
     }
-    async function N(B, P, R) {
-      const Z = B ? se(y.value, B) : null, G = Z ? p.value.find((Ve) => Ve.slug === Z.node.type) ?? null : null, Re = B === null ? l.allow : R?.props?.allow ?? null, ue = B === null ? l.max : R?.props?.max ?? null, xe = B === null ? y.value : Z && P ? Z.node.values[P] ?? [] : [];
-      if (ue != null && xe.length >= ue) return;
-      const $e = await ne({
-        catalog: p.value,
-        parent: G,
-        allow: Re,
-        tree: y.value,
-        groups: k.value,
+    const V = T(() => {
+      const m = [];
+      return Pe(p.value, (A) => m.push(A.key)), m;
+    }), _ = T(() => {
+      const m = b.value ? V.value.indexOf(b.value) : -1;
+      return {
+        previous: m > 0 ? V.value[m - 1] : null,
+        next: m >= 0 && m < V.value.length - 1 ? V.value[m + 1] : null
+      };
+    }), g = T(() => {
+      const m = [];
+      let A = f.value?.parent ?? null;
+      for (; A; )
+        m.unshift({ key: A.key, title: B(A) }), A = se(p.value, A.key)?.parent ?? null;
+      return m;
+    }), w = He(nt, null), H = N(null), K = N(null), Z = qe(K), ne = T(() => w !== null && w.url.value !== null), C = T(() => ne.value && Z.value > 0 && Z.value <= 900), P = N(!1), O = T(() => {
+      if (!f.value) return;
+      const m = k.value?.title ?? f.value.node.type;
+      return [...g.value.map((A) => A.title), m].join(" / ");
+    }), q = T(
+      () => C.value ? {
+        /* Up from the bottom, and not all the way: the strip of page left above it is what
+           says the sheet is over the page rather than instead of it. No heading of its own —
+           the panels inside carry theirs, and the × is the one thing the sheet has to add. */
+        side: "bottom",
+        size: "88%",
+        /* Off, or the size above is ignored on exactly the screens this is for: a drawer
+           takes a narrow screen whole unless it is told not to. */
+        fullScreen: !1,
+        closable: !0,
+        closeLabel: s("field.close"),
+        ariaLabel: s("field.blocks"),
+        /* The open block's name goes in the sheet's own head, where there is a whole line for
+           it: in the form's head it shared a row with four controls and wrapped onto two. With
+           the blocks it is inside spelled out in front of it, because the trail that says so
+           in the column is part of the heading this replaces. The tree keeps its own heading,
+           which already says what it is and how many. */
+        title: O.value,
+        open: P.value,
+        "onUpdate:open": (m) => P.value = m
+      } : {}
+    ), _e = T(
+      () => a?.state.manifest?.modules.find((m) => m.id === "blocks")?.meta?.groups ?? []
+    ), ue = jt()?.type, ae = T(() => l.context?.types ? l.context.types : a?.types ? { ...Ge, ...a.types } : ue ? { ...Ge, "wx-blocks": { component: ue, kind: "field", nested: !0 } } : Ge), ke = T(
+      () => l.context?.translate ?? a?.i18n.t ?? ((m) => m)
+    ), xe = T(() => l.context?.can ?? a?.can ?? (() => !0)), he = Bt(pn);
+    function Q(m) {
+      o.value = m;
+    }
+    async function $e(m, A, D) {
+      const S = m ? se(p.value, m) : null, v = S ? d.value.find((Dt) => Dt.slug === S.node.type) ?? null : null, $ = m === null ? l.allow : D?.props?.allow ?? null, Oe = m === null ? l.max : D?.props?.max ?? null, at = m === null ? p.value : S && A ? S.node.values[A] ?? [] : [];
+      if (Oe != null && at.length >= Oe) return;
+      const Ke = await he({
+        catalog: d.value,
+        parent: v,
+        allow: $,
+        tree: p.value,
+        groups: _e.value,
         blocksPath: l.blocksPath
       });
-      if (!$e) return;
-      const ze = vl($e.slug, I($e));
-      z(ut(y.value, B, P, xe.length, ze)), g.value = ze.key;
+      if (!Ke) return;
+      const ot = $l(Ke.slug, be(Ke));
+      Q(mt(p.value, m, A, at.length, ot)), b.value = ot.key;
     }
-    function I(B) {
-      const P = B.content?.sample ?? {}, R = {};
-      for (const [Z, G] of Object.entries(P))
-        (!Array.isArray(G) || G.length === 0 || typeof G[0] != "object") && (R[Z] = G);
-      return R;
+    function be(m) {
+      const A = m.content?.sample ?? {}, D = {};
+      for (const [S, v] of Object.entries(A))
+        (!Array.isArray(v) || v.length === 0 || typeof v[0] != "object") && (D[S] = v);
+      return D;
     }
-    async function M(B) {
-      const P = se(y.value, B);
-      if (!P) return;
-      const R = hl(P.node);
-      await Me({
-        title: o("field.remove-title", {
-          title: p.value.find((G) => G.slug === P.node.type)?.title ?? P.node.type
+    async function de(m) {
+      const A = se(p.value, m);
+      if (!A) return;
+      const D = Sl(A.node);
+      await Fe({
+        title: s("field.remove-title", {
+          title: d.value.find((v) => v.slug === A.node.type)?.title ?? A.node.type
         }),
-        message: R > 0 ? o("field.remove-text", { count: R }) : o("field.remove-alone"),
-        confirmText: o("field.remove"),
-        cancelText: o("page.cancel"),
+        message: D > 0 ? s("field.remove-text", { count: D }) : s("field.remove-alone"),
+        confirmText: s("field.remove"),
+        cancelText: s("page.cancel"),
         tone: "danger"
-      }) && (g.value === B && (g.value = null), z(kl(y.value, B)));
+      }) && (b.value === m && (b.value = null), Q(Bl(p.value, m)));
     }
-    function O(B) {
-      const P = se(y.value, B);
-      if (!P) return;
-      const R = Et(P.node);
-      z(ut(y.value, P.parent?.key ?? null, P.field, P.index + 1, R)), g.value = R.key;
+    function U(m) {
+      const A = se(p.value, m);
+      if (!A) return;
+      const D = It(A.node);
+      Q(mt(p.value, A.parent?.key ?? null, A.field, A.index + 1, D)), b.value = D.key;
     }
-    function ee(B, P) {
-      z(bl(y.value, B, P));
+    function M(m, A) {
+      Q(Vl(p.value, m, A));
     }
-    function de(B, P, R) {
-      z(wl(y.value, B, P, R));
+    function R(m, A, D) {
+      Q(Wl(p.value, m, A, D));
     }
-    function We(B) {
-      g.value = g.value === B ? null : B;
+    function G(m) {
+      b.value = b.value === m ? null : m;
     }
-    function Ae(B) {
-      B === null || !se(y.value, B) || (g.value = B);
+    function ce(m) {
+      m === null || !se(p.value, m) || (b.value = m, C.value && (P.value = !0));
     }
-    function we() {
-      g.value = null;
+    function pe() {
+      b.value = null;
     }
-    function pe(B) {
-      g.value && z(yl(y.value, g.value, B));
+    function oe(m) {
+      b.value && Q(El(p.value, b.value, m));
     }
-    let fe;
-    ie(
-      () => c.value?.node.values,
-      (B, P) => {
-        if (!B || !P || !T.value || !m || !f) return;
-        const R = g.value, Z = T.value.id;
-        clearTimeout(fe), fe = setTimeout(() => {
-          !R || !m || m.render(Z, { values: B, key: R }).then((G) => {
-            S.value?.replace(R, G.html) || S.value?.refresh();
+    let ge;
+    fe(
+      () => f.value?.node.values,
+      (m, A) => {
+        if (!m || !A || !k.value || !h || !w) return;
+        const D = b.value, S = k.value.id;
+        clearTimeout(ge), ge = setTimeout(() => {
+          !D || !h || h.render(S, { values: m, key: D }).then((v) => {
+            H.value?.replace(D, v.html) || H.value?.refresh();
           }).catch(() => {
           });
         }, 300);
       },
       { deep: !0 }
     );
-    function Le(B) {
-      B.key === "Escape" && g.value && we();
+    function Te(m) {
+      m.key === "Escape" && b.value && pe();
     }
-    Te(async () => {
-      if (window.addEventListener("keydown", Le), l.catalog === null && a) {
-        m = ke(a);
+    Ue(async () => {
+      if (window.addEventListener("keydown", Te), l.catalog === null && a) {
+        h = We(a);
         try {
-          A.value = await m.catalog();
-        } catch (B) {
-          F.danger(r(B));
+          I.value = await h.catalog();
+        } catch (m) {
+          J.danger(r(m));
         }
-      } else a && (m = ke(a));
-    }), Je(() => {
-      clearTimeout(fe), window.removeEventListener("keydown", Le);
+      } else a && (h = We(a));
+    }), Xe(() => {
+      clearTimeout(ge), window.removeEventListener("keydown", Te);
     });
-    const _e = C(
-      () => T.value?.content ? Ye(T.value.content.schema) : []
+    const ye = T(
+      () => k.value?.content ? lt(k.value.content.schema) : []
     );
-    return (B, P) => e(n) ? (i(), V("div", Vn, [
-      u(e(j), {
+    return (m, A) => e(n) ? (i(), x("div", Cn, [
+      u(e(F), {
         size: "sm",
         tone: "muted"
       }, {
-        default: d(() => [
-          _(v(e(o)("field.nested-note")), 1)
+        default: c(() => [
+          E(y(e(s)("field.nested-note")), 1)
         ]),
         _: 1
       })
-    ])) : (i(), V("div", {
+    ])) : (i(), x("div", {
       key: 1,
-      class: be(["wx-blocks-host", { "is-fill": t.fill }])
+      ref_key: "host",
+      ref: K,
+      class: Be(["wx-blocks-host", { "is-compact": C.value }])
     }, [
-      $("div", {
-        class: be(["wx-blocks", {
-          "is-editing": c.value !== null,
-          "has-preview": e(f) !== null && e(f).url.value !== null
+      W("div", {
+        class: Be(["wx-blocks", {
+          "is-editing": f.value !== null,
+          "has-preview": e(w) !== null && e(w).url.value !== null
         }])
       }, [
-        $("div", Sn, [
-          $("div", Tn, [
-            $("span", Bn, v(e(o)("field.blocks")), 1),
-            u(e(j), {
-              size: "sm",
-              tone: "muted"
-            }, {
-              default: d(() => [
-                _(v(y.value.length), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          u($n, {
-            nodes: y.value,
-            catalog: p.value,
-            selected: g.value,
-            disabled: t.disabled,
-            onSelect: We,
-            onAdd: N,
-            onRemove: M,
-            onDuplicate: O,
-            onVisibility: ee,
-            onReorder: de
-          }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-          $("div", Cn, [
-            !t.disabled && (t.max === null || y.value.length < t.max) ? (i(), W(e(q), {
-              key: 0,
-              variant: "outline",
-              icon: "plus",
-              class: "wx-blocks__add",
-              onClick: P[0] || (P[0] = (R) => N(null, null, null))
-            }, {
-              default: d(() => [
-                _(v(e(o)("field.add")), 1)
-              ]),
-              _: 1
-            })) : L("", !0),
-            e(f) && e(f).url.value ? (i(), W(e(q), {
-              key: 1,
-              variant: "outline",
-              icon: "eye",
-              class: "wx-blocks__preview-button",
-              onClick: P[1] || (P[1] = (R) => S.value?.open())
-            }, {
-              default: d(() => [
-                _(v(e(o)("field.preview")), 1)
+        (i(), L(Ft(C.value ? e(il) : "div"), qt(q.value, { class: "wx-blocks__side" }), {
+          default: c(() => [
+            f.value ? z("", !0) : (i(), x("div", Bn, [
+              W("div", En, [
+                W("span", Wn, y(e(s)("field.blocks")), 1),
+                u(e(F), {
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: c(() => [
+                    E(y(p.value.length), 1)
+                  ]),
+                  _: 1
+                })
               ]),
-              _: 1
-            })) : L("", !0)
-          ])
-        ]),
-        c.value ? (i(), V("div", En, [
-          $("div", Wn, [
-            $("span", An, v(T.value?.title ?? c.value.node.type), 1),
-            $("span", Ln, [
-              $("code", null, v(c.value.node.type), 1),
-              u(e(q), {
-                size: "sm",
-                variant: "outline",
-                onClick: we
-              }, {
-                default: d(() => [
-                  _(v(e(o)("field.done")) + " · Esc", 1)
+              u(Vn, {
+                nodes: p.value,
+                catalog: d.value,
+                selected: b.value,
+                disabled: t.disabled,
+                onSelect: G,
+                onAdd: $e,
+                onRemove: de,
+                onDuplicate: U,
+                onVisibility: M,
+                onReorder: R
+              }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
+              W("div", An, [
+                !t.disabled && (t.max === null || p.value.length < t.max) ? (i(), L(e(ie), {
+                  key: 0,
+                  variant: "outline",
+                  icon: "plus",
+                  class: "wx-blocks__add",
+                  onClick: A[0] || (A[0] = (D) => $e(null, null, null))
+                }, {
+                  default: c(() => [
+                    E(y(e(s)("field.add")), 1)
+                  ]),
+                  _: 1
+                })) : z("", !0),
+                !C.value && e(w) && e(w).url.value ? (i(), L(e(ie), {
+                  key: 1,
+                  variant: "outline",
+                  icon: "eye",
+                  class: "wx-blocks__preview-button",
+                  onClick: A[1] || (A[1] = (D) => H.value?.open())
+                }, {
+                  default: c(() => [
+                    E(y(e(s)("field.preview")), 1)
+                  ]),
+                  _: 1
+                })) : z("", !0)
+              ])
+            ])),
+            f.value ? (i(), x("div", Ln, [
+              W("div", zn, [
+                W("span", Un, [
+                  g.value.length ? (i(), x("span", In, [
+                    (i(!0), x(j, null, ee(g.value, (D) => (i(), x(j, {
+                      key: D.key
+                    }, [
+                      W("button", {
+                        type: "button",
+                        class: "wx-blocks__trail-step",
+                        onClick: (S) => G(D.key)
+                      }, y(D.title), 9, Nn),
+                      u(e(ve), { name: "chevron-right" })
+                    ], 64))), 128))
+                  ])) : z("", !0),
+                  W("span", Pn, y(k.value?.title ?? f.value.node.type), 1)
                 ]),
-                _: 1
-              })
-            ])
-          ]),
-          $("div", zn, [
-            T.value?.content ? (i(), W(e($t), {
-              key: c.value.node.key,
-              "model-value": c.value.node.values,
-              root: _e.value,
-              types: w.value,
-              translate: D.value,
-              can: K.value,
-              disabled: t.disabled,
-              "onUpdate:modelValue": pe
-            }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), W(e(j), {
-              key: 1,
-              size: "sm",
-              tone: "danger"
-            }, {
-              default: d(() => [
-                _(v(e(o)("field.unknown-type", { type: c.value.node.type })), 1)
+                W("span", Mn, [
+                  C.value ? z("", !0) : (i(), x("code", On, y(f.value.node.type), 1)),
+                  u(e(Le), {
+                    size: "sm",
+                    tone: "neutral",
+                    icon: "chevron-up",
+                    title: e(s)("field.previous"),
+                    disabled: _.value.previous === null,
+                    onClick: A[2] || (A[2] = (D) => _.value.previous && G(_.value.previous))
+                  }, null, 8, ["title", "disabled"]),
+                  u(e(Le), {
+                    size: "sm",
+                    tone: "neutral",
+                    icon: "chevron-down",
+                    title: e(s)("field.next"),
+                    disabled: _.value.next === null,
+                    onClick: A[3] || (A[3] = (D) => _.value.next && G(_.value.next))
+                  }, null, 8, ["title", "disabled"]),
+                  !C.value && e(w) && e(w).url.value ? (i(), L(e(ie), {
+                    key: 1,
+                    size: "sm",
+                    variant: "outline",
+                    icon: "eye",
+                    class: "wx-blocks__preview-button",
+                    "aria-label": e(s)("field.preview"),
+                    onClick: A[4] || (A[4] = (D) => H.value?.open())
+                  }, null, 8, ["aria-label"])) : z("", !0),
+                  u(e(ie), {
+                    size: "sm",
+                    variant: "outline",
+                    onClick: pe
+                  }, {
+                    default: c(() => [
+                      E(y(C.value ? e(s)("field.done") : `${e(s)("field.done")} · Esc`), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
               ]),
-              _: 1
-            }))
-          ])
-        ])) : L("", !0),
-        e(f) && e(f).url.value ? (i(), V("div", In, [
-          u(pn, {
+              W("div", Dn, [
+                k.value?.content ? (i(), L(e(Et), {
+                  key: f.value.node.key,
+                  "model-value": f.value.node.values,
+                  root: ye.value,
+                  types: ae.value,
+                  translate: ke.value,
+                  can: xe.value,
+                  disabled: t.disabled,
+                  "onUpdate:modelValue": oe
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), L(e(F), {
+                  key: 1,
+                  size: "sm",
+                  tone: "danger"
+                }, {
+                  default: c(() => [
+                    E(y(e(s)("field.unknown-type", { type: f.value.node.type })), 1)
+                  ]),
+                  _: 1
+                }))
+              ])
+            ])) : z("", !0)
+          ]),
+          _: 1
+        }, 16)),
+        e(w) && e(w).url.value ? (i(), x("div", Rn, [
+          u(hn, {
             ref_key: "previewEl",
-            ref: S,
-            url: e(f).url.value,
-            selected: g.value,
-            mode: c.value ? "phone" : "wide",
-            reload: e(f).reload?.value ?? 0,
-            fill: t.fill,
-            onSelect: Ae
-          }, null, 8, ["url", "selected", "mode", "reload", "fill"])
-        ])) : L("", !0)
+            ref: H,
+            url: e(w).url.value,
+            selected: b.value,
+            reload: e(w).reload?.value ?? 0,
+            compact: C.value,
+            onSelect: ce,
+            onEdit: A[5] || (A[5] = (D) => P.value = !0)
+          }, null, 8, ["url", "selected", "reload", "compact"])
+        ])) : z("", !0)
       ], 2)
     ], 2));
   }
-}), Nn = /* @__PURE__ */ X(Un, [["__scopeId", "data-v-ed183a09"]]), Pn = { class: "wx-block-card__body" }, Mn = { class: "wx-block-card__title" }, On = { class: "wx-block-card__chips" }, Dn = /* @__PURE__ */ Q({
+}), jn = /* @__PURE__ */ le(Hn, [["__scopeId", "data-v-613ad857"]]), Fn = { class: "wx-block-card__body" }, qn = { class: "wx-block-card__title" }, Jn = { class: "wx-block-card__chips" }, Kn = /* @__PURE__ */ te({
   __name: "BlockCard",
   props: {
     block: {}
   },
   emits: ["open"],
   setup(t, { emit: l }) {
-    const s = l, n = le("webx-blocks");
-    return (o, r) => (i(), V("button", {
+    const o = l, n = re("webx-blocks");
+    return (s, r) => (i(), x("button", {
       type: "button",
       class: "wx-block-card",
-      onClick: r[0] || (r[0] = (a) => s("open", t.block))
+      onClick: r[0] || (r[0] = (a) => o("open", t.block))
     }, [
-      u(zt, {
+      u(Ot, {
         thumbnail: t.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      $("div", Pn, [
-        $("div", Mn, v(t.block.title), 1),
-        u(e(j), {
+      W("div", Fn, [
+        W("div", qn, y(t.block.title), 1),
+        u(e(F), {
           size: "sm",
           tone: "muted"
         }, {
-          default: d(() => [
-            $("code", null, v(t.block.slug), 1),
-            _(" · " + v(t.block.usage_count > 0 ? e(n)("page.on-pages", { count: t.block.usage_count }) : e(n)("page.not-used")), 1)
+          default: c(() => [
+            W("code", null, y(t.block.slug), 1),
+            E(" · " + y(t.block.usage_count > 0 ? e(n)("page.on-pages", { count: t.block.usage_count }) : e(n)("page.not-used")), 1)
           ]),
           _: 1
         }),
-        $("div", On, [
-          t.block.draft ? (i(), W(e(J), {
+        W("div", Jn, [
+          t.block.draft ? (i(), L(e(Y), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
-            default: d(() => [
-              _(v(e(n)("page.draft", { number: t.block.draft.number })), 1)
+            default: c(() => [
+              E(y(e(n)("page.draft", { number: t.block.draft.number })), 1)
             ]),
             _: 1
-          })) : L("", !0),
-          t.block.published ? (i(), W(e(J), {
+          })) : z("", !0),
+          t.block.published ? (i(), L(e(Y), {
             key: 1,
             type: "success",
             dot: ""
           }, {
-            default: d(() => [
-              _(v(e(n)("page.live", { number: t.block.published.number })), 1)
+            default: c(() => [
+              E(y(e(n)("page.live", { number: t.block.published.number })), 1)
             ]),
             _: 1
-          })) : (i(), W(e(J), {
+          })) : (i(), L(e(Y), {
             key: 2,
             type: "default"
           }, {
-            default: d(() => [
-              _(v(e(n)("page.never-published")), 1)
+            default: c(() => [
+              E(y(e(n)("page.never-published")), 1)
             ]),
             _: 1
           })),
-          t.block.is_enabled ? L("", !0) : (i(), W(e(J), {
+          t.block.is_enabled ? z("", !0) : (i(), L(e(Y), {
             key: 3,
             type: "default",
             variant: "outline"
           }, {
-            default: d(() => [
-              _(v(e(n)("page.hidden")), 1)
+            default: c(() => [
+              E(y(e(n)("page.hidden")), 1)
             ]),
             _: 1
           }))
@@ -2378,62 +2509,62 @@ const pt = /* @__PURE__ */ Symbol("wx-blocks-root"), Vn = {
       ])
     ]));
   }
-}), Rn = /* @__PURE__ */ X(Dn, [["__scopeId", "data-v-daa12de4"]]), jn = { class: "wx-block-create" }, Hn = /* @__PURE__ */ Q({
+}), Zn = /* @__PURE__ */ le(Kn, [["__scopeId", "data-v-daa12de4"]]), Gn = { class: "wx-block-create" }, Yn = /* @__PURE__ */ te({
   __name: "BlockCreateDialog",
   setup(t) {
-    const { resolve: l, dismiss: s, open: n } = yt(), o = Be(), r = ke(o);
-    Ee();
-    const a = le("webx-blocks"), m = Ce(), A = C(() => o.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? ["content"]), p = U({ title: "", slug: "", group: A.value[0] ?? "content" }), y = U({}), g = U(!1), c = U(!1), T = C(
-      () => A.value.map((h) => ({ value: h, label: ye(h, a) }))
+    const { resolve: l, dismiss: o, open: n } = St(), s = Ie(), r = We(s);
+    Me();
+    const a = re("webx-blocks"), h = Ne(), I = T(() => s.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? ["content"]), d = N({ title: "", slug: "", group: I.value[0] ?? "content" }), p = N({}), b = N(!1), f = N(!1), k = T(
+      () => I.value.map((g) => ({ value: g, label: Ae(g, a) }))
     );
-    function f(h) {
-      return h.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    function B(g) {
+      return g.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
-    ie(
-      () => p.value.title,
-      (h) => {
-        c.value || (p.value.slug = f(h));
+    fe(
+      () => d.value.title,
+      (g) => {
+        f.value || (d.value.slug = B(g));
       }
     );
-    function S(h) {
-      return y.value[h]?.[0];
+    function V(g) {
+      return p.value[g]?.[0];
     }
-    async function k() {
-      g.value = !0, y.value = {};
+    async function _() {
+      b.value = !0, p.value = {};
       try {
-        l(await r.create(p.value));
-      } catch (h) {
-        const w = h.body;
-        w?.errors ? y.value = w.errors : F.danger(m(h, a("page.failed")));
+        l(await r.create(d.value));
+      } catch (g) {
+        const w = g.body;
+        w?.errors ? p.value = w.errors : J.danger(h(g, a("page.failed")));
       } finally {
-        g.value = !1;
+        b.value = !1;
       }
     }
-    return (h, w) => (i(), W(e(wt), {
+    return (g, w) => (i(), L(e(Vt), {
       open: e(n),
-      "onUpdate:open": w[5] || (w[5] = (D) => vt(n) ? n.value = D : null),
+      "onUpdate:open": w[5] || (w[5] = (H) => yt(n) ? n.value = H : null),
       title: e(a)("page.new"),
       width: 520
     }, {
-      footer: d(() => [
-        u(e(Qt), { size: "sm" }, {
-          default: d(() => [
-            u(e(q), {
+      footer: c(() => [
+        u(e(rl), { size: "sm" }, {
+          default: c(() => [
+            u(e(ie), {
               variant: "outline",
-              onClick: w[4] || (w[4] = (D) => e(s)())
+              onClick: w[4] || (w[4] = (H) => e(o)())
             }, {
-              default: d(() => [
-                _(v(e(a)("page.cancel")), 1)
+              default: c(() => [
+                E(y(e(a)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            u(e(q), {
+            u(e(ie), {
               type: "primary",
-              loading: g.value,
-              onClick: k
+              loading: b.value,
+              onClick: _
             }, {
-              default: d(() => [
-                _(v(e(a)("page.create")), 1)
+              default: c(() => [
+                E(y(e(a)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2441,46 +2572,46 @@ const pt = /* @__PURE__ */ Symbol("wx-blocks-root"), Vn = {
           _: 1
         })
       ]),
-      default: d(() => [
-        $("div", jn, [
-          u(e(Y), {
+      default: c(() => [
+        W("div", Gn, [
+          u(e(X), {
             label: e(a)("page.title"),
-            error: S("title")
+            error: V("title")
           }, {
-            default: d(() => [
-              u(e(ge), {
-                modelValue: p.value.title,
-                "onUpdate:modelValue": w[0] || (w[0] = (D) => p.value.title = D),
+            default: c(() => [
+              u(e(Ee), {
+                modelValue: d.value.title,
+                "onUpdate:modelValue": w[0] || (w[0] = (H) => d.value.title = H),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          u(e(Y), {
+          u(e(X), {
             label: e(a)("page.identifier"),
             help: e(a)("page.identifier-help"),
-            error: S("slug")
+            error: V("slug")
           }, {
-            default: d(() => [
-              u(e(ge), {
-                modelValue: p.value.slug,
-                "onUpdate:modelValue": w[1] || (w[1] = (D) => p.value.slug = D),
+            default: c(() => [
+              u(e(Ee), {
+                modelValue: d.value.slug,
+                "onUpdate:modelValue": w[1] || (w[1] = (H) => d.value.slug = H),
                 placeholder: "hero",
-                onInput: w[2] || (w[2] = (D) => c.value = !0)
+                onInput: w[2] || (w[2] = (H) => f.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          u(e(Y), {
+          u(e(X), {
             label: e(a)("page.group"),
             help: e(a)("page.group-help"),
-            error: S("group")
+            error: V("group")
           }, {
-            default: d(() => [
-              u(e(kt), {
-                modelValue: p.value.group,
-                "onUpdate:modelValue": w[3] || (w[3] = (D) => p.value.group = D),
-                options: T.value
+            default: c(() => [
+              u(e(Tt), {
+                modelValue: d.value.group,
+                "onUpdate:modelValue": w[3] || (w[3] = (H) => d.value.group = H),
+                options: k.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
@@ -2490,114 +2621,121 @@ const pt = /* @__PURE__ */ Symbol("wx-blocks-root"), Vn = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Fn = /* @__PURE__ */ X(Hn, [["__scopeId", "data-v-a4c0d44c"]]), qn = {
+}), Qn = /* @__PURE__ */ le(Yn, [["__scopeId", "data-v-a4c0d44c"]]), Xn = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, Jn = { class: "wx-blocks-page__cards" }, Kn = { class: "wx-blocks-page__ghost-body" }, Zn = {
+}, ea = { class: "wx-blocks-page__cards" }, ta = { class: "wx-blocks-page__ghost-body" }, la = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, Gn = { class: "wx-blocks-page__cards" }, Yn = /* @__PURE__ */ Q({
+}, na = { class: "wx-blocks-page__cards" }, aa = /* @__PURE__ */ te({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, s = Be(), n = ke(s), o = ht();
-    Ee();
-    const r = le("webx-blocks"), a = Ce(), m = U([]), A = U(!0), p = U(""), y = U(""), g = xt(Fn), c = C(() => {
-      const z = s.state.manifest?.modules.find((N) => N.id === "blocks")?.meta;
+    const l = t, o = Ie(), n = We(o), s = _t();
+    Me();
+    const r = re("webx-blocks"), a = Ne(), h = N([]), I = N(!0), d = N(""), p = N(""), b = Bt(Qn), f = T(() => {
+      const C = o.state.manifest?.modules.find((P) => P.id === "blocks")?.meta;
       return {
-        groups: z?.groups ?? [],
-        editing: z?.editing ?? !0,
-        provides: z?.provides ?? []
+        groups: C?.groups ?? [],
+        editing: C?.editing ?? !0,
+        provides: C?.provides ?? []
       };
-    }), T = C(() => s.can("blocks.manage") && c.value.editing), f = C(
-      () => s.state.manifest?.modules.find((z) => z.id === "blocks")?.title ?? r("module.title")
-    ), S = C(() => {
-      const z = p.value.trim().toLowerCase(), N = y.value === "" ? m.value : m.value.filter((I) => I.group === y.value);
-      return z === "" ? N : N.filter(
-        (I) => I.title.toLowerCase().includes(z) || I.slug.includes(z) || (I.description ?? "").toLowerCase().includes(z)
+    }), k = T(() => o.can("blocks.manage") && f.value.editing), B = T(
+      () => o.state.manifest?.modules.find((C) => C.id === "blocks")?.title ?? r("module.title")
+    ), V = T(() => {
+      const C = d.value.trim().toLowerCase(), P = p.value === "" ? h.value : h.value.filter((O) => O.group === p.value);
+      return C === "" ? P : P.filter(
+        (O) => O.title.toLowerCase().includes(C) || O.slug.includes(C) || (O.description ?? "").toLowerCase().includes(C)
       );
-    }), k = C(() => {
-      const z = [...c.value.groups];
-      for (const N of m.value)
-        z.includes(N.group) || z.push(N.group);
-      return z.filter((N) => m.value.some((I) => I.group === N));
-    }), h = C(
-      () => k.value.length < 2 ? [] : [
+    }), _ = T(() => {
+      const C = [...f.value.groups];
+      for (const P of h.value)
+        C.includes(P.group) || C.push(P.group);
+      return C.filter((P) => h.value.some((O) => O.group === P));
+    }), g = T(
+      () => _.value.length < 2 ? [] : [
         { value: "", label: r("page.all-groups") },
-        ...k.value.map((z) => ({ value: z, label: ye(z, r) }))
+        ..._.value.map((C) => ({ value: C, label: Ae(C, r) }))
       ]
-    ), w = C(() => {
-      const z = k.value.map((I) => ({
-        id: I,
-        label: ye(I, r),
-        blocks: S.value.filter((M) => M.group === I)
-      })).filter((I) => I.blocks.length > 0);
-      return y.value !== "" || S.value.length <= 5 || p.value.trim() !== "" || z.length < 2 ? [{ id: "", label: "", blocks: S.value }] : z;
+    ), w = T(() => {
+      const C = _.value.map((O) => ({
+        id: O,
+        label: Ae(O, r),
+        blocks: V.value.filter((q) => q.group === O)
+      })).filter((O) => O.blocks.length > 0);
+      return p.value !== "" || V.value.length <= 5 || d.value.trim() !== "" || C.length < 2 ? [{ id: "", label: "", blocks: V.value }] : C;
     });
-    async function D() {
-      A.value = !0;
+    async function H() {
+      I.value = !0;
       try {
-        m.value = await n.list();
-      } catch (z) {
-        F.danger(a(z));
+        h.value = await n.list();
+      } catch (C) {
+        J.danger(a(C));
       } finally {
-        A.value = !1;
+        I.value = !1;
       }
     }
-    function K(z) {
-      o.push(`${l.base}/${z.id}`);
+    function K(C) {
+      s.push(`${l.base}/${C.id}`);
     }
-    async function ne() {
-      const z = await g({});
-      z && K(z);
+    async function Z() {
+      const C = await b({});
+      C && K(C);
     }
-    return Te(D), (z, N) => (i(), W(e(qt), {
-      view: y.value,
-      "onUpdate:view": N[1] || (N[1] = (I) => y.value = I),
+    Ue(H);
+    const ne = T(
+      () => k.value ? [{ key: "new", label: r("page.new"), icon: "plus", primary: !0, run: () => {
+        Z();
+      } }] : []
+    );
+    return (C, P) => (i(), L(e(tl), {
+      view: p.value,
+      "onUpdate:view": P[1] || (P[1] = (O) => p.value = O),
       class: "wx-blocks-page",
-      title: f.value,
-      views: h.value
-    }, Pt({
-      default: d(() => [
-        c.value.editing ? L("", !0) : (i(), W(e(gt), {
+      title: B.value,
+      views: g.value,
+      actions: ne.value
+    }, {
+      default: c(() => [
+        f.value.editing ? z("", !0) : (i(), L(e($t), {
           key: 0,
           type: "info",
           variant: "soft",
           description: e(r)("page.editing-off")
         }, null, 8, ["description"])),
-        A.value || m.value.length > 0 ? (i(), V("div", qn, [
-          u(e(ge), {
-            modelValue: p.value,
-            "onUpdate:modelValue": N[0] || (N[0] = (I) => p.value = I),
+        I.value || h.value.length > 0 ? (i(), x("div", Xn, [
+          u(e(Ee), {
+            modelValue: d.value,
+            "onUpdate:modelValue": P[0] || (P[0] = (O) => d.value = O),
             class: "wx-blocks-page__search",
             placeholder: e(r)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
-        ])) : L("", !0),
-        A.value ? (i(), W(e(he), { key: 2 }, {
-          template: d(() => [
-            $("div", Jn, [
-              (i(), V(H, null, te(4, (I) => $("div", {
-                key: I,
+        ])) : z("", !0),
+        I.value ? (i(), L(e(Ce), { key: 2 }, {
+          template: c(() => [
+            W("div", ea, [
+              (i(), x(j, null, ee(4, (O) => W("div", {
+                key: O,
                 class: "wx-blocks-page__ghost"
               }, [
-                u(e(Ue), {
+                u(e(Re), {
                   variant: "image",
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                $("div", Kn, [
-                  u(e(Ue), {
+                W("div", ta, [
+                  u(e(Re), {
                     variant: "title",
                     width: "45%"
                   }),
-                  u(e(Ue), {
+                  u(e(Re), {
                     variant: "text",
                     width: "70%"
                   }),
-                  u(e(Ue), {
+                  u(e(Re), {
                     variant: "button",
                     width: "64px",
                     height: "22px"
@@ -2607,57 +2745,40 @@ const pt = /* @__PURE__ */ Symbol("wx-blocks-root"), Vn = {
             ])
           ]),
           _: 1
-        })) : m.value.length === 0 ? (i(), W(e(_t), {
+        })) : h.value.length === 0 ? (i(), L(e(Ct), {
           key: 3,
           icon: "grid",
           title: e(r)("page.empty"),
           description: e(r)("page.empty-help")
-        }, null, 8, ["title", "description"])) : (i(!0), V(H, { key: 4 }, te(w.value, (I) => (i(), V("section", {
-          key: I.id,
+        }, null, 8, ["title", "description"])) : (i(!0), x(j, { key: 4 }, ee(w.value, (O) => (i(), x("section", {
+          key: O.id,
           class: "wx-blocks-page__group"
         }, [
-          I.label ? (i(), V("div", Zn, v(I.label), 1)) : L("", !0),
-          $("div", Gn, [
-            (i(!0), V(H, null, te(I.blocks, (M) => (i(), W(Rn, {
-              key: M.id,
-              block: M,
+          O.label ? (i(), x("div", la, y(O.label), 1)) : z("", !0),
+          W("div", na, [
+            (i(!0), x(j, null, ee(O.blocks, (q) => (i(), L(Zn, {
+              key: q.id,
+              block: q,
               onOpen: K
             }, null, 8, ["block"]))), 128))
           ])
         ]))), 128))
       ]),
-      _: 2
-    }, [
-      T.value ? {
-        name: "actions",
-        fn: d(() => [
-          u(e(q), {
-            type: "primary",
-            icon: "plus",
-            onClick: ne
-          }, {
-            default: d(() => [
-              _(v(e(r)("page.new")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["view", "title", "views"]));
+      _: 1
+    }, 8, ["view", "title", "views", "actions"]));
   }
-}), Qn = /* @__PURE__ */ X(Yn, [["__scopeId", "data-v-3cb993d5"]]);
-function ra(t = {}) {
+}), oa = /* @__PURE__ */ le(aa, [["__scopeId", "data-v-553b680f"]]);
+function fa(t = {}) {
   const l = t.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: Qn, props: { base: l } },
+      { path: l, name: "webx.blocks", component: oa, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: Zl,
+        component: en,
         props: { base: l }
       }
     ],
@@ -2666,7 +2787,7 @@ function ra(t = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: Nn,
+        component: jn,
         kind: "field",
         nested: !0,
         wide: !0,
@@ -2676,37 +2797,37 @@ function ra(t = {}) {
   };
 }
 export {
-  Zl as WxBlockEditorPage,
-  on as WxBlockPicker,
-  fl as WxBlockStage,
-  zt as WxBlockThumb,
-  Nn as WxBlocks,
-  Qn as WxBlocksPage,
-  ra as blocks,
-  _l as blocksMessages,
-  Qe as blocksPreviewKey,
-  Et as cloneNode,
-  ml as countType,
-  ke as createBlocksApi,
-  Vt as findRange,
-  Ye as formSchema,
-  Fe as highlightBlock,
-  ut as insertNode,
-  Tt as isNode,
-  Oe as isNodeList,
-  $l as lintBlock,
+  en as WxBlockEditorPage,
+  pn as WxBlockPicker,
+  xl as WxBlockStage,
+  Ot as WxBlockThumb,
+  jn as WxBlocks,
+  oa as WxBlocksPage,
+  fa as blocks,
+  Al as blocksMessages,
+  nt as blocksPreviewKey,
+  It as cloneNode,
+  Tl as countType,
+  We as createBlocksApi,
+  Wt as findRange,
+  lt as formSchema,
+  Ye as highlightBlock,
+  mt as insertNode,
+  Lt as isNode,
+  Je as isNodeList,
+  zl as lintBlock,
   se as locate,
-  vl as makeNode,
-  qe as newKey,
-  oa as provideBlocksPreview,
-  kl as removeNode,
-  il as replaceBlock,
-  wl as replaceList,
-  St as stageDocument,
-  sa as typesIn,
-  Vl as undeclared,
-  yl as updateValues,
-  ia as useBlocksPreview,
-  De as walk
+  $l as makeNode,
+  Qe as newKey,
+  pa as provideBlocksPreview,
+  Bl as removeNode,
+  bl as replaceBlock,
+  Wl as replaceList,
+  At as stageDocument,
+  da as typesIn,
+  Ul as undeclared,
+  El as updateValues,
+  va as useBlocksPreview,
+  Pe as walk
 };
 //# sourceMappingURL=index.js.map