@webx-ui/module-pages 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,38 +1,38 @@
-import { inject as je, provide as Ge, defineComponent as H, ref as P, computed as V, openBlock as d, createBlock as x, unref as e, withCtx as n, createElementVNode as N, createElementBlock as M, createVNode as f, createTextVNode as h, toDisplayString as g, createCommentVNode as D, useTemplateRef as Pe, watch as ae, onMounted as ye, onBeforeUnmount as Je, Fragment as F, renderList as ie, normalizeClass as Qe, useModel as Xe, mergeModels as Ye, withModifiers as xe, nextTick as Ze, isRef as Re, withKeys as De } from "vue";
-import { useRouter as Ce, useRoute as qe, onBeforeRouteLeave as et } from "vue-router";
-import { useAdmin as X, useTranslate as j, WxScreen as tt } from "@webx-ui/module-admin";
-import { WxCard as Oe, WxText as O, WxButton as R, confirm as le, toast as z, useLocales as Ue, useElementWidth as Ie, localizedValue as at, WxSkeleton as ke, WxBreadcrumb as lt, WxBreadcrumbItem as we, WxBadge as We, WxDropdown as Le, WxDropdownItem as re, WxAction as $e, WxAlert as Ve, WxEmpty as nt, WxTreeSelect as st, WxFormItem as ue, WxActions as ot, useModal as Fe, WxDialog as Ke, WxInput as Me, WxSpace as Te, createModal as Ae, WxHeading as it, WxTable as rt, WxSegmented as ut } from "@webx-ui/core";
-import { provideBlocksPreview as dt } from "@webx-ui/module-blocks";
-function Z(v) {
-  const u = `${v.apiPath}/pages`, p = (l) => l.data;
+import { inject as Le, provide as Oe, defineComponent as K, ref as k, computed as W, openBlock as m, createBlock as V, unref as e, withCtx as n, createElementVNode as E, createElementBlock as A, createVNode as g, createTextVNode as y, toDisplayString as b, createCommentVNode as N, useTemplateRef as Be, watch as ae, onMounted as pe, onBeforeUnmount as Ke, Fragment as j, renderList as Me, normalizeClass as Fe, useModel as He, mergeModels as je, nextTick as Ge, isRef as De, withKeys as Pe, createSlots as Je, withModifiers as Qe } from "vue";
+import { useRouter as ye, useRoute as Xe, onBeforeRouteLeave as Ye } from "vue-router";
+import { useAdmin as G, useTranslate as F, useErrorText as ie, WxBackButton as Ze, WxScreen as qe, WxDate as me, WxRowMenu as et, WxListScreen as tt } from "@webx-ui/module-admin";
+import { WxCard as at, WxText as R, WxButton as I, confirm as O, toast as z, useLocales as Se, useElementWidth as lt, localizedValue as nt, WxSkeleton as be, WxBreadcrumb as st, WxBreadcrumbItem as fe, WxBadge as we, WxDropdown as ot, WxDropdownItem as We, WxAction as it, WxAlert as xe, WxActionBar as rt, WxEmpty as ut, WxTreeSelect as dt, WxFormItem as oe, useModal as Ne, WxDialog as Ae, WxInput as Ve, WxSpace as _e, createModal as ze, WxTable as ct } from "@webx-ui/core";
+import { provideBlocksPreview as pt } from "@webx-ui/module-blocks";
+function Z(u) {
+  const r = `${u.apiPath}/pages`, h = (l) => l.data;
   return {
     list: (l = {}) => {
-      const i = new URLSearchParams();
-      l.parent != null && i.set("parent", String(l.parent)), l.search && i.set("search", l.search), l.status && i.set("status", l.status), l.trashed && i.set("trashed", "1"), l.flat && i.set("flat", "1");
-      const t = i.size > 0 ? `?${i}` : "";
-      return v.http.get(`${u}${t}`).then(p);
+      const s = new URLSearchParams();
+      l.parent != null && s.set("parent", String(l.parent)), l.search && s.set("search", l.search), l.status && s.set("status", l.status), l.trashed && s.set("trashed", "1"), l.flat && s.set("flat", "1");
+      const t = s.size > 0 ? `?${s}` : "";
+      return u.http.get(`${r}${t}`).then(h);
     },
-    get: (l) => v.http.get(`${u}/${l}`).then(p),
-    create: (l) => v.http.post(u, l).then(p),
-    save: (l, i) => v.http.put(`${u}/${l}`, i).then(p),
-    move: (l, i, t) => v.http.post(`${u}/${l}/move`, { target: i, zone: t }).then(p),
-    duplicate: (l) => v.http.post(`${u}/${l}/duplicate`, {}).then(p),
-    publish: (l) => v.http.post(`${u}/${l}/publish`, {}).then(p),
-    unpublish: (l) => v.http.post(`${u}/${l}/unpublish`, {}).then(p),
-    remove: (l) => v.http.delete(`${u}/${l}`).then((i) => i.data.trashed),
-    restore: (l) => v.http.post(`${u}/${l}/restore`, {}).then((i) => i.data.restored),
-    versions: (l) => v.http.get(`${u}/${l}/versions`).then(p),
-    restoreVersion: (l, i) => v.http.post(`${u}/${l}/versions/${i}/restore`, {}).then(p)
+    get: (l) => u.http.get(`${r}/${l}`).then(h),
+    create: (l) => u.http.post(r, l).then(h),
+    save: (l, s) => u.http.put(`${r}/${l}`, s).then(h),
+    move: (l, s, t) => u.http.post(`${r}/${l}/move`, { target: s, zone: t }).then(h),
+    duplicate: (l) => u.http.post(`${r}/${l}/duplicate`, {}).then(h),
+    publish: (l) => u.http.post(`${r}/${l}/publish`, {}).then(h),
+    unpublish: (l) => u.http.post(`${r}/${l}/unpublish`, {}).then(h),
+    remove: (l) => u.http.delete(`${r}/${l}`).then((s) => s.data.trashed),
+    restore: (l) => u.http.post(`${r}/${l}/restore`, {}).then((s) => s.data.restored),
+    versions: (l) => u.http.get(`${r}/${l}/versions`).then(h),
+    restoreVersion: (l, s) => u.http.post(`${r}/${l}/versions/${s}/restore`, {}).then(h)
   };
 }
-const He = /* @__PURE__ */ Symbol("wx-page-editor");
-function ct(v) {
-  Ge(He, v);
+const Ee = /* @__PURE__ */ Symbol("wx-page-editor");
+function gt(u) {
+  Oe(Ee, u);
 }
-function ze() {
-  return je(He, null);
+function ke() {
+  return Le(Ee, null);
 }
-const pt = {
+const vt = {
   module: {
     title: "Pages"
   },
@@ -78,6 +78,7 @@ const pt = {
     "move-title": "Move “:title”",
     "move-help": "Pick the page it goes inside. Everything under it moves too, and their addresses change with it.",
     "move-confirm": "Move",
+    "move-branch": ":count addresses change — the page and everything inside it. The old ones will redirect to the new ones.",
     moved: "Moved. :count addresses changed; the old ones now redirect to the new ones.",
     "moved-one": "Moved. The address changed; the old one now redirects to it.",
     "delete-title": "Delete “:title”?",
@@ -85,6 +86,10 @@ const pt = {
     "delete-branch": "The :count pages inside it go with it.",
     deleted: "The page is in the bin.",
     restored: "The page is back.",
+    "restore-page-title": "Bring “:title” back?",
+    "restore-page-text": "The page leaves the bin and takes its address back. One that was on the site answers again.",
+    "restore-branch": "The :count pages that went in with it come back too.",
+    "restored-branch": ":count pages are back.",
     "copy-of": ":title (copy)",
     duplicated: "The copy is ready, and it is not on the site.",
     "address-copied": "The address is on the clipboard.",
@@ -97,6 +102,9 @@ const pt = {
     save: "Save",
     "save-failed": "The page was not saved.",
     publish: "Publish",
+    "publish-title": "Put “:title” on the site?",
+    "publish-text": "It answers at :address from the moment you do, for everyone.",
+    "publish-text-nowhere": "It starts answering on the site from the moment you do, for everyone.",
     published: "The page is on the site.",
     preview: "Preview",
     more: "More",
@@ -129,129 +137,126 @@ const pt = {
     "restore-text": "It becomes the draft. The site keeps showing what is published until you publish this.",
     "restored-version": "Version :number is now the draft."
   }
-}, Be = /* @__PURE__ */ new WeakSet();
-function G() {
+}, Ce = /* @__PURE__ */ new WeakSet();
+function H() {
   try {
-    const { i18n: v } = X();
-    Be.has(v) || (v.defaults("webx-pages", pt), Be.add(v));
+    const { i18n: u } = G();
+    Ce.has(u) || (u.defaults("webx-pages", vt), Ce.add(u));
   } catch {
   }
 }
-const gt = { class: "wx-page-danger" }, vt = {
+const ht = { class: "wx-page-danger" }, ft = {
   key: 0,
   class: "wx-page-danger__row"
-}, ft = { class: "wx-page-danger__what" }, ht = { class: "wx-page-danger__row" }, mt = { class: "wx-page-danger__what" }, yt = /* @__PURE__ */ H({
+}, mt = { class: "wx-page-danger__what" }, bt = { class: "wx-page-danger__row" }, _t = { class: "wx-page-danger__what" }, yt = /* @__PURE__ */ K({
   name: "WxPageDanger",
   __name: "PageDanger",
-  setup(v) {
-    const u = X(), p = Z(u), l = Ce(), i = ze();
-    G();
-    const t = j("webx-pages"), c = P(!1), a = V(() => i?.page.value ?? null), o = V(() => u.can("pages.manage"));
-    async function s() {
-      const $ = a.value;
-      if (!(!$ || !await le({
-        title: t("page.unpublish-title", { title: $.title }),
+  setup(u) {
+    const r = G(), h = Z(r), l = ye(), s = ke();
+    H();
+    const t = F("webx-pages"), d = ie(), a = k(!1), c = W(() => s?.page.value ?? null), f = W(() => r.can("pages.manage"));
+    async function i() {
+      const x = c.value;
+      if (!(!x || !await O({
+        title: t("page.unpublish-title", { title: x.title }),
         message: t("page.unpublish-text"),
         confirmText: t("page.unpublish"),
         cancelText: t("page.cancel"),
         tone: "danger"
       }))) {
-        c.value = !0;
+        a.value = !0;
         try {
-          await p.unpublish($.id), await i?.reload(), z.success(t("page.unpublished"));
-        } catch (y) {
-          z.danger(k(y));
+          await h.unpublish(x.id), await s?.reload(), z.success(t("page.unpublished"));
+        } catch (_) {
+          z.danger(d(_));
         } finally {
-          c.value = !1;
+          a.value = !1;
         }
       }
     }
-    async function C() {
-      const $ = a.value;
-      if (!(!$ || !await le({
-        title: t("page.delete-title", { title: $.title }),
+    async function T() {
+      const x = c.value;
+      if (!(!x || !await O({
+        title: t("page.delete-title", { title: x.title }),
         // The whole branch, not the level under it (§7): a catalogue with two sections and forty
         // products is forty-two pages leaving the site at once.
-        message: $.descendants_count > 0 ? `${t("page.delete-text")} ${t("page.delete-branch", { count: $.descendants_count })}` : t("page.delete-text"),
+        message: x.descendants_count > 0 ? `${t("page.delete-text")} ${t("page.delete-branch", { count: x.descendants_count })}` : t("page.delete-text"),
         confirmText: t("page.delete"),
         cancelText: t("page.cancel"),
         tone: "danger"
       }))) {
-        c.value = !0;
+        a.value = !0;
         try {
-          await p.remove($.id), z.success(t("page.deleted")), l.push(i?.base ?? "/pages");
-        } catch (y) {
-          z.danger(k(y));
+          await h.remove(x.id), z.success(t("page.deleted")), l.push(s?.base ?? "/pages");
+        } catch (_) {
+          z.danger(d(_));
         } finally {
-          c.value = !1;
+          a.value = !1;
         }
       }
     }
-    function k($) {
-      return $.body?.message ?? String($);
-    }
-    return ($, T) => a.value && o.value ? (d(), x(e(Oe), {
+    return (x, C) => c.value && f.value ? (m(), V(e(at), {
       key: 0,
       title: e(t)("page.danger")
     }, {
       default: n(() => [
-        N("div", gt, [
-          a.value.status !== "draft" ? (d(), M("div", vt, [
-            N("div", ft, [
-              f(e(O), { weight: "medium" }, {
+        E("div", ht, [
+          c.value.status !== "draft" ? (m(), A("div", ft, [
+            E("div", mt, [
+              g(e(R), { weight: "medium" }, {
                 default: n(() => [
-                  h(g(e(t)("page.unpublish")), 1)
+                  y(b(e(t)("page.unpublish")), 1)
                 ]),
                 _: 1
               }),
-              f(e(O), {
+              g(e(R), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  h(g(e(t)("page.unpublish-help")), 1)
+                  y(b(e(t)("page.unpublish-help")), 1)
                 ]),
                 _: 1
               })
             ]),
-            f(e(R), {
+            g(e(I), {
               variant: "outline",
-              loading: c.value,
-              onClick: s
+              loading: a.value,
+              onClick: i
             }, {
               default: n(() => [
-                h(g(e(t)("page.unpublish")), 1)
+                y(b(e(t)("page.unpublish")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
-          ])) : D("", !0),
-          N("div", ht, [
-            N("div", mt, [
-              f(e(O), { weight: "medium" }, {
+          ])) : N("", !0),
+          E("div", bt, [
+            E("div", _t, [
+              g(e(R), { weight: "medium" }, {
                 default: n(() => [
-                  h(g(e(t)("page.delete")), 1)
+                  y(b(e(t)("page.delete")), 1)
                 ]),
                 _: 1
               }),
-              f(e(O), {
+              g(e(R), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  h(g(a.value.can.delete ? e(t)("page.delete-help") : e(t)("page.delete-home")), 1)
+                  y(b(c.value.can.delete ? e(t)("page.delete-help") : e(t)("page.delete-home")), 1)
                 ]),
                 _: 1
               })
             ]),
-            f(e(R), {
+            g(e(I), {
               type: "danger",
               variant: "outline",
-              disabled: !a.value.can.delete,
-              loading: c.value,
-              onClick: C
+              disabled: !c.value.can.delete,
+              loading: a.value,
+              onClick: T
             }, {
               default: n(() => [
-                h(g(e(t)("page.delete")), 1)
+                y(b(e(t)("page.delete")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "loading"])
@@ -259,79 +264,79 @@ const gt = { class: "wx-page-danger" }, vt = {
         ])
       ]),
       _: 1
-    }, 8, ["title"])) : D("", !0);
+    }, 8, ["title"])) : N("", !0);
   }
-}), de = (v, u) => {
-  const p = v.__vccOpts || v;
-  for (const [l, i] of u)
-    p[l] = i;
-  return p;
-}, bt = /* @__PURE__ */ de(yt, [["__scopeId", "data-v-94c0abe4"]]), _t = { class: "wx-page-editor__head" }, wt = { class: "wx-page-editor__id" }, xt = { class: "wx-page-editor__name" }, kt = { class: "wx-page-editor__title" }, $t = { class: "wx-page-editor__actions" }, Tt = { class: "wx-page-editor__screen" }, Pt = 1200, Ct = 720, Wt = /* @__PURE__ */ H({
+}), re = (u, r) => {
+  const h = u.__vccOpts || u;
+  for (const [l, s] of r)
+    h[l] = s;
+  return h;
+}, wt = /* @__PURE__ */ re(yt, [["__scopeId", "data-v-d4a9083f"]]), xt = { class: "wx-page-editor__head" }, kt = { class: "wx-page-editor__id" }, Tt = { class: "wx-page-editor__name" }, $t = { class: "wx-page-editor__title" }, Pt = { class: "wx-page-editor__actions" }, Wt = { class: "wx-page-editor__screen" }, Vt = 1200, zt = 720, Ct = /* @__PURE__ */ K({
   __name: "PageEditorPage",
   props: {
     base: { default: "/pages" }
   },
-  setup(v) {
-    const u = v, p = X(), l = Z(p), i = qe(), t = Ce(), c = Ue();
-    G();
-    const a = j("webx-pages"), o = V(() => Number(i.params.id)), s = P(null), C = P([]), k = P({}), $ = P(""), T = P(null), y = P({}), S = P(!0), W = P(!1), _ = P(!1), A = P({}), U = P(null), q = P(""), ce = P(0), I = V(() => p.can("pages.manage")), pe = Pe("root"), ge = Ie(pe), L = V(() => ge.value > 0 && ge.value < Ct), ee = V(() => JSON.stringify(k.value)), B = V(() => q.value !== "" && ee.value !== q.value), ne = V(() => W.value ? "saving" : B.value ? "unsaved" : "saved"), se = V(() => {
-      const m = k.value.title;
-      return at(m, c.active.value, s.value?.title ?? "");
-    }), ve = V(
-      () => C.value.map((m) => ({
-        id: m.id,
-        label: m.is_home ? a("pages.home") : m.title
+  setup(u) {
+    const r = u, h = G(), l = Z(h), s = Xe(), t = ye(), d = Se();
+    H();
+    const a = F("webx-pages"), c = ie(), f = W(() => Number(s.params.id)), i = k(null), T = k([]), x = k({}), C = k(""), _ = k(null), p = k({}), B = k(!0), $ = k(!1), D = k(!1), le = k({}), U = k(null), q = k(""), ue = k(0), M = W(() => h.can("pages.manage")), de = Be("root"), ee = lt(de), ce = W(() => ee.value > 0 && ee.value < zt), te = W(() => JSON.stringify(x.value)), L = W(() => q.value !== "" && te.value !== q.value), ge = W(() => $.value ? "saving" : L.value ? "unsaved" : "saved"), ne = W(() => {
+      const P = x.value.title;
+      return nt(P, d.active.value, i.value?.title ?? "");
+    }), ve = W(
+      () => T.value.map((P) => ({
+        id: P.id,
+        label: P.is_home ? a("pages.home") : P.title
       }))
     );
-    dt({ url: V(() => T.value), reload: ce }), ct({
-      page: s,
-      ancestors: C,
-      values: k,
-      prefixes: y,
-      base: u.base,
-      canManage: I.value,
+    pt({ url: W(() => _.value), reload: ue }), gt({
+      page: i,
+      ancestors: T,
+      values: x,
+      prefixes: p,
+      base: r.base,
+      canManage: M.value,
       reload: () => J(!0),
-      save: () => K()
+      save: () => v()
     });
-    function be(m) {
-      s.value = m.page, C.value = m.ancestors, k.value = m.values, $.value = m.revision, T.value = m.preview_url, y.value = m.address_prefix, q.value = JSON.stringify(m.values), U.value = null;
+    function he(P) {
+      i.value = P.page, T.value = P.ancestors, x.value = P.values, C.value = P.revision, _.value = P.preview_url, p.value = P.address_prefix, q.value = JSON.stringify(P.values), U.value = null;
     }
-    async function J(m = !1) {
-      m || (S.value = !0);
+    async function J(P = !1) {
+      P || (B.value = !0);
       try {
-        be(await l.get(o.value));
-      } catch (te) {
-        z.danger(r(te)), t.push(u.base);
+        he(await l.get(f.value));
+      } catch (Y) {
+        z.danger(c(Y)), t.push(r.base);
       } finally {
-        S.value = !1;
+        B.value = !1;
       }
     }
     let Q;
-    function fe() {
-      !I.value || U.value || !B.value || (clearTimeout(Q), Q = setTimeout(() => {
-        K();
-      }, Pt));
+    function o() {
+      !M.value || U.value || !L.value || (clearTimeout(Q), Q = setTimeout(() => {
+        v();
+      }, Vt));
     }
-    function he() {
-      !I.value || U.value || !B.value || W.value || (clearTimeout(Q), K());
+    function w() {
+      !M.value || U.value || !L.value || $.value || (clearTimeout(Q), v());
     }
-    async function K() {
-      if (!s.value || W.value || !I.value) return;
+    async function v() {
+      if (!i.value || $.value || !M.value) return;
       clearTimeout(Q);
-      const m = ee.value, te = k.value;
-      W.value = !0, A.value = {};
+      const P = te.value, Y = x.value;
+      $.value = !0, le.value = {};
       try {
-        const E = await l.save(s.value.id, { values: te, revision: $.value });
-        s.value = E.page, C.value = E.ancestors, $.value = E.revision, T.value = E.preview_url, y.value = E.address_prefix, U.value = null, ee.value === m && (q.value = m), ce.value += 1;
-      } catch (E) {
-        const oe = E;
-        oe.status === 409 && oe.body?.data ? U.value = oe.body : oe.body?.errors ? (A.value = oe.body.errors, z.danger(a("page.save-failed"))) : z.danger(r(E));
+        const S = await l.save(i.value.id, { values: Y, revision: C.value });
+        i.value = S.page, T.value = S.ancestors, C.value = S.revision, _.value = S.preview_url, p.value = S.address_prefix, U.value = null, te.value === P && (q.value = P), ue.value += 1;
+      } catch (S) {
+        const se = S;
+        se.status === 409 && se.body?.data ? U.value = se.body : se.body?.errors ? (le.value = se.body.errors, z.danger(a("page.save-failed"))) : z.danger(c(S));
       } finally {
-        W.value = !1;
+        $.value = !1;
       }
     }
-    async function me() {
-      await le({
+    async function X() {
+      await O({
         title: a("page.conflict-theirs-title"),
         message: a("page.conflict-theirs-text"),
         confirmText: a("page.conflict-theirs"),
@@ -339,371 +344,367 @@ const gt = { class: "wx-page-danger" }, vt = {
         tone: "danger"
       }) && await J(!0);
     }
-    async function Y() {
-      const m = U.value;
-      m && ($.value = m.data.revision, U.value = null, await K());
+    async function Ie() {
+      const P = U.value;
+      P && (C.value = P.data.revision, U.value = null, await v());
     }
-    async function _e() {
-      if (s.value && (B.value && await K(), !U.value)) {
-        _.value = !0;
+    async function Ue() {
+      if (!i.value) return;
+      const P = i.value.path === null ? null : `/${i.value.path}`;
+      if (await O({
+        title: a("page.publish-title", { title: i.value.title }),
+        message: P === null ? a("page.publish-text-nowhere") : a("page.publish-text", { address: P }),
+        confirmText: a("page.publish"),
+        cancelText: a("page.cancel")
+      }) && (L.value && await v(), !U.value)) {
+        D.value = !0;
         try {
-          await l.publish(s.value.id), await J(!0), z.success(a("page.published"));
-        } catch (m) {
-          z.danger(r(m));
+          await l.publish(i.value.id), await J(!0), z.success(a("page.published"));
+        } catch (S) {
+          z.danger(c(S));
         } finally {
-          _.value = !1;
+          D.value = !1;
         }
       }
     }
-    function r(m) {
-      return m.body?.message ?? String(m);
-    }
-    function b() {
-      return s.value?.status === "published" ? "success" : s.value?.status === "modified" ? "warning" : "default";
+    function Re() {
+      return i.value?.status === "published" ? "success" : i.value?.status === "modified" ? "warning" : "default";
     }
-    function w(m) {
-      B.value && m.preventDefault();
+    function $e(P) {
+      L.value && P.preventDefault();
     }
-    return ae(ee, fe), ae(o, () => {
+    return ae(te, o), ae(f, () => {
       J();
-    }), ye(() => {
-      J(), window.addEventListener("beforeunload", w);
-    }), Je(() => {
-      clearTimeout(Q), window.removeEventListener("beforeunload", w);
-    }), et(async () => !B.value || !I.value || (await K(), !B.value) ? !0 : await le({
+    }), pe(() => {
+      J(), window.addEventListener("beforeunload", $e);
+    }), Ke(() => {
+      clearTimeout(Q), window.removeEventListener("beforeunload", $e);
+    }), Ye(async () => !L.value || !M.value || (await v(), !L.value) ? !0 : await O({
       title: a("page.leave-title"),
       message: a("page.leave-text"),
       confirmText: a("page.leave"),
       cancelText: a("page.cancel"),
       tone: "danger"
-    })), (m, te) => (d(), M("div", {
+    })), (P, Y) => (m(), A("div", {
       ref_key: "root",
-      ref: pe,
+      ref: de,
       class: "wx-page-editor",
-      "data-wx-fill": "",
-      onFocusout: he
+      onFocusout: w
     }, [
-      S.value || !s.value ? (d(), M(F, { key: 0 }, [
-        f(e(ke), {
+      B.value || !i.value ? (m(), A(j, { key: 0 }, [
+        g(e(be), {
           class: "wx-page-editor__ghost",
           title: "",
           rows: 1
         }),
-        f(e(ke), { rows: 8 })
-      ], 64)) : (d(), M(F, { key: 1 }, [
-        N("div", _t, [
-          N("div", wt, [
-            f(e(lt), {
+        g(e(be), { rows: 8 })
+      ], 64)) : (m(), A(j, { key: 1 }, [
+        E("div", xt, [
+          g(e(Ze), {
+            class: "wx-page-editor__back",
+            to: u.base,
+            label: e(a)("module.title")
+          }, null, 8, ["to", "label"]),
+          E("div", kt, [
+            g(e(st), {
               size: "sm",
               label: e(a)("page.trail")
             }, {
               default: n(() => [
-                f(e(we), {
+                g(e(fe), {
                   as: "router-link",
-                  to: v.base
+                  to: u.base
                 }, {
                   default: n(() => [
-                    h(g(e(a)("module.title")), 1)
+                    y(b(e(a)("module.title")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                (d(!0), M(F, null, ie(ve.value, (E) => (d(), x(e(we), {
-                  key: E.id,
+                (m(!0), A(j, null, Me(ve.value, (S) => (m(), V(e(fe), {
+                  key: S.id,
                   as: "router-link",
-                  to: `${v.base}/${E.id}`
+                  to: `${u.base}/${S.id}`
                 }, {
                   default: n(() => [
-                    h(g(E.label), 1)
+                    y(b(S.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to"]))), 128)),
-                f(e(we), { current: "" }, {
+                g(e(fe), { current: "" }, {
                   default: n(() => [
-                    h(g(s.value.is_home ? e(a)("pages.home") : se.value), 1)
+                    y(b(i.value.is_home ? e(a)("pages.home") : ne.value), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }, 8, ["label"]),
-            N("div", xt, [
-              N("span", kt, g(s.value.is_home ? e(a)("pages.home") : se.value || e(a)("page.untitled")), 1),
-              f(e(We), {
-                type: b(),
+            E("div", Tt, [
+              E("span", $t, b(i.value.is_home ? e(a)("pages.home") : ne.value || e(a)("page.untitled")), 1),
+              g(e(we), {
+                type: Re(),
                 dot: ""
               }, {
                 default: n(() => [
-                  h(g(e(a)(`page.status-${s.value.status}`)), 1)
+                  y(b(e(a)(`page.status-${i.value.status}`)), 1)
                 ]),
                 _: 1
-              }, 8, ["type"]),
-              f(e(O), {
-                size: "sm",
-                tone: "muted",
-                class: "wx-page-editor__state"
-              }, {
-                default: n(() => [
-                  h(g(e(a)(`page.state-${ne.value}`)), 1)
-                ]),
-                _: 1
-              })
+              }, 8, ["type"])
             ])
           ]),
-          N("div", $t, [
-            L.value ? (d(), x(e(Le), {
+          E("div", Pt, [
+            ce.value ? (m(), V(e(ot), {
               key: 0,
               align: "end"
             }, {
               trigger: n(() => [
-                f(e($e), {
+                g(e(it), {
                   type: "more",
                   title: e(a)("page.more")
                 }, null, 8, ["title"])
               ]),
               default: n(() => [
-                T.value ? (d(), x(e(re), {
+                _.value ? (m(), V(e(We), {
                   key: 0,
                   icon: "eye",
-                  href: T.value,
+                  href: _.value,
                   target: "_blank",
                   rel: "noopener"
                 }, {
                   default: n(() => [
-                    h(g(e(a)("page.preview")), 1)
+                    y(b(e(a)("page.preview")), 1)
                   ]),
                   _: 1
-                }, 8, ["href"])) : D("", !0),
-                s.value.url && s.value.status !== "draft" ? (d(), x(e(re), {
+                }, 8, ["href"])) : N("", !0),
+                i.value.url && i.value.status !== "draft" ? (m(), V(e(We), {
                   key: 1,
                   icon: "link",
-                  href: s.value.url,
+                  href: i.value.url,
                   target: "_blank",
                   rel: "noopener"
                 }, {
                   default: n(() => [
-                    h(g(e(a)("page.open-on-site")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["href"])) : D("", !0),
-                I.value ? (d(), x(e(re), {
-                  key: 2,
-                  icon: "check",
-                  disabled: !B.value,
-                  onClick: K
-                }, {
-                  default: n(() => [
-                    h(g(e(a)("page.save")), 1)
+                    y(b(e(a)("page.open-on-site")), 1)
                   ]),
                   _: 1
-                }, 8, ["disabled"])) : D("", !0)
+                }, 8, ["href"])) : N("", !0)
               ]),
               _: 1
-            })) : (d(), M(F, { key: 1 }, [
-              T.value ? (d(), x(e(R), {
+            })) : (m(), A(j, { key: 1 }, [
+              _.value ? (m(), V(e(I), {
                 key: 0,
-                variant: "text",
+                variant: "outline",
                 icon: "eye",
-                href: T.value,
+                href: _.value,
                 target: "_blank",
                 rel: "noopener"
               }, {
                 default: n(() => [
-                  h(g(e(a)("page.preview")), 1)
+                  y(b(e(a)("page.preview")), 1)
                 ]),
                 _: 1
-              }, 8, ["href"])) : D("", !0),
-              s.value.url && s.value.status !== "draft" ? (d(), x(e(R), {
+              }, 8, ["href"])) : N("", !0),
+              i.value.url && i.value.status !== "draft" ? (m(), V(e(I), {
                 key: 1,
-                variant: "text",
+                variant: "outline",
                 icon: "link",
-                href: s.value.url,
+                href: i.value.url,
                 target: "_blank",
                 rel: "noopener"
               }, {
                 default: n(() => [
-                  h(g(e(a)("page.open-on-site")), 1)
+                  y(b(e(a)("page.open-on-site")), 1)
                 ]),
                 _: 1
-              }, 8, ["href"])) : D("", !0),
-              I.value ? (d(), x(e(R), {
-                key: 2,
-                variant: "outline",
-                loading: W.value,
-                disabled: !B.value,
-                onClick: K
-              }, {
-                default: n(() => [
-                  h(g(e(a)("page.save")), 1)
-                ]),
-                _: 1
-              }, 8, ["loading", "disabled"])) : D("", !0)
-            ], 64)),
-            I.value ? (d(), x(e(R), {
-              key: 2,
-              type: "primary",
-              loading: _.value,
-              disabled: s.value.status === "published" && !B.value,
-              onClick: _e
-            }, {
-              default: n(() => [
-                h(g(e(a)("page.publish")), 1)
-              ]),
-              _: 1
-            }, 8, ["loading", "disabled"])) : D("", !0)
+              }, 8, ["href"])) : N("", !0)
+            ], 64))
           ])
         ]),
-        U.value ? (d(), x(e(Ve), {
+        U.value ? (m(), V(e(xe), {
           key: 0,
           type: "warning",
           title: e(a)("page.conflict-title"),
           description: U.value.message
         }, {
           actions: n(() => [
-            f(e(R), {
+            g(e(I), {
               size: "sm",
               variant: "outline",
-              onClick: me
+              onClick: X
             }, {
               default: n(() => [
-                h(g(e(a)("page.conflict-theirs")), 1)
+                y(b(e(a)("page.conflict-theirs")), 1)
               ]),
               _: 1
             }),
-            f(e(R), {
+            g(e(I), {
               size: "sm",
               type: "primary",
-              onClick: Y
+              onClick: Ie
             }, {
               default: n(() => [
-                h(g(e(a)("page.conflict-mine")), 1)
+                y(b(e(a)("page.conflict-mine")), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["title", "description"])) : D("", !0),
-        N("div", Tt, [
-          f(e(tt), {
-            modelValue: k.value,
-            "onUpdate:modelValue": te[0] || (te[0] = (E) => k.value = E),
+        }, 8, ["title", "description"])) : N("", !0),
+        E("div", Wt, [
+          g(e(qe), {
+            modelValue: x.value,
+            "onUpdate:modelValue": Y[0] || (Y[0] = (S) => x.value = S),
             name: "pages.form",
-            errors: A.value,
-            disabled: !I.value || _.value
+            errors: le.value,
+            disabled: !M.value || D.value
           }, null, 8, ["modelValue", "errors", "disabled"])
-        ])
+        ]),
+        M.value ? (m(), V(e(rt), { key: 1 }, {
+          state: n(() => [
+            g(e(R), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: n(() => [
+                y(b(e(a)(`page.state-${ge.value}`)), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: n(() => [
+            g(e(I), {
+              variant: "outline",
+              loading: $.value,
+              disabled: !L.value,
+              onClick: v
+            }, {
+              default: n(() => [
+                y(b(e(a)("page.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"]),
+            g(e(I), {
+              type: "primary",
+              loading: D.value,
+              disabled: i.value.status === "published" && !L.value,
+              onClick: Ue
+            }, {
+              default: n(() => [
+                y(b(e(a)("page.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : N("", !0)
       ], 64))
     ], 544));
   }
-}), Vt = /* @__PURE__ */ de(Wt, [["__scopeId", "data-v-861519ac"]]), zt = { class: "wx-page-history" }, St = { class: "wx-page-history__number" }, Dt = { class: "wx-page-history__who" }, Mt = /* @__PURE__ */ H({
+}), Bt = /* @__PURE__ */ re(Ct, [["__scopeId", "data-v-268d0501"]]), Mt = { class: "wx-page-history" }, Dt = { class: "wx-page-history__number" }, St = { class: "wx-page-history__who" }, Nt = /* @__PURE__ */ K({
   name: "WxPageHistory",
   __name: "PageHistory",
-  setup(v) {
-    const u = X(), p = Z(u), l = ze();
-    G();
-    const i = j("webx-pages"), t = P(null), c = P(!1), a = V(() => l?.page.value ?? null), o = V(() => u.can("pages.manage")), s = V(
-      () => a.value?.published_at ? t.value?.[0]?.number ?? null : null
+  setup(u) {
+    const r = G(), h = Z(r), l = ke();
+    H();
+    const s = F("webx-pages"), t = ie(), d = k(null), a = k(!1), c = W(() => l?.page.value ?? null), f = W(() => r.can("pages.manage")), i = W(
+      () => c.value?.published_at ? d.value?.[0]?.number ?? null : null
     );
-    async function C() {
-      const y = a.value;
-      if (y)
+    async function T() {
+      const C = c.value;
+      if (C)
         try {
-          t.value = await p.versions(y.id);
-        } catch (S) {
-          t.value = [], z.danger(T(S));
+          d.value = await h.versions(C.id);
+        } catch (_) {
+          d.value = [], z.danger(t(_));
         }
     }
-    async function k(y) {
-      const S = a.value;
-      if (!(!S || !await le({
-        title: i("page.restore-title", { number: y.number }),
-        message: i("page.restore-text"),
-        confirmText: i("page.restore"),
-        cancelText: i("page.cancel")
+    async function x(C) {
+      const _ = c.value;
+      if (!(!_ || !await O({
+        title: s("page.restore-title", { number: C.number }),
+        message: s("page.restore-text"),
+        confirmText: s("page.restore"),
+        cancelText: s("page.cancel")
       }))) {
-        c.value = !0;
+        a.value = !0;
         try {
-          await p.restoreVersion(S.id, y.number), await l?.reload(), z.success(i("page.restored-version", { number: y.number }));
-        } catch (_) {
-          z.danger(T(_));
+          await h.restoreVersion(_.id, C.number), await l?.reload(), z.success(s("page.restored-version", { number: C.number }));
+        } catch (B) {
+          z.danger(t(B));
         } finally {
-          c.value = !1;
+          a.value = !1;
         }
       }
     }
-    function $(y) {
-      return y.created_at ? new Date(y.created_at).toLocaleString(u.i18n.state.locale) : "";
-    }
-    function T(y) {
-      return y.body?.message ?? String(y);
-    }
     return ae(
-      () => [a.value?.id, a.value?.published_at, a.value?.updated_at],
+      () => [c.value?.id, c.value?.published_at, c.value?.updated_at],
       () => {
-        C();
+        T();
       },
       {
         immediate: !0
       }
-    ), (y, S) => (d(), M("div", zt, [
-      t.value === null ? (d(), x(e(ke), {
+    ), (C, _) => (m(), A("div", Mt, [
+      d.value === null ? (m(), V(e(be), {
         key: 0,
+        class: "wx-page-history__ghost",
         rows: 3
-      })) : t.value.length === 0 ? (d(), x(e(nt), {
+      })) : d.value.length === 0 ? (m(), V(e(ut), {
         key: 1,
-        description: e(i)("page.history-empty")
-      }, null, 8, ["description"])) : (d(!0), M(F, { key: 2 }, ie(t.value, (W) => (d(), M("div", {
-        key: W.number,
-        class: Qe(["wx-page-history__row", { "is-live": W.number === s.value }])
+        description: e(s)("page.history-empty")
+      }, null, 8, ["description"])) : (m(!0), A(j, { key: 2 }, Me(d.value, (p) => (m(), A("div", {
+        key: p.number,
+        class: Fe(["wx-page-history__row", { "is-live": p.number === i.value }])
       }, [
-        N("code", St, g(e(i)("page.version", { number: W.number })), 1),
-        N("div", Dt, [
-          f(e(O), null, {
-            default: n(() => [
-              h(g($(W)), 1)
-            ]),
-            _: 2
-          }, 1024),
-          f(e(O), {
+        E("code", Dt, b(e(s)("page.version", { number: p.number })), 1),
+        E("div", St, [
+          p.created_at ? (m(), V(e(me), {
+            key: 0,
+            value: p.created_at,
+            size: "md",
+            tone: "default"
+          }, null, 8, ["value"])) : N("", !0),
+          g(e(R), {
             size: "sm",
             tone: "muted"
           }, {
             default: n(() => [
-              h(g(W.author ?? e(i)(`page.source-${W.source}`)) + " ", 1),
-              W.comment ? (d(), M(F, { key: 0 }, [
-                h(" · " + g(W.comment), 1)
-              ], 64)) : D("", !0)
+              y(b(p.author ?? e(s)(`page.source-${p.source}`)) + " ", 1),
+              p.comment ? (m(), A(j, { key: 0 }, [
+                y(" · " + b(p.comment), 1)
+              ], 64)) : N("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        W.number === s.value ? (d(), x(e(We), {
+        p.number === i.value ? (m(), V(e(we), {
           key: 0,
           type: "success",
           dot: ""
         }, {
           default: n(() => [
-            h(g(e(i)("page.version-live")), 1)
+            y(b(e(s)("page.version-live")), 1)
           ]),
           _: 1
-        })) : D("", !0),
-        o.value && W.number !== s.value ? (d(), x(e(R), {
+        })) : N("", !0),
+        f.value && p.number !== i.value ? (m(), V(e(I), {
           key: 1,
           size: "sm",
           variant: "outline",
-          loading: c.value,
-          onClick: (_) => k(W)
+          loading: a.value,
+          onClick: (B) => x(p)
         }, {
           default: n(() => [
-            h(g(e(i)("page.restore")), 1)
+            y(b(e(s)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["loading", "onClick"])) : D("", !0)
+        }, 8, ["loading", "onClick"])) : N("", !0)
       ], 2))), 128))
     ]));
   }
-}), At = /* @__PURE__ */ de(Mt, [["__scopeId", "data-v-d24bb671"]]), Se = /* @__PURE__ */ H({
+}), At = /* @__PURE__ */ re(Nt, [["__scopeId", "data-v-41bcd106"]]), Te = /* @__PURE__ */ K({
   __name: "PagePicker",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ je({
     exclude: { default: () => [] },
     placeholder: { default: void 0 },
     selected: { default: () => [] }
@@ -712,284 +713,205 @@ const gt = { class: "wx-page-danger" }, vt = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(v) {
-    const u = v, p = Xe(v, "modelValue"), l = X(), i = Z(l);
-    G();
-    const t = j("webx-pages"), c = P([]);
-    ye(async () => {
-      const s = await i.list();
-      s.home && (c.value = [
+  setup(u) {
+    const r = u, h = He(u, "modelValue"), l = G(), s = Z(l);
+    H();
+    const t = F("webx-pages"), d = k([]);
+    pe(async () => {
+      const f = await s.list();
+      f.home && (d.value = [
         a(
-          s.home,
-          s.items.map((C) => a(C))
+          f.home,
+          f.items.map((i) => a(i))
         )
       ]);
     });
-    function a(s, C) {
+    function a(f, i) {
       return {
-        id: s.id,
-        label: s.is_home ? t("pages.home") : s.title,
-        disabled: u.exclude.includes(s.id),
-        leaf: s.children_count === 0,
-        ...C ? { children: C } : {}
+        id: f.id,
+        label: f.is_home ? t("pages.home") : f.title,
+        disabled: r.exclude.includes(f.id),
+        leaf: f.children_count === 0,
+        ...i ? { children: i } : {}
       };
     }
-    async function o(s) {
-      return (await i.list({ parent: Number(s.id) })).items.map((k) => a(k));
+    async function c(f) {
+      return (await s.list({ parent: Number(f.id) })).items.map((T) => a(T));
     }
-    return (s, C) => (d(), x(e(st), {
-      modelValue: p.value,
-      "onUpdate:modelValue": C[0] || (C[0] = (k) => p.value = k),
-      nodes: c.value,
+    return (f, i) => (m(), V(e(dt), {
+      modelValue: h.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (T) => h.value = T),
+      nodes: d.value,
       lazy: "",
-      load: o,
+      load: c,
       "show-path": "",
       clearable: "",
-      "selected-path": u.selected.map((k) => ({
-        id: k.id,
-        label: k.is_home ? e(t)("pages.home") : k.title
+      "selected-path": r.selected.map((T) => ({
+        id: T.id,
+        label: T.is_home ? e(t)("pages.home") : T.title
       })),
-      placeholder: u.placeholder ?? e(t)("page.field-parent"),
+      placeholder: r.placeholder ?? e(t)("page.field-parent"),
       "aria-label": e(t)("page.field-parent"),
       teleport: ""
     }, null, 8, ["modelValue", "nodes", "selected-path", "placeholder", "aria-label"]));
   }
-}), Bt = {
+}), Et = {
   key: 0,
   class: "wx-page-place"
-}, Nt = /* @__PURE__ */ H({
+}, It = /* @__PURE__ */ K({
   name: "WxPagePlace",
   __name: "PagePlace",
-  setup(v) {
-    const u = X(), p = Z(u), l = ze(), i = Ue();
-    G();
-    const t = j("webx-pages"), c = P(!1), a = P(null), o = V(() => l?.page.value ?? null), s = V(() => l?.ancestors.value.length === 0 ? null : l?.prefixes.value[i.active.value] ?? null), C = V(() => {
-      const T = l?.values.value.slug;
-      return typeof T == "string" ? T : T?.[i.active.value] ?? "";
-    }), k = V(() => o.value?.is_home ? "/" : s.value === null || C.value === "" ? null : `/${[s.value, C.value].filter(Boolean).join("/")}`);
+  setup(u) {
+    const r = G(), h = Z(r), l = ke(), s = Se();
+    H();
+    const t = F("webx-pages"), d = ie(), a = k(!1), c = k(null), f = W(() => l?.page.value ?? null), i = W(() => l?.ancestors.value.length === 0 ? null : l?.prefixes.value[s.active.value] ?? null), T = W(() => {
+      const _ = l?.values.value.slug;
+      return typeof _ == "string" ? _ : _?.[s.active.value] ?? "";
+    }), x = W(() => f.value?.is_home ? "/" : i.value === null || T.value === "" ? null : `/${[i.value, T.value].filter(Boolean).join("/")}`);
     ae(
-      o,
-      (T) => {
-        a.value = T?.parent_id ?? null;
+      f,
+      (_) => {
+        c.value = _?.parent_id ?? null;
       },
       { immediate: !0 }
     );
-    async function $(T) {
-      const y = o.value;
-      if (!(!y || T === null || T === y.parent_id || c.value)) {
-        c.value = !0;
-        try {
-          const S = await p.move(y.id, T, "inside");
-          z.success(
-            S.addresses_changed > 1 ? t("page.moved", { count: S.addresses_changed }) : t("page.moved-one")
-          ), await l?.reload();
-        } catch (S) {
-          z.danger(S.body?.message ?? String(S)), a.value = y.parent_id;
-        } finally {
-          c.value = !1;
-        }
+    async function C(_) {
+      const p = f.value;
+      if (!p || _ === null || _ === p.parent_id || a.value) return;
+      const B = p.descendants_count + 1;
+      if (B > 1 && !await O({
+        title: t("page.move-title", { title: p.title }),
+        message: t("page.move-branch", { count: B }),
+        confirmText: t("page.move-confirm"),
+        cancelText: t("page.cancel")
+      })) {
+        c.value = p.parent_id;
+        return;
+      }
+      a.value = !0;
+      try {
+        const $ = await h.move(p.id, _, "inside");
+        z.success(
+          $.addresses_changed > 1 ? t("page.moved", { count: $.addresses_changed }) : t("page.moved-one")
+        ), await l?.reload();
+      } catch ($) {
+        z.danger(d($)), c.value = p.parent_id;
+      } finally {
+        a.value = !1;
       }
     }
-    return (T, y) => o.value ? (d(), M("div", Bt, [
-      f(e(ue), {
+    return (_, p) => f.value ? (m(), A("div", Et, [
+      g(e(oe), {
         label: e(t)("page.address")
       }, {
         default: n(() => [
-          k.value ? (d(), x(e(O), {
+          x.value ? (m(), V(e(R), {
             key: 0,
             mono: "",
             class: "wx-page-place__address"
           }, {
             default: n(() => [
-              h(g(k.value), 1)
+              y(b(x.value), 1)
             ]),
             _: 1
-          })) : (d(), x(e(O), {
+          })) : (m(), V(e(R), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: n(() => [
-              h(g(e(t)("page.no-address")), 1)
+              y(b(e(t)("page.no-address")), 1)
             ]),
             _: 1
           }))
         ]),
         _: 1
       }, 8, ["label"]),
-      o.value.can.move ? (d(), M(F, { key: 0 }, [
-        f(e(ue), {
+      f.value.can.move ? (m(), A(j, { key: 0 }, [
+        g(e(oe), {
           label: e(t)("page.field-parent"),
           help: e(t)("page.parent-help")
         }, {
           default: n(() => [
-            f(Se, {
-              modelValue: a.value,
+            g(Te, {
+              modelValue: c.value,
               "onUpdate:modelValue": [
-                y[0] || (y[0] = (S) => a.value = S),
-                $
+                p[0] || (p[0] = (B) => c.value = B),
+                C
               ],
-              exclude: [o.value.id],
+              exclude: [f.value.id],
               selected: e(l)?.ancestors.value ?? []
             }, null, 8, ["modelValue", "exclude", "selected"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        f(e(Ve), {
+        g(e(xe), {
           type: "info",
           variant: "soft",
           description: e(t)("page.parent-warning")
         }, null, 8, ["description"])
-      ], 64)) : D("", !0)
-    ])) : D("", !0);
+      ], 64)) : N("", !0)
+    ])) : N("", !0);
   }
-}), Et = /* @__PURE__ */ de(Nt, [["__scopeId", "data-v-1adcb4ab"]]), Ne = /* @__PURE__ */ H({
+}), Ut = /* @__PURE__ */ re(It, [["__scopeId", "data-v-bf094be2"]]), Rt = /* @__PURE__ */ K({
   __name: "PageActions",
   props: {
     page: {},
-    inBin: { type: Boolean, default: !1 },
-    menuOnly: { type: Boolean, default: !1 }
+    inBin: { type: Boolean, default: !1 }
   },
   emits: ["open", "add", "duplicate", "move", "copy", "remove", "restore"],
-  setup(v, { emit: u }) {
-    const p = v, l = u;
-    G();
-    const i = j("webx-pages"), t = V(() => {
-      const c = p.page;
-      if (p.inBin)
+  setup(u, { emit: r }) {
+    const h = u, l = r;
+    H();
+    const s = F("webx-pages"), t = W(() => {
+      const d = h.page;
+      if (h.inBin)
         return [
           {
             key: "restore",
-            type: "restore",
             icon: "refresh",
-            label: i("page.restore"),
-            run: () => l("restore", c)
+            label: s("page.restore"),
+            run: () => l("restore", d)
           }
         ];
       const a = [
-        {
-          key: "open",
-          type: "edit",
-          icon: "edit",
-          label: i("page.open"),
-          run: () => l("open", c)
-        },
-        {
-          key: "add",
-          type: "add",
-          icon: "plus",
-          label: i("page.add-child"),
-          run: () => l("add", c)
-        }
+        { key: "open", icon: "edit", label: s("page.open"), run: () => l("open", d) },
+        { key: "add", icon: "plus", label: s("page.add-child"), run: () => l("add", d) }
       ];
-      return c.is_home || a.push({
+      return d.is_home || a.push({
         key: "duplicate",
-        type: "copy",
         icon: "copy",
-        label: i("page.duplicate"),
-        run: () => l("duplicate", c)
-      }), c.can.move && a.push({
-        key: "move",
-        type: "sort",
-        icon: "drag",
-        label: i("page.move"),
-        run: () => l("move", c)
-      }), a.push(
+        label: s("page.duplicate"),
+        run: () => l("duplicate", d)
+      }), d.can.move && a.push({ key: "move", icon: "drag", label: s("page.move"), run: () => l("move", d) }), a.push(
         {
           key: "copy-address",
-          type: "link",
           icon: "link",
-          label: i("page.copy-address"),
-          disabled: !c.url,
-          run: () => l("copy", c)
+          label: s("page.copy-address"),
+          disabled: !d.url,
+          run: () => l("copy", d)
         },
         {
           key: "on-site",
-          type: "goto",
           icon: "external-link",
-          label: i("page.open-on-site"),
-          disabled: !c.url,
-          href: c.url ?? void 0
+          label: s("page.open-on-site"),
+          disabled: !d.url,
+          href: d.url ?? void 0
         }
-      ), c.can.delete && a.push({
+      ), d.can.delete && a.push({
         key: "delete",
-        type: "remove",
         icon: "trash",
-        label: i("page.delete"),
+        label: s("page.delete"),
         danger: !0,
-        run: () => l("remove", c)
+        run: () => l("remove", d)
       }), a;
     });
-    return (c, a) => p.menuOnly ? (d(), x(e(Le), {
-      key: 0,
-      align: "end",
-      onClick: a[0] || (a[0] = xe(() => {
-      }, ["stop"]))
-    }, {
-      trigger: n(() => [
-        f(e($e), {
-          type: "more",
-          size: "sm",
-          title: p.page.title
-        }, null, 8, ["title"])
-      ]),
-      default: n(() => [
-        (d(!0), M(F, null, ie(t.value, (o) => (d(), x(e(re), {
-          key: o.key,
-          icon: o.icon,
-          tone: o.danger ? "danger" : "default",
-          href: o.href,
-          target: o.href ? "_blank" : void 0,
-          disabled: o.disabled,
-          onClick: (s) => o.run?.()
-        }, {
-          default: n(() => [
-            h(g(o.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"]))), 128))
-      ]),
-      _: 1
-    })) : (d(), x(e(ot), {
-      key: 1,
-      size: "sm",
-      align: "end",
-      collapse: "",
-      "aria-label": p.page.title,
-      onClick: a[1] || (a[1] = xe(() => {
-      }, ["stop"]))
-    }, {
-      collapsed: n(() => [
-        (d(!0), M(F, null, ie(t.value, (o) => (d(), x(e(re), {
-          key: o.key,
-          icon: o.icon,
-          tone: o.danger ? "danger" : "default",
-          href: o.href,
-          target: o.href ? "_blank" : void 0,
-          disabled: o.disabled,
-          onClick: (s) => o.run?.()
-        }, {
-          default: n(() => [
-            h(g(o.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"]))), 128))
-      ]),
-      default: n(() => [
-        (d(!0), M(F, null, ie(t.value, (o) => (d(), x(e($e), {
-          key: o.key,
-          type: o.type,
-          title: o.label,
-          href: o.href,
-          target: o.href ? "_blank" : void 0,
-          disabled: o.disabled,
-          onClick: (s) => o.run?.()
-        }, null, 8, ["type", "title", "href", "target", "disabled", "onClick"]))), 128))
-      ]),
-      _: 1
-    }, 8, ["aria-label"]));
+    return (d, a) => (m(), V(e(et), {
+      actions: t.value,
+      label: h.page.title
+    }, null, 8, ["actions", "label"]));
   }
-}), Rt = {
+}), Lt = {
   а: "a",
   б: "b",
   в: "v",
@@ -1048,67 +970,67 @@ const gt = { class: "wx-page-danger" }, vt = {
   ź: "z",
   ż: "z"
 };
-function Ot(v) {
-  return v.toLowerCase().split("").map((u) => Rt[u] ?? u).join("").normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+function Ot(u) {
+  return u.toLowerCase().split("").map((r) => Lt[r] ?? r).join("").normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-const Ut = /* @__PURE__ */ H({
+const Kt = /* @__PURE__ */ K({
   __name: "PageCreateDialog",
   props: {
     parent: { default: null }
   },
-  setup(v) {
-    const u = v, { open: p, resolve: l, dismiss: i } = Fe(), t = X(), c = Z(t);
-    G();
-    const a = j("webx-pages"), o = P(""), s = P(""), C = P(u.parent?.id ?? null), k = P(!1), $ = P({}), T = Pe("field"), y = P(!1);
-    ae(o, (W) => {
-      y.value || (s.value = Ot(W));
-    }), ye(async () => {
-      await Ze(), T.value?.querySelector("input")?.focus();
+  setup(u) {
+    const r = u, { open: h, resolve: l, dismiss: s } = Ne(), t = G(), d = Z(t);
+    H();
+    const a = F("webx-pages"), c = k(""), f = k(""), i = k(r.parent?.id ?? null), T = k(!1), x = k({}), C = Be("field"), _ = k(!1);
+    ae(c, (B) => {
+      _.value || (f.value = Ot(B));
+    }), pe(async () => {
+      await Ge(), C.value?.querySelector("input")?.focus();
     });
-    async function S() {
-      if (!(o.value.trim() === "" || k.value)) {
-        k.value = !0, $.value = {};
+    async function p() {
+      if (!(c.value.trim() === "" || T.value)) {
+        T.value = !0, x.value = {};
         try {
           l(
-            await c.create({
-              title: o.value.trim(),
-              slug: s.value.trim(),
-              parent_id: C.value
+            await d.create({
+              title: c.value.trim(),
+              slug: f.value.trim(),
+              parent_id: i.value
             })
           );
-        } catch (W) {
-          $.value = W.body?.errors ?? {};
+        } catch (B) {
+          x.value = B.body?.errors ?? {};
         } finally {
-          k.value = !1;
+          T.value = !1;
         }
       }
     }
-    return (W, _) => (d(), x(e(Ke), {
-      open: e(p),
-      "onUpdate:open": _[5] || (_[5] = (A) => Re(p) ? p.value = A : null),
+    return (B, $) => (m(), V(e(Ae), {
+      open: e(h),
+      "onUpdate:open": $[5] || ($[5] = (D) => De(h) ? h.value = D : null),
       title: e(a)("page.new-title"),
       width: 460
     }, {
       footer: n(() => [
-        f(e(Te), { size: "sm" }, {
+        g(e(_e), { size: "sm" }, {
           default: n(() => [
-            f(e(R), {
+            g(e(I), {
               variant: "outline",
-              onClick: _[4] || (_[4] = (A) => e(i)())
+              onClick: $[4] || ($[4] = (D) => e(s)())
             }, {
               default: n(() => [
-                h(g(e(a)("page.cancel")), 1)
+                y(b(e(a)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            f(e(R), {
+            g(e(I), {
               type: "primary",
-              loading: k.value,
-              disabled: o.value.trim() === "",
-              onClick: S
+              loading: T.value,
+              disabled: c.value.trim() === "",
+              onClick: p
             }, {
               default: n(() => [
-                h(g(e(a)("page.create")), 1)
+                y(b(e(a)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1117,51 +1039,51 @@ const Ut = /* @__PURE__ */ H({
         })
       ]),
       default: n(() => [
-        f(e(ue), {
+        g(e(oe), {
           label: e(a)("page.field-title"),
-          error: $.value.title?.[0],
+          error: x.value.title?.[0],
           required: ""
         }, {
           default: n(() => [
-            N("div", {
+            E("div", {
               ref_key: "field",
-              ref: T
+              ref: C
             }, [
-              f(e(Me), {
-                modelValue: o.value,
-                "onUpdate:modelValue": _[0] || (_[0] = (A) => o.value = A),
+              g(e(Ve), {
+                modelValue: c.value,
+                "onUpdate:modelValue": $[0] || ($[0] = (D) => c.value = D),
                 "aria-label": e(a)("page.field-title"),
-                onKeyup: De(S, ["enter"])
+                onKeyup: Pe(p, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
           _: 1
         }, 8, ["label", "error"]),
-        f(e(ue), {
+        g(e(oe), {
           label: e(a)("page.field-slug"),
-          error: $.value.slug?.[0],
+          error: x.value.slug?.[0],
           help: e(a)("page.slug-help")
         }, {
           default: n(() => [
-            f(e(Me), {
-              modelValue: s.value,
-              "onUpdate:modelValue": _[1] || (_[1] = (A) => s.value = A),
+            g(e(Ve), {
+              modelValue: f.value,
+              "onUpdate:modelValue": $[1] || ($[1] = (D) => f.value = D),
               "aria-label": e(a)("page.field-slug"),
-              onInput: _[2] || (_[2] = (A) => y.value = !0),
-              onKeyup: De(S, ["enter"])
+              onInput: $[2] || ($[2] = (D) => _.value = !0),
+              onKeyup: Pe(p, ["enter"])
             }, null, 8, ["modelValue", "aria-label"])
           ]),
           _: 1
         }, 8, ["label", "error", "help"]),
-        f(e(ue), {
+        g(e(oe), {
           label: e(a)("page.field-parent"),
-          error: $.value.parent_id?.[0]
+          error: x.value.parent_id?.[0]
         }, {
           default: n(() => [
-            f(Se, {
-              modelValue: C.value,
-              "onUpdate:modelValue": _[3] || (_[3] = (A) => C.value = A),
-              selected: u.parent ? [u.parent] : []
+            g(Te, {
+              modelValue: i.value,
+              "onUpdate:modelValue": $[3] || ($[3] = (D) => i.value = D),
+              selected: r.parent ? [r.parent] : []
             }, null, 8, ["modelValue", "selected"])
           ]),
           _: 1
@@ -1170,40 +1092,40 @@ const Ut = /* @__PURE__ */ H({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), It = /* @__PURE__ */ H({
+}), Ft = /* @__PURE__ */ K({
   __name: "PageMoveDialog",
   props: {
     page: {}
   },
-  setup(v) {
-    const u = v, { open: p, resolve: l, dismiss: i } = Fe();
-    G();
-    const t = j("webx-pages"), c = P(u.page.parent_id);
-    return (a, o) => (d(), x(e(Ke), {
-      open: e(p),
-      "onUpdate:open": o[3] || (o[3] = (s) => Re(p) ? p.value = s : null),
-      title: e(t)("page.move-title", { title: u.page.title }),
+  setup(u) {
+    const r = u, { open: h, resolve: l, dismiss: s } = Ne();
+    H();
+    const t = F("webx-pages"), d = k(r.page.parent_id);
+    return (a, c) => (m(), V(e(Ae), {
+      open: e(h),
+      "onUpdate:open": c[3] || (c[3] = (f) => De(h) ? h.value = f : null),
+      title: e(t)("page.move-title", { title: r.page.title }),
       width: 460
     }, {
       footer: n(() => [
-        f(e(Te), { size: "sm" }, {
+        g(e(_e), { size: "sm" }, {
           default: n(() => [
-            f(e(R), {
+            g(e(I), {
               variant: "outline",
-              onClick: o[1] || (o[1] = (s) => e(i)())
+              onClick: c[1] || (c[1] = (f) => e(s)())
             }, {
               default: n(() => [
-                h(g(e(t)("page.cancel")), 1)
+                y(b(e(t)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            f(e(R), {
+            g(e(I), {
               type: "primary",
-              disabled: c.value === null || c.value === u.page.parent_id,
-              onClick: o[2] || (o[2] = (s) => e(l)(c.value))
+              disabled: d.value === null || d.value === r.page.parent_id,
+              onClick: c[2] || (c[2] = (f) => e(l)(d.value))
             }, {
               default: n(() => [
-                h(g(e(t)("page.move-confirm")), 1)
+                y(b(e(t)("page.move-confirm")), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -1212,21 +1134,21 @@ const Ut = /* @__PURE__ */ H({
         })
       ]),
       default: n(() => [
-        f(e(Te), {
+        g(e(_e), {
           direction: "vertical",
           size: "md",
           fill: ""
         }, {
           default: n(() => [
-            f(e(Ve), {
+            g(e(xe), {
               type: "info",
               variant: "soft",
               description: e(t)("page.move-help")
             }, null, 8, ["description"]),
-            f(Se, {
-              modelValue: c.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (s) => c.value = s),
-              exclude: [u.page.id]
+            g(Te, {
+              modelValue: d.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (f) => d.value = f),
+              exclude: [r.page.id]
             }, null, 8, ["modelValue", "exclude"])
           ]),
           _: 1
@@ -1235,32 +1157,32 @@ const Ut = /* @__PURE__ */ H({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Lt = { class: "wx-pages__head" }, Ft = { class: "wx-pages__title" }, Kt = ["href"], Ee = 640, Ht = /* @__PURE__ */ H({
+}), Ht = { class: "wx-pages" }, jt = { class: "wx-pages__title" }, Gt = ["href"], Jt = /* @__PURE__ */ K({
   __name: "PagesPage",
   props: {
     base: { default: "/pages" }
   },
-  setup(v) {
-    const u = v, p = X(), l = Z(p), i = Ce();
-    G();
-    const t = j("webx-pages"), c = P(null), a = P([]), o = P(!0), s = P(""), C = P(""), k = Pe("root"), $ = Ie(k), T = V(() => $.value > 0 && $.value < Ee), y = Ae(Ut), S = Ae(It), W = V(() => p.can("pages.manage")), _ = V(() => C.value === "trashed"), A = V(() => !_.value && !T.value && s.value.trim() === ""), U = V(
-      () => p.state.manifest?.modules.find((r) => r.id === "pages")?.title ?? t("module.title")
-    ), q = V(() => [
+  setup(u) {
+    const r = u, h = G(), l = Z(h), s = ye();
+    H();
+    const t = F("webx-pages"), d = ie(), a = k(null), c = k([]), f = k(!0), i = k(""), T = k(""), x = ze(Kt), C = ze(Ft), _ = W(() => h.can("pages.manage")), p = W(() => T.value === "trashed"), B = W(() => !p.value && i.value.trim() === ""), $ = W(
+      () => h.state.manifest?.modules.find((o) => o.id === "pages")?.title ?? t("module.title")
+    ), D = W(() => [
       { value: "", label: t("page.filter-all") },
       { value: "draft", label: t("page.filter-draft") },
       { value: "published", label: t("page.filter-published") },
       { value: "modified", label: t("page.filter-modified") },
       { value: "trashed", label: t("page.bin"), icon: "trash" }
-    ]), ce = V(
-      () => A.value && c.value ? [{ ...c.value, children_count: 0 }, ...a.value] : a.value
-    ), I = V(() => [
+    ]), le = W(
+      () => B.value && a.value ? [{ ...a.value, children_count: 0 }, ...c.value] : c.value
+    ), U = W(() => [
       { key: "title", label: t("page.column-title"), minWidth: 200 },
-      { key: "path", label: t("page.column-address"), width: 200 },
+      { key: "path", label: t("page.column-address"), width: 200, hideBelow: 560 },
       // In the bin the state of a page is not what it was published as — it is off the site either
       // way — so the column says when it went in, which is what decides whether to bring it back.
       {
         key: "status",
-        label: _.value ? t("page.column-deleted") : t("page.column-status"),
+        label: p.value ? t("page.column-deleted") : t("page.column-status"),
         align: "center",
         width: 130,
         hideBelow: 620
@@ -1270,304 +1192,282 @@ const Ut = /* @__PURE__ */ H({
         label: t("page.column-updated"),
         width: 180,
         hideBelow: 900,
-        hideOnCards: !0,
-        hidden: _.value
+        hidden: p.value
       },
-      { key: "actions", label: "", width: 48, align: "right", hideOnCards: !0 }
-    ]), pe = V(
-      () => A.value ? {
+      { key: "actions", label: "", width: 56, align: "right" }
+    ]), q = W(
+      () => B.value ? {
         childrenKey: "children",
         hasChildrenKey: "children_count",
         lazy: !0,
-        load: (r) => l.list({ parent: r.id }).then((b) => b.items),
-        draggable: W.value,
-        allowDrag: (r) => r.can.move,
-        allowDrop: ge
+        load: (o) => l.list({ parent: o.id }).then((w) => w.items),
+        draggable: _.value,
+        allowDrag: (o) => o.can.move,
+        allowDrop: ue
       } : void 0
     );
-    function ge(r, b, w) {
-      return b.is_home ? w === "inside" : r.id !== b.id;
+    function ue(o, w, v) {
+      return w.is_home ? v === "inside" : o.id !== w.id;
     }
-    async function L() {
-      o.value = !0;
+    async function M() {
+      f.value = !0;
       try {
-        const r = await l.list({
-          search: s.value.trim(),
-          status: _.value ? "" : C.value,
-          trashed: _.value,
-          flat: T.value
+        const o = await l.list({
+          search: i.value.trim(),
+          status: p.value ? "" : T.value,
+          trashed: p.value
         });
-        c.value = r.home, a.value = r.items;
-      } catch (r) {
-        z.danger(Y(r));
+        a.value = o.home, c.value = o.items;
+      } catch (o) {
+        z.danger(d(o));
       } finally {
-        o.value = !1;
+        f.value = !1;
       }
     }
-    function ee(r) {
-      r.search !== s.value && (s.value = r.search, L());
+    function de(o) {
+      o.search !== i.value && (i.value = o.search, M());
     }
-    function B(r) {
-      const b = `${u.base}/${r.id}`;
-      i.resolve(b).matched.length > 0 && i.push(b);
+    function ee(o) {
+      const w = `${r.base}/${o.id}`;
+      s.resolve(w).matched.length > 0 && s.push(w);
     }
-    async function ne(r) {
-      const b = await y({ parent: r });
-      b && (await L(), B(b));
+    async function ce(o) {
+      const w = await x({ parent: o });
+      w && (await M(), ee(w));
     }
-    async function se(r) {
+    async function te(o) {
       try {
-        await l.duplicate(r.id), z.success(t("page.duplicated")), await L();
-      } catch (b) {
-        z.danger(Y(b));
+        await l.duplicate(o.id), z.success(t("page.duplicated")), await M();
+      } catch (w) {
+        z.danger(d(w));
       }
     }
-    async function ve(r) {
-      const b = await S({ page: r });
-      b != null && await J(r, b, "inside");
+    async function L(o) {
+      const w = await C({ page: o });
+      w != null && await ne(o, w, "inside");
     }
-    async function be(r) {
-      await J(r.row, r.target.id, r.zone);
+    async function ge(o) {
+      const w = o.zone === "inside" ? o.target.id : o.target.parent_id, v = o.row.descendants_count + 1;
+      if (w !== o.row.parent_id && v > 1 && !await O({
+        title: t("page.move-title", { title: o.row.title }),
+        message: t("page.move-branch", { count: v }),
+        confirmText: t("page.move-confirm"),
+        cancelText: t("page.cancel")
+      })) {
+        await M();
+        return;
+      }
+      await ne(o.row, o.target.id, o.zone);
     }
-    async function J(r, b, w) {
+    async function ne(o, w, v) {
       try {
-        const m = await l.move(r.id, b, w);
+        const X = await l.move(o.id, w, v);
         z.success(
-          m.addresses_changed > 1 ? t("page.moved", { count: m.addresses_changed }) : t("page.moved-one")
+          X.addresses_changed > 1 ? t("page.moved", { count: X.addresses_changed }) : t("page.moved-one")
         );
-      } catch (m) {
-        z.danger(Y(m));
+      } catch (X) {
+        z.danger(d(X));
       } finally {
-        await L();
+        await M();
       }
     }
-    async function Q(r) {
-      if (await le({
-        title: t("page.delete-title", { title: r.title }),
+    async function ve(o) {
+      if (await O({
+        title: t("page.delete-title", { title: o.title }),
         message: (
           // The whole branch, not the level under it: a catalogue with two sections and forty
           // products is forty-two pages leaving the site, and "2" would be a comforting lie.
-          r.descendants_count > 0 ? `${t("page.delete-text")} ${t("page.delete-branch", { count: r.descendants_count })}` : t("page.delete-text")
+          o.descendants_count > 0 ? `${t("page.delete-text")} ${t("page.delete-branch", { count: o.descendants_count })}` : t("page.delete-text")
         ),
         confirmText: t("page.delete"),
         cancelText: t("page.cancel"),
         tone: "danger"
       }))
         try {
-          await l.remove(r.id), z.success(t("page.deleted")), await L();
-        } catch (w) {
-          z.danger(Y(w));
+          await l.remove(o.id), z.success(t("page.deleted")), await M();
+        } catch (v) {
+          z.danger(d(v));
         }
     }
-    async function fe(r) {
-      try {
-        await l.restore(r.id), z.success(t("page.restored")), await L();
-      } catch (b) {
-        z.danger(Y(b));
-      }
+    async function he(o) {
+      if (await O({
+        title: t("page.restore-page-title", { title: o.title }),
+        message: o.descendants_count > 0 ? `${t("page.restore-page-text")} ${t("page.restore-branch", { count: o.descendants_count })}` : t("page.restore-page-text"),
+        confirmText: t("page.restore"),
+        cancelText: t("page.cancel")
+      }))
+        try {
+          const v = await l.restore(o.id);
+          z.success(
+            v > 1 ? t("page.restored-branch", { count: v }) : t("page.restored")
+          ), await M();
+        } catch (v) {
+          z.danger(d(v));
+        }
     }
-    async function he(r) {
-      if (r.url)
+    async function J(o) {
+      if (o.url)
         try {
-          await navigator.clipboard.writeText(r.url), z.success(t("page.address-copied"));
+          await navigator.clipboard.writeText(o.url), z.success(t("page.address-copied"));
         } catch {
         }
     }
-    function K(r) {
-      return r === "published" ? "success" : r === "modified" ? "warning" : "default";
-    }
-    function me(r) {
-      const b = _.value ? r.deleted_at : r.updated_at;
-      return b ? new Date(b).toLocaleDateString() : "";
-    }
-    function Y(r) {
-      return r.body?.message ?? String(r);
-    }
-    function _e() {
-      L();
+    function Q(o) {
+      return o === "published" ? "success" : o === "modified" ? "warning" : "default";
     }
     return ae(T, () => {
-      L();
-    }), ye(L), (r, b) => (d(), M("div", {
-      ref_key: "root",
-      ref: k,
-      class: "wx-pages"
-    }, [
-      N("div", Lt, [
-        f(e(it), { level: 2 }, {
-          default: n(() => [
-            h(g(U.value), 1)
-          ]),
-          _: 1
-        }),
-        W.value ? (d(), x(e(R), {
-          key: 0,
-          type: "primary",
-          icon: "plus",
-          onClick: b[0] || (b[0] = (w) => ne(null))
-        }, {
-          default: n(() => [
-            h(g(e(t)("page.new")), 1)
-          ]),
-          _: 1
-        })) : D("", !0)
-      ]),
-      f(e(Oe), null, {
-        header: n(() => [
-          f(e(ut), {
-            modelValue: C.value,
-            "onUpdate:modelValue": b[1] || (b[1] = (w) => C.value = w),
-            options: q.value,
-            size: "sm",
-            "aria-label": e(t)("page.column-status"),
-            onChange: _e
-          }, null, 8, ["modelValue", "options", "aria-label"])
-        ]),
+      M();
+    }), pe(M), (o, w) => (m(), A("div", Ht, [
+      g(e(tt), {
+        view: T.value,
+        "onUpdate:view": w[2] || (w[2] = (v) => T.value = v),
+        title: $.value,
+        views: D.value
+      }, Je({
         default: n(() => [
-          f(e(rt), {
-            data: ce.value,
-            columns: I.value,
+          g(e(ct), {
+            data: le.value,
+            columns: U.value,
             "row-key": "id",
-            tree: pe.value,
+            tree: q.value,
             searchable: "",
-            hover: "",
+            clickable: !p.value,
+            hover: !p.value,
             flush: "",
             layout: "fixed",
-            loading: o.value,
-            "cards-below": Ee,
+            loading: f.value,
+            "cards-below": 0,
             "search-placeholder": e(t)("page.search"),
-            "empty-text": _.value ? e(t)("page.empty-bin") : s.value ? e(t)("page.empty-search") : e(t)("page.empty"),
-            "aria-label": U.value,
-            onStateChange: ee,
-            onNodeDrop: be,
-            onRowClick: B
+            "empty-text": p.value ? e(t)("page.empty-bin") : i.value ? e(t)("page.empty-search") : e(t)("page.empty"),
+            "aria-label": $.value,
+            onRowClick: ee,
+            onStateChange: de,
+            onNodeDrop: ge
           }, {
-            "cell-title": n(({ row: w }) => [
-              N("span", Ft, g(w.is_home ? e(t)("pages.home") : w.title), 1)
+            "cell-title": n(({ row: v }) => [
+              E("span", jt, b(v.is_home ? e(t)("pages.home") : v.title), 1)
             ]),
-            "cell-path": n(({ row: w }) => [
-              _.value ? (d(), x(e(O), {
+            "cell-path": n(({ row: v }) => [
+              p.value ? (m(), V(e(R), {
                 key: 0,
                 size: "sm",
                 tone: "muted"
               }, {
-                default: n(() => [...b[3] || (b[3] = [
-                  h("—", -1)
+                default: n(() => [...w[3] || (w[3] = [
+                  y("—", -1)
                 ])]),
                 _: 1
-              })) : w.url && w.status !== "draft" ? (d(), M("a", {
+              })) : v.url && v.status !== "draft" ? (m(), A("a", {
                 key: 1,
                 class: "wx-pages__address",
-                href: w.url,
+                href: v.url,
                 target: "_blank",
                 rel: "noopener",
-                onClick: b[2] || (b[2] = xe(() => {
+                onClick: w[1] || (w[1] = Qe(() => {
                 }, ["stop"]))
-              }, " /" + g(w.path), 9, Kt)) : w.path !== null ? (d(), x(e(O), {
+              }, " /" + b(v.path), 9, Gt)) : v.path !== null ? (m(), V(e(R), {
                 key: 2,
                 mono: "",
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  h("/" + g(w.path), 1)
+                  y("/" + b(v.path), 1)
                 ]),
                 _: 2
-              }, 1024)) : (d(), x(e(O), {
+              }, 1024)) : (m(), V(e(R), {
                 key: 3,
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  h(g(e(t)("page.no-address")), 1)
+                  y(b(e(t)("page.no-address")), 1)
                 ]),
                 _: 1
               }))
             ]),
-            "cell-status": n(({ row: w }) => [
-              _.value ? (d(), x(e(O), {
+            "cell-status": n(({ row: v }) => [
+              p.value ? (m(), V(e(me), {
                 key: 0,
-                size: "sm",
-                tone: "muted"
-              }, {
-                default: n(() => [
-                  h(g(me(w)), 1)
-                ]),
-                _: 2
-              }, 1024)) : (d(), x(e(We), {
+                value: v.deleted_at
+              }, null, 8, ["value"])) : (m(), V(e(we), {
                 key: 1,
-                type: K(w.status),
+                type: Q(v.status),
                 dot: ""
               }, {
                 default: n(() => [
-                  h(g(e(t)(`page.status-${w.status}`)), 1)
+                  y(b(e(t)(`page.status-${v.status}`)), 1)
                 ]),
                 _: 2
               }, 1032, ["type"]))
             ]),
-            "cell-updated_at": n(({ row: w }) => [
-              f(e(O), {
+            "cell-updated_at": n(({ row: v }) => [
+              g(e(R), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  h(g(me(w)), 1),
-                  w.edited_by && !_.value ? (d(), M(F, { key: 0 }, [
-                    h(", " + g(w.edited_by), 1)
-                  ], 64)) : D("", !0)
+                  g(e(me), {
+                    value: v.updated_at
+                  }, null, 8, ["value"]),
+                  v.edited_by && !p.value ? (m(), A(j, { key: 0 }, [
+                    y(", " + b(v.edited_by), 1)
+                  ], 64)) : N("", !0)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-actions": n(({ row: w }) => [
-              W.value ? (d(), x(Ne, {
+            "cell-actions": n(({ row: v }) => [
+              _.value ? (m(), V(Rt, {
                 key: 0,
-                page: w,
-                "in-bin": _.value,
-                onOpen: B,
-                onAdd: ne,
-                onDuplicate: se,
-                onMove: ve,
-                onCopy: he,
-                onRemove: Q,
-                onRestore: fe
-              }, null, 8, ["page", "in-bin"])) : D("", !0)
-            ]),
-            "card-actions": n(({ row: w }) => [
-              W.value ? (d(), x(Ne, {
-                key: 0,
-                "menu-only": "",
-                page: w,
-                "in-bin": _.value,
-                onOpen: B,
-                onAdd: ne,
-                onDuplicate: se,
-                onMove: ve,
-                onCopy: he,
-                onRemove: Q,
-                onRestore: fe
-              }, null, 8, ["page", "in-bin"])) : D("", !0)
+                page: v,
+                "in-bin": p.value,
+                onOpen: ee,
+                onAdd: ce,
+                onDuplicate: te,
+                onMove: L,
+                onCopy: J,
+                onRemove: ve,
+                onRestore: he
+              }, null, 8, ["page", "in-bin"])) : N("", !0)
             ]),
             _: 1
-          }, 8, ["data", "columns", "tree", "loading", "search-placeholder", "empty-text", "aria-label"])
+          }, 8, ["data", "columns", "tree", "clickable", "hover", "loading", "search-placeholder", "empty-text", "aria-label"])
         ]),
-        _: 1
-      })
-    ], 512));
+        _: 2
+      }, [
+        _.value ? {
+          name: "actions",
+          fn: n(() => [
+            g(e(I), {
+              type: "primary",
+              icon: "plus",
+              onClick: w[0] || (w[0] = (v) => ce(null))
+            }, {
+              default: n(() => [
+                y(b(e(t)("page.new")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["view", "title", "views"])
+    ]));
   }
-}), jt = /* @__PURE__ */ de(Ht, [["__scopeId", "data-v-681ec89c"]]);
-function Zt(v = {}) {
-  const u = v.path ?? "/pages";
+}), Qt = /* @__PURE__ */ re(Jt, [["__scopeId", "data-v-6c1123b3"]]);
+function ta(u = {}) {
+  const r = u.path ?? "/pages";
   return {
     id: "pages",
-    path: u,
+    path: r,
     routes: [
-      { path: u, name: "webx.pages", component: jt, props: { base: u } },
+      { path: r, name: "webx.pages", component: Qt, props: { base: r } },
       {
-        path: `${u}/:id(\\d+)`,
+        path: `${r}/:id(\\d+)`,
         name: "webx.pages.edit",
-        component: Vt,
-        props: { base: u }
+        component: Bt,
+        props: { base: r }
       }
     ],
     /*
@@ -1579,25 +1479,25 @@ function Zt(v = {}) {
      * page from the editor above it rather than from the description.
      */
     types: {
-      "wx-page-place": { component: Et, kind: "display" },
-      "wx-page-danger": { component: bt, kind: "display" },
+      "wx-page-place": { component: Ut, kind: "display" },
+      "wx-page-danger": { component: wt, kind: "display" },
       "wx-page-history": { component: At, kind: "display" }
     }
   };
 }
 export {
-  bt as WxPageDanger,
-  Vt as WxPageEditorPage,
+  wt as WxPageDanger,
+  Bt as WxPageEditorPage,
   At as WxPageHistory,
-  Se as WxPagePicker,
-  Et as WxPagePlace,
-  jt as WxPagesPage,
+  Te as WxPagePicker,
+  Ut as WxPagePlace,
+  Qt as WxPagesPage,
   Z as createPagesApi,
-  He as pageEditorKey,
-  Zt as pages,
-  pt as pagesMessages,
-  ct as providePageEditor,
+  Ee as pageEditorKey,
+  ta as pages,
+  vt as pagesMessages,
+  gt as providePageEditor,
   Ot as slugify,
-  ze as usePageEditor
+  ke as usePageEditor
 };
 //# sourceMappingURL=index.js.map