@webx-ui/module-admin 0.14.3 → 0.15.0

package/dist/index.js

@@ -1,65 +1,222 @@
-import { inject as te, reactive as ue, defineComponent as E, useModel as de, ref as C, computed as x, onMounted as je, watch as J, openBlock as f, createElementBlock as $, createVNode as k, unref as o, createBlock as S, createCommentVNode as z, withCtx as g, createTextVNode as R, toDisplayString as W, createElementVNode as M, Fragment as D, renderList as K, mergeModels as ee, mergeProps as Te, withModifiers as Le, useSlots as Ke, useTemplateRef as qe, normalizeClass as G, renderSlot as N, createSlots as Ae, resolveComponent as I, watchEffect as Ye, onUnmounted as Xe, isRef as Ge, createApp as Je, h as le, onBeforeUnmount as Qe, nextTick as Ze, withKeys as et } from "vue";
-import { RouterLink as tt, useRouter as We, useRoute as nt, createRouter as at, createWebHistory as lt } from "vue-router";
-import { WxSegmented as st, WxSelect as ot, WxAutocomplete as ye, WxText as H, WxInput as Ce, WxCheckbox as we, WxAction as ne, WxActions as it, WxDropdownItem as rt, useElementWidth as ut, WxHeading as dt, WxButton as Z, WxIcon as ze, WxTabs as ct, WxCard as xe, WxRichText as mt, WxResult as ft, useResponsiveShell as vt, shellLayoutFor as ht, WxToaster as pt, WebxUI as bt, dateLocaleKey as gt, localesKey as yt, WxAlert as Re, WxSkeleton as Ue, WxBadge as wt, WxPopover as xt, WxDialog as kt, WxTooltip as _t, WxEmpty as $t, WxAvatar as St, WxTextarea as ke, toast as X, confirm as Tt } from "@webx-ui/core";
-import { watchSystemTheme as Lt, applyTheme as At, systemTheme as Wt } from "@webx-ui/tokens";
-import { WxScreenRenderer as Ct } from "@webx-ui/schema";
-const ce = /* @__PURE__ */ Symbol("webx-i18n");
-function zt() {
-  const e = te(ce, null);
+import { inject as oe, reactive as pe, defineComponent as R, useModel as ue, ref as W, watch as ee, computed as x, openBlock as p, createElementBlock as T, createVNode as b, unref as n, withCtx as g, createElementVNode as O, toDisplayString as L, createBlock as $, createTextVNode as V, createCommentVNode as U, mergeModels as le, provide as vt, normalizeProps as ft, guardReactiveProps as pt, onMounted as Le, Fragment as H, renderList as Q, mergeProps as He, withModifiers as je, useSlots as ht, useTemplateRef as Ke, normalizeClass as ae, renderSlot as F, createSlots as Ae, resolveComponent as j, watchEffect as gt, onUnmounted as yt, isRef as qe, createApp as bt, h as de, nextTick as Ye, withKeys as Xe, onBeforeUnmount as Ge } from "vue";
+import { RouterLink as wt, useRouter as ge, useRoute as Je, createRouter as xt, createWebHistory as kt, onBeforeRouteLeave as _t } from "vue-router";
+import { WxSortableList as Qe, WxAction as se, WxBadge as ze, WxSelect as Ze, useLocales as et, WxInput as ye, WxAlert as be, WxSegmented as $t, WxAutocomplete as Be, WxText as G, WxCheckbox as Ie, WxActions as Tt, WxDropdownItem as St, useElementWidth as Ct, WxHeading as Wt, WxButton as Z, WxIcon as Ve, WxTabs as Lt, WxCard as Se, WxRichText as At, WxResult as zt, useResponsiveShell as Vt, shellLayoutFor as Et, WxToaster as Ut, WebxUI as Nt, dateLocaleKey as Rt, localesKey as Bt, useModal as It, WxDialog as tt, WxFormItem as Pt, WxSpace as Dt, createModal as Mt, WxSkeleton as re, WxEmpty as at, WxTooltip as nt, toast as D, confirm as he, localizedValue as Ft, WxBreadcrumb as Ot, WxBreadcrumbItem as Pe, WxActionBar as Ht, WxPopover as jt, WxAvatar as Kt, WxTextarea as De } from "@webx-ui/core";
+import { watchSystemTheme as qt, applyTheme as Yt, systemTheme as Xt } from "@webx-ui/tokens";
+import { WxScreenRenderer as Gt } from "@webx-ui/schema";
+const we = /* @__PURE__ */ Symbol("webx-i18n");
+function Jt() {
+  const e = oe(we, null);
   if (e === null)
     throw new Error("useI18n() was called outside a panel created by createAdmin().");
   return e;
 }
-function V(e) {
-  const t = te(ce, null);
-  return t === null ? ge().scope(e) : t.scope(e);
+function P(e) {
+  const t = oe(we, null);
+  return t === null ? Ee().scope(e) : t.scope(e);
 }
-function Rt(e, t) {
-  e.provide(ce, t);
+function Qt(e, t) {
+  e.provide(we, t);
 }
-function ge(e = {}) {
-  const t = e.fallback ?? "en", n = ue({
+function Ee(e = {}) {
+  const t = e.fallback ?? "en", a = pe({
     locale: e.locale ?? t,
     fallback: t,
     panelLocales: [],
     contentLocales: []
-  }), a = {}, i = ue({ value: {} });
-  function s(r, u, d) {
-    let v = r[u]?.[d[0] ?? ""];
-    for (const m of d.slice(1)) {
-      if (typeof v != "object" || v === null)
+  }), l = {}, i = pe({ value: {} });
+  function s(r, u, c) {
+    let h = r[u]?.[c[0] ?? ""];
+    for (const m of c.slice(1)) {
+      if (typeof h != "object" || h === null)
         return null;
-      v = v[m];
+      h = h[m];
     }
-    return typeof v == "string" ? v : null;
+    return typeof h == "string" ? h : null;
   }
-  function l(r, u, d) {
-    const [v, m] = u.includes("::") ? u.split("::", 2) : [r, u], p = m.split("."), c = s(i.value, v, p) ?? s(a, v, p) ?? // Not an empty string: a key on screen is ugly, but it says which key, and a blank
+  function o(r, u, c) {
+    const [h, m] = u.includes("::") ? u.split("::", 2) : [r, u], v = m.split("."), d = s(i.value, h, v) ?? s(l, h, v) ?? // Not an empty string: a key on screen is ugly, but it says which key, and a blank
     // label says nothing to anybody trying to fix it.
     u;
-    return d === void 0 ? c : Ut(c, d);
+    return c === void 0 ? d : Zt(d, c);
   }
   return {
-    state: n,
+    state: a,
     defaults(r, u) {
-      a[r] = { ...a[r], ...u };
+      l[r] = { ...l[r], ...u };
     },
-    load(r, u, d) {
-      i.value = r ?? {}, n.locale = u ?? n.locale, d !== void 0 && (n.fallback = d);
+    load(r, u, c) {
+      i.value = r ?? {}, a.locale = u ?? a.locale, c !== void 0 && (a.fallback = c);
     },
     scope(r) {
-      return (u, d) => l(r, u, d);
+      return (u, c) => o(r, u, c);
     },
-    t: (r, u) => l("", r, u)
+    t: (r, u) => o("", r, u)
   };
 }
-function Ut(e, t) {
-  let n = e;
-  for (const [a, i] of Object.entries(t))
-    n = n.replaceAll(`:${a}`, String(i));
-  return n;
+function Zt(e, t) {
+  let a = e;
+  for (const [l, i] of Object.entries(t))
+    a = a.replaceAll(`:${l}`, String(i));
+  return a;
 }
-function Et() {
+function xe(e, t) {
+  const a = `${e.apiPath}/${t.replace(/^\/+|\/+$/g, "")}`, l = (i) => i.data;
+  return {
+    list: (i = {}) => {
+      const s = new URLSearchParams();
+      return i.q && s.set("q", i.q), i.visible && s.set("visible", "1"), e.http.get(s.size > 0 ? `${a}?${s}` : a);
+    },
+    create: (i) => e.http.post(a, i).then(l),
+    get: (i) => e.http.get(`${a}/${i}`).then(l),
+    save: (i, s) => e.http.put(`${a}/${i}`, { values: s }).then(l),
+    remove: (i) => e.http.delete(`${a}/${i}`).then(() => {
+    }),
+    restore: (i) => e.http.post(`${a}/${i}/restore`, {}).then(l),
+    reorder: (i) => e.http.post(`${a}/reorder`, { ids: i }).then(() => {
+    })
+  };
+}
+function ea(e, t, a, l = null) {
+  const i = `${e.apiPath}/${t.replace(/^\/+|\/+$/g, "")}`;
+  return e.http.post(`${i}/reorder`, l === null ? { ids: a } : { ids: a, category: l }).then(() => {
+  });
+}
+const ta = { class: "wx-categories-field" }, aa = { class: "wx-categories-field__name" }, na = /* @__PURE__ */ R({
+  name: "WxCategoriesField",
+  __name: "CategoriesField",
+  props: /* @__PURE__ */ le({
+    source: {},
+    main: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    mainText: { default: void 0 },
+    addText: { default: void 0 },
+    removeText: { default: void 0 },
+    emptyText: { default: void 0 },
+    noneLeftText: { default: void 0 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = ue(e, "modelValue"), l = X(), i = P("webx-admin"), s = W([]);
+    ee(
+      () => t.source,
+      async (v) => {
+        try {
+          const d = await xe(l, v).list();
+          s.value = d.data.map((w) => ({ id: w.id, name: w.name }));
+        } catch {
+          s.value = [];
+        }
+      },
+      { immediate: !0 }
+    );
+    const o = x(() => Array.isArray(a.value) ? a.value : []), r = x(() => new Map(s.value.map((v) => [v.id, v.name]))), u = x({
+      get: () => o.value.map((v) => ({ id: v, name: r.value.get(v) ?? `#${v}` })),
+      set: (v) => {
+        a.value = v.map((d) => d.id);
+      }
+    }), c = x(
+      () => s.value.filter((v) => !o.value.includes(v.id)).map((v) => ({ label: v.name, value: v.id }))
+    );
+    function h(v) {
+      typeof v != "number" || o.value.includes(v) || (a.value = [...o.value, v]);
+    }
+    function m(v) {
+      a.value = o.value.filter((d) => d !== v);
+    }
+    return (v, d) => (p(), T("div", ta, [
+      b(n(Qe), {
+        modelValue: u.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (w) => u.value = w),
+        plain: "",
+        size: "sm",
+        "item-key": "id",
+        "item-label": "name",
+        disabled: t.disabled,
+        "empty-text": t.emptyText ?? n(i)("categories.field-empty")
+      }, {
+        default: g(({ item: w, index: f }) => [
+          O("span", aa, L(w.name), 1),
+          t.main && f === 0 ? (p(), $(n(ze), {
+            key: 0,
+            type: "primary"
+          }, {
+            default: g(() => [
+              V(L(t.mainText ?? n(i)("categories.field-main")), 1)
+            ]),
+            _: 1
+          })) : U("", !0)
+        ]),
+        actions: g(({ item: w }) => [
+          b(n(se), {
+            type: "remove",
+            size: "sm",
+            disabled: t.disabled,
+            title: t.removeText ?? n(i)("categories.field-remove"),
+            onClick: (f) => m(w.id)
+          }, null, 8, ["disabled", "title", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled", "empty-text"]),
+      b(n(Ze), {
+        "model-value": null,
+        options: c.value,
+        placeholder: t.addText ?? n(i)("categories.field-add"),
+        disabled: t.disabled || c.value.length === 0,
+        "empty-text": t.noneLeftText ?? n(i)("categories.field-none-left"),
+        filterable: "",
+        teleport: "",
+        "aria-label": t.addText ?? n(i)("categories.field-add"),
+        "onUpdate:modelValue": h
+      }, null, 8, ["options", "placeholder", "disabled", "empty-text", "aria-label"])
+    ]));
+  }
+}), Y = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [l, i] of t)
+    a[l] = i;
+  return a;
+}, la = /* @__PURE__ */ Y(na, [["__scopeId", "data-v-640cd836"]]), lt = /* @__PURE__ */ Symbol("wx-category-editor");
+function oa(e) {
+  vt(lt, e);
+}
+function sa() {
+  return oe(lt, null);
+}
+const ia = { class: "wx-category-slug" }, ra = { class: "wx-category-slug__prefix" }, ua = /* @__PURE__ */ R({
+  name: "WxCategorySlug",
+  inheritAttrs: !1,
+  __name: "CategorySlug",
+  setup(e) {
+    const t = sa(), a = et(), l = x(() => {
+      const o = t?.prefix.value ?? "";
+      return o === "" ? "/" : `/${o}/`;
+    }), i = x(() => {
+      const o = t?.values.value.slug;
+      return typeof o == "string" ? o : o?.[a.active.value] ?? "";
+    }), s = x(() => {
+      const o = t?.category.value?.path;
+      return typeof o == "string" && i.value !== "" && `${l.value}${i.value}` != `/${o}`;
+    });
+    return (o, r) => (p(), T("div", ia, [
+      b(n(ye), ft(pt(o.$attrs)), {
+        prefix: g(() => [
+          O("span", ra, L(l.value), 1)
+        ]),
+        _: 1
+      }, 16),
+      s.value && n(t) ? (p(), $(n(be), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: n(t).moving()
+      }, null, 8, ["description"])) : U("", !0)
+    ]));
+  }
+}), da = /* @__PURE__ */ Y(ua, [["__scopeId", "data-v-0d22193a"]]);
+function ca() {
   return {
     target: "entity",
     entity_type: null,
@@ -70,31 +227,31 @@ function Et() {
     rel: []
   };
 }
-function Bt(e) {
-  const t = `${e.apiPath}/links`, n = (a) => a.data;
+function ma(e) {
+  const t = `${e.apiPath}/links`, a = (l) => l.data;
   return {
-    sources: () => e.http.get(`${t}/sources`).then(n),
-    search: (a, i, s) => e.http.get(`${t}/search`, { query: { type: a, q: i, locale: s } }).then(n),
-    resolve: (a, i) => e.http.post(`${t}/resolve`, { links: a, locale: i }).then(n),
-    routes: () => e.http.get(`${t}/routes`).then(n)
+    sources: () => e.http.get(`${t}/sources`).then(a),
+    search: (l, i, s) => e.http.get(`${t}/search`, { query: { type: l, q: i, locale: s } }).then(a),
+    resolve: (l, i) => e.http.post(`${t}/resolve`, { links: l, locale: i }).then(a),
+    routes: () => e.http.get(`${t}/routes`).then(a)
   };
 }
-const Nt = { class: "wx-link-picker" }, Vt = {
+const va = { class: "wx-link-picker" }, fa = {
   key: 0,
   class: "wx-link-picker__entity"
-}, It = {
+}, pa = {
   key: 1,
   class: "wx-link-picker__url"
-}, Dt = {
+}, ha = {
   key: 2,
   class: "wx-link-picker__hash"
-}, Mt = {
+}, ga = {
   key: 3,
   class: "wx-link-picker__attributes"
-}, Pt = { class: "wx-link-picker__rel" }, Ft = /* @__PURE__ */ E({
+}, ya = { class: "wx-link-picker__rel" }, ba = /* @__PURE__ */ R({
   name: "WxLinkPicker",
   __name: "LinkPicker",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ le({
     allowNone: { type: Boolean, default: !0 },
     attributes: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
@@ -104,212 +261,207 @@ const Nt = { class: "wx-link-picker" }, Vt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = de(e, "modelValue"), a = q(), i = zt(), s = Bt(a), l = V("webx-admin"), r = C([]), u = C([]), d = C([]), v = C(!1), m = C(null), p = C(""), c = C(null);
-    let _ = null;
-    const h = x(() => n.value ?? Et()), b = x(() => {
-      const y = [
-        { value: "entity", label: l("links.target-entity") },
-        { value: "url", label: l("links.target-url") }
+    const t = e, a = ue(e, "modelValue"), l = X(), i = Jt(), s = ma(l), o = P("webx-admin"), r = W([]), u = W([]), c = W([]), h = W(!1), m = W(null), v = W(""), d = W(null);
+    let w = null;
+    const f = x(() => a.value ?? ca()), y = x(() => {
+      const _ = [
+        { value: "entity", label: o("links.target-entity") },
+        { value: "url", label: o("links.target-url") }
       ];
-      return t.allowNone ? [...y, { value: "none", label: l("links.target-none") }] : y;
-    }), w = x(
-      () => r.value.map((y) => ({ value: y.type, label: y.title }))
-    ), O = x(
-      () => u.value.map((y) => ({
-        value: y.title,
-        description: He(y),
-        id: y.id
+      return t.allowNone ? [..._, { value: "none", label: o("links.target-none") }] : _;
+    }), k = x(
+      () => r.value.map((_) => ({ value: _.type, label: _.title }))
+    ), M = x(
+      () => u.value.map((_) => ({
+        value: _.title,
+        description: z(_),
+        id: _.id
       }))
-    ), Q = x(
-      () => d.value.map((y) => ({ value: y.path, description: y.name }))
+    ), J = x(
+      () => c.value.map((_) => ({ value: _.path, description: _.name }))
     );
-    je(async () => {
-      r.value = await s.sources(), m.value = h.value.entity_type ?? r.value[0]?.type ?? null, await Promise.all([Y(), j()]);
-    }), J(
-      () => [h.value.entity_type, h.value.entity_id].join(":"),
+    Le(async () => {
+      r.value = await s.sources(), m.value = f.value.entity_type ?? r.value[0]?.type ?? null, await Promise.all([S(), B()]);
+    }), ee(
+      () => [f.value.entity_type, f.value.entity_id].join(":"),
       () => {
-        Y();
+        S();
       }
     );
-    async function Y() {
-      const { entity_type: y, entity_id: A } = h.value;
-      if (y === null || A === null) {
-        c.value = null, p.value = "";
+    async function S() {
+      const { entity_type: _, entity_id: N } = f.value;
+      if (_ === null || N === null) {
+        d.value = null, v.value = "";
         return;
       }
-      if (c.value?.id === A)
+      if (d.value?.id === N)
         return;
-      const [U] = await s.resolve([{ type: y, id: A }], i.state.locale);
-      c.value = U ?? null, p.value = U?.title ?? l("links.missing"), _ = p.value;
+      const [I] = await s.resolve([{ type: _, id: N }], i.state.locale);
+      d.value = I ?? null, v.value = I?.title ?? o("links.missing"), w = v.value;
     }
-    async function j() {
-      d.value = await s.routes();
+    async function B() {
+      c.value = await s.routes();
     }
-    async function T(y) {
-      if (y === _) {
-        _ = null;
+    async function C(_) {
+      if (_ === w) {
+        w = null;
         return;
       }
-      if (_ = null, m.value !== null) {
-        v.value = !0;
+      if (w = null, m.value !== null) {
+        h.value = !0;
         try {
-          u.value = await s.search(m.value, y, i.state.locale);
+          u.value = await s.search(m.value, _, i.state.locale);
         } finally {
-          v.value = !1;
+          h.value = !1;
         }
       }
     }
-    function B(y) {
-      y !== void 0 && (n.value = { ...h.value, target: y });
+    function A(_) {
+      _ !== void 0 && (a.value = { ...f.value, target: _ });
     }
-    function L(y) {
-      m.value = y == null ? null : String(y), u.value = [], T("");
+    function E(_) {
+      m.value = _ == null ? null : String(_), u.value = [], C("");
     }
-    function P(y) {
-      const A = u.value.find((U) => U.id === y.id);
-      A === void 0 || m.value === null || (c.value = A, p.value = A.title, n.value = { ...h.value, entity_type: m.value, entity_id: A.id });
+    function K(_) {
+      const N = u.value.find((I) => I.id === _.id);
+      N === void 0 || m.value === null || (d.value = N, v.value = N.title, a.value = { ...f.value, entity_type: m.value, entity_id: N.id });
     }
-    function me() {
-      c.value = null, p.value = "", u.value = [], n.value = { ...h.value, entity_type: null, entity_id: null };
+    function ne() {
+      d.value = null, v.value = "", u.value = [], a.value = { ...f.value, entity_type: null, entity_id: null };
     }
-    function fe(y) {
-      n.value = { ...h.value, url: y === "" ? null : y };
+    function ie(_) {
+      a.value = { ...f.value, url: _ === "" ? null : _ };
     }
-    function ae(y) {
-      const A = (typeof y == "string" || typeof y == "number" ? String(y) : "").replace(/^#+/, "").trim();
-      n.value = { ...h.value, hash: A === "" ? null : A };
+    function te(_) {
+      const N = (typeof _ == "string" || typeof _ == "number" ? String(_) : "").replace(/^#+/, "").trim();
+      a.value = { ...f.value, hash: N === "" ? null : N };
     }
-    function Pe(y) {
-      n.value = { ...h.value, new_tab: y };
+    function ke(_) {
+      a.value = { ...f.value, new_tab: _ };
     }
-    function Fe(y, A) {
-      const U = h.value.rel.filter((ve) => ve !== y);
-      n.value = { ...h.value, rel: A ? [...U, y] : U };
+    function _e(_, N) {
+      const I = f.value.rel.filter(($e) => $e !== _);
+      a.value = { ...f.value, rel: N ? [...I, _] : I };
     }
-    function He(y) {
-      const A = [y.hint, y.url ?? void 0].filter(
-        (U) => typeof U == "string" && U !== ""
+    function z(_) {
+      const N = [_.hint, _.url ?? void 0].filter(
+        (I) => typeof I == "string" && I !== ""
       );
-      return y.available || A.push(l("links.unavailable")), A.join(" · ");
+      return _.available || N.push(o("links.unavailable")), N.join(" · ");
     }
-    const Oe = ["nofollow", "sponsored", "ugc"];
-    return (y, A) => (f(), $("div", Nt, [
-      k(o(st), {
-        options: b.value,
-        "model-value": h.value.target,
+    const q = ["nofollow", "sponsored", "ugc"];
+    return (_, N) => (p(), T("div", va, [
+      b(n($t), {
+        options: y.value,
+        "model-value": f.value.target,
         disabled: t.disabled,
-        "aria-label": o(l)("links.target-entity"),
-        "onUpdate:modelValue": B
+        "aria-label": n(o)("links.target-entity"),
+        "onUpdate:modelValue": A
       }, null, 8, ["options", "model-value", "disabled", "aria-label"]),
-      h.value.target === "entity" ? (f(), $("div", Vt, [
-        w.value.length > 1 ? (f(), S(o(ot), {
+      f.value.target === "entity" ? (p(), T("div", fa, [
+        k.value.length > 1 ? (p(), $(n(Ze), {
           key: 0,
           class: "wx-link-picker__section",
-          options: w.value,
+          options: k.value,
           "model-value": m.value,
           disabled: t.disabled,
-          "aria-label": o(l)("links.section"),
-          "onUpdate:modelValue": L
-        }, null, 8, ["options", "model-value", "disabled", "aria-label"])) : z("", !0),
-        k(o(ye), {
+          "aria-label": n(o)("links.section"),
+          "onUpdate:modelValue": E
+        }, null, 8, ["options", "model-value", "disabled", "aria-label"])) : U("", !0),
+        b(n(Be), {
           class: "wx-link-picker__search",
-          "model-value": p.value,
-          options: O.value,
+          "model-value": v.value,
+          options: M.value,
           remote: "",
           clearable: "",
-          loading: v.value,
-          "loading-text": o(l)("links.searching"),
-          "empty-text": o(l)("links.empty"),
-          placeholder: o(l)("links.search"),
-          "aria-label": o(l)("links.search"),
+          loading: h.value,
+          "loading-text": n(o)("links.searching"),
+          "empty-text": n(o)("links.empty"),
+          placeholder: n(o)("links.search"),
+          "aria-label": n(o)("links.search"),
           disabled: t.disabled,
-          "onUpdate:modelValue": A[0] || (A[0] = (U) => p.value = U),
-          onSearch: T,
-          onSelect: P,
-          onClear: me
+          "onUpdate:modelValue": N[0] || (N[0] = (I) => v.value = I),
+          onSearch: C,
+          onSelect: K,
+          onClear: ne
         }, null, 8, ["model-value", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
-      ])) : h.value.target === "url" ? (f(), $("div", It, [
-        k(o(ye), {
-          "model-value": h.value.url ?? "",
-          options: Q.value,
+      ])) : f.value.target === "url" ? (p(), T("div", pa, [
+        b(n(Be), {
+          "model-value": f.value.url ?? "",
+          options: J.value,
           clearable: "",
           "open-on-focus": "",
-          "empty-text": o(l)("links.url-routes"),
-          placeholder: o(l)("links.url-placeholder"),
-          "aria-label": o(l)("links.url-label"),
+          "empty-text": n(o)("links.url-routes"),
+          placeholder: n(o)("links.url-placeholder"),
+          "aria-label": n(o)("links.url-label"),
           disabled: t.disabled,
-          "onUpdate:modelValue": fe
+          "onUpdate:modelValue": ie
         }, null, 8, ["model-value", "options", "empty-text", "placeholder", "aria-label", "disabled"])
-      ])) : z("", !0),
-      h.value.target !== "none" ? (f(), $("label", Dt, [
-        k(o(H), {
+      ])) : U("", !0),
+      f.value.target !== "none" ? (p(), T("label", ha, [
+        b(n(G), {
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            R(W(o(l)("links.hash")), 1)
+            V(L(n(o)("links.hash")), 1)
           ]),
           _: 1
         }),
-        A[2] || (A[2] = M("span", {
+        N[2] || (N[2] = O("span", {
           class: "wx-link-picker__sign",
           "aria-hidden": "true"
         }, "#", -1)),
-        k(o(Ce), {
-          "model-value": h.value.hash ?? "",
-          placeholder: o(l)("links.hash-placeholder"),
-          "aria-label": o(l)("links.hash"),
+        b(n(ye), {
+          "model-value": f.value.hash ?? "",
+          placeholder: n(o)("links.hash-placeholder"),
+          "aria-label": n(o)("links.hash"),
           disabled: t.disabled,
           clearable: "",
-          "onUpdate:modelValue": ae
+          "onUpdate:modelValue": te
         }, null, 8, ["model-value", "placeholder", "aria-label", "disabled"])
-      ])) : z("", !0),
-      t.attributes && h.value.target !== "none" ? (f(), $("div", Mt, [
-        k(o(we), {
-          "model-value": h.value.new_tab,
+      ])) : U("", !0),
+      t.attributes && f.value.target !== "none" ? (p(), T("div", ga, [
+        b(n(Ie), {
+          "model-value": f.value.new_tab,
           disabled: t.disabled,
-          "onUpdate:modelValue": A[1] || (A[1] = (U) => Pe(U))
+          "onUpdate:modelValue": N[1] || (N[1] = (I) => ke(I))
         }, {
           default: g(() => [
-            R(W(o(l)("links.new-tab")), 1)
+            V(L(n(o)("links.new-tab")), 1)
           ]),
           _: 1
         }, 8, ["model-value", "disabled"]),
-        M("div", Pt, [
-          k(o(H), {
+        O("div", ya, [
+          b(n(G), {
             size: "sm",
             tone: "muted"
           }, {
             default: g(() => [
-              R(W(o(l)("links.rel")), 1)
+              V(L(n(o)("links.rel")), 1)
             ]),
             _: 1
           }),
-          (f(), $(D, null, K(Oe, (U) => k(o(we), {
-            key: U,
-            "model-value": h.value.rel.includes(U),
+          (p(), T(H, null, Q(q, (I) => b(n(Ie), {
+            key: I,
+            "model-value": f.value.rel.includes(I),
             disabled: t.disabled,
-            "onUpdate:modelValue": (ve) => Fe(U, ve)
+            "onUpdate:modelValue": ($e) => _e(I, $e)
           }, {
             default: g(() => [
-              R(W(o(l)(`links.rel-${U}`)), 1)
+              V(L(n(o)(`links.rel-${I}`)), 1)
             ]),
             _: 2
           }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])), 64))
         ])
-      ])) : z("", !0)
+      ])) : U("", !0)
     ]));
   }
-}), F = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [a, i] of t)
-    n[a] = i;
-  return n;
-}, Ht = /* @__PURE__ */ F(Ft, [["__scopeId", "data-v-e54022e5"]]), Ot = /* @__PURE__ */ E({
+}), wa = /* @__PURE__ */ Y(ba, [["__scopeId", "data-v-e54022e5"]]), xa = /* @__PURE__ */ R({
   name: "WxLinkField",
   inheritAttrs: !1,
   __name: "LinkField",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ le({
     allowNone: { type: Boolean, default: !0 },
     attributes: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
@@ -319,17 +471,17 @@ const Nt = { class: "wx-link-picker" }, Vt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = de(e, "modelValue");
-    return (a, i) => (f(), S(Ht, Te({
-      modelValue: n.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (s) => n.value = s)
-    }, a.$attrs, {
+    const t = e, a = ue(e, "modelValue");
+    return (l, i) => (p(), $(wa, He({
+      modelValue: a.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s)
+    }, l.$attrs, {
       "allow-none": t.allowNone,
       attributes: t.attributes,
       disabled: t.disabled
     }), null, 16, ["modelValue", "allow-none", "attributes", "disabled"]));
   }
-}), jt = /* @__PURE__ */ E({
+}), ka = /* @__PURE__ */ R({
   __name: "BackButton",
   props: {
     to: {},
@@ -337,21 +489,21 @@ const Nt = { class: "wx-link-picker" }, Vt = {
     size: { default: "sm" }
   },
   setup(e) {
-    const t = e, n = V("webx-admin"), a = x(() => t.label ?? n("editor.back"));
-    return (i, s) => (f(), S(o(ne), {
+    const t = e, a = P("webx-admin"), l = x(() => t.label ?? a("editor.back"));
+    return (i, s) => (p(), $(n(se), {
       icon: "arrow-left",
       class: "wx-back-button",
-      as: o(tt),
+      as: n(wt),
       to: e.to,
-      title: a.value,
+      title: l.value,
       size: e.size,
       "tooltip-side": "bottom"
     }, null, 8, ["as", "to", "title", "size"]));
   }
-}), Kt = {
+}), _a = {
   key: 0,
   class: "wx-dropdown__divider"
-}, qt = /* @__PURE__ */ E({
+}, $a = /* @__PURE__ */ R({
   __name: "RowMenu",
   props: {
     actions: {},
@@ -359,36 +511,36 @@ const Nt = { class: "wx-link-picker" }, Vt = {
     size: { default: "sm" }
   },
   setup(e) {
-    const t = V("webx-admin"), n = e, a = x(() => [
-      ...n.actions.filter((s) => !s.danger),
-      ...n.actions.filter((s) => s.danger)
+    const t = P("webx-admin"), a = e, l = x(() => [
+      ...a.actions.filter((s) => !s.danger),
+      ...a.actions.filter((s) => s.danger)
     ]), i = x(() => {
-      const s = a.value.find((l) => l.danger);
-      return s && a.value[0] !== s ? s.key : null;
+      const s = l.value.find((o) => o.danger);
+      return s && l.value[0] !== s ? s.key : null;
     });
-    return (s, l) => a.value.length > 0 ? (f(), S(o(it), {
+    return (s, o) => l.value.length > 0 ? (p(), $(n(Tt), {
       key: 0,
       class: "wx-row-menu",
       collapse: "always",
       align: "end",
       size: e.size,
       "aria-label": e.label,
-      onClick: l[0] || (l[0] = Le(() => {
+      onClick: o[0] || (o[0] = je(() => {
       }, ["stop"]))
     }, {
       trigger: g(() => [
-        k(o(ne), {
+        b(n(se), {
           type: "more",
           size: e.size,
-          title: o(t)("editor.more")
+          title: n(t)("editor.more")
         }, null, 8, ["size", "title"])
       ]),
       collapsed: g(() => [
-        (f(!0), $(D, null, K(a.value, (r) => (f(), $(D, {
+        (p(!0), T(H, null, Q(l.value, (r) => (p(), T(H, {
           key: r.key
         }, [
-          r.key === i.value ? (f(), $("hr", Kt)) : z("", !0),
-          k(o(rt), {
+          r.key === i.value ? (p(), T("hr", _a)) : U("", !0),
+          b(n(St), {
             icon: r.icon,
             tone: r.danger ? "danger" : "default",
             href: r.href,
@@ -397,22 +549,22 @@ const Nt = { class: "wx-link-picker" }, Vt = {
             onClick: (u) => r.run?.()
           }, {
             default: g(() => [
-              R(W(r.label), 1)
+              V(L(r.label), 1)
             ]),
             _: 2
           }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"])
         ], 64))), 128))
       ]),
       _: 1
-    }, 8, ["size", "aria-label"])) : z("", !0);
+    }, 8, ["size", "aria-label"])) : U("", !0);
   }
-}), Ee = /* @__PURE__ */ F(qt, [["__scopeId", "data-v-cab01f7f"]]), Yt = ["data-level"], Xt = {
+}), Ue = /* @__PURE__ */ Y($a, [["__scopeId", "data-v-cab01f7f"]]), Ta = ["data-level"], Sa = {
   key: 0,
   class: "wx-screen-head__trail"
-}, Gt = { class: "wx-screen-head__name" }, Jt = {
+}, Ca = { class: "wx-screen-head__name" }, Wa = {
   key: 4,
   class: "wx-screen-head__actions"
-}, Qt = /* @__PURE__ */ E({
+}, La = /* @__PURE__ */ R({
   __name: "ScreenHead",
   props: {
     title: { default: void 0 },
@@ -426,57 +578,57 @@ const Nt = { class: "wx-link-picker" }, Vt = {
   },
   emits: ["back"],
   setup(e, { emit: t }) {
-    const n = e, a = t, i = V("webx-admin"), s = Ke(), l = qe("root"), r = ut(l), u = x(() => r.value > 0 && r.value < n.collapseBelow), d = x(() => n.actions ?? []), v = x(
-      () => d.value.find((h) => h.primary) ?? null
-    ), m = x(() => u.value ? v.value ? [v.value] : [] : d.value.filter((h) => !h.menu && !h.danger)), p = x(() => u.value ? d.value.filter((h) => h !== v.value) : d.value.filter((h) => h.menu || h.danger)), c = x(
-      () => n.back && n.back !== !0 ? n.back : null
-    ), _ = x(
-      () => m.value.length > 0 || p.value.length > 0 || !!s.extra
+    const a = e, l = t, i = P("webx-admin"), s = ht(), o = Ke("root"), r = Ct(o), u = x(() => r.value > 0 && r.value < a.collapseBelow), c = x(() => a.actions ?? []), h = x(
+      () => c.value.find((f) => f.primary) ?? null
+    ), m = x(() => u.value ? h.value ? [h.value] : [] : c.value.filter((f) => !f.menu && !f.danger)), v = x(() => u.value ? c.value.filter((f) => f !== h.value) : c.value.filter((f) => f.menu || f.danger)), d = x(
+      () => a.back && a.back !== !0 ? a.back : null
+    ), w = x(
+      () => m.value.length > 0 || v.value.length > 0 || !!s.extra
     );
-    return (h, b) => (f(), $("div", {
+    return (f, y) => (p(), T("div", {
       ref_key: "root",
-      ref: l,
-      class: G(["wx-screen-head", {
+      ref: o,
+      class: ae(["wx-screen-head", {
         "is-narrow": u.value,
         "has-button": m.value.length > 0,
-        "has-trail": !!h.$slots.trail,
+        "has-trail": !!f.$slots.trail,
         "has-divider": e.divider
       }]),
       "data-level": e.level
     }, [
-      h.$slots.trail ? (f(), $("div", Xt, [
-        N(h.$slots, "trail", {}, void 0, !0)
-      ])) : z("", !0),
-      c.value ? (f(), S(jt, {
+      f.$slots.trail ? (p(), T("div", Sa, [
+        F(f.$slots, "trail", {}, void 0, !0)
+      ])) : U("", !0),
+      d.value ? (p(), $(ka, {
         key: 1,
         class: "wx-screen-head__back",
-        to: c.value,
+        to: d.value,
         label: e.backLabel,
         "tooltip-side": "bottom"
-      }, null, 8, ["to", "label"])) : e.back ? (f(), S(o(ne), {
+      }, null, 8, ["to", "label"])) : e.back ? (p(), $(n(se), {
         key: 2,
         class: "wx-screen-head__back",
         icon: "arrow-left",
         size: "sm",
         "tooltip-side": "bottom",
-        title: e.backLabel ?? o(i)("editor.back"),
-        onClick: b[0] || (b[0] = (w) => a("back"))
-      }, null, 8, ["title"])) : z("", !0),
-      M("div", Gt, [
-        e.title ? (f(), S(o(dt), {
+        title: e.backLabel ?? n(i)("editor.back"),
+        onClick: y[0] || (y[0] = (k) => l("back"))
+      }, null, 8, ["title"])) : U("", !0),
+      O("div", Ca, [
+        e.title ? (p(), $(n(Wt), {
           key: 0,
           level: e.level,
           truncate: "",
           class: "wx-screen-head__title"
         }, {
           default: g(() => [
-            R(W(e.title), 1)
+            V(L(e.title), 1)
           ]),
           _: 1
-        }, 8, ["level"])) : z("", !0),
-        N(h.$slots, "title-after", {}, void 0, !0)
+        }, 8, ["level"])) : U("", !0),
+        F(f.$slots, "title-after", {}, void 0, !0)
       ]),
-      e.subtitle || h.$slots.subtitle ? (f(), S(o(H), {
+      e.subtitle || f.$slots.subtitle ? (p(), $(n(G), {
         key: 3,
         class: "wx-screen-head__subtitle",
         size: "sm",
@@ -484,53 +636,53 @@ const Nt = { class: "wx-link-picker" }, Vt = {
         truncate: ""
       }, {
         default: g(() => [
-          N(h.$slots, "subtitle", {}, () => [
-            R(W(e.subtitle), 1)
+          F(f.$slots, "subtitle", {}, () => [
+            V(L(e.subtitle), 1)
           ], !0)
         ]),
         _: 3
-      })) : z("", !0),
-      _.value ? (f(), $("div", Jt, [
-        N(h.$slots, "extra", {}, void 0, !0),
-        (f(!0), $(D, null, K(m.value, (w) => (f(), S(o(Z), {
-          key: w.key,
-          class: G(["wx-screen-head__button", { "is-primary": w.primary }]),
-          type: w.primary ? "primary" : "default",
-          variant: w.primary ? "solid" : w.variant ?? "outline",
-          loading: w.loading,
-          disabled: w.disabled,
-          href: w.href,
-          target: w.href ? w.target ?? "_blank" : void 0,
-          rel: w.href ? "noopener" : void 0,
-          onClick: (O) => w.run?.()
+      })) : U("", !0),
+      w.value ? (p(), T("div", Wa, [
+        F(f.$slots, "extra", {}, void 0, !0),
+        (p(!0), T(H, null, Q(m.value, (k) => (p(), $(n(Z), {
+          key: k.key,
+          class: ae(["wx-screen-head__button", { "is-primary": k.primary }]),
+          type: k.primary ? "primary" : "default",
+          variant: k.primary ? "solid" : k.variant ?? "outline",
+          loading: k.loading,
+          disabled: k.disabled,
+          href: k.href,
+          target: k.href ? k.target ?? "_blank" : void 0,
+          rel: k.href ? "noopener" : void 0,
+          onClick: (M) => k.run?.()
         }, Ae({
           default: g(() => [
-            R(" " + W(w.label), 1)
+            V(" " + L(k.label), 1)
           ]),
           _: 2
         }, [
-          w.icon ? {
+          k.icon ? {
             name: "icon",
             fn: g(() => [
-              k(o(ze), {
-                name: w.icon
+              b(n(Ve), {
+                name: k.icon
               }, null, 8, ["name"])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["class", "type", "variant", "loading", "disabled", "href", "target", "rel", "onClick"]))), 128)),
-        p.value.length > 0 ? (f(), S(Ee, {
+        v.value.length > 0 ? (p(), $(Ue, {
           key: 0,
-          actions: p.value,
+          actions: v.value,
           size: "lg",
-          label: e.title ?? o(i)("editor.more")
-        }, null, 8, ["actions", "label"])) : z("", !0)
-      ])) : z("", !0)
-    ], 10, Yt));
+          label: e.title ?? n(i)("editor.more")
+        }, null, 8, ["actions", "label"])) : U("", !0)
+      ])) : U("", !0)
+    ], 10, Ta));
   }
-}), Zt = /* @__PURE__ */ F(Qt, [["__scopeId", "data-v-e27d184e"]]), en = ["data-wx-fill"], tn = /* @__PURE__ */ E({
+}), ot = /* @__PURE__ */ Y(La, [["__scopeId", "data-v-e27d184e"]]), Aa = ["data-wx-fill"], za = /* @__PURE__ */ R({
   __name: "ListScreen",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ le({
     title: { default: void 0 },
     subtitle: { default: void 0 },
     back: { default: void 0 },
@@ -547,12 +699,12 @@ const Nt = { class: "wx-link-picker" }, Vt = {
   }),
   emits: ["update:view"],
   setup(e) {
-    const t = de(e, "view");
-    return (n, a) => (f(), $("div", {
-      class: G(["wx-list-screen", { "is-fill": e.fill }]),
+    const t = ue(e, "view");
+    return (a, l) => (p(), T("div", {
+      class: ae(["wx-list-screen", { "is-fill": e.fill }]),
       "data-wx-fill": e.fill ? "" : void 0
     }, [
-      e.title || e.actions || n.$slots.actions ? (f(), S(Zt, {
+      e.title || e.actions || a.$slots.actions ? (p(), $(ot, {
         key: 0,
         class: "wx-list-screen__head",
         title: e.title,
@@ -562,196 +714,198 @@ const Nt = { class: "wx-link-picker" }, Vt = {
         actions: e.actions,
         "collapse-below": 480
       }, Ae({ _: 2 }, [
-        n.$slots.actions ? {
+        a.$slots.actions ? {
           name: "extra",
           fn: g(() => [
-            N(n.$slots, "actions", {}, void 0, !0)
+            F(a.$slots, "actions", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : z("", !0),
-      e.views && e.views.length > 0 ? (f(), S(o(ct), {
+      ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : U("", !0),
+      e.views && e.views.length > 0 ? (p(), $(n(Lt), {
         key: 1,
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => t.value = i),
+        "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
         class: "wx-list-screen__views",
         items: e.views,
         "collapse-below": e.collapseBelow,
         "aria-label": e.title
       }, {
         default: g(() => [
-          e.card ? (f(), S(o(xe), {
+          e.card ? (p(), $(n(Se), {
             key: 0,
             class: "wx-list-screen__card",
             padding: e.padding
           }, {
             default: g(() => [
-              N(n.$slots, "default", {}, void 0, !0)
+              F(a.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["padding"])) : N(n.$slots, "default", {}, void 0, !0, 1)
+          }, 8, ["padding"])) : F(a.$slots, "default", {}, void 0, !0, 1)
         ]),
         _: 3
-      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (f(), $(D, { key: 2 }, [
-        e.card ? (f(), S(o(xe), {
+      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (p(), T(H, { key: 2 }, [
+        e.card ? (p(), $(n(Se), {
           key: 0,
           class: "wx-list-screen__card",
           padding: e.padding
         }, {
           default: g(() => [
-            N(n.$slots, "default", {}, void 0, !0)
+            F(a.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["padding"])) : N(n.$slots, "default", {}, void 0, !0, 1)
+        }, 8, ["padding"])) : F(a.$slots, "default", {}, void 0, !0, 1)
       ], 64))
-    ], 10, en));
+    ], 10, Aa));
   }
-}), nn = /* @__PURE__ */ F(tn, [["__scopeId", "data-v-8c7e5ad1"]]), an = /* @__PURE__ */ E({
+}), st = /* @__PURE__ */ Y(za, [["__scopeId", "data-v-8c7e5ad1"]]), Va = /* @__PURE__ */ R({
   name: "WxRichTextField",
   inheritAttrs: !1,
   __name: "RichTextField",
   setup(e) {
-    const t = q(), n = V("webx-admin"), a = x(() => t.pickImage ?? void 0), i = x(() => ({
-      bold: n("rich-text.bold"),
-      italic: n("rich-text.italic"),
-      strike: n("rich-text.strike"),
-      code: n("rich-text.code"),
-      h2: n("rich-text.h2"),
-      h3: n("rich-text.h3"),
-      h4: n("rich-text.h4"),
-      bulletList: n("rich-text.bullet-list"),
-      orderedList: n("rich-text.ordered-list"),
-      blockquote: n("rich-text.blockquote"),
-      hr: n("rich-text.hr"),
-      link: n("rich-text.link"),
-      table: n("rich-text.table"),
-      image: n("rich-text.image"),
-      youtube: n("rich-text.youtube"),
-      undo: n("rich-text.undo"),
-      redo: n("rich-text.redo"),
-      addRowAfter: n("rich-text.row-below"),
-      addRowBefore: n("rich-text.row-above"),
-      addColumnAfter: n("rich-text.column-after"),
-      addColumnBefore: n("rich-text.column-before"),
-      deleteRow: n("rich-text.delete-row"),
-      deleteColumn: n("rich-text.delete-column"),
-      mergeOrSplit: n("rich-text.merge-cells"),
-      deleteTable: n("rich-text.delete-table"),
-      toolbar: n("rich-text.toolbar"),
-      linkAddress: n("rich-text.link-address"),
-      youtubeAddress: n("rich-text.youtube-address"),
-      apply: n("rich-text.apply"),
-      cancel: n("rich-text.cancel"),
-      uploading: n("rich-text.uploading")
+    const t = X(), a = P("webx-admin"), l = x(() => t.pickImage ?? void 0), i = x(() => ({
+      bold: a("rich-text.bold"),
+      italic: a("rich-text.italic"),
+      strike: a("rich-text.strike"),
+      code: a("rich-text.code"),
+      h2: a("rich-text.h2"),
+      h3: a("rich-text.h3"),
+      h4: a("rich-text.h4"),
+      bulletList: a("rich-text.bullet-list"),
+      orderedList: a("rich-text.ordered-list"),
+      blockquote: a("rich-text.blockquote"),
+      hr: a("rich-text.hr"),
+      link: a("rich-text.link"),
+      table: a("rich-text.table"),
+      image: a("rich-text.image"),
+      youtube: a("rich-text.youtube"),
+      undo: a("rich-text.undo"),
+      redo: a("rich-text.redo"),
+      addRowAfter: a("rich-text.row-below"),
+      addRowBefore: a("rich-text.row-above"),
+      addColumnAfter: a("rich-text.column-after"),
+      addColumnBefore: a("rich-text.column-before"),
+      deleteRow: a("rich-text.delete-row"),
+      deleteColumn: a("rich-text.delete-column"),
+      mergeOrSplit: a("rich-text.merge-cells"),
+      deleteTable: a("rich-text.delete-table"),
+      toolbar: a("rich-text.toolbar"),
+      linkAddress: a("rich-text.link-address"),
+      youtubeAddress: a("rich-text.youtube-address"),
+      apply: a("rich-text.apply"),
+      cancel: a("rich-text.cancel"),
+      uploading: a("rich-text.uploading")
     }));
-    return (s, l) => (f(), S(o(mt), Te(s.$attrs, {
+    return (s, o) => (p(), $(n(At), He(s.$attrs, {
       labels: i.value,
-      "pick-image": a.value
+      "pick-image": l.value
     }), null, 16, ["labels", "pick-image"]));
   }
-}), ln = {
-  "wx-list": { component: nn, kind: "layout", labelProp: "title" },
+}), Ea = {
+  "wx-list": { component: st, kind: "layout", labelProp: "title" },
   // Full width: an editor shares a row with nothing, and a form of two columns would give it
   // half a line to write a page of text in.
-  "wx-rich-text": { component: an, kind: "field", wide: !0 },
+  "wx-rich-text": { component: Va, kind: "field", wide: !0 },
   // Wide as well: a row of the picker is a segmented switch, a section and a search box, and half
   // a form's width leaves the search box too narrow to read a page title in.
-  "wx-link": { component: Ot, kind: "field", wide: !0 }
-}, Be = /* @__PURE__ */ Symbol("webx-admin");
-function q() {
-  const e = te(Be, null);
+  "wx-link": { component: xa, kind: "field", wide: !0 },
+  "wx-categories": { component: la, kind: "field" },
+  "wx-category-slug": { component: da, kind: "field" }
+}, it = /* @__PURE__ */ Symbol("webx-admin");
+function X() {
+  const e = oe(it, null);
   if (e === null)
     throw new Error("useAdmin() was called outside a panel created by createAdmin().");
   return e;
 }
-function sn(e) {
-  const t = ue({
+function Ua(e) {
+  const t = pe({
     status: "loading",
     manifest: null,
     user: null,
     error: null
-  }), n = x(() => {
-    const c = t.manifest;
-    if (c === null)
+  }), a = x(() => {
+    const d = t.manifest;
+    if (d === null)
       return [];
-    const _ = [];
-    for (const h of c.modules) {
-      const b = e.modules.find((O) => O.id === h.id);
-      if (b === void 0)
+    const w = [];
+    for (const f of d.modules) {
+      const y = e.modules.find((M) => M.id === f.id);
+      if (y === void 0)
         continue;
-      const w = b.path ?? b.routes?.[0]?.path;
-      w !== void 0 && _.push({
-        id: h.id,
-        title: h.title,
-        icon: h.icon,
-        path: w,
-        group: h.group ?? null
+      const k = y.path ?? y.routes?.[0]?.path;
+      k !== void 0 && w.push({
+        id: f.id,
+        title: f.title,
+        icon: f.icon,
+        path: k,
+        group: f.group ?? null
       });
     }
-    return _;
-  }), a = x(() => {
-    const c = t.manifest?.groups ?? [], _ = [], h = /* @__PURE__ */ new Map();
-    for (const b of n.value)
-      if (b.group !== null && c.some((w) => w.id === b.group)) {
-        const w = h.get(b.group) ?? [];
-        w.push(b), h.set(b.group, w);
+    return w;
+  }), l = x(() => {
+    const d = t.manifest?.groups ?? [], w = [], f = /* @__PURE__ */ new Map();
+    for (const y of a.value)
+      if (y.group !== null && d.some((k) => k.id === y.group)) {
+        const k = f.get(y.group) ?? [];
+        k.push(y), f.set(y.group, k);
       } else
-        _.push(b);
+        w.push(y);
     return {
-      top: _,
-      groups: c.filter((b) => h.has(b.id)).map((b) => ({
-        id: b.id,
-        title: b.title,
-        icon: b.icon ?? null,
-        entries: h.get(b.id) ?? []
+      top: w,
+      groups: d.filter((y) => f.has(y.id)).map((y) => ({
+        id: y.id,
+        title: y.title,
+        icon: y.icon ?? null,
+        entries: f.get(y.id) ?? []
       }))
     };
-  }), i = { ...ln };
-  for (const c of e.modules)
-    Object.assign(i, c.types);
+  }), i = { ...Ea };
+  for (const d of e.modules)
+    Object.assign(i, d.types);
   Object.assign(i, e.types);
-  const s = e.modules.find((c) => c.pickImage !== void 0)?.pickImage, l = /* @__PURE__ */ new Map();
-  async function r(c) {
-    const _ = `${e.i18n.state.locale}:${c}`;
-    let h = l.get(_);
-    return h === void 0 && (h = e.http.get(`${e.apiPath}/screens/${c}`).then((b) => b.data.root).catch((b) => {
-      throw l.delete(_), b;
-    }), l.set(_, h)), h;
+  const s = e.modules.find((d) => d.pickImage !== void 0)?.pickImage, o = /* @__PURE__ */ new Map();
+  async function r(d) {
+    const w = `${e.i18n.state.locale}:${d}`;
+    let f = o.get(w);
+    return f === void 0 && (f = e.http.get(`${e.apiPath}/screens/${d}`).then((y) => y.data.root).catch((y) => {
+      throw o.delete(w), y;
+    }), o.set(w, f)), f;
   }
   let u = null;
-  async function d() {
+  async function c() {
     t.status = "loading", t.error = null;
     try {
       if (u !== null && (t.user = await u(), m(t.user), t.user === null)) {
         t.manifest = null, t.status = "unauthenticated";
         return;
       }
-      const c = await e.loadManifest();
-      t.manifest = c, e.i18n.state.contentLocales = c.locales ?? [], e.i18n.state.panelLocales = c.panelLocales ?? e.i18n.state.panelLocales, c.locale !== void 0 && c.locale !== e.i18n.state.locale && await p(c.locale), t.status = "ready";
-    } catch (c) {
-      if (rn(c)) {
+      const d = await e.loadManifest();
+      t.manifest = d, e.i18n.state.contentLocales = d.locales ?? [], e.i18n.state.panelLocales = d.panelLocales ?? e.i18n.state.panelLocales, d.locale !== void 0 && d.locale !== e.i18n.state.locale && await v(d.locale), t.status = "ready";
+    } catch (d) {
+      if (Ra(d)) {
         t.manifest = null, t.user = null, t.status = "unauthenticated";
         return;
       }
-      t.error = c instanceof Error ? c.message : String(c), t.status = "error";
+      t.error = d instanceof Error ? d.message : String(d), t.status = "error";
     }
   }
-  async function v() {
+  async function h() {
     if (t.manifest !== null)
       try {
         t.manifest = await e.loadManifest();
       } catch {
       }
   }
-  function m(c) {
-    c !== null && e.theme?.adopt(c.theme);
+  function m(d) {
+    d !== null && e.theme?.adopt(d.theme);
   }
-  async function p(c) {
+  async function v(d) {
     if (e.loadDictionary === void 0) {
-      e.i18n.state.locale = c;
+      e.i18n.state.locale = d;
       return;
     }
-    await e.loadDictionary(c), await v();
+    await e.loadDictionary(d), await h();
   }
   return {
     http: e.http,
@@ -760,100 +914,100 @@ function sn(e) {
     state: t,
     i18n: e.i18n,
     modules: e.modules,
-    nav: n,
-    groups: a,
+    nav: a,
+    groups: l,
     types: i,
     pickImage: s ?? null,
-    reload: d,
-    refreshManifest: v,
-    setLocale: p,
-    setUser(c) {
-      t.user = c, m(c);
+    reload: c,
+    refreshManifest: h,
+    setLocale: v,
+    setUser(d) {
+      t.user = d, m(d);
     },
-    useSessionLoader(c) {
-      u = c;
+    useSessionLoader(d) {
+      u = d;
     },
-    can(c) {
-      const _ = t.user;
-      return _ === null ? !1 : _.isSuper || _.permissions.includes(c);
+    can(d) {
+      const w = t.user;
+      return w === null ? !1 : w.isSuper || w.permissions.includes(d);
     },
     loadScreen: r,
-    screenPatch(c) {
-      return e.screens?.[c] ?? [];
+    screenPatch(d) {
+      return e.screens?.[d] ?? [];
     }
   };
 }
-function on(e, t) {
-  e.provide(Be, t);
+function Na(e, t) {
+  e.provide(it, t);
 }
-function rn(e) {
+function Ra(e) {
   return typeof e == "object" && e !== null && "status" in e && e.status === 401;
 }
-const un = /* @__PURE__ */ E({
+const Ba = /* @__PURE__ */ R({
   __name: "AdminLanding",
   props: {
     landing: { default: null }
   },
   setup(e) {
-    const t = e, n = q(), a = We(), i = V("webx-admin"), s = x(() => {
-      const l = n.nav.value;
-      return l.length === 0 ? null : ((t.landing === null ? void 0 : l.find((u) => u.path === t.landing)) ?? l[0])?.path ?? null;
+    const t = e, a = X(), l = ge(), i = P("webx-admin"), s = x(() => {
+      const o = a.nav.value;
+      return o.length === 0 ? null : ((t.landing === null ? void 0 : o.find((u) => u.path === t.landing)) ?? o[0])?.path ?? null;
     });
-    return J(
+    return ee(
       s,
-      (l) => {
-        l !== null && a.replace(l);
+      (o) => {
+        o !== null && l.replace(o);
       },
       { immediate: !0 }
-    ), (l, r) => s.value === null && o(n).state.status === "ready" ? (f(), S(o(ft), {
+    ), (o, r) => s.value === null && n(a).state.status === "ready" ? (p(), $(n(zt), {
       key: 0,
       status: "info",
-      title: o(i)("shell.empty-title"),
-      description: o(i)("shell.empty-description")
-    }, null, 8, ["title", "description"])) : z("", !0);
+      title: n(i)("shell.empty-title"),
+      description: n(i)("shell.empty-description")
+    }, null, 8, ["title", "description"])) : U("", !0);
   }
-}), dn = /* @__PURE__ */ E({
+}), Ia = /* @__PURE__ */ R({
   __name: "AdminNav",
   props: {
     collapsed: { type: Boolean }
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = t, a = q(), i = V("webx-admin"), s = We(), l = nt(), r = x({
-      get: () => a.nav.value.find((d) => l.path.startsWith(d.path))?.id ?? "",
+    const a = t, l = X(), i = P("webx-admin"), s = ge(), o = Je(), r = x({
+      get: () => l.nav.value.find((c) => o.path.startsWith(c.path))?.id ?? "",
       set: (u) => {
-        const d = a.nav.value.find((v) => v.id === u);
-        d !== void 0 && s.push(d.path);
+        const c = l.nav.value.find((h) => h.id === u);
+        c !== void 0 && s.push(c.path);
       }
     });
-    return (u, d) => {
-      const v = I("wx-menu-item"), m = I("wx-submenu"), p = I("wx-menu");
-      return f(), S(p, {
+    return (u, c) => {
+      const h = j("wx-menu-item"), m = j("wx-submenu"), v = j("wx-menu");
+      return p(), $(v, {
         modelValue: r.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
+        "onUpdate:modelValue": c[0] || (c[0] = (d) => r.value = d),
         collapsed: e.collapsed,
-        label: o(i)("nav.sections"),
-        onSelect: d[1] || (d[1] = (c) => n("select"))
+        label: n(i)("nav.sections"),
+        onSelect: c[1] || (c[1] = (d) => a("select"))
       }, {
         default: g(() => [
-          (f(!0), $(D, null, K(o(a).groups.value.top, (c) => (f(), S(v, {
-            key: c.id,
-            value: c.id,
-            icon: c.icon ?? void 0,
-            label: c.title
+          (p(!0), T(H, null, Q(n(l).groups.value.top, (d) => (p(), $(h, {
+            key: d.id,
+            value: d.id,
+            icon: d.icon ?? void 0,
+            label: d.title
           }, null, 8, ["value", "icon", "label"]))), 128)),
-          (f(!0), $(D, null, K(o(a).groups.value.groups, (c) => (f(), S(m, {
-            key: c.id,
-            value: `group:${c.id}`,
-            title: c.title,
-            icon: c.icon ?? "gear"
+          (p(!0), T(H, null, Q(n(l).groups.value.groups, (d) => (p(), $(m, {
+            key: d.id,
+            value: `group:${d.id}`,
+            title: d.title,
+            icon: d.icon ?? "gear"
           }, {
             default: g(() => [
-              (f(!0), $(D, null, K(c.entries, (_) => (f(), S(v, {
-                key: _.id,
-                value: _.id,
-                icon: _.icon ?? void 0,
-                label: _.title
+              (p(!0), T(H, null, Q(d.entries, (w) => (p(), $(h, {
+                key: w.id,
+                value: w.id,
+                icon: w.icon ?? void 0,
+                label: w.title
               }, null, 8, ["value", "icon", "label"]))), 128))
             ]),
             _: 2
@@ -863,68 +1017,68 @@ const un = /* @__PURE__ */ E({
       }, 8, ["modelValue", "collapsed", "label"]);
     };
   }
-}), cn = {
+}), Pa = {
   key: 0,
   class: "wx-root wx-admin-plain"
-}, mn = {
+}, Da = {
   key: 1,
   class: "wx-root wx-admin-plain"
-}, fn = {
+}, Ma = {
   key: 2,
   class: "wx-root wx-admin-plain"
-}, vn = ["src", "alt", "width", "height"], hn = ["src", "alt", "width", "height"], pn = ["src", "alt"], bn = { class: "wx-admin__user" }, gn = { class: "wx-admin__user wx-admin__user--drawer" }, yn = /* @__PURE__ */ E({
+}, Fa = ["src", "alt", "width", "height"], Oa = ["src", "alt", "width", "height"], Ha = ["src", "alt"], ja = { class: "wx-admin__user" }, Ka = { class: "wx-admin__user wx-admin__user--drawer" }, qa = /* @__PURE__ */ R({
   __name: "AdminShell",
   setup(e) {
-    const t = q(), n = V("webx-admin"), a = C(null), { width: i, layout: s, collapsed: l, showAside: r, drawerOpen: u, toggle: d, close: v } = vt(
-      a,
+    const t = X(), a = P("webx-admin"), l = W(null), { width: i, layout: s, collapsed: o, showAside: r, drawerOpen: u, toggle: c, close: h } = Vt(
+      l,
       { persist: "webx-admin-shell" }
-    ), m = x(() => t.state.manifest?.title ?? ""), p = x(() => t.state.manifest?.branding?.logo ?? null), c = x(() => t.state.manifest?.branding?.mark ?? null), _ = x(() => ht(i.value, null));
-    return Ye(() => {
-      typeof document > "u" || (document.documentElement.dataset.wxShell = _.value);
-    }), Xe(() => {
+    ), m = x(() => t.state.manifest?.title ?? ""), v = x(() => t.state.manifest?.branding?.logo ?? null), d = x(() => t.state.manifest?.branding?.mark ?? null), w = x(() => Et(i.value, null));
+    return gt(() => {
+      typeof document > "u" || (document.documentElement.dataset.wxShell = w.value);
+    }), yt(() => {
       typeof document < "u" && delete document.documentElement.dataset.wxShell;
-    }), (h, b) => {
-      const w = I("router-view"), O = I("wx-loading"), Q = I("wx-button"), Y = I("wx-result"), j = I("wx-action"), T = I("wx-text"), B = I("wx-header"), L = I("wx-aside"), P = I("wx-main"), me = I("wx-container"), fe = I("wx-drawer");
-      return f(), $(D, null, [
-        k(o(pt)),
-        o(t).state.status === "unauthenticated" ? (f(), $("div", cn, [
-          k(w)
-        ])) : o(t).state.status === "loading" ? (f(), $("div", mn, [
-          k(O, {
-            label: o(n)("shell.loading")
+    }), (f, y) => {
+      const k = j("router-view"), M = j("wx-loading"), J = j("wx-button"), S = j("wx-result"), B = j("wx-action"), C = j("wx-text"), A = j("wx-header"), E = j("wx-aside"), K = j("wx-main"), ne = j("wx-container"), ie = j("wx-drawer");
+      return p(), T(H, null, [
+        b(n(Ut)),
+        n(t).state.status === "unauthenticated" ? (p(), T("div", Pa, [
+          b(k)
+        ])) : n(t).state.status === "loading" ? (p(), T("div", Da, [
+          b(M, {
+            label: n(a)("shell.loading")
           }, null, 8, ["label"])
-        ])) : o(t).state.status === "error" ? (f(), $("div", fn, [
-          k(Y, {
+        ])) : n(t).state.status === "error" ? (p(), T("div", Ma, [
+          b(S, {
             status: "error",
-            title: o(n)("shell.error-title"),
-            description: o(t).state.error
+            title: n(a)("shell.error-title"),
+            description: n(t).state.error
           }, {
             default: g(() => [
-              k(Q, {
+              b(J, {
                 type: "primary",
-                onClick: b[0] || (b[0] = (ae) => o(t).reload())
+                onClick: y[0] || (y[0] = (te) => n(t).reload())
               }, {
                 default: g(() => [
-                  R(W(o(n)("shell.retry")), 1)
+                  V(L(n(a)("shell.retry")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title", "description"])
-        ])) : (f(), $("div", {
+        ])) : (p(), T("div", {
           key: 3,
           ref_key: "shellEl",
-          ref: a,
-          class: G(["wx-root wx-admin", `wx-admin--${_.value}`])
+          ref: l,
+          class: ae(["wx-root wx-admin", `wx-admin--${w.value}`])
         }, [
-          k(me, {
-            direction: o(s) === "drawer" ? "vertical" : "horizontal",
+          b(ne, {
+            direction: n(s) === "drawer" ? "vertical" : "horizontal",
             "full-height": "",
             class: "wx-admin__frame"
           }, {
             default: g(() => [
-              o(s) === "drawer" ? (f(), S(B, {
+              n(s) === "drawer" ? (p(), $(A, {
                 key: 0,
                 class: "wx-admin__header",
                 floating: "",
@@ -934,126 +1088,126 @@ const un = /* @__PURE__ */ E({
                 height: "var(--wx-admin-header-height)"
               }, {
                 end: g(() => [
-                  N(h.$slots, "user", { expanded: !1 }, void 0, !0)
+                  F(f.$slots, "user", { expanded: !1 }, void 0, !0)
                 ]),
                 default: g(() => [
-                  k(j, {
+                  b(B, {
                     icon: "menu",
-                    title: o(n)("nav.menu"),
-                    onClick: o(d)
+                    title: n(a)("nav.menu"),
+                    onClick: n(c)
                   }, null, 8, ["title", "onClick"]),
-                  N(h.$slots, "brand", {}, () => [
-                    p.value ? (f(), $("img", {
+                  F(f.$slots, "brand", {}, () => [
+                    v.value ? (p(), T("img", {
                       key: 0,
                       class: "wx-admin__logo",
-                      src: p.value.url,
+                      src: v.value.url,
                       alt: m.value,
-                      width: p.value.width ?? void 0,
-                      height: p.value.height ?? void 0
-                    }, null, 8, vn)) : (f(), S(T, {
+                      width: v.value.width ?? void 0,
+                      height: v.value.height ?? void 0
+                    }, null, 8, Fa)) : (p(), $(C, {
                       key: 1,
                       weight: "semibold",
                       truncate: ""
                     }, {
                       default: g(() => [
-                        R(W(m.value), 1)
+                        V(L(m.value), 1)
                       ]),
                       _: 1
                     }))
                   ], !0)
                 ]),
                 _: 3
-              })) : z("", !0),
-              o(r) ? (f(), S(L, {
+              })) : U("", !0),
+              n(r) ? (p(), $(E, {
                 key: 1,
                 class: "wx-admin__aside",
                 sticky: "",
                 floating: "",
                 scroll: "",
                 bordered: !1,
-                collapsed: o(l),
+                collapsed: n(o),
                 width: 220,
                 "collapsed-width": 56
               }, {
                 top: g(() => [
-                  M("div", {
-                    class: G(["wx-admin__brand", { "wx-admin__brand--stacked": o(l) && c.value }])
+                  O("div", {
+                    class: ae(["wx-admin__brand", { "wx-admin__brand--stacked": n(o) && d.value }])
                   }, [
-                    o(l) ? c.value ? (f(), $("img", {
+                    n(o) ? d.value ? (p(), T("img", {
                       key: 1,
                       class: "wx-admin__mark",
-                      src: c.value.url,
+                      src: d.value.url,
                       alt: m.value
-                    }, null, 8, pn)) : z("", !0) : N(h.$slots, "brand", {}, () => [
-                      p.value ? (f(), $("img", {
+                    }, null, 8, Ha)) : U("", !0) : F(f.$slots, "brand", {}, () => [
+                      v.value ? (p(), T("img", {
                         key: 0,
                         class: "wx-admin__logo",
-                        src: p.value.url,
+                        src: v.value.url,
                         alt: m.value,
-                        width: p.value.width ?? void 0,
-                        height: p.value.height ?? void 0
-                      }, null, 8, hn)) : (f(), S(T, {
+                        width: v.value.width ?? void 0,
+                        height: v.value.height ?? void 0
+                      }, null, 8, Oa)) : (p(), $(C, {
                         key: 1,
                         weight: "semibold",
                         truncate: "",
                         class: "wx-admin__title"
                       }, {
                         default: g(() => [
-                          R(W(m.value), 1)
+                          V(L(m.value), 1)
                         ]),
                         _: 1
                       }))
                     ], !0, 0),
-                    k(j, {
+                    b(B, {
                       icon: "sidebar",
-                      title: o(l) ? o(n)("nav.expand") : o(n)("nav.collapse"),
-                      onClick: o(d)
+                      title: n(o) ? n(a)("nav.expand") : n(a)("nav.collapse"),
+                      onClick: n(c)
                     }, null, 8, ["title", "onClick"])
                   ], 2)
                 ]),
                 bottom: g(() => [
-                  M("div", bn, [
-                    N(h.$slots, "user", {
-                      expanded: !o(l)
+                  O("div", ja, [
+                    F(f.$slots, "user", {
+                      expanded: !n(o)
                     }, void 0, !0)
                   ])
                 ]),
                 default: g(() => [
-                  N(h.$slots, "nav", { collapsed: o(l) }, void 0, !0)
+                  F(f.$slots, "nav", { collapsed: n(o) }, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["collapsed"])) : z("", !0),
-              k(P, {
+              }, 8, ["collapsed"])) : U("", !0),
+              b(K, {
                 padding: "none",
                 class: "wx-admin__screen"
               }, {
                 default: g(() => [
-                  k(w)
+                  b(k)
                 ]),
                 _: 1
               })
             ]),
             _: 3
           }, 8, ["direction"]),
-          k(fe, {
-            open: o(u),
-            "onUpdate:open": b[1] || (b[1] = (ae) => Ge(u) ? u.value = ae : null),
+          b(ie, {
+            open: n(u),
+            "onUpdate:open": y[1] || (y[1] = (te) => qe(u) ? u.value = te : null),
             class: "wx-admin__drawer",
-            title: m.value === "" ? o(n)("nav.menu") : m.value,
+            title: m.value === "" ? n(a)("nav.menu") : m.value,
             side: "left",
             size: 260,
             "full-screen": !1,
             closable: ""
           }, {
             footer: g(() => [
-              M("div", gn, [
-                N(h.$slots, "user", { expanded: !0 }, void 0, !0)
+              O("div", Ka, [
+                F(f.$slots, "user", { expanded: !0 }, void 0, !0)
               ])
             ]),
             default: g(() => [
-              N(h.$slots, "nav", {
+              F(f.$slots, "nav", {
                 collapsed: !1,
-                select: o(v)
+                select: n(h)
               }, void 0, !0)
             ]),
             _: 3
@@ -1062,10 +1216,10 @@ const un = /* @__PURE__ */ E({
       ], 64);
     };
   }
-}), wn = /* @__PURE__ */ F(yn, [["__scopeId", "data-v-309fdb9d"]]);
-class pe extends Error {
-  constructor(t, n, a = {}, i = null, s = null) {
-    super(t), this.status = n, this.errors = a, this.retryAfter = i, this.body = s, this.name = "HttpError";
+}), Ya = /* @__PURE__ */ Y(qa, [["__scopeId", "data-v-309fdb9d"]]);
+class Ce extends Error {
+  constructor(t, a, l = {}, i = null, s = null) {
+    super(t), this.status = a, this.errors = l, this.retryAfter = i, this.body = s, this.name = "HttpError";
   }
   status;
   errors;
@@ -1082,126 +1236,126 @@ class pe extends Error {
     return this.status === 429;
   }
 }
-const xn = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
-function kn(e = {}) {
-  const t = (e.baseUrl ?? "").replace(/\/$/, ""), n = e.csrfUrl ?? "/api/cms/auth/csrf-cookie", a = e.fetch ?? globalThis.fetch.bind(globalThis), i = e.onUnauthenticated, s = e.headers;
-  let l = !1;
-  async function r(d = !1) {
-    l && !d && _e("XSRF-TOKEN") !== null || (await a(n, { credentials: "same-origin" }), l = !0);
+const Xa = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
+function Ga(e = {}) {
+  const t = (e.baseUrl ?? "").replace(/\/$/, ""), a = e.csrfUrl ?? "/api/cms/auth/csrf-cookie", l = e.fetch ?? globalThis.fetch.bind(globalThis), i = e.onUnauthenticated, s = e.headers;
+  let o = !1;
+  async function r(c = !1) {
+    o && !c && Me("XSRF-TOKEN") !== null || (await l(a, { credentials: "same-origin" }), o = !0);
   }
-  async function u(d, v, m, p = {}, c = !1) {
-    const _ = xn.has(d);
-    _ && await r();
-    const h = {
+  async function u(c, h, m, v = {}, d = !1) {
+    const w = Xa.has(c);
+    w && await r();
+    const f = {
       Accept: "application/json",
       "X-Requested-With": "XMLHttpRequest",
       // Standing headers first, so a caller can still override one for a single request.
       ...s?.(),
-      ...p.headers
+      ...v.headers
     };
-    if (_) {
-      const w = _e("XSRF-TOKEN");
-      w !== null && (h["X-XSRF-TOKEN"] = w);
+    if (w) {
+      const k = Me("XSRF-TOKEN");
+      k !== null && (f["X-XSRF-TOKEN"] = k);
     }
-    m !== void 0 && (h["Content-Type"] = "application/json");
-    const b = await a($n(t, v, p.query), {
-      method: d,
+    m !== void 0 && (f["Content-Type"] = "application/json");
+    const y = await l(Qa(t, h, v.query), {
+      method: c,
       credentials: "same-origin",
-      headers: h,
-      signal: p.signal,
+      headers: f,
+      signal: v.signal,
       body: m === void 0 ? void 0 : JSON.stringify(m)
     });
-    if (b.status === 419 && _ && !c)
-      return await r(!0), u(d, v, m, p, !0);
-    if (b.status === 401 && i?.(), !b.ok)
-      throw await _n(b);
-    if (b.status !== 204)
-      return await b.json();
+    if (y.status === 419 && w && !d)
+      return await r(!0), u(c, h, m, v, !0);
+    if (y.status === 401 && i?.(), !y.ok)
+      throw await Ja(y);
+    if (y.status !== 204)
+      return await y.json();
   }
   return {
-    get: (d, v) => u("GET", d, void 0, v),
-    post: (d, v, m) => u("POST", d, v, m),
-    put: (d, v, m) => u("PUT", d, v, m),
-    patch: (d, v, m) => u("PATCH", d, v, m),
-    delete: (d, v) => u("DELETE", d, void 0, v)
+    get: (c, h) => u("GET", c, void 0, h),
+    post: (c, h, m) => u("POST", c, h, m),
+    put: (c, h, m) => u("PUT", c, h, m),
+    patch: (c, h, m) => u("PATCH", c, h, m),
+    delete: (c, h) => u("DELETE", c, void 0, h)
   };
 }
-async function _n(e) {
+async function Ja(e) {
   let t = null;
   try {
     t = await e.json();
   } catch {
   }
-  const n = t ?? {}, a = typeof n.message == "string" && n.message !== "" ? n.message : e.statusText || `Request failed with ${e.status}`, i = n.errors !== null && typeof n.errors == "object" ? n.errors : {}, s = e.headers.get("Retry-After"), l = s === null ? null : Number.parseInt(s, 10);
-  return new pe(
-    a,
+  const a = t ?? {}, l = typeof a.message == "string" && a.message !== "" ? a.message : e.statusText || `Request failed with ${e.status}`, i = a.errors !== null && typeof a.errors == "object" ? a.errors : {}, s = e.headers.get("Retry-After"), o = s === null ? null : Number.parseInt(s, 10);
+  return new Ce(
+    l,
     e.status,
     i,
-    Number.isFinite(l) ? l : null,
+    Number.isFinite(o) ? o : null,
     t
   );
 }
-function $n(e, t, n) {
+function Qa(e, t, a) {
   const i = /^https?:\/\//i.test(t) ? t : `${e}/${t.replace(/^\//, "")}`;
-  if (n === void 0)
+  if (a === void 0)
     return i;
   const s = new URLSearchParams();
-  for (const [r, u] of Object.entries(n))
+  for (const [r, u] of Object.entries(a))
     u != null && s.set(r, String(u));
-  const l = s.toString();
-  return l === "" ? i : `${i}${i.includes("?") ? "&" : "?"}${l}`;
+  const o = s.toString();
+  return o === "" ? i : `${i}${i.includes("?") ? "&" : "?"}${o}`;
 }
-function _e(e) {
+function Me(e) {
   if (typeof document > "u")
     return null;
   for (const t of document.cookie.split(";")) {
-    const [n, ...a] = t.trim().split("=");
-    if (n === e)
-      return decodeURIComponent(a.join("="));
+    const [a, ...l] = t.trim().split("=");
+    if (a === e)
+      return decodeURIComponent(l.join("="));
   }
   return null;
 }
-const Sn = "webx.theme", Ne = /* @__PURE__ */ Symbol("webx-theme");
-function ma() {
-  const e = te(Ne, null);
+const Za = "webx.theme", rt = /* @__PURE__ */ Symbol("webx-theme");
+function Yn() {
+  const e = oe(rt, null);
   if (e === null)
     throw new Error("useTheme() was called outside a panel created by createAdmin().");
   return e;
 }
-function Tn(e, t) {
-  e.provide(Ne, t);
+function en(e, t) {
+  e.provide(rt, t);
 }
-function Ln(e = {}) {
-  const t = e.storageKey === void 0 ? Sn : e.storageKey, n = ue({
-    preference: An(t) ?? "system",
+function tn(e = {}) {
+  const t = e.storageKey === void 0 ? Za : e.storageKey, a = pe({
+    preference: an(t) ?? "system",
     resolved: "light"
   });
-  function a() {
-    At(n.preference), n.resolved = n.preference === "system" ? Wt() : n.preference;
+  function l() {
+    Yt(a.preference), a.resolved = a.preference === "system" ? Xt() : a.preference;
   }
-  return a(), Lt((i) => {
-    n.preference === "system" && (n.resolved = i);
+  return l(), qt((i) => {
+    a.preference === "system" && (a.resolved = i);
   }), {
-    state: n,
+    state: a,
     set(i) {
-      n.preference = i, a(), $e(t, i);
+      a.preference = i, l(), Fe(t, i);
     },
     adopt(i) {
       if (i === void 0)
         return;
       const s = i ?? "system";
-      s !== n.preference && (n.preference = s, a(), $e(t, s));
+      s !== a.preference && (a.preference = s, l(), Fe(t, s));
     }
   };
 }
-function $e(e, t) {
+function Fe(e, t) {
   if (e !== null)
     try {
       localStorage.setItem(e, t);
     } catch {
     }
 }
-function An(e) {
+function an(e) {
   if (e === null)
     return null;
   try {
@@ -1211,7 +1365,7 @@ function An(e) {
     return null;
   }
 }
-const Ve = {
+const ut = {
   shell: {
     loading: "Loading the panel…",
     "error-title": "The panel could not start",
@@ -1381,27 +1535,71 @@ const Ve = {
     "hash-length": "An anchor may be at most :max characters long.",
     "hash-shape": "An anchor is a name on the page: no spaces in it.",
     "not-localized": "A link is the same in every language and cannot be translated."
+  },
+  // The categories every module shares: the refusals the server says, and the words of the
+  // shared screens under a module's own.
+  categories: {
+    "in-use": "There are :count entries in it. Move them to another category first.",
+    "slug-shape": "Letters, digits and single hyphens between them.",
+    new: "New category",
+    empty: "No categories yet.",
+    "empty-help": "A category groups entries. One entry can be in several of them.",
+    order: "The order here is the order on the site",
+    hidden: "Hidden from the site",
+    "no-address": "No address in this language",
+    count: "Entries: :count",
+    "show-items": "Show its entries",
+    edit: "Edit",
+    "open-on-site": "Open on the site",
+    delete: "Delete",
+    "delete-blocked": "While it holds entries it cannot go — move them first.",
+    "delete-title": "Delete “:name”?",
+    "delete-text": "It goes to the bin and comes off the site, and its address is free again.",
+    deleted: "The category is in the bin.",
+    cancel: "Cancel",
+    create: "Create",
+    save: "Save",
+    saved: "Saved.",
+    "save-failed": "Not saved — look at the marked fields.",
+    "reorder-failed": "The new order was not saved.",
+    "field-title": "Name",
+    "field-slug": "Address",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    untitled: "Untitled",
+    trail: "Where you are",
+    "leave-title": "Leave without saving?",
+    "leave-text": "What was changed here since the last save will be lost.",
+    leave: "Leave",
+    "field-main": "Main",
+    "field-add": "Add a category",
+    "field-remove": "Take out of this category",
+    "field-empty": "In no category yet.",
+    "field-none-left": "Every category is already chosen.",
+    "order-all": "Drag to change the order on the site.",
+    "order-category": "Drag to change the order inside this category. The rest of the list keeps its own.",
+    "order-locked": "Clear the search and the filters to change the order — only a whole list, or one category, can be dragged.",
+    unknown: "One of the chosen categories is not there any more."
   }
-}, Ie = "webx.locale";
-function fa(e = {}) {
-  const t = e.manifestUrl ?? En() ?? "/api/cms/manifest", n = e.apiPath ?? t.replace(/\/manifest\/?$/, ""), a = e.basePath ?? "/cms", i = e.modules ?? [], s = [...e.routes ?? []];
-  for (const b of i)
-    s.push(...b.routes ?? []);
-  if (!s.some((b) => b.path === "/")) {
-    const b = i.find((w) => w.landing === !0);
+}, dt = "webx.locale";
+function Xn(e = {}) {
+  const t = e.manifestUrl ?? un() ?? "/api/cms/manifest", a = e.apiPath ?? t.replace(/\/manifest\/?$/, ""), l = e.basePath ?? "/cms", i = e.modules ?? [], s = [...e.routes ?? []];
+  for (const y of i)
+    s.push(...y.routes ?? []);
+  if (!s.some((y) => y.path === "/")) {
+    const y = i.find((k) => k.landing === !0);
     s.push({
       path: "/",
       name: "webx.home",
-      component: un,
-      props: { landing: b?.path ?? b?.routes?.[0]?.path ?? null }
+      component: Ba,
+      props: { landing: y?.path ?? y?.routes?.[0]?.path ?? null }
     });
   }
-  const l = at({
-    history: lt(a),
+  const o = xt({
+    history: kt(l),
     routes: s
-  }), r = ge({ locale: e.locale ?? Cn() }), u = Ln(), d = e.http ?? kn({
+  }), r = Ee({ locale: e.locale ?? ln() }), u = tn(), c = e.http ?? Ga({
     baseUrl: "",
-    csrfUrl: `${n}/auth/csrf-cookie`,
+    csrfUrl: `${a}/auth/csrf-cookie`,
     onUnauthenticated: () => {
       m.setUser(null), m.state.status = "unauthenticated";
     },
@@ -1411,174 +1609,174 @@ function fa(e = {}) {
     // signing in on a Russian sign-in screen lands in an English panel.
     headers: () => ({ "X-Webx-Locale": r.state.locale })
   });
-  r.defaults("webx-admin", Ve);
-  async function v(b) {
-    const w = await d.get(`${n}/translations/${b}`);
-    r.load(w.data.namespaces, w.data.locale, w.data.fallback), zn(w.data.locale), Un(w.data.locale, r.state.panelLocales);
+  r.defaults("webx-admin", ut);
+  async function h(y) {
+    const k = await c.get(`${a}/translations/${y}`);
+    r.load(k.data.namespaces, k.data.locale, k.data.fallback), on(k.data.locale), rn(k.data.locale, r.state.panelLocales);
   }
-  const m = sn({
-    http: d,
+  const m = Ua({
+    http: c,
     theme: u,
-    basePath: a,
-    apiPath: n,
+    basePath: l,
+    apiPath: a,
     modules: i,
     i18n: r,
-    loadDictionary: v,
+    loadDictionary: h,
     types: e.types,
     screens: e.screens,
-    loadManifest: async () => (await d.get(t)).data
-  }), p = Je(Wn(e));
-  p.use(bt), on(p, m), Rt(p, r), Tn(p, u);
-  const c = C("");
-  p.provide(
-    gt,
+    loadManifest: async () => (await c.get(t)).data
+  }), v = bt(nn(e));
+  v.use(Nt), Na(v, m), Qt(v, r), en(v, u);
+  const d = W("");
+  v.provide(
+    Rt,
     x(() => r.state.locale)
-  ), p.provide(yt, {
+  ), v.provide(Bt, {
     list: x(
-      () => r.state.contentLocales.map((b) => ({
-        code: b.code,
-        label: b.code.toUpperCase()
+      () => r.state.contentLocales.map((y) => ({
+        code: y.code,
+        label: y.code.toUpperCase()
       }))
     ),
     active: x({
-      get: () => c.value || (r.state.contentLocales[0]?.code ?? ""),
-      set: (b) => {
-        c.value = b;
+      get: () => d.value || (r.state.contentLocales[0]?.code ?? ""),
+      set: (y) => {
+        d.value = y;
       }
     })
   });
-  const _ = {
-    app: p,
-    router: l,
+  const w = {
+    app: v,
+    router: o,
     context: m,
     i18n: r,
     theme: u,
     async mount() {
-      await Promise.all([h(), v(r.state.locale)]).catch(() => {
-      }), p.mount(e.el ?? "#webx-app"), await m.reload();
+      await Promise.all([f(), h(r.state.locale)]).catch(() => {
+      }), v.mount(e.el ?? "#webx-app"), await m.reload();
     }
   };
-  async function h() {
-    const b = await d.get(`${n}/locales`);
-    r.state.panelLocales = b.data.panel, r.state.contentLocales = b.data.content;
+  async function f() {
+    const y = await c.get(`${a}/locales`);
+    r.state.panelLocales = y.data.panel, r.state.contentLocales = y.data.content;
   }
-  for (const b of e.plugins ?? [])
-    b.install(_);
-  return p.use(l), _;
+  for (const y of e.plugins ?? [])
+    y.install(w);
+  return v.use(o), w;
 }
-function Wn(e) {
+function nn(e) {
   const t = {
     // The menu is the panel's own: it is the manifest, drawn.
     // The shell hands in what a choice means where it drew the menu — in the drawer it is what
     // closes it, and a drawer that stays open over the section it just opened is a drawer the
     // reader has to dismiss by hand.
-    nav: (n) => le(dn, { collapsed: n.collapsed === !0, onSelect: n.select })
+    nav: (a) => de(Ia, { collapsed: a.collapsed === !0, onSelect: a.select })
   };
-  return e.brand !== void 0 && (t.brand = () => le(e.brand)), e.userMenu !== void 0 && (t.user = (n) => le(e.userMenu, { expanded: n.expanded === !0 })), { render: () => le(wn, null, t) };
+  return e.brand !== void 0 && (t.brand = () => de(e.brand)), e.userMenu !== void 0 && (t.user = (a) => de(e.userMenu, { expanded: a.expanded === !0 })), { render: () => de(Ya, null, t) };
 }
-function Cn() {
-  const e = Rn(Ie);
+function ln() {
+  const e = sn(dt);
   return e !== null ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator > "u" ? "en" : navigator.language;
 }
-function zn(e) {
+function on(e) {
   try {
-    localStorage.setItem(Ie, e);
+    localStorage.setItem(dt, e);
   } catch {
   }
 }
-function Rn(e) {
+function sn(e) {
   try {
     return localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function Un(e, t) {
-  typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = t.find((n) => n.code === e)?.direction ?? "ltr");
+function rn(e, t) {
+  typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = t.find((a) => a.code === e)?.direction ?? "ltr");
 }
-function En() {
+function un() {
   return typeof document > "u" ? null : document.querySelector('meta[name="webx-manifest"]')?.getAttribute("content") ?? null;
 }
-function Bn(e) {
+function dn(e) {
   const t = e.replace(/\r\n?/g, `
 `).split(`
-`), n = [];
-  let a = 0;
-  for (; a < t.length; ) {
-    const i = t[a] ?? "";
+`), a = [];
+  let l = 0;
+  for (; l < t.length; ) {
+    const i = t[l] ?? "";
     if (i.trim() === "") {
-      a += 1;
+      l += 1;
       continue;
     }
     if (/^```([\w-]*)\s*$/.exec(i)) {
       const u = [];
-      for (a += 1; a < t.length && !/^```\s*$/.test(t[a] ?? ""); )
-        u.push(t[a] ?? ""), a += 1;
-      a += 1, n.push(`<pre><code>${be(u.join(`
+      for (l += 1; l < t.length && !/^```\s*$/.test(t[l] ?? ""); )
+        u.push(t[l] ?? ""), l += 1;
+      l += 1, a.push(`<pre><code>${We(u.join(`
 `))}</code></pre>`);
       continue;
     }
-    const l = /^(#{1,4})\s+(.*)$/.exec(i);
-    if (l) {
-      const u = Math.min(l[1].length + 1, 5);
-      n.push(`<h${u}>${he(l[2] ?? "")}</h${u}>`), a += 1;
+    const o = /^(#{1,4})\s+(.*)$/.exec(i);
+    if (o) {
+      const u = Math.min(o[1].length + 1, 5);
+      a.push(`<h${u}>${Te(o[2] ?? "")}</h${u}>`), l += 1;
       continue;
     }
-    if (oe(i)) {
-      const u = /^\s*\d+[.)]\s+/.test(i), d = [];
-      for (; a < t.length && oe(t[a] ?? ""); )
-        for (d.push((t[a] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), a += 1; a < t.length; ) {
-          const m = t[a] ?? "";
-          if (m.trim() === "" || oe(m) || /^(#{1,4})\s/.test(m) || /^```/.test(m))
+    if (me(i)) {
+      const u = /^\s*\d+[.)]\s+/.test(i), c = [];
+      for (; l < t.length && me(t[l] ?? ""); )
+        for (c.push((t[l] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), l += 1; l < t.length; ) {
+          const m = t[l] ?? "";
+          if (m.trim() === "" || me(m) || /^(#{1,4})\s/.test(m) || /^```/.test(m))
             break;
-          d[d.length - 1] += ` ${m.trim()}`, a += 1;
+          c[c.length - 1] += ` ${m.trim()}`, l += 1;
         }
-      const v = u ? "ol" : "ul";
-      n.push(`<${v}>${d.map((m) => `<li>${he(m)}</li>`).join("")}</${v}>`);
+      const h = u ? "ol" : "ul";
+      a.push(`<${h}>${c.map((m) => `<li>${Te(m)}</li>`).join("")}</${h}>`);
       continue;
     }
     const r = [];
-    for (; a < t.length; ) {
-      const u = t[a] ?? "";
-      if (u.trim() === "" || oe(u) || /^(#{1,4})\s/.test(u) || /^```/.test(u)) break;
-      r.push(u.trim()), a += 1;
+    for (; l < t.length; ) {
+      const u = t[l] ?? "";
+      if (u.trim() === "" || me(u) || /^(#{1,4})\s/.test(u) || /^```/.test(u)) break;
+      r.push(u.trim()), l += 1;
     }
-    n.push(`<p>${he(r.join(" "))}</p>`);
+    a.push(`<p>${Te(r.join(" "))}</p>`);
   }
-  return n.join("");
+  return a.join("");
 }
-const se = "\0";
-function oe(e) {
+const ce = "\0";
+function me(e) {
   return /^\s*(?:[-*+]|\d+[.)])\s+/.test(e);
 }
-function he(e) {
-  const t = [], n = e.replace(/`([^`]+)`/g, (i, s) => (t.push(`<code>${be(s)}</code>`), `${se}${t.length - 1}${se}`));
-  return be(n).replace(
+function Te(e) {
+  const t = [], a = e.replace(/`([^`]+)`/g, (i, s) => (t.push(`<code>${We(s)}</code>`), `${ce}${t.length - 1}${ce}`));
+  return We(a).replace(
     /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g,
     '<a href="$2" target="_blank" rel="noopener">$1</a>'
   ).replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(
-    new RegExp(`${se}(\\d+)${se}`, "g"),
+    new RegExp(`${ce}(\\d+)${ce}`, "g"),
     (i, s) => t[Number(s)] ?? ""
   );
 }
-function be(e) {
+function We(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Nn(e) {
-  const t = e.scope("webx-admin"), n = /* @__PURE__ */ new Map();
-  function a(s, l, r) {
-    const u = e.state.locale, d = `${u}:${s}`;
-    let v = n.get(d);
-    return v === void 0 && (v = new Intl.DateTimeFormat(u, l), n.set(d, v)), v.format(r);
+function cn(e) {
+  const t = e.scope("webx-admin"), a = /* @__PURE__ */ new Map();
+  function l(s, o, r) {
+    const u = e.state.locale, c = `${u}:${s}`;
+    let h = a.get(c);
+    return h === void 0 && (h = new Intl.DateTimeFormat(u, o), a.set(c, h)), h.format(r);
   }
-  const i = (s) => a("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, s);
+  const i = (s) => l("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, s);
   return {
     short(s) {
-      const l = re(s);
-      if (l === null)
+      const o = fe(s);
+      if (o === null)
         return t("dates.never");
-      const r = /* @__PURE__ */ new Date(), u = Se(l, r);
-      return u === 0 ? t("dates.today", { time: i(l) }) : u === -1 ? t("dates.yesterday", { time: i(l) }) : l.getFullYear() === r.getFullYear() ? a(
+      const r = /* @__PURE__ */ new Date(), u = Oe(o, r);
+      return u === 0 ? t("dates.today", { time: i(o) }) : u === -1 ? t("dates.yesterday", { time: i(o) }) : o.getFullYear() === r.getFullYear() ? l(
         "this-year",
         {
           day: "numeric",
@@ -1587,83 +1785,399 @@ function Nn(e) {
           minute: "2-digit",
           hourCycle: "h23"
         },
-        l
-      ) : a("earlier", { day: "numeric", month: "long", year: "numeric" }, l);
+        o
+      ) : l("earlier", { day: "numeric", month: "long", year: "numeric" }, o);
     },
     compact(s) {
-      const l = re(s);
-      if (l === null)
+      const o = fe(s);
+      if (o === null)
         return t("dates.never");
       const r = /* @__PURE__ */ new Date();
-      return Se(l, r) === 0 ? i(l) : l.getFullYear() === r.getFullYear() ? a("compact", { day: "numeric", month: "short" }, l) : a("compact-earlier", { dateStyle: "short" }, l);
+      return Oe(o, r) === 0 ? i(o) : o.getFullYear() === r.getFullYear() ? l("compact", { day: "numeric", month: "short" }, o) : l("compact-earlier", { dateStyle: "short" }, o);
     },
     exact(s) {
-      const l = re(s);
-      return l === null ? "" : a("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, l);
+      const o = fe(s);
+      return o === null ? "" : l("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, o);
     },
     iso(s) {
-      const l = re(s);
-      return l === null ? "" : l.toISOString();
+      const o = fe(s);
+      return o === null ? "" : o.toISOString();
     }
   };
 }
-function De() {
-  const e = te(ce, null);
-  return Nn(e ?? Vn());
+function ct() {
+  const e = oe(we, null);
+  return cn(e ?? mn());
 }
-let ie = null;
-function Vn() {
-  return ie === null && (ie = ge(), ie.defaults("webx-admin", Ve)), ie;
+let ve = null;
+function mn() {
+  return ve === null && (ve = Ee(), ve.defaults("webx-admin", ut)), ve;
 }
-function re(e) {
+function fe(e) {
   if (e == null || e === "")
     return null;
   const t = e instanceof Date ? e : new Date(e);
   return Number.isNaN(t.getTime()) ? null : t;
 }
-function Se(e, t) {
-  const n = (a) => Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
-  return Math.round((n(e) - n(t)) / 864e5);
+function Oe(e, t) {
+  const a = (l) => Date.UTC(l.getFullYear(), l.getMonth(), l.getDate());
+  return Math.round((a(e) - a(t)) / 864e5);
 }
-function In(e, t, n) {
-  const a = e instanceof pe ? e.status : Mn(e);
-  if (a === 422)
-    return Pn(e) ?? n ?? t("errors.unknown");
-  if (a === 401) return t("errors.signed-out");
-  if (a === 403) return t("errors.forbidden");
-  if (a === 404) return t("errors.gone");
-  if (a === 409) return t("errors.conflict");
-  if (a === 429) {
-    const i = e instanceof pe ? e.retryAfter : null;
+function vn(e, t, a) {
+  const l = e instanceof Ce ? e.status : fn(e);
+  if (l === 422)
+    return pn(e) ?? a ?? t("errors.unknown");
+  if (l === 401) return t("errors.signed-out");
+  if (l === 403) return t("errors.forbidden");
+  if (l === 404) return t("errors.gone");
+  if (l === 409) return t("errors.conflict");
+  if (l === 429) {
+    const i = e instanceof Ce ? e.retryAfter : null;
     return i === null ? t("errors.throttled") : t("errors.throttled-in", { seconds: i });
   }
-  return a !== null && a >= 500 ? t("errors.server") : a === null ? t("errors.offline") : n ?? t("errors.unknown");
+  return l !== null && l >= 500 ? t("errors.server") : l === null ? t("errors.offline") : a ?? t("errors.unknown");
 }
-function Dn() {
-  const e = V("webx-admin");
-  return (t, n) => In(t, e, n);
+function Ne() {
+  const e = P("webx-admin");
+  return (t, a) => vn(t, e, a);
 }
-function Mn(e) {
+function fn(e) {
   const t = e?.status;
   return typeof t == "number" ? t : null;
 }
-function Pn(e) {
-  const n = e?.body?.message;
-  return typeof n == "string" && n !== "" ? n : null;
+function pn(e) {
+  const a = e?.body?.message;
+  return typeof a == "string" && a !== "" ? a : null;
 }
-function Fn(e, t, n) {
-  const a = `${e.apiPath}/entities/${t}/${n}/notes`, i = (l) => `${e.apiPath}/notes/${l}`, s = (l) => l.data;
+function hn(e, t, a) {
+  const l = `${e.apiPath}/entities/${t}/${a}/notes`, i = (o) => `${e.apiPath}/notes/${o}`, s = (o) => o.data;
   return {
-    list: () => e.http.get(a).then(s),
-    add: (l) => e.http.post(a, { body: l }).then(s),
-    save: (l, r) => e.http.put(i(l), { body: r }).then(s),
-    remove: (l) => e.http.delete(i(l)).then(() => {
+    list: () => e.http.get(l).then(s),
+    add: (o) => e.http.post(l, { body: o }).then(s),
+    save: (o, r) => e.http.put(i(o), { body: r }).then(s),
+    remove: (o) => e.http.delete(i(o)).then(() => {
     })
   };
 }
-const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
+function gn(e) {
+  return (e.q ?? "").trim() !== "" || e.filtered ? "locked" : e.category == null ? "all" : "category";
+}
+function Gn(e, t) {
+  const a = X(), l = P("webx-admin"), i = x(() => gn(t()));
+  return {
+    mode: i,
+    sortable: x(() => i.value !== "locked"),
+    hint: x(() => l(`categories.order-${i.value}`)),
+    move: (s) => ea(a, e, s, i.value === "category" ? t().category ?? null : null)
+  };
+}
+function Re(e = {}) {
+  const t = P("webx-admin");
+  return (a, l) => t(e[a] ?? `webx-admin::categories.${a}`, l);
+}
+const yn = /* @__PURE__ */ R({
+  name: "WxCategoryCreateDialog",
+  __name: "CategoryCreateDialog",
+  props: {
+    options: {}
+  },
+  setup(e) {
+    const t = e, { open: a, resolve: l, dismiss: i } = It(), s = xe(X(), t.options.api), o = Re(t.options.words), r = W(""), u = W(!1), c = W({}), h = Ke("field");
+    Le(async () => {
+      await Ye(), h.value?.querySelector("input")?.focus();
+    });
+    function m(d) {
+      const w = Object.keys(c.value).find((f) => f === d || f.startsWith(`${d}.`));
+      return w === void 0 ? void 0 : c.value[w]?.[0];
+    }
+    async function v() {
+      if (!(r.value.trim() === "" || u.value)) {
+        u.value = !0, c.value = {};
+        try {
+          l(await s.create({ title: r.value.trim() }));
+        } catch (d) {
+          c.value = d.body?.errors ?? {};
+        } finally {
+          u.value = !1;
+        }
+      }
+    }
+    return (d, w) => (p(), $(n(tt), {
+      open: n(a),
+      "onUpdate:open": w[2] || (w[2] = (f) => qe(a) ? a.value = f : null),
+      title: n(o)("new"),
+      width: 440
+    }, {
+      footer: g(() => [
+        b(n(Dt), { size: "sm" }, {
+          default: g(() => [
+            b(n(Z), {
+              variant: "outline",
+              onClick: w[1] || (w[1] = (f) => n(i)())
+            }, {
+              default: g(() => [
+                V(L(n(o)("cancel")), 1)
+              ]),
+              _: 1
+            }),
+            b(n(Z), {
+              type: "primary",
+              loading: u.value,
+              disabled: r.value.trim() === "",
+              onClick: v
+            }, {
+              default: g(() => [
+                V(L(n(o)("create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: g(() => [
+        b(n(Pt), {
+          label: n(o)("field-title"),
+          error: m("title") ?? m("slug"),
+          required: ""
+        }, {
+          default: g(() => [
+            O("div", {
+              ref_key: "field",
+              ref: h
+            }, [
+              b(n(ye), {
+                modelValue: r.value,
+                "onUpdate:modelValue": w[0] || (w[0] = (f) => r.value = f),
+                "aria-label": n(o)("field-title"),
+                onKeyup: Xe(v, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), bn = { class: "wx-category-row__name" }, wn = /* @__PURE__ */ R({
+  name: "WxCategoriesPage",
+  __name: "CategoriesPage",
+  props: {
+    options: {}
+  },
+  setup(e) {
+    const t = e, a = X(), l = xe(a, t.options.api), i = ge(), s = Re(t.options.words), o = Ne(), r = W([]), u = W(!0), c = x(() => a.can(t.options.manage)), h = x(
+      () => a.state.manifest?.modules.find((S) => S.id === t.options.module)?.title ?? ""
+    ), m = Mt(yn), v = x(
+      () => c.value ? [{ key: "new", label: s("new"), icon: "plus", primary: !0, run: () => {
+        y();
+      } }] : []
+    );
+    function d(S) {
+      return Number(S[t.options.count] ?? 0);
+    }
+    async function w() {
+      u.value = !0;
+      try {
+        r.value = (await l.list()).data;
+      } catch (S) {
+        D.danger(o(S));
+      } finally {
+        u.value = !1;
+      }
+    }
+    w();
+    function f(S) {
+      i.push(`${t.options.path}/${S.id}`);
+    }
+    async function y() {
+      const S = await m({ options: t.options });
+      S !== void 0 && f(S);
+    }
+    async function k(S) {
+      if (d(S) > 0) {
+        D.warning(s("delete-blocked"));
+        return;
+      }
+      if (await he({
+        title: s("delete-title", { name: S.name }),
+        message: s("delete-text"),
+        confirmText: s("delete"),
+        cancelText: s("cancel"),
+        tone: "danger"
+      }))
+        try {
+          await l.remove(S.id), D.success(s("deleted")), await w();
+        } catch (C) {
+          D.danger(o(C));
+        }
+    }
+    function M(S) {
+      const B = [{ key: "edit", label: s("edit"), icon: "edit", run: () => f(S) }], C = t.options.items;
+      return C && d(S) > 0 && B.push({
+        key: "items",
+        label: s("show-items"),
+        icon: "file-txt",
+        run: () => {
+          i.push(C(S.id));
+        }
+      }), S.url && S.is_visible && B.push({ key: "site", label: s("open-on-site"), icon: "link", href: S.url }), c.value && B.push({
+        key: "delete",
+        label: s("delete"),
+        icon: "trash",
+        danger: !0,
+        run: () => {
+          k(S);
+        }
+      }), B;
+    }
+    async function J() {
+      try {
+        await l.reorder(r.value.map((S) => S.id));
+      } catch (S) {
+        D.danger(o(S, s("reorder-failed"))), await w();
+      }
+    }
+    return (S, B) => {
+      const C = j("router-link");
+      return p(), $(st, {
+        class: "wx-categories",
+        title: h.value,
+        actions: v.value,
+        padding: "sm"
+      }, {
+        default: g(() => [
+          u.value ? (p(), $(n(re), {
+            key: 0,
+            class: "wx-categories__loading",
+            rows: 5
+          })) : r.value.length === 0 ? (p(), $(n(at), {
+            key: 1,
+            title: n(s)("empty"),
+            description: n(s)("empty-help")
+          }, null, 8, ["title", "description"])) : (p(), T(H, { key: 2 }, [
+            b(n(Qe), {
+              modelValue: r.value,
+              "onUpdate:modelValue": B[0] || (B[0] = (A) => r.value = A),
+              class: "wx-categories__list",
+              plain: "",
+              "item-key": "id",
+              "item-label": (A) => A.name,
+              disabled: !c.value,
+              onMove: J
+            }, {
+              default: g(({ item: A }) => [
+                b(C, {
+                  class: ae(["wx-category-row", { "is-hidden": !A.is_visible }]),
+                  to: `${t.options.path}/${A.id}`
+                }, {
+                  default: g(() => [
+                    O("span", bn, [
+                      b(n(G), {
+                        truncate: "",
+                        weight: "medium"
+                      }, {
+                        default: g(() => [
+                          V(L(A.name), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      A.is_visible ? U("", !0) : (p(), $(n(nt), {
+                        key: 0,
+                        content: n(s)("hidden")
+                      }, {
+                        default: g(() => [
+                          b(n(Ve), {
+                            name: "eye-off",
+                            size: "sm"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["content"]))
+                    ]),
+                    b(n(G), {
+                      size: "sm",
+                      tone: "muted",
+                      truncate: ""
+                    }, {
+                      default: g(() => [
+                        V(L(A.path === null ? n(s)("no-address") : `/${A.path}`), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "to"])
+              ]),
+              actions: g(({ item: A }) => [
+                b(n(G), {
+                  class: "wx-category-row__count",
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: g(() => [
+                    V(L(n(s)("count", { count: d(A) })), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                b(Ue, {
+                  actions: M(A),
+                  label: A.name
+                }, null, 8, ["actions", "label"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "item-label", "disabled"]),
+            b(n(be), {
+              class: "wx-categories__note",
+              type: "info",
+              description: n(s)("order")
+            }, null, 8, ["description"])
+          ], 64))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+}), xn = {
+  class: "wx-save-state",
+  role: "status",
+  "aria-live": "polite"
+}, kn = /* @__PURE__ */ R({
+  __name: "SaveState",
+  props: {
+    state: {},
+    linger: { default: 2e3 }
+  },
+  setup(e) {
+    const t = e, a = P("webx-admin"), l = W(!1);
+    let i = null;
+    ee(
+      () => t.state,
+      (o, r) => {
+        i !== null && clearTimeout(i), l.value = r === "saving" && o === "saved", l.value && (i = window.setTimeout(() => {
+          l.value = !1, i = null;
+        }, t.linger));
+      }
+    );
+    const s = x(
+      () => t.state === "saving" ? "saving" : l.value ? "saved" : null
+    );
+    return Ge(() => {
+      i !== null && clearTimeout(i);
+    }), (o, r) => (p(), T("span", xn, [
+      s.value ? (p(), $(n(Ve), {
+        key: 0,
+        class: ae(["wx-save-state__mark", { "is-saved": s.value === "saved" }]),
+        name: s.value === "saving" ? "loader" : "check",
+        spin: s.value === "saving",
+        label: n(a)(`editor.${s.value}`)
+      }, null, 8, ["class", "name", "spin", "label"])) : U("", !0)
+    ]));
+  }
+}), _n = /* @__PURE__ */ Y(kn, [["__scopeId", "data-v-216e5e44"]]), $n = { class: "wx-screen-host" }, Tn = /* @__PURE__ */ R({
   __name: "Screen",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ le({
     name: {},
     errors: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -1674,39 +2188,39 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ee(["loaded"], ["update:modelValue"]),
-  setup(e, { expose: t, emit: n }) {
-    const a = e, i = n, s = de(e, "modelValue"), l = q(), r = V("webx-admin"), u = C(null), d = C(null);
-    async function v() {
-      u.value = null, d.value = null;
+  emits: /* @__PURE__ */ le(["loaded"], ["update:modelValue"]),
+  setup(e, { expose: t, emit: a }) {
+    const l = e, i = a, s = ue(e, "modelValue"), o = X(), r = P("webx-admin"), u = W(null), c = W(null);
+    async function h() {
+      u.value = null, c.value = null;
       try {
-        const m = await l.loadScreen(a.name);
+        const m = await o.loadScreen(l.name);
         u.value = m, i("loaded", m);
       } catch (m) {
-        d.value = m instanceof Error ? m.message : String(m);
+        c.value = m instanceof Error ? m.message : String(m);
       }
     }
-    return J([() => a.name, () => l.i18n.state.locale], () => {
-      v();
-    }, { immediate: !0 }), t({ reload: v }), (m, p) => (f(), $("div", Hn, [
-      d.value ? (f(), S(o(Re), {
+    return ee([() => l.name, () => o.i18n.state.locale], () => {
+      h();
+    }, { immediate: !0 }), t({ reload: h }), (m, v) => (p(), T("div", $n, [
+      c.value ? (p(), $(n(be), {
         key: 0,
         type: "danger",
-        title: o(r)("shell.error-title"),
-        description: d.value
-      }, null, 8, ["title", "description"])) : u.value === null ? (f(), S(o(Ue), {
+        title: n(r)("shell.error-title"),
+        description: c.value
+      }, null, 8, ["title", "description"])) : u.value === null ? (p(), $(n(re), {
         key: 1,
         rows: 4
-      })) : (f(), S(o(Ct), {
+      })) : (p(), $(n(Gt), {
         key: 2,
         modelValue: s.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (c) => s.value = c),
+        "onUpdate:modelValue": v[0] || (v[0] = (d) => s.value = d),
         root: u.value,
-        patch: o(l).screenPatch(e.name),
-        types: o(l).types,
+        patch: n(o).screenPatch(e.name),
+        types: n(o).types,
         errors: e.errors,
-        translate: o(l).i18n.t,
-        can: o(l).can,
+        translate: n(o).i18n.t,
+        can: n(o).can,
         disabled: e.disabled,
         "label-position": e.labelPosition,
         "label-width": e.labelWidth,
@@ -1714,63 +2228,220 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
       }, null, 8, ["modelValue", "root", "patch", "types", "errors", "translate", "can", "disabled", "label-position", "label-width", "size"]))
     ]));
   }
-}), ha = 76, On = {
-  class: "wx-save-state",
-  role: "status",
-  "aria-live": "polite"
-}, jn = /* @__PURE__ */ E({
-  __name: "SaveState",
+}), Sn = /* @__PURE__ */ R({
+  name: "WxCategoryEditorPage",
+  __name: "CategoryEditorPage",
   props: {
-    state: {},
-    linger: { default: 2e3 }
+    options: {}
   },
   setup(e) {
-    const t = e, n = V("webx-admin"), a = C(!1);
-    let i = null;
-    J(
-      () => t.state,
-      (l, r) => {
-        i !== null && clearTimeout(i), a.value = r === "saving" && l === "saved", a.value && (i = window.setTimeout(() => {
-          a.value = !1, i = null;
-        }, t.linger));
+    const t = e, a = X(), l = xe(a, t.options.api), i = Je(), s = ge(), o = et(), r = Re(t.options.words), u = Ne(), c = x(() => Number(i.params.id)), h = x(() => t.options.path), m = W(null), v = W({}), d = W(null), w = W(""), f = W(!0), y = W(!1), k = W({}), M = x(() => a.can(t.options.manage)), J = x(() => JSON.stringify(v.value)), S = x(() => w.value !== "" && J.value !== w.value), B = x(() => y.value ? "saving" : S.value ? "unsaved" : "saved"), C = x(
+      () => a.state.manifest?.modules.find((z) => z.id === t.options.module)?.title ?? ""
+    ), A = x(() => {
+      const z = v.value.title;
+      return Ft(z, o.active.value, m.value?.name ?? "") || r("untitled");
+    });
+    oa({ category: m, values: v, prefix: d, moving: () => r("address-moving") });
+    function E(z) {
+      m.value = z.category, v.value = z.values, d.value = z.prefix, w.value = JSON.stringify(z.values);
+    }
+    async function K() {
+      f.value = !0;
+      try {
+        E(await l.get(c.value));
+      } catch (z) {
+        D.danger(u(z)), s.push(h.value);
+      } finally {
+        f.value = !1;
       }
-    );
-    const s = x(
-      () => t.state === "saving" ? "saving" : a.value ? "saved" : null
-    );
-    return Qe(() => {
-      i !== null && clearTimeout(i);
-    }), (l, r) => (f(), $("span", On, [
-      s.value ? (f(), S(o(ze), {
-        key: 0,
-        class: G(["wx-save-state__mark", { "is-saved": s.value === "saved" }]),
-        name: s.value === "saving" ? "loader" : "check",
-        spin: s.value === "saving",
-        label: o(n)(`editor.${s.value}`)
-      }, null, 8, ["class", "name", "spin", "label"])) : z("", !0)
-    ]));
+    }
+    async function ne() {
+      if (!(!m.value || y.value || !M.value)) {
+        y.value = !0, k.value = {};
+        try {
+          E(await l.save(m.value.id, v.value)), D.success(r("saved"));
+        } catch (z) {
+          const q = z.body;
+          q?.errors ? (k.value = q.errors, D.danger(r("save-failed"))) : D.danger(u(z));
+        } finally {
+          y.value = !1;
+        }
+      }
+    }
+    async function ie() {
+      const z = m.value;
+      if (!(!z || !await he({
+        title: r("delete-title", { name: z.name }),
+        message: r("delete-text"),
+        confirmText: r("delete"),
+        cancelText: r("cancel"),
+        tone: "danger"
+      })))
+        try {
+          await l.remove(z.id), D.success(r("deleted")), w.value = J.value, s.push(h.value);
+        } catch (_) {
+          D.danger(u(_));
+        }
+    }
+    function te(z) {
+      S.value && z.preventDefault();
+    }
+    function ke(z) {
+      (z.ctrlKey || z.metaKey) && z.key.toLowerCase() === "s" && (z.preventDefault(), S.value && ne());
+    }
+    ee(c, () => {
+      K();
+    }), Le(() => {
+      K(), window.addEventListener("beforeunload", te);
+    }), Ge(() => {
+      window.removeEventListener("beforeunload", te);
+    }), _t(async () => !S.value || !M.value ? !0 : await he({
+      title: r("leave-title"),
+      message: r("leave-text"),
+      confirmText: r("leave"),
+      cancelText: r("cancel"),
+      tone: "danger"
+    }));
+    const _e = x(() => {
+      const z = m.value, q = [];
+      return z && (z.url && z.is_visible && q.push({ key: "site", label: r("open-on-site"), icon: "link", href: z.url }), M.value && q.push({
+        key: "delete",
+        label: r("delete"),
+        icon: "trash",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          ie();
+        }
+      })), q;
+    });
+    return (z, q) => (p(), T("div", {
+      class: "wx-category-editor",
+      onKeydown: ke
+    }, [
+      f.value || !m.value ? (p(), T(H, { key: 0 }, [
+        b(n(re), {
+          class: "wx-category-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        b(n(Se), null, {
+          default: g(() => [
+            b(n(re), { rows: 6 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (p(), T(H, { key: 1 }, [
+        b(ot, {
+          divider: "",
+          back: h.value,
+          "back-label": C.value,
+          title: A.value,
+          subtitle: m.value.path === null ? void 0 : `/${m.value.path}`,
+          actions: _e.value
+        }, Ae({
+          trail: g(() => [
+            b(n(Ot), {
+              size: "sm",
+              label: n(r)("trail")
+            }, {
+              default: g(() => [
+                b(n(Pe), {
+                  as: "router-link",
+                  to: h.value
+                }, {
+                  default: g(() => [
+                    V(L(C.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                b(n(Pe), { current: "" }, {
+                  default: g(() => [
+                    V(L(A.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 2
+        }, [
+          m.value.is_visible ? void 0 : {
+            name: "title-after",
+            fn: g(() => [
+              b(n(ze), { dot: "" }, {
+                default: g(() => [
+                  V(L(n(r)("hidden")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          }
+        ]), 1032, ["back", "back-label", "title", "subtitle", "actions"]),
+        b(Tn, {
+          modelValue: v.value,
+          "onUpdate:modelValue": q[0] || (q[0] = (_) => v.value = _),
+          name: t.options.screen,
+          errors: k.value,
+          disabled: !M.value || y.value
+        }, null, 8, ["modelValue", "name", "errors", "disabled"]),
+        M.value ? (p(), $(n(Ht), { key: 0 }, {
+          state: g(() => [
+            b(_n, { state: B.value }, null, 8, ["state"])
+          ]),
+          default: g(() => [
+            b(n(Z), {
+              type: "primary",
+              loading: y.value,
+              disabled: !S.value,
+              onClick: ne
+            }, {
+              default: g(() => [
+                V(L(n(r)("save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : U("", !0)
+      ], 64))
+    ], 32));
   }
-}), pa = /* @__PURE__ */ F(jn, [["__scopeId", "data-v-216e5e44"]]), ba = /* @__PURE__ */ E({
+}), Cn = /* @__PURE__ */ Y(Sn, [["__scopeId", "data-v-9a461226"]]);
+function Jn(e) {
+  return [
+    { path: e.path, name: e.name, component: wn, props: { options: e } },
+    {
+      path: `${e.path}/:id(\\d+)`,
+      name: `${e.name}.edit`,
+      component: Cn,
+      props: { options: e }
+    }
+  ];
+}
+const Qn = 76, Zn = /* @__PURE__ */ R({
   __name: "FilterChips",
   props: {
     filters: {}
   },
   setup(e) {
-    return (t, n) => (f(!0), $(D, null, K(e.filters, (a) => (f(), S(o(wt), {
-      key: a.key,
+    return (t, a) => (p(!0), T(H, null, Q(e.filters, (l) => (p(), $(n(ze), {
+      key: l.key,
       class: "wx-filter-chip",
       size: "sm",
       round: "",
       closable: "",
-      onClose: (i) => a.clear()
+      onClose: (i) => l.clear()
     }, {
       default: g(() => [
-        R(W(a.label), 1)
+        V(L(l.label), 1)
       ]),
       _: 2
     }, 1032, ["onClose"]))), 128));
   }
-}), Kn = { class: "wx-rename__footer" }, qn = /* @__PURE__ */ E({
+}), Wn = { class: "wx-rename__footer" }, Ln = /* @__PURE__ */ R({
   __name: "RenameButton",
   props: {
     name: { default: "" },
@@ -1781,21 +2452,21 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
   },
   emits: ["rename"],
   setup(e, { emit: t }) {
-    const n = e, a = t, i = V("webx-admin"), s = C(!1), l = C(n.name), r = C(null), u = x(() => n.label ?? i("editor.rename"));
-    J(s, async (v) => {
-      v && (l.value = n.name, await Ze(), r.value?.focus(), r.value?.select());
+    const a = e, l = t, i = P("webx-admin"), s = W(!1), o = W(a.name), r = W(null), u = x(() => a.label ?? i("editor.rename"));
+    ee(s, async (h) => {
+      h && (o.value = a.name, await Ye(), r.value?.focus(), r.value?.select());
     });
-    function d() {
-      const v = l.value.trim();
-      if (v === "" || v === n.name) {
+    function c() {
+      const h = o.value.trim();
+      if (h === "" || h === a.name) {
         s.value = !1;
         return;
       }
-      a("rename", v), s.value = !1;
+      l("rename", h), s.value = !1;
     }
-    return (v, m) => (f(), S(o(xt), {
+    return (h, m) => (p(), $(n(jt), {
       open: s.value,
-      "onUpdate:open": m[2] || (m[2] = (p) => s.value = p),
+      "onUpdate:open": m[2] || (m[2] = (v) => s.value = v),
       title: u.value,
       width: 320,
       side: "bottom",
@@ -1803,7 +2474,7 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
       teleport: ""
     }, {
       trigger: g(() => [
-        k(o(ne), {
+        b(n(se), {
           type: "edit",
           title: u.value,
           size: e.size,
@@ -1811,27 +2482,27 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
         }, null, 8, ["title", "size", "disabled"])
       ]),
       default: g(() => [
-        M("form", {
+        O("form", {
           class: "wx-rename",
-          onSubmit: Le(d, ["prevent"])
+          onSubmit: je(c, ["prevent"])
         }, [
-          k(o(Ce), {
+          b(n(ye), {
             ref_key: "field",
             ref: r,
-            modelValue: l.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (p) => l.value = p),
+            modelValue: o.value,
+            "onUpdate:modelValue": m[0] || (m[0] = (v) => o.value = v),
             "aria-label": u.value,
             placeholder: e.placeholder,
-            onKeydown: m[1] || (m[1] = et((p) => s.value = !1, ["esc"]))
+            onKeydown: m[1] || (m[1] = Xe((v) => s.value = !1, ["esc"]))
           }, null, 8, ["modelValue", "aria-label", "placeholder"]),
-          M("div", Kn, [
-            k(o(Z), {
+          O("div", Wn, [
+            b(n(Z), {
               type: "primary",
               size: "sm",
               "native-type": "submit"
             }, {
               default: g(() => [
-                R(W(o(i)("editor.save")), 1)
+                V(L(n(i)("editor.save")), 1)
               ]),
               _: 1
             })
@@ -1841,7 +2512,7 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ga = /* @__PURE__ */ F(qn, [["__scopeId", "data-v-d879e8d3"]]), Yn = ["innerHTML"], Xn = /* @__PURE__ */ E({
+}), el = /* @__PURE__ */ Y(Ln, [["__scopeId", "data-v-d879e8d3"]]), An = ["innerHTML"], zn = /* @__PURE__ */ R({
   __name: "HelpButton",
   props: {
     body: {},
@@ -1851,33 +2522,33 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
     width: { default: 720 }
   },
   setup(e) {
-    const t = e, n = V("webx-admin"), a = C(!1), i = x(() => t.title ?? n("help.title")), s = x(() => Bn(t.body));
-    return (l, r) => (f(), $(D, null, [
-      k(o(ne), {
+    const t = e, a = P("webx-admin"), l = W(!1), i = x(() => t.title ?? a("help.title")), s = x(() => dn(t.body));
+    return (o, r) => (p(), T(H, null, [
+      b(n(se), {
         type: "details",
         icon: "question",
         tone: "neutral",
         size: e.size,
         title: e.label ?? i.value,
-        onClick: r[0] || (r[0] = (u) => a.value = !0)
+        onClick: r[0] || (r[0] = (u) => l.value = !0)
       }, null, 8, ["size", "title"]),
-      k(o(kt), {
-        open: a.value,
-        "onUpdate:open": r[1] || (r[1] = (u) => a.value = u),
+      b(n(tt), {
+        open: l.value,
+        "onUpdate:open": r[1] || (r[1] = (u) => l.value = u),
         title: i.value,
         width: e.width
       }, {
         default: g(() => [
-          M("div", {
+          O("div", {
             class: "wx-help",
             innerHTML: s.value
-          }, null, 8, Yn)
+          }, null, 8, An)
         ]),
         _: 1
       }, 8, ["open", "title", "width"])
     ], 64));
   }
-}), ya = /* @__PURE__ */ F(Xn, [["__scopeId", "data-v-6c280d42"]]), Me = /* @__PURE__ */ E({
+}), tl = /* @__PURE__ */ Y(zn, [["__scopeId", "data-v-6c280d42"]]), mt = /* @__PURE__ */ R({
   name: "WxDate",
   __name: "DateText",
   props: {
@@ -1887,46 +2558,46 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
     tone: { default: "muted" }
   },
   setup(e) {
-    const t = e, n = De(), a = x(() => t.compact ? n.compact(t.value) : n.short(t.value)), i = x(() => n.exact(t.value)), s = x(() => n.iso(t.value));
-    return (l, r) => i.value ? (f(), S(o(_t), {
+    const t = e, a = ct(), l = x(() => t.compact ? a.compact(t.value) : a.short(t.value)), i = x(() => a.exact(t.value)), s = x(() => a.iso(t.value));
+    return (o, r) => i.value ? (p(), $(n(nt), {
       key: 0,
       content: i.value
     }, {
       default: g(() => [
-        k(o(H), {
+        b(n(G), {
           as: "time",
           datetime: s.value,
           size: e.size,
           tone: e.tone
         }, {
           default: g(() => [
-            R(W(a.value), 1)
+            V(L(l.value), 1)
           ]),
           _: 1
         }, 8, ["datetime", "size", "tone"])
       ]),
       _: 1
-    }, 8, ["content"])) : (f(), S(o(H), {
+    }, 8, ["content"])) : (p(), $(n(G), {
       key: 1,
       size: e.size,
       tone: e.tone
     }, {
       default: g(() => [
-        R(W(a.value), 1)
+        V(L(l.value), 1)
       ]),
       _: 1
     }, 8, ["size", "tone"]));
   }
-}), Gn = { class: "wx-notes" }, Jn = {
+}), Vn = { class: "wx-notes" }, En = {
   key: 3,
   class: "wx-notes__list"
-}, Qn = { class: "wx-note__body" }, Zn = { class: "wx-note__head" }, ea = { class: "wx-note__buttons" }, ta = {
+}, Un = { class: "wx-note__body" }, Nn = { class: "wx-note__head" }, Rn = { class: "wx-note__buttons" }, Bn = {
   key: 1,
   class: "wx-note__text"
-}, na = {
+}, In = {
   key: 4,
   class: "wx-notes__new"
-}, aa = /* @__PURE__ */ E({
+}, Pn = /* @__PURE__ */ R({
   name: "WxNotes",
   __name: "NotesFeed",
   props: {
@@ -1937,52 +2608,52 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const n = e, a = t, i = q(), s = V("webx-admin"), l = Dn(), r = C([]), u = C(!0), d = C(""), v = C(!1), m = C(null), p = C(""), c = x(() => Fn(i, n.type, n.id)), _ = x(() => n.title ?? s("notes.title"));
-    async function h() {
+    const a = e, l = t, i = X(), s = P("webx-admin"), o = Ne(), r = W([]), u = W(!0), c = W(""), h = W(!1), m = W(null), v = W(""), d = x(() => hn(i, a.type, a.id)), w = x(() => a.title ?? s("notes.title"));
+    async function f() {
       u.value = !0;
       try {
-        r.value = await c.value.list();
-      } catch (T) {
-        X.danger(l(T));
+        r.value = await d.value.list();
+      } catch (C) {
+        D.danger(o(C));
       } finally {
         u.value = !1;
       }
     }
-    J(
-      () => [n.type, n.id],
+    ee(
+      () => [a.type, a.id],
       () => {
-        m.value = null, d.value = "", h();
+        m.value = null, c.value = "", f();
       },
       { immediate: !0 }
     );
-    async function b() {
-      const T = d.value.trim();
-      if (!(T === "" || v.value)) {
-        v.value = !0;
+    async function y() {
+      const C = c.value.trim();
+      if (!(C === "" || h.value)) {
+        h.value = !0;
         try {
-          r.value = [...r.value, await c.value.add(T)], d.value = "", a("change");
-        } catch (B) {
-          X.danger(l(B));
+          r.value = [...r.value, await d.value.add(C)], c.value = "", l("change");
+        } catch (A) {
+          D.danger(o(A));
         } finally {
-          v.value = !1;
+          h.value = !1;
         }
       }
     }
-    function w(T) {
-      m.value = T.id, p.value = T.body;
+    function k(C) {
+      m.value = C.id, v.value = C.body;
     }
-    async function O(T) {
-      const B = p.value.trim();
-      if (B !== "")
+    async function M(C) {
+      const A = v.value.trim();
+      if (A !== "")
         try {
-          const L = await c.value.save(T.id, B);
-          r.value = r.value.map((P) => P.id === L.id ? L : P), m.value = null, X.success(s("notes.saved")), a("change");
-        } catch (L) {
-          X.danger(l(L));
+          const E = await d.value.save(C.id, A);
+          r.value = r.value.map((K) => K.id === E.id ? E : K), m.value = null, D.success(s("notes.saved")), l("change");
+        } catch (E) {
+          D.danger(o(E));
         }
     }
-    async function Q(T) {
-      if (await Tt({
+    async function J(C) {
+      if (await he({
         title: s("notes.delete-title"),
         message: s("notes.delete-text"),
         confirmText: s("notes.delete"),
@@ -1990,235 +2661,247 @@ const Hn = { class: "wx-screen-host" }, va = /* @__PURE__ */ E({
         tone: "danger"
       }))
         try {
-          await c.value.remove(T.id), r.value = r.value.filter((L) => L.id !== T.id), X.success(s("notes.deleted")), a("change");
-        } catch (L) {
-          X.danger(l(L));
+          await d.value.remove(C.id), r.value = r.value.filter((E) => E.id !== C.id), D.success(s("notes.deleted")), l("change");
+        } catch (E) {
+          D.danger(o(E));
         }
     }
-    function Y(T) {
-      return !n.can || !T.is_mine ? [] : [
-        { key: "edit", icon: "edit", label: s("notes.edit"), run: () => w(T) },
+    function S(C) {
+      return !a.can || !C.is_mine ? [] : [
+        { key: "edit", icon: "edit", label: s("notes.edit"), run: () => k(C) },
         {
           key: "delete",
           icon: "trash",
           label: s("notes.delete"),
           danger: !0,
           run: () => {
-            Q(T);
+            J(C);
           }
         }
       ];
     }
-    function j(T) {
-      return T.author?.name ?? s("notes.unknown-author");
+    function B(C) {
+      return C.author?.name ?? s("notes.unknown-author");
     }
-    return (T, B) => (f(), $("section", Gn, [
-      _.value ? (f(), S(o(H), {
+    return (C, A) => (p(), T("section", Vn, [
+      w.value ? (p(), $(n(G), {
         key: 0,
         weight: "medium",
         class: "wx-notes__title"
       }, {
         default: g(() => [
-          R(W(_.value), 1)
+          V(L(w.value), 1)
         ]),
         _: 1
-      })) : z("", !0),
-      u.value ? (f(), S(o(Ue), {
+      })) : U("", !0),
+      u.value ? (p(), $(n(re), {
         key: 1,
         rows: 2
-      })) : r.value.length === 0 ? (f(), S(o($t), {
+      })) : r.value.length === 0 ? (p(), $(n(at), {
         key: 2,
         size: "sm",
-        description: o(s)("notes.empty")
-      }, null, 8, ["description"])) : (f(), $("ul", Jn, [
-        (f(!0), $(D, null, K(r.value, (L) => (f(), $("li", {
-          key: L.id,
+        description: n(s)("notes.empty")
+      }, null, 8, ["description"])) : (p(), T("ul", En, [
+        (p(!0), T(H, null, Q(r.value, (E) => (p(), T("li", {
+          key: E.id,
           class: "wx-note"
         }, [
-          k(o(St), {
-            name: j(L),
+          b(n(Kt), {
+            name: B(E),
             size: "sm",
             tone: "auto"
           }, null, 8, ["name"]),
-          M("div", Qn, [
-            M("div", Zn, [
-              k(o(H), {
+          O("div", Un, [
+            O("div", Nn, [
+              b(n(G), {
                 size: "sm",
                 weight: "medium",
                 truncate: ""
               }, {
                 default: g(() => [
-                  R(W(j(L)), 1)
+                  V(L(B(E)), 1)
                 ]),
                 _: 2
               }, 1024),
-              k(Me, {
-                value: L.created_at
+              b(mt, {
+                value: E.created_at
               }, null, 8, ["value"]),
-              k(Ee, {
-                actions: Y(L),
-                label: j(L)
+              b(Ue, {
+                actions: S(E),
+                label: B(E)
               }, null, 8, ["actions", "label"])
             ]),
-            m.value === L.id ? (f(), $(D, { key: 0 }, [
-              k(o(ke), {
-                modelValue: p.value,
-                "onUpdate:modelValue": B[0] || (B[0] = (P) => p.value = P),
+            m.value === E.id ? (p(), T(H, { key: 0 }, [
+              b(n(De), {
+                modelValue: v.value,
+                "onUpdate:modelValue": A[0] || (A[0] = (K) => v.value = K),
                 autosize: { minRows: 2, maxRows: 10 }
               }, null, 8, ["modelValue"]),
-              M("div", ea, [
-                k(o(Z), {
+              O("div", Rn, [
+                b(n(Z), {
                   size: "sm",
                   type: "primary",
-                  onClick: (P) => O(L)
+                  onClick: (K) => M(E)
                 }, {
                   default: g(() => [
-                    R(W(o(s)("notes.save")), 1)
+                    V(L(n(s)("notes.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                k(o(Z), {
+                b(n(Z), {
                   size: "sm",
                   variant: "text",
-                  onClick: B[1] || (B[1] = (P) => m.value = null)
+                  onClick: A[1] || (A[1] = (K) => m.value = null)
                 }, {
                   default: g(() => [
-                    R(W(o(s)("notes.cancel")), 1)
+                    V(L(n(s)("notes.cancel")), 1)
                   ]),
                   _: 1
                 })
               ])
-            ], 64)) : (f(), $("p", ta, W(L.body), 1))
+            ], 64)) : (p(), T("p", Bn, L(E.body), 1))
           ])
         ]))), 128))
       ])),
-      e.can ? (f(), $("div", na, [
-        k(o(ke), {
-          modelValue: d.value,
-          "onUpdate:modelValue": B[2] || (B[2] = (L) => d.value = L),
-          placeholder: o(s)("notes.placeholder"),
+      e.can ? (p(), T("div", In, [
+        b(n(De), {
+          modelValue: c.value,
+          "onUpdate:modelValue": A[2] || (A[2] = (E) => c.value = E),
+          placeholder: n(s)("notes.placeholder"),
           autosize: { minRows: 2, maxRows: 8 }
         }, null, 8, ["modelValue", "placeholder"]),
-        k(o(Z), {
+        b(n(Z), {
           size: "sm",
           type: "primary",
-          disabled: d.value.trim() === "",
-          loading: v.value,
-          onClick: b
+          disabled: c.value.trim() === "",
+          loading: h.value,
+          onClick: y
         }, {
           default: g(() => [
-            R(W(o(s)("notes.add")), 1)
+            V(L(n(s)("notes.add")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "loading"])
-      ])) : z("", !0)
+      ])) : U("", !0)
     ]));
   }
-}), wa = /* @__PURE__ */ F(aa, [["__scopeId", "data-v-71004c1a"]]), la = {
+}), al = /* @__PURE__ */ Y(Pn, [["__scopeId", "data-v-71004c1a"]]), Dn = {
   key: 1,
   class: "wx-backup-note"
-}, sa = 48, oa = /* @__PURE__ */ E({
+}, Mn = 48, Fn = /* @__PURE__ */ R({
   name: "WxBackupNote",
   __name: "BackupNote",
   setup(e) {
-    const t = q(), n = De(), a = V("webx-admin"), i = x(() => t.state.manifest?.backup ?? null), s = x(() => i.value !== null && t.can("settings.view")), l = x(() => {
-      const d = i.value?.at;
-      if (d == null) return !0;
-      const v = new Date(d).getTime();
-      return Number.isNaN(v) || Date.now() - v > sa * 36e5;
+    const t = X(), a = ct(), l = P("webx-admin"), i = x(() => t.state.manifest?.backup ?? null), s = x(() => i.value !== null && t.can("settings.view")), o = x(() => {
+      const c = i.value?.at;
+      if (c == null) return !0;
+      const h = new Date(c).getTime();
+      return Number.isNaN(h) || Date.now() - h > Mn * 36e5;
     }), r = x(() => {
-      const d = i.value?.bytes;
-      if (d == null) return "";
-      const v = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte"];
-      let m = d, p = 0;
-      for (; m >= 1024 && p < v.length - 1; )
-        m /= 1024, p++;
+      const c = i.value?.bytes;
+      if (c == null) return "";
+      const h = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte"];
+      let m = c, v = 0;
+      for (; m >= 1024 && v < h.length - 1; )
+        m /= 1024, v++;
       return new Intl.NumberFormat(t.i18n.state.locale, {
         style: "unit",
-        unit: v[p],
+        unit: h[v],
         unitDisplay: "short",
-        maximumFractionDigits: m >= 10 || p === 0 ? 0 : 1
+        maximumFractionDigits: m >= 10 || v === 0 ? 0 : 1
       }).format(m);
     }), u = x(
-      () => i.value?.at == null ? a("backup.never") : a("backup.stale", { date: n.short(i.value.at) })
+      () => i.value?.at == null ? l("backup.never") : l("backup.stale", { date: a.short(i.value.at) })
     );
-    return (d, v) => s.value && l.value ? (f(), S(o(Re), {
+    return (c, h) => s.value && o.value ? (p(), $(n(be), {
       key: 0,
       type: "warning",
       variant: "soft",
       description: u.value
-    }, null, 8, ["description"])) : s.value ? (f(), $("p", la, [
-      k(o(H), {
+    }, null, 8, ["description"])) : s.value ? (p(), T("p", Dn, [
+      b(n(G), {
         size: "sm",
         tone: "muted"
       }, {
         default: g(() => [
-          R(W(o(a)("backup.title")), 1)
+          V(L(n(l)("backup.title")), 1)
         ]),
         _: 1
       }),
-      k(Me, {
+      b(mt, {
         value: i.value?.at
       }, null, 8, ["value"]),
-      r.value ? (f(), S(o(H), {
+      r.value ? (p(), $(n(G), {
         key: 0,
         size: "sm",
         tone: "muted"
       }, {
         default: g(() => [
-          R("· " + W(r.value), 1)
+          V("· " + L(r.value), 1)
         ]),
         _: 1
-      })) : z("", !0)
-    ])) : z("", !0);
+      })) : U("", !0)
+    ])) : U("", !0);
   }
-}), xa = /* @__PURE__ */ F(oa, [["__scopeId", "data-v-beeee67e"]]);
+}), nl = /* @__PURE__ */ Y(Fn, [["__scopeId", "data-v-beeee67e"]]);
 export {
-  un as AdminLanding,
-  dn as AdminNav,
-  wn as AdminShell,
-  pe as HttpError,
-  jt as WxBackButton,
-  xa as WxBackupNote,
-  Me as WxDate,
-  ba as WxFilterChips,
-  ya as WxHelpButton,
-  Ot as WxLinkField,
-  Ht as WxLinkPicker,
-  nn as WxListScreen,
-  wa as WxNotes,
-  ga as WxRenameButton,
-  an as WxRichTextField,
-  Ee as WxRowMenu,
-  pa as WxSaveState,
-  va as WxScreen,
-  Zt as WxScreenHead,
-  Be as adminKey,
-  Ve as adminMessages,
-  ln as adminTypes,
-  fa as createAdmin,
-  sn as createAdminContext,
-  Nn as createDates,
-  kn as createHttp,
-  ge as createI18n,
-  Bt as createLinksApi,
-  Fn as createNotesApi,
-  Ln as createTheme,
-  Et as emptyLink,
-  In as errorText,
-  ce as i18nKey,
-  on as provideAdmin,
-  Rt as provideI18n,
-  Tn as provideTheme,
-  _e as readCookie,
-  Bn as renderMarkdown,
-  ha as rowMenuWidth,
-  Ne as themeKey,
-  q as useAdmin,
-  De as useDates,
-  Dn as useErrorText,
-  zt as useI18n,
-  ma as useTheme,
-  V as useTranslate
+  Ba as AdminLanding,
+  Ia as AdminNav,
+  Ya as AdminShell,
+  Ce as HttpError,
+  ka as WxBackButton,
+  nl as WxBackupNote,
+  la as WxCategoriesField,
+  wn as WxCategoriesPage,
+  yn as WxCategoryCreateDialog,
+  Cn as WxCategoryEditorPage,
+  da as WxCategorySlug,
+  mt as WxDate,
+  Zn as WxFilterChips,
+  tl as WxHelpButton,
+  xa as WxLinkField,
+  wa as WxLinkPicker,
+  st as WxListScreen,
+  al as WxNotes,
+  el as WxRenameButton,
+  Va as WxRichTextField,
+  Ue as WxRowMenu,
+  _n as WxSaveState,
+  Tn as WxScreen,
+  ot as WxScreenHead,
+  it as adminKey,
+  ut as adminMessages,
+  Ea as adminTypes,
+  Jn as categoryRoutes,
+  Xn as createAdmin,
+  Ua as createAdminContext,
+  xe as createCategoriesApi,
+  cn as createDates,
+  Ga as createHttp,
+  Ee as createI18n,
+  ma as createLinksApi,
+  hn as createNotesApi,
+  tn as createTheme,
+  ca as emptyLink,
+  vn as errorText,
+  we as i18nKey,
+  gn as itemOrderMode,
+  Na as provideAdmin,
+  Qt as provideI18n,
+  en as provideTheme,
+  Me as readCookie,
+  dn as renderMarkdown,
+  ea as reorderItems,
+  Qn as rowMenuWidth,
+  rt as themeKey,
+  X as useAdmin,
+  sa as useCategoryEditor,
+  Re as useCategoryWords,
+  ct as useDates,
+  Ne as useErrorText,
+  Jt as useI18n,
+  Gn as useItemOrder,
+  Yn as useTheme,
+  P as useTranslate
 };
 //# sourceMappingURL=index.js.map