@webx-ui/module-admin 0.15.0 → 0.16.1

package/dist/index.js

@@ -1,20 +1,20 @@
-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";
+import { inject as ne, reactive as pe, defineComponent as R, useModel as de, 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 oe, onMounted as Le, Fragment as H, renderList as Q, mergeProps as Ke, withModifiers as qe, useSlots as gt, useTemplateRef as Ye, normalizeClass as ae, renderSlot as F, createSlots as Ae, provide as Xe, normalizeProps as yt, guardReactiveProps as bt, resolveComponent as j, watchEffect as wt, onUnmounted as xt, isRef as Ge, createApp as kt, h as re, nextTick as Je, withKeys as Qe, onBeforeUnmount as Ze } from "vue";
+import { RouterLink as _t, useRouter as ge, useRoute as et, createRouter as $t, createWebHistory as Tt, onBeforeRouteLeave as St } from "vue-router";
+import { WxSortableList as tt, WxAction as se, WxBadge as ze, WxSelect as at, WxSegmented as Ct, WxAutocomplete as Be, WxText as G, WxInput as ye, WxCheckbox as Ie, WxActions as Wt, WxDropdownItem as Lt, useElementWidth as At, WxHeading as zt, WxButton as Z, WxIcon as Ve, WxTabs as Vt, WxCard as Se, WxRichText as Et, useLocales as nt, WxAlert as be, WxResult as Ut, useResponsiveShell as Rt, shellLayoutFor as Nt, WxToaster as Bt, WebxUI as It, dateLocaleKey as Pt, localesKey as Dt, useModal as Mt, WxDialog as lt, WxFormItem as Ft, WxSpace as Ot, createModal as Ht, WxSkeleton as ue, WxEmpty as ot, WxTooltip as st, toast as D, confirm as he, localizedValue as jt, WxBreadcrumb as Kt, WxBreadcrumbItem as Pe, WxActionBar as qt, WxPopover as Yt, WxAvatar as Xt, WxTextarea as De } from "@webx-ui/core";
+import { watchSystemTheme as Gt, applyTheme as Jt, systemTheme as Qt } from "@webx-ui/tokens";
+import { WxScreenRenderer as Zt } from "@webx-ui/schema";
 const we = /* @__PURE__ */ Symbol("webx-i18n");
-function Jt() {
-  const e = oe(we, null);
+function ea() {
+  const e = ne(we, null);
   if (e === null)
     throw new Error("useI18n() was called outside a panel created by createAdmin().");
   return e;
 }
 function P(e) {
-  const t = oe(we, null);
+  const t = ne(we, null);
   return t === null ? Ee().scope(e) : t.scope(e);
 }
-function Qt(e, t) {
+function ta(e, t) {
   e.provide(we, t);
 }
 function Ee(e = {}) {
@@ -37,7 +37,7 @@ function Ee(e = {}) {
     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 c === void 0 ? d : Zt(d, c);
+    return c === void 0 ? d : aa(d, c);
   }
   return {
     state: a,
@@ -53,7 +53,7 @@ function Ee(e = {}) {
     t: (r, u) => o("", r, u)
   };
 }
-function Zt(e, t) {
+function aa(e, t) {
   let a = e;
   for (const [l, i] of Object.entries(t))
     a = a.replaceAll(`:${l}`, String(i));
@@ -76,15 +76,15 @@ function xe(e, t) {
     })
   };
 }
-function ea(e, t, a, l = null) {
+function na(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({
+const la = { class: "wx-categories-field" }, oa = { class: "wx-categories-field__name" }, sa = /* @__PURE__ */ R({
   name: "WxCategoriesField",
   __name: "CategoriesField",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     source: {},
     main: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
@@ -99,7 +99,7 @@ const ta = { class: "wx-categories-field" }, aa = { class: "wx-categories-field_
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = ue(e, "modelValue"), l = X(), i = P("webx-admin"), s = W([]);
+    const t = e, a = de(e, "modelValue"), l = X(), i = P("webx-admin"), s = W([]);
     ee(
       () => t.source,
       async (v) => {
@@ -126,8 +126,8 @@ const ta = { class: "wx-categories-field" }, aa = { class: "wx-categories-field_
     function m(v) {
       a.value = o.value.filter((d) => d !== v);
     }
-    return (v, d) => (p(), T("div", ta, [
-      b(n(Qe), {
+    return (v, d) => (p(), T("div", la, [
+      b(n(tt), {
         modelValue: u.value,
         "onUpdate:modelValue": d[0] || (d[0] = (w) => u.value = w),
         plain: "",
@@ -138,7 +138,7 @@ const ta = { class: "wx-categories-field" }, aa = { class: "wx-categories-field_
         "empty-text": t.emptyText ?? n(i)("categories.field-empty")
       }, {
         default: g(({ item: w, index: f }) => [
-          O("span", aa, L(w.name), 1),
+          O("span", oa, L(w.name), 1),
           t.main && f === 0 ? (p(), $(n(ze), {
             key: 0,
             type: "primary"
@@ -160,7 +160,7 @@ const ta = { class: "wx-categories-field" }, aa = { class: "wx-categories-field_
         ]),
         _: 1
       }, 8, ["modelValue", "disabled", "empty-text"]),
-      b(n(Ze), {
+      b(n(at), {
         "model-value": null,
         options: c.value,
         placeholder: t.addText ?? n(i)("categories.field-add"),
@@ -178,45 +178,8 @@ const ta = { class: "wx-categories-field" }, aa = { class: "wx-categories-field_
   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() {
+}, ia = /* @__PURE__ */ Y(sa, [["__scopeId", "data-v-640cd836"]]);
+function ra() {
   return {
     target: "entity",
     entity_type: null,
@@ -227,7 +190,7 @@ function ca() {
     rel: []
   };
 }
-function ma(e) {
+function ua(e) {
   const t = `${e.apiPath}/links`, a = (l) => l.data;
   return {
     sources: () => e.http.get(`${t}/sources`).then(a),
@@ -236,22 +199,22 @@ function ma(e) {
     routes: () => e.http.get(`${t}/routes`).then(a)
   };
 }
-const va = { class: "wx-link-picker" }, fa = {
+const da = { class: "wx-link-picker" }, ca = {
   key: 0,
   class: "wx-link-picker__entity"
-}, pa = {
+}, ma = {
   key: 1,
   class: "wx-link-picker__url"
-}, ha = {
+}, va = {
   key: 2,
   class: "wx-link-picker__hash"
-}, ga = {
+}, fa = {
   key: 3,
   class: "wx-link-picker__attributes"
-}, ya = { class: "wx-link-picker__rel" }, ba = /* @__PURE__ */ R({
+}, pa = { class: "wx-link-picker__rel" }, ha = /* @__PURE__ */ R({
   name: "WxLinkPicker",
   __name: "LinkPicker",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     allowNone: { type: Boolean, default: !0 },
     attributes: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
@@ -261,9 +224,9 @@ const va = { class: "wx-link-picker" }, fa = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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);
+    const t = e, a = de(e, "modelValue"), l = X(), i = ea(), s = ua(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 f = x(() => a.value ?? ra()), y = x(() => {
       const _ = [
         { value: "entity", label: o("links.target-entity") },
         { value: "url", label: o("links.target-url") }
@@ -326,7 +289,7 @@ const va = { class: "wx-link-picker" }, fa = {
       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 ne() {
+    function le() {
       d.value = null, v.value = "", u.value = [], a.value = { ...f.value, entity_type: null, entity_id: null };
     }
     function ie(_) {
@@ -350,16 +313,16 @@ const va = { class: "wx-link-picker" }, fa = {
       return _.available || N.push(o("links.unavailable")), N.join(" · ");
     }
     const q = ["nofollow", "sponsored", "ugc"];
-    return (_, N) => (p(), T("div", va, [
-      b(n($t), {
+    return (_, N) => (p(), T("div", da, [
+      b(n(Ct), {
         options: y.value,
         "model-value": f.value.target,
         disabled: t.disabled,
         "aria-label": n(o)("links.target-entity"),
         "onUpdate:modelValue": A
       }, null, 8, ["options", "model-value", "disabled", "aria-label"]),
-      f.value.target === "entity" ? (p(), T("div", fa, [
-        k.value.length > 1 ? (p(), $(n(Ze), {
+      f.value.target === "entity" ? (p(), T("div", ca, [
+        k.value.length > 1 ? (p(), $(n(at), {
           key: 0,
           class: "wx-link-picker__section",
           options: k.value,
@@ -383,9 +346,9 @@ const va = { class: "wx-link-picker" }, fa = {
           "onUpdate:modelValue": N[0] || (N[0] = (I) => v.value = I),
           onSearch: C,
           onSelect: K,
-          onClear: ne
+          onClear: le
         }, null, 8, ["model-value", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
-      ])) : f.value.target === "url" ? (p(), T("div", pa, [
+      ])) : f.value.target === "url" ? (p(), T("div", ma, [
         b(n(Be), {
           "model-value": f.value.url ?? "",
           options: J.value,
@@ -398,7 +361,7 @@ const va = { class: "wx-link-picker" }, fa = {
           "onUpdate:modelValue": ie
         }, null, 8, ["model-value", "options", "empty-text", "placeholder", "aria-label", "disabled"])
       ])) : U("", !0),
-      f.value.target !== "none" ? (p(), T("label", ha, [
+      f.value.target !== "none" ? (p(), T("label", va, [
         b(n(G), {
           size: "sm",
           tone: "muted"
@@ -421,7 +384,7 @@ const va = { class: "wx-link-picker" }, fa = {
           "onUpdate:modelValue": te
         }, null, 8, ["model-value", "placeholder", "aria-label", "disabled"])
       ])) : U("", !0),
-      t.attributes && f.value.target !== "none" ? (p(), T("div", ga, [
+      t.attributes && f.value.target !== "none" ? (p(), T("div", fa, [
         b(n(Ie), {
           "model-value": f.value.new_tab,
           disabled: t.disabled,
@@ -432,7 +395,7 @@ const va = { class: "wx-link-picker" }, fa = {
           ]),
           _: 1
         }, 8, ["model-value", "disabled"]),
-        O("div", ya, [
+        O("div", pa, [
           b(n(G), {
             size: "sm",
             tone: "muted"
@@ -457,11 +420,11 @@ const va = { class: "wx-link-picker" }, fa = {
       ])) : U("", !0)
     ]));
   }
-}), wa = /* @__PURE__ */ Y(ba, [["__scopeId", "data-v-e54022e5"]]), xa = /* @__PURE__ */ R({
+}), ga = /* @__PURE__ */ Y(ha, [["__scopeId", "data-v-e54022e5"]]), ya = /* @__PURE__ */ R({
   name: "WxLinkField",
   inheritAttrs: !1,
   __name: "LinkField",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     allowNone: { type: Boolean, default: !0 },
     attributes: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
@@ -471,8 +434,8 @@ const va = { class: "wx-link-picker" }, fa = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = ue(e, "modelValue");
-    return (l, i) => (p(), $(wa, He({
+    const t = e, a = de(e, "modelValue");
+    return (l, i) => (p(), $(ga, Ke({
       modelValue: a.value,
       "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s)
     }, l.$attrs, {
@@ -481,7 +444,7 @@ const va = { class: "wx-link-picker" }, fa = {
       disabled: t.disabled
     }), null, 16, ["modelValue", "allow-none", "attributes", "disabled"]));
   }
-}), ka = /* @__PURE__ */ R({
+}), ba = /* @__PURE__ */ R({
   __name: "BackButton",
   props: {
     to: {},
@@ -493,17 +456,17 @@ const va = { class: "wx-link-picker" }, fa = {
     return (i, s) => (p(), $(n(se), {
       icon: "arrow-left",
       class: "wx-back-button",
-      as: n(wt),
+      as: n(_t),
       to: e.to,
       title: l.value,
       size: e.size,
       "tooltip-side": "bottom"
     }, null, 8, ["as", "to", "title", "size"]));
   }
-}), _a = {
+}), wa = {
   key: 0,
   class: "wx-dropdown__divider"
-}, $a = /* @__PURE__ */ R({
+}, xa = /* @__PURE__ */ R({
   __name: "RowMenu",
   props: {
     actions: {},
@@ -518,14 +481,14 @@ const va = { class: "wx-link-picker" }, fa = {
       const s = l.value.find((o) => o.danger);
       return s && l.value[0] !== s ? s.key : null;
     });
-    return (s, o) => l.value.length > 0 ? (p(), $(n(Tt), {
+    return (s, o) => l.value.length > 0 ? (p(), $(n(Wt), {
       key: 0,
       class: "wx-row-menu",
       collapse: "always",
       align: "end",
       size: e.size,
       "aria-label": e.label,
-      onClick: o[0] || (o[0] = je(() => {
+      onClick: o[0] || (o[0] = qe(() => {
       }, ["stop"]))
     }, {
       trigger: g(() => [
@@ -539,8 +502,8 @@ const va = { class: "wx-link-picker" }, fa = {
         (p(!0), T(H, null, Q(l.value, (r) => (p(), T(H, {
           key: r.key
         }, [
-          r.key === i.value ? (p(), T("hr", _a)) : U("", !0),
-          b(n(St), {
+          r.key === i.value ? (p(), T("hr", wa)) : U("", !0),
+          b(n(Lt), {
             icon: r.icon,
             tone: r.danger ? "danger" : "default",
             href: r.href,
@@ -558,13 +521,13 @@ const va = { class: "wx-link-picker" }, fa = {
       _: 1
     }, 8, ["size", "aria-label"])) : U("", !0);
   }
-}), Ue = /* @__PURE__ */ Y($a, [["__scopeId", "data-v-cab01f7f"]]), Ta = ["data-level"], Sa = {
+}), Ue = /* @__PURE__ */ Y(xa, [["__scopeId", "data-v-cab01f7f"]]), ka = ["data-level"], _a = {
   key: 0,
   class: "wx-screen-head__trail"
-}, Ca = { class: "wx-screen-head__name" }, Wa = {
+}, $a = { class: "wx-screen-head__name" }, Ta = {
   key: 4,
   class: "wx-screen-head__actions"
-}, La = /* @__PURE__ */ R({
+}, Sa = /* @__PURE__ */ R({
   __name: "ScreenHead",
   props: {
     title: { default: void 0 },
@@ -578,7 +541,7 @@ const va = { class: "wx-link-picker" }, fa = {
   },
   emits: ["back"],
   setup(e, { emit: t }) {
-    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(
+    const a = e, l = t, i = P("webx-admin"), s = gt(), o = Ye("root"), r = At(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
@@ -596,10 +559,10 @@ const va = { class: "wx-link-picker" }, fa = {
       }]),
       "data-level": e.level
     }, [
-      f.$slots.trail ? (p(), T("div", Sa, [
+      f.$slots.trail ? (p(), T("div", _a, [
         F(f.$slots, "trail", {}, void 0, !0)
       ])) : U("", !0),
-      d.value ? (p(), $(ka, {
+      d.value ? (p(), $(ba, {
         key: 1,
         class: "wx-screen-head__back",
         to: d.value,
@@ -614,8 +577,8 @@ const va = { class: "wx-link-picker" }, fa = {
         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), {
+      O("div", $a, [
+        e.title ? (p(), $(n(zt), {
           key: 0,
           level: e.level,
           truncate: "",
@@ -642,7 +605,7 @@ const va = { class: "wx-link-picker" }, fa = {
         ]),
         _: 3
       })) : U("", !0),
-      w.value ? (p(), T("div", Wa, [
+      w.value ? (p(), T("div", Ta, [
         F(f.$slots, "extra", {}, void 0, !0),
         (p(!0), T(H, null, Q(m.value, (k) => (p(), $(n(Z), {
           key: k.key,
@@ -678,11 +641,11 @@ const va = { class: "wx-link-picker" }, fa = {
           label: e.title ?? n(i)("editor.more")
         }, null, 8, ["actions", "label"])) : U("", !0)
       ])) : U("", !0)
-    ], 10, Ta));
+    ], 10, ka));
   }
-}), ot = /* @__PURE__ */ Y(La, [["__scopeId", "data-v-e27d184e"]]), Aa = ["data-wx-fill"], za = /* @__PURE__ */ R({
+}), it = /* @__PURE__ */ Y(Sa, [["__scopeId", "data-v-e27d184e"]]), Ca = ["data-wx-fill"], Wa = /* @__PURE__ */ R({
   __name: "ListScreen",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     title: { default: void 0 },
     subtitle: { default: void 0 },
     back: { default: void 0 },
@@ -699,12 +662,12 @@ const va = { class: "wx-link-picker" }, fa = {
   }),
   emits: ["update:view"],
   setup(e) {
-    const t = ue(e, "view");
+    const t = de(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 || a.$slots.actions ? (p(), $(ot, {
+      e.title || e.actions || a.$slots.actions ? (p(), $(it, {
         key: 0,
         class: "wx-list-screen__head",
         title: e.title,
@@ -722,7 +685,7 @@ const va = { class: "wx-link-picker" }, fa = {
           key: "0"
         } : void 0
       ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : U("", !0),
-      e.views && e.views.length > 0 ? (p(), $(n(Lt), {
+      e.views && e.views.length > 0 ? (p(), $(n(Vt), {
         key: 1,
         modelValue: t.value,
         "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
@@ -756,9 +719,9 @@ const va = { class: "wx-link-picker" }, fa = {
           _: 3
         }, 8, ["padding"])) : F(a.$slots, "default", {}, void 0, !0, 1)
       ], 64))
-    ], 10, Aa));
+    ], 10, Ca));
   }
-}), st = /* @__PURE__ */ Y(za, [["__scopeId", "data-v-8c7e5ad1"]]), Va = /* @__PURE__ */ R({
+}), rt = /* @__PURE__ */ Y(Wa, [["__scopeId", "data-v-8c7e5ad1"]]), La = /* @__PURE__ */ R({
   name: "WxRichTextField",
   inheritAttrs: !1,
   __name: "RichTextField",
@@ -796,29 +759,67 @@ const va = { class: "wx-link-picker" }, fa = {
       cancel: a("rich-text.cancel"),
       uploading: a("rich-text.uploading")
     }));
-    return (s, o) => (p(), $(n(At), He(s.$attrs, {
+    return (s, o) => (p(), $(n(Et), Ke(s.$attrs, {
       labels: i.value,
       "pick-image": l.value
     }), null, 16, ["labels", "pick-image"]));
   }
-}), Ea = {
-  "wx-list": { component: st, kind: "layout", labelProp: "title" },
+}), ut = /* @__PURE__ */ Symbol("wx-record-address");
+function Aa(e) {
+  Xe(ut, e);
+}
+function za() {
+  return ne(ut, null);
+}
+const Va = { class: "wx-slug" }, Ea = { class: "wx-slug__prefix" }, Ua = /* @__PURE__ */ R({
+  name: "WxSlugField",
+  inheritAttrs: !1,
+  __name: "SlugField",
+  setup(e) {
+    const t = za(), a = nt(), 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?.path.value;
+      return typeof o == "string" && i.value !== "" && `${l.value}${i.value}` != `/${o}`;
+    });
+    return (o, r) => (p(), T("div", Va, [
+      b(n(ye), yt(bt(o.$attrs)), {
+        prefix: g(() => [
+          O("span", Ea, 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)
+    ]));
+  }
+}), Me = /* @__PURE__ */ Y(Ua, [["__scopeId", "data-v-5921c0dd"]]), Ra = {
+  "wx-list": { component: rt, 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: Va, kind: "field", wide: !0 },
+  "wx-rich-text": { component: La, 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: xa, kind: "field", wide: !0 },
-  "wx-categories": { component: la, kind: "field" },
-  "wx-category-slug": { component: da, kind: "field" }
-}, it = /* @__PURE__ */ Symbol("webx-admin");
+  "wx-link": { component: ya, kind: "field", wide: !0 },
+  "wx-categories": { component: ia, kind: "field" },
+  "wx-slug": { component: Me, kind: "field" },
+  "wx-category-slug": { component: Me, kind: "field" }
+}, dt = /* @__PURE__ */ Symbol("webx-admin");
 function X() {
-  const e = oe(it, null);
+  const e = ne(dt, null);
   if (e === null)
     throw new Error("useAdmin() was called outside a panel created by createAdmin().");
   return e;
 }
-function Ua(e) {
+function Na(e) {
   const t = pe({
     status: "loading",
     manifest: null,
@@ -860,7 +861,7 @@ function Ua(e) {
         entries: f.get(y.id) ?? []
       }))
     };
-  }), i = { ...Ea };
+  }), i = { ...Ra };
   for (const d of e.modules)
     Object.assign(i, d.types);
   Object.assign(i, e.types);
@@ -883,7 +884,7 @@ function Ua(e) {
       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)) {
+      if (Ia(d)) {
         t.manifest = null, t.user = null, t.status = "unauthenticated";
         return;
       }
@@ -937,13 +938,13 @@ function Ua(e) {
     }
   };
 }
-function Na(e, t) {
-  e.provide(it, t);
+function Ba(e, t) {
+  e.provide(dt, t);
 }
-function Ra(e) {
+function Ia(e) {
   return typeof e == "object" && e !== null && "status" in e && e.status === 401;
 }
-const Ba = /* @__PURE__ */ R({
+const Pa = /* @__PURE__ */ R({
   __name: "AdminLanding",
   props: {
     landing: { default: null }
@@ -959,22 +960,27 @@ const Ba = /* @__PURE__ */ R({
         o !== null && l.replace(o);
       },
       { immediate: !0 }
-    ), (o, r) => s.value === null && n(a).state.status === "ready" ? (p(), $(n(zt), {
+    ), (o, r) => s.value === null && n(a).state.status === "ready" ? (p(), $(n(Ut), {
       key: 0,
       status: "info",
       title: n(i)("shell.empty-title"),
       description: n(i)("shell.empty-description")
     }, null, 8, ["title", "description"])) : U("", !0);
   }
-}), Ia = /* @__PURE__ */ R({
+}), Da = /* @__PURE__ */ R({
   __name: "AdminNav",
   props: {
     collapsed: { type: Boolean }
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    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 ?? "",
+    const a = t, l = X(), i = P("webx-admin"), s = ge(), o = et(), r = x({
+      /*
+       * The longest path that contains this one, on a segment boundary: a section may live inside
+       * another's path (`/services/categories` under `/services`), and the first match in the order
+       * of the menu would light up the outer one.
+       */
+      get: () => l.nav.value.filter((c) => o.path === c.path || o.path.startsWith(`${c.path}/`)).sort((c, h) => h.path.length - c.path.length)[0]?.id ?? "",
       set: (u) => {
         const c = l.nav.value.find((h) => h.id === u);
         c !== void 0 && s.push(c.path);
@@ -1017,37 +1023,37 @@ const Ba = /* @__PURE__ */ R({
       }, 8, ["modelValue", "collapsed", "label"]);
     };
   }
-}), Pa = {
+}), Ma = {
   key: 0,
   class: "wx-root wx-admin-plain"
-}, Da = {
+}, Fa = {
   key: 1,
   class: "wx-root wx-admin-plain"
-}, Ma = {
+}, Oa = {
   key: 2,
   class: "wx-root wx-admin-plain"
-}, 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({
+}, Ha = ["src", "alt", "width", "height"], ja = ["src", "alt", "width", "height"], Ka = ["src", "alt"], qa = { class: "wx-admin__user" }, Ya = { class: "wx-admin__user wx-admin__user--drawer" }, Xa = /* @__PURE__ */ R({
   __name: "AdminShell",
   setup(e) {
-    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(
+    const t = X(), a = P("webx-admin"), l = W(null), { width: i, layout: s, collapsed: o, showAside: r, drawerOpen: u, toggle: c, close: h } = Rt(
       l,
       { persist: "webx-admin-shell" }
-    ), 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(() => {
+    ), m = x(() => t.state.manifest?.title ?? ""), v = x(() => t.state.manifest?.branding?.logo ?? null), d = x(() => t.state.manifest?.branding?.mark ?? null), w = x(() => Nt(i.value, null));
+    return wt(() => {
       typeof document > "u" || (document.documentElement.dataset.wxShell = w.value);
-    }), yt(() => {
+    }), xt(() => {
       typeof document < "u" && delete document.documentElement.dataset.wxShell;
     }), (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");
+      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"), le = 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(n(Bt), { placement: "bottom-center" }),
+        n(t).state.status === "unauthenticated" ? (p(), T("div", Ma, [
           b(k)
-        ])) : n(t).state.status === "loading" ? (p(), T("div", Da, [
+        ])) : n(t).state.status === "loading" ? (p(), T("div", Fa, [
           b(M, {
             label: n(a)("shell.loading")
           }, null, 8, ["label"])
-        ])) : n(t).state.status === "error" ? (p(), T("div", Ma, [
+        ])) : n(t).state.status === "error" ? (p(), T("div", Oa, [
           b(S, {
             status: "error",
             title: n(a)("shell.error-title"),
@@ -1072,7 +1078,7 @@ const Ba = /* @__PURE__ */ R({
           ref: l,
           class: ae(["wx-root wx-admin", `wx-admin--${w.value}`])
         }, [
-          b(ne, {
+          b(le, {
             direction: n(s) === "drawer" ? "vertical" : "horizontal",
             "full-height": "",
             class: "wx-admin__frame"
@@ -1104,7 +1110,7 @@ const Ba = /* @__PURE__ */ R({
                       alt: m.value,
                       width: v.value.width ?? void 0,
                       height: v.value.height ?? void 0
-                    }, null, 8, Fa)) : (p(), $(C, {
+                    }, null, 8, Ha)) : (p(), $(C, {
                       key: 1,
                       weight: "semibold",
                       truncate: ""
@@ -1138,7 +1144,7 @@ const Ba = /* @__PURE__ */ R({
                       class: "wx-admin__mark",
                       src: d.value.url,
                       alt: m.value
-                    }, null, 8, Ha)) : U("", !0) : F(f.$slots, "brand", {}, () => [
+                    }, null, 8, Ka)) : U("", !0) : F(f.$slots, "brand", {}, () => [
                       v.value ? (p(), T("img", {
                         key: 0,
                         class: "wx-admin__logo",
@@ -1146,7 +1152,7 @@ const Ba = /* @__PURE__ */ R({
                         alt: m.value,
                         width: v.value.width ?? void 0,
                         height: v.value.height ?? void 0
-                      }, null, 8, Oa)) : (p(), $(C, {
+                      }, null, 8, ja)) : (p(), $(C, {
                         key: 1,
                         weight: "semibold",
                         truncate: "",
@@ -1166,7 +1172,7 @@ const Ba = /* @__PURE__ */ R({
                   ], 2)
                 ]),
                 bottom: g(() => [
-                  O("div", ja, [
+                  O("div", qa, [
                     F(f.$slots, "user", {
                       expanded: !n(o)
                     }, void 0, !0)
@@ -1191,7 +1197,7 @@ const Ba = /* @__PURE__ */ R({
           }, 8, ["direction"]),
           b(ie, {
             open: n(u),
-            "onUpdate:open": y[1] || (y[1] = (te) => qe(u) ? u.value = te : null),
+            "onUpdate:open": y[1] || (y[1] = (te) => Ge(u) ? u.value = te : null),
             class: "wx-admin__drawer",
             title: m.value === "" ? n(a)("nav.menu") : m.value,
             side: "left",
@@ -1200,7 +1206,7 @@ const Ba = /* @__PURE__ */ R({
             closable: ""
           }, {
             footer: g(() => [
-              O("div", Ka, [
+              O("div", Ya, [
                 F(f.$slots, "user", { expanded: !0 }, void 0, !0)
               ])
             ]),
@@ -1216,7 +1222,7 @@ const Ba = /* @__PURE__ */ R({
       ], 64);
     };
   }
-}), Ya = /* @__PURE__ */ Y(qa, [["__scopeId", "data-v-309fdb9d"]]);
+}), Ga = /* @__PURE__ */ Y(Xa, [["__scopeId", "data-v-819885ab"]]);
 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";
@@ -1236,15 +1242,15 @@ class Ce extends Error {
     return this.status === 429;
   }
 }
-const Xa = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
-function Ga(e = {}) {
+const Ja = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
+function Qa(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);
+    o && !c && Fe("XSRF-TOKEN") !== null || (await l(a, { credentials: "same-origin" }), o = !0);
   }
   async function u(c, h, m, v = {}, d = !1) {
-    const w = Xa.has(c);
+    const w = Ja.has(c);
     w && await r();
     const f = {
       Accept: "application/json",
@@ -1254,11 +1260,11 @@ function Ga(e = {}) {
       ...v.headers
     };
     if (w) {
-      const k = Me("XSRF-TOKEN");
+      const k = Fe("XSRF-TOKEN");
       k !== null && (f["X-XSRF-TOKEN"] = k);
     }
     m !== void 0 && (f["Content-Type"] = "application/json");
-    const y = await l(Qa(t, h, v.query), {
+    const y = await l(en(t, h, v.query), {
       method: c,
       credentials: "same-origin",
       headers: f,
@@ -1268,7 +1274,7 @@ function Ga(e = {}) {
     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);
+      throw await Za(y);
     if (y.status !== 204)
       return await y.json();
   }
@@ -1280,7 +1286,7 @@ function Ga(e = {}) {
     delete: (c, h) => u("DELETE", c, void 0, h)
   };
 }
-async function Ja(e) {
+async function Za(e) {
   let t = null;
   try {
     t = await e.json();
@@ -1295,7 +1301,7 @@ async function Ja(e) {
     t
   );
 }
-function Qa(e, t, a) {
+function en(e, t, a) {
   const i = /^https?:\/\//i.test(t) ? t : `${e}/${t.replace(/^\//, "")}`;
   if (a === void 0)
     return i;
@@ -1305,7 +1311,7 @@ function Qa(e, t, a) {
   const o = s.toString();
   return o === "" ? i : `${i}${i.includes("?") ? "&" : "?"}${o}`;
 }
-function Me(e) {
+function Fe(e) {
   if (typeof document > "u")
     return null;
   for (const t of document.cookie.split(";")) {
@@ -1315,47 +1321,47 @@ function Me(e) {
   }
   return null;
 }
-const Za = "webx.theme", rt = /* @__PURE__ */ Symbol("webx-theme");
-function Yn() {
-  const e = oe(rt, null);
+const tn = "webx.theme", ct = /* @__PURE__ */ Symbol("webx-theme");
+function Jn() {
+  const e = ne(ct, null);
   if (e === null)
     throw new Error("useTheme() was called outside a panel created by createAdmin().");
   return e;
 }
-function en(e, t) {
-  e.provide(rt, t);
+function an(e, t) {
+  e.provide(ct, t);
 }
-function tn(e = {}) {
-  const t = e.storageKey === void 0 ? Za : e.storageKey, a = pe({
-    preference: an(t) ?? "system",
+function nn(e = {}) {
+  const t = e.storageKey === void 0 ? tn : e.storageKey, a = pe({
+    preference: ln(t) ?? "system",
     resolved: "light"
   });
   function l() {
-    Yt(a.preference), a.resolved = a.preference === "system" ? Xt() : a.preference;
+    Jt(a.preference), a.resolved = a.preference === "system" ? Qt() : a.preference;
   }
-  return l(), qt((i) => {
+  return l(), Gt((i) => {
     a.preference === "system" && (a.resolved = i);
   }), {
     state: a,
     set(i) {
-      a.preference = i, l(), Fe(t, i);
+      a.preference = i, l(), Oe(t, i);
     },
     adopt(i) {
       if (i === void 0)
         return;
       const s = i ?? "system";
-      s !== a.preference && (a.preference = s, l(), Fe(t, s));
+      s !== a.preference && (a.preference = s, l(), Oe(t, s));
     }
   };
 }
-function Fe(e, t) {
+function Oe(e, t) {
   if (e !== null)
     try {
       localStorage.setItem(e, t);
     } catch {
     }
 }
-function an(e) {
+function ln(e) {
   if (e === null)
     return null;
   try {
@@ -1365,7 +1371,7 @@ function an(e) {
     return null;
   }
 }
-const ut = {
+const mt = {
   shell: {
     loading: "Loading the panel…",
     "error-title": "The panel could not start",
@@ -1580,9 +1586,9 @@ const ut = {
     "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."
   }
-}, 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 ?? []];
+}, vt = "webx.locale";
+function Qn(e = {}) {
+  const t = e.manifestUrl ?? cn() ?? "/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 === "/")) {
@@ -1590,14 +1596,14 @@ function Xn(e = {}) {
     s.push({
       path: "/",
       name: "webx.home",
-      component: Ba,
+      component: Pa,
       props: { landing: y?.path ?? y?.routes?.[0]?.path ?? null }
     });
   }
-  const o = xt({
-    history: kt(l),
+  const o = $t({
+    history: Tt(l),
     routes: s
-  }), r = Ee({ locale: e.locale ?? ln() }), u = tn(), c = e.http ?? Ga({
+  }), r = Ee({ locale: e.locale ?? sn() }), u = nn(), c = e.http ?? Qa({
     baseUrl: "",
     csrfUrl: `${a}/auth/csrf-cookie`,
     onUnauthenticated: () => {
@@ -1609,12 +1615,12 @@ function Xn(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", ut);
+  r.defaults("webx-admin", mt);
   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);
+    r.load(k.data.namespaces, k.data.locale, k.data.fallback), rn(k.data.locale), dn(k.data.locale, r.state.panelLocales);
   }
-  const m = Ua({
+  const m = Na({
     http: c,
     theme: u,
     basePath: l,
@@ -1625,13 +1631,13 @@ function Xn(e = {}) {
     types: e.types,
     screens: e.screens,
     loadManifest: async () => (await c.get(t)).data
-  }), v = bt(nn(e));
-  v.use(Nt), Na(v, m), Qt(v, r), en(v, u);
+  }), v = kt(on(e));
+  v.use(It), Ba(v, m), ta(v, r), an(v, u);
   const d = W("");
   v.provide(
-    Rt,
+    Pt,
     x(() => r.state.locale)
-  ), v.provide(Bt, {
+  ), v.provide(Dt, {
     list: x(
       () => r.state.contentLocales.map((y) => ({
         code: y.code,
@@ -1664,40 +1670,40 @@ function Xn(e = {}) {
     y.install(w);
   return v.use(o), w;
 }
-function nn(e) {
+function on(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: (a) => de(Ia, { collapsed: a.collapsed === !0, onSelect: a.select })
+    nav: (a) => re(Da, { collapsed: a.collapsed === !0, onSelect: a.select })
   };
-  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) };
+  return e.brand !== void 0 && (t.brand = () => re(e.brand)), e.userMenu !== void 0 && (t.user = (a) => re(e.userMenu, { expanded: a.expanded === !0 })), { render: () => re(Ga, null, t) };
 }
-function ln() {
-  const e = sn(dt);
+function sn() {
+  const e = un(vt);
   return e !== null ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator > "u" ? "en" : navigator.language;
 }
-function on(e) {
+function rn(e) {
   try {
-    localStorage.setItem(dt, e);
+    localStorage.setItem(vt, e);
   } catch {
   }
 }
-function sn(e) {
+function un(e) {
   try {
     return localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function rn(e, t) {
+function dn(e, t) {
   typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = t.find((a) => a.code === e)?.direction ?? "ltr");
 }
-function un() {
+function cn() {
   return typeof document > "u" ? null : document.querySelector('meta[name="webx-manifest"]')?.getAttribute("content") ?? null;
 }
-function dn(e) {
+function mn(e) {
   const t = e.replace(/\r\n?/g, `
 `).split(`
 `), a = [];
@@ -1762,7 +1768,7 @@ function Te(e) {
 function We(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function cn(e) {
+function vn(e) {
   const t = e.scope("webx-admin"), a = /* @__PURE__ */ new Map();
   function l(s, o, r) {
     const u = e.state.locale, c = `${u}:${s}`;
@@ -1775,7 +1781,7 @@ function cn(e) {
       const o = fe(s);
       if (o === null)
         return t("dates.never");
-      const r = /* @__PURE__ */ new Date(), u = Oe(o, r);
+      const r = /* @__PURE__ */ new Date(), u = He(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",
         {
@@ -1793,7 +1799,7 @@ function cn(e) {
       if (o === null)
         return t("dates.never");
       const r = /* @__PURE__ */ new Date();
-      return Oe(o, r) === 0 ? i(o) : o.getFullYear() === r.getFullYear() ? l("compact", { day: "numeric", month: "short" }, o) : l("compact-earlier", { dateStyle: "short" }, o);
+      return He(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 o = fe(s);
@@ -1805,13 +1811,13 @@ function cn(e) {
     }
   };
 }
-function ct() {
-  const e = oe(we, null);
-  return cn(e ?? mn());
+function ft() {
+  const e = ne(we, null);
+  return vn(e ?? fn());
 }
 let ve = null;
-function mn() {
-  return ve === null && (ve = Ee(), ve.defaults("webx-admin", ut)), ve;
+function fn() {
+  return ve === null && (ve = Ee(), ve.defaults("webx-admin", mt)), ve;
 }
 function fe(e) {
   if (e == null || e === "")
@@ -1819,14 +1825,14 @@ function fe(e) {
   const t = e instanceof Date ? e : new Date(e);
   return Number.isNaN(t.getTime()) ? null : t;
 }
-function Oe(e, t) {
+function He(e, t) {
   const a = (l) => Date.UTC(l.getFullYear(), l.getMonth(), l.getDate());
   return Math.round((a(e) - a(t)) / 864e5);
 }
-function vn(e, t, a) {
-  const l = e instanceof Ce ? e.status : fn(e);
+function pn(e, t, a) {
+  const l = e instanceof Ce ? e.status : hn(e);
   if (l === 422)
-    return pn(e) ?? a ?? t("errors.unknown");
+    return gn(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");
@@ -1837,19 +1843,19 @@ function vn(e, t, a) {
   }
   return l !== null && l >= 500 ? t("errors.server") : l === null ? t("errors.offline") : a ?? t("errors.unknown");
 }
-function Ne() {
+function Re() {
   const e = P("webx-admin");
-  return (t, a) => vn(t, e, a);
+  return (t, a) => pn(t, e, a);
 }
-function fn(e) {
+function hn(e) {
   const t = e?.status;
   return typeof t == "number" ? t : null;
 }
-function pn(e) {
+function gn(e) {
   const a = e?.body?.message;
   return typeof a == "string" && a !== "" ? a : null;
 }
-function hn(e, t, a) {
+function yn(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(l).then(s),
@@ -1859,32 +1865,39 @@ function hn(e, t, a) {
     })
   };
 }
-function gn(e) {
+const pt = /* @__PURE__ */ Symbol("wx-category-editor");
+function bn(e) {
+  Xe(pt, e);
+}
+function Zn() {
+  return ne(pt, null);
+}
+function wn(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()));
+function el(e, t) {
+  const a = X(), l = P("webx-admin"), i = x(() => wn(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)
+    move: (s) => na(a, e, s, i.value === "category" ? t().category ?? null : null)
   };
 }
-function Re(e = {}) {
+function Ne(e = {}) {
   const t = P("webx-admin");
   return (a, l) => t(e[a] ?? `webx-admin::categories.${a}`, l);
 }
-const yn = /* @__PURE__ */ R({
+const xn = /* @__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");
+    const t = e, { open: a, resolve: l, dismiss: i } = Mt(), s = xe(X(), t.options.api), o = Ne(t.options.words), r = W(""), u = W(!1), c = W({}), h = Ye("field");
     Le(async () => {
-      await Ye(), h.value?.querySelector("input")?.focus();
+      await Je(), h.value?.querySelector("input")?.focus();
     });
     function m(d) {
       const w = Object.keys(c.value).find((f) => f === d || f.startsWith(`${d}.`));
@@ -1902,14 +1915,14 @@ const yn = /* @__PURE__ */ R({
         }
       }
     }
-    return (d, w) => (p(), $(n(tt), {
+    return (d, w) => (p(), $(n(lt), {
       open: n(a),
-      "onUpdate:open": w[2] || (w[2] = (f) => qe(a) ? a.value = f : null),
+      "onUpdate:open": w[2] || (w[2] = (f) => Ge(a) ? a.value = f : null),
       title: n(o)("new"),
       width: 440
     }, {
       footer: g(() => [
-        b(n(Dt), { size: "sm" }, {
+        b(n(Ot), { size: "sm" }, {
           default: g(() => [
             b(n(Z), {
               variant: "outline",
@@ -1936,7 +1949,7 @@ const yn = /* @__PURE__ */ R({
         })
       ]),
       default: g(() => [
-        b(n(Pt), {
+        b(n(Ft), {
           label: n(o)("field-title"),
           error: m("title") ?? m("slug"),
           required: ""
@@ -1950,7 +1963,7 @@ const yn = /* @__PURE__ */ R({
                 modelValue: r.value,
                 "onUpdate:modelValue": w[0] || (w[0] = (f) => r.value = f),
                 "aria-label": n(o)("field-title"),
-                onKeyup: Xe(v, ["enter"])
+                onKeyup: Qe(v, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -1960,16 +1973,16 @@ const yn = /* @__PURE__ */ R({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), bn = { class: "wx-category-row__name" }, wn = /* @__PURE__ */ R({
+}), kn = { class: "wx-category-row__name" }, _n = /* @__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(
+    const t = e, a = X(), l = xe(a, t.options.api), i = ge(), s = Ne(t.options.words), o = Re(), 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(
+    ), m = Ht(xn), v = x(
       () => c.value ? [{ key: "new", label: s("new"), icon: "plus", primary: !0, run: () => {
         y();
       } }] : []
@@ -2041,23 +2054,23 @@ const yn = /* @__PURE__ */ R({
     }
     return (S, B) => {
       const C = j("router-link");
-      return p(), $(st, {
+      return p(), $(rt, {
         class: "wx-categories",
         title: h.value,
         actions: v.value,
         padding: "sm"
       }, {
         default: g(() => [
-          u.value ? (p(), $(n(re), {
+          u.value ? (p(), $(n(ue), {
             key: 0,
             class: "wx-categories__loading",
             rows: 5
-          })) : r.value.length === 0 ? (p(), $(n(at), {
+          })) : r.value.length === 0 ? (p(), $(n(ot), {
             key: 1,
             title: n(s)("empty"),
             description: n(s)("empty-help")
           }, null, 8, ["title", "description"])) : (p(), T(H, { key: 2 }, [
-            b(n(Qe), {
+            b(n(tt), {
               modelValue: r.value,
               "onUpdate:modelValue": B[0] || (B[0] = (A) => r.value = A),
               class: "wx-categories__list",
@@ -2073,7 +2086,7 @@ const yn = /* @__PURE__ */ R({
                   to: `${t.options.path}/${A.id}`
                 }, {
                   default: g(() => [
-                    O("span", bn, [
+                    O("span", kn, [
                       b(n(G), {
                         truncate: "",
                         weight: "medium"
@@ -2083,7 +2096,7 @@ const yn = /* @__PURE__ */ R({
                         ]),
                         _: 2
                       }, 1024),
-                      A.is_visible ? U("", !0) : (p(), $(n(nt), {
+                      A.is_visible ? U("", !0) : (p(), $(n(st), {
                         key: 0,
                         content: n(s)("hidden")
                       }, {
@@ -2139,11 +2152,11 @@ const yn = /* @__PURE__ */ R({
       }, 8, ["title", "actions"]);
     };
   }
-}), xn = {
+}), $n = {
   class: "wx-save-state",
   role: "status",
   "aria-live": "polite"
-}, kn = /* @__PURE__ */ R({
+}, Tn = /* @__PURE__ */ R({
   __name: "SaveState",
   props: {
     state: {},
@@ -2163,9 +2176,9 @@ const yn = /* @__PURE__ */ R({
     const s = x(
       () => t.state === "saving" ? "saving" : l.value ? "saved" : null
     );
-    return Ge(() => {
+    return Ze(() => {
       i !== null && clearTimeout(i);
-    }), (o, r) => (p(), T("span", xn, [
+    }), (o, r) => (p(), T("span", $n, [
       s.value ? (p(), $(n(Ve), {
         key: 0,
         class: ae(["wx-save-state__mark", { "is-saved": s.value === "saved" }]),
@@ -2175,9 +2188,9 @@ const yn = /* @__PURE__ */ R({
       }, null, 8, ["class", "name", "spin", "label"])) : U("", !0)
     ]));
   }
-}), _n = /* @__PURE__ */ Y(kn, [["__scopeId", "data-v-216e5e44"]]), $n = { class: "wx-screen-host" }, Tn = /* @__PURE__ */ R({
+}), Sn = /* @__PURE__ */ Y(Tn, [["__scopeId", "data-v-216e5e44"]]), Cn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
   __name: "Screen",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     name: {},
     errors: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -2188,9 +2201,9 @@ const yn = /* @__PURE__ */ R({
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ le(["loaded"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ oe(["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);
+    const l = e, i = a, s = de(e, "modelValue"), o = X(), r = P("webx-admin"), u = W(null), c = W(null);
     async function h() {
       u.value = null, c.value = null;
       try {
@@ -2202,16 +2215,16 @@ const yn = /* @__PURE__ */ R({
     }
     return ee([() => l.name, () => o.i18n.state.locale], () => {
       h();
-    }, { immediate: !0 }), t({ reload: h }), (m, v) => (p(), T("div", $n, [
+    }, { immediate: !0 }), t({ reload: h }), (m, v) => (p(), T("div", Cn, [
       c.value ? (p(), $(n(be), {
         key: 0,
         type: "danger",
         title: n(r)("shell.error-title"),
         description: c.value
-      }, null, 8, ["title", "description"])) : u.value === null ? (p(), $(n(re), {
+      }, null, 8, ["title", "description"])) : u.value === null ? (p(), $(n(ue), {
         key: 1,
         rows: 4
-      })) : (p(), $(n(Gt), {
+      })) : (p(), $(n(Zt), {
         key: 2,
         modelValue: s.value,
         "onUpdate:modelValue": v[0] || (v[0] = (d) => s.value = d),
@@ -2228,20 +2241,25 @@ const yn = /* @__PURE__ */ R({
       }, null, 8, ["modelValue", "root", "patch", "types", "errors", "translate", "can", "disabled", "label-position", "label-width", "size"]))
     ]));
   }
-}), Sn = /* @__PURE__ */ R({
+}), Ln = /* @__PURE__ */ R({
   name: "WxCategoryEditorPage",
   __name: "CategoryEditorPage",
   props: {
     options: {}
   },
   setup(e) {
-    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(
+    const t = e, a = X(), l = xe(a, t.options.api), i = et(), s = ge(), o = nt(), r = Ne(t.options.words), u = Re(), 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");
+      return jt(z, o.active.value, m.value?.name ?? "") || r("untitled");
+    });
+    bn({ category: m, values: v, prefix: d, moving: () => r("address-moving") }), Aa({
+      values: v,
+      prefix: d,
+      path: x(() => m.value?.path),
+      moving: () => r("address-moving")
     });
-    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);
     }
@@ -2255,7 +2273,7 @@ const yn = /* @__PURE__ */ R({
         f.value = !1;
       }
     }
-    async function ne() {
+    async function le() {
       if (!(!m.value || y.value || !M.value)) {
         y.value = !0, k.value = {};
         try {
@@ -2287,15 +2305,15 @@ const yn = /* @__PURE__ */ R({
       S.value && z.preventDefault();
     }
     function ke(z) {
-      (z.ctrlKey || z.metaKey) && z.key.toLowerCase() === "s" && (z.preventDefault(), S.value && ne());
+      (z.ctrlKey || z.metaKey) && z.key.toLowerCase() === "s" && (z.preventDefault(), S.value && le());
     }
     ee(c, () => {
       K();
     }), Le(() => {
       K(), window.addEventListener("beforeunload", te);
-    }), Ge(() => {
+    }), Ze(() => {
       window.removeEventListener("beforeunload", te);
-    }), _t(async () => !S.value || !M.value ? !0 : await he({
+    }), St(async () => !S.value || !M.value ? !0 : await he({
       title: r("leave-title"),
       message: r("leave-text"),
       confirmText: r("leave"),
@@ -2320,19 +2338,19 @@ const yn = /* @__PURE__ */ R({
       onKeydown: ke
     }, [
       f.value || !m.value ? (p(), T(H, { key: 0 }, [
-        b(n(re), {
+        b(n(ue), {
           class: "wx-category-editor__ghost",
           title: "",
           rows: 1
         }),
         b(n(Se), null, {
           default: g(() => [
-            b(n(re), { rows: 6 })
+            b(n(ue), { rows: 6 })
           ]),
           _: 1
         })
       ], 64)) : (p(), T(H, { key: 1 }, [
-        b(ot, {
+        b(it, {
           divider: "",
           back: h.value,
           "back-label": C.value,
@@ -2341,7 +2359,7 @@ const yn = /* @__PURE__ */ R({
           actions: _e.value
         }, Ae({
           trail: g(() => [
-            b(n(Ot), {
+            b(n(Kt), {
               size: "sm",
               label: n(r)("trail")
             }, {
@@ -2380,23 +2398,23 @@ const yn = /* @__PURE__ */ R({
             key: "0"
           }
         ]), 1032, ["back", "back-label", "title", "subtitle", "actions"]),
-        b(Tn, {
+        b(Wn, {
           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 }, {
+        M.value ? (p(), $(n(qt), { key: 0 }, {
           state: g(() => [
-            b(_n, { state: B.value }, null, 8, ["state"])
+            b(Sn, { state: B.value }, null, 8, ["state"])
           ]),
           default: g(() => [
             b(n(Z), {
               type: "primary",
               loading: y.value,
               disabled: !S.value,
-              onClick: ne
+              onClick: le
             }, {
               default: g(() => [
                 V(L(n(r)("save")), 1)
@@ -2409,19 +2427,24 @@ const yn = /* @__PURE__ */ R({
       ], 64))
     ], 32));
   }
-}), Cn = /* @__PURE__ */ Y(Sn, [["__scopeId", "data-v-9a461226"]]);
-function Jn(e) {
+}), An = /* @__PURE__ */ Y(Ln, [["__scopeId", "data-v-86d85f8c"]]);
+function je(e, t) {
+  return R({
+    name: "WxCategoriesView",
+    setup: () => () => re(e, { options: t })
+  });
+}
+function tl(e) {
   return [
-    { path: e.path, name: e.name, component: wn, props: { options: e } },
+    { path: e.path, name: e.name, component: je(_n, e) },
     {
       path: `${e.path}/:id(\\d+)`,
       name: `${e.name}.edit`,
-      component: Cn,
-      props: { options: e }
+      component: je(An, e)
     }
   ];
 }
-const Qn = 76, Zn = /* @__PURE__ */ R({
+const al = 76, nl = /* @__PURE__ */ R({
   __name: "FilterChips",
   props: {
     filters: {}
@@ -2441,7 +2464,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       _: 2
     }, 1032, ["onClose"]))), 128));
   }
-}), Wn = { class: "wx-rename__footer" }, Ln = /* @__PURE__ */ R({
+}), zn = { class: "wx-rename__footer" }, Vn = /* @__PURE__ */ R({
   __name: "RenameButton",
   props: {
     name: { default: "" },
@@ -2454,7 +2477,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
   setup(e, { emit: t }) {
     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());
+      h && (o.value = a.name, await Je(), r.value?.focus(), r.value?.select());
     });
     function c() {
       const h = o.value.trim();
@@ -2464,7 +2487,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       }
       l("rename", h), s.value = !1;
     }
-    return (h, m) => (p(), $(n(jt), {
+    return (h, m) => (p(), $(n(Yt), {
       open: s.value,
       "onUpdate:open": m[2] || (m[2] = (v) => s.value = v),
       title: u.value,
@@ -2484,7 +2507,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       default: g(() => [
         O("form", {
           class: "wx-rename",
-          onSubmit: je(c, ["prevent"])
+          onSubmit: qe(c, ["prevent"])
         }, [
           b(n(ye), {
             ref_key: "field",
@@ -2493,9 +2516,9 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
             "onUpdate:modelValue": m[0] || (m[0] = (v) => o.value = v),
             "aria-label": u.value,
             placeholder: e.placeholder,
-            onKeydown: m[1] || (m[1] = Xe((v) => s.value = !1, ["esc"]))
+            onKeydown: m[1] || (m[1] = Qe((v) => s.value = !1, ["esc"]))
           }, null, 8, ["modelValue", "aria-label", "placeholder"]),
-          O("div", Wn, [
+          O("div", zn, [
             b(n(Z), {
               type: "primary",
               size: "sm",
@@ -2512,7 +2535,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), el = /* @__PURE__ */ Y(Ln, [["__scopeId", "data-v-d879e8d3"]]), An = ["innerHTML"], zn = /* @__PURE__ */ R({
+}), ll = /* @__PURE__ */ Y(Vn, [["__scopeId", "data-v-d879e8d3"]]), En = ["innerHTML"], Un = /* @__PURE__ */ R({
   __name: "HelpButton",
   props: {
     body: {},
@@ -2522,7 +2545,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
     width: { default: 720 }
   },
   setup(e) {
-    const t = e, a = P("webx-admin"), l = W(!1), i = x(() => t.title ?? a("help.title")), s = x(() => dn(t.body));
+    const t = e, a = P("webx-admin"), l = W(!1), i = x(() => t.title ?? a("help.title")), s = x(() => mn(t.body));
     return (o, r) => (p(), T(H, null, [
       b(n(se), {
         type: "details",
@@ -2532,7 +2555,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
         title: e.label ?? i.value,
         onClick: r[0] || (r[0] = (u) => l.value = !0)
       }, null, 8, ["size", "title"]),
-      b(n(tt), {
+      b(n(lt), {
         open: l.value,
         "onUpdate:open": r[1] || (r[1] = (u) => l.value = u),
         title: i.value,
@@ -2542,13 +2565,13 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
           O("div", {
             class: "wx-help",
             innerHTML: s.value
-          }, null, 8, An)
+          }, null, 8, En)
         ]),
         _: 1
       }, 8, ["open", "title", "width"])
     ], 64));
   }
-}), tl = /* @__PURE__ */ Y(zn, [["__scopeId", "data-v-6c280d42"]]), mt = /* @__PURE__ */ R({
+}), ol = /* @__PURE__ */ Y(Un, [["__scopeId", "data-v-6c280d42"]]), ht = /* @__PURE__ */ R({
   name: "WxDate",
   __name: "DateText",
   props: {
@@ -2558,8 +2581,8 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
     tone: { default: "muted" }
   },
   setup(e) {
-    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), {
+    const t = e, a = ft(), 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(st), {
       key: 0,
       content: i.value
     }, {
@@ -2588,16 +2611,16 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       _: 1
     }, 8, ["size", "tone"]));
   }
-}), Vn = { class: "wx-notes" }, En = {
+}), Rn = { class: "wx-notes" }, Nn = {
   key: 3,
   class: "wx-notes__list"
-}, Un = { class: "wx-note__body" }, Nn = { class: "wx-note__head" }, Rn = { class: "wx-note__buttons" }, Bn = {
+}, Bn = { class: "wx-note__body" }, In = { class: "wx-note__head" }, Pn = { class: "wx-note__buttons" }, Dn = {
   key: 1,
   class: "wx-note__text"
-}, In = {
+}, Mn = {
   key: 4,
   class: "wx-notes__new"
-}, Pn = /* @__PURE__ */ R({
+}, Fn = /* @__PURE__ */ R({
   name: "WxNotes",
   __name: "NotesFeed",
   props: {
@@ -2608,7 +2631,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    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"));
+    const a = e, l = t, i = X(), s = P("webx-admin"), o = Re(), r = W([]), u = W(!0), c = W(""), h = W(!1), m = W(null), v = W(""), d = x(() => yn(i, a.type, a.id)), w = x(() => a.title ?? s("notes.title"));
     async function f() {
       u.value = !0;
       try {
@@ -2683,7 +2706,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
     function B(C) {
       return C.author?.name ?? s("notes.unknown-author");
     }
-    return (C, A) => (p(), T("section", Vn, [
+    return (C, A) => (p(), T("section", Rn, [
       w.value ? (p(), $(n(G), {
         key: 0,
         weight: "medium",
@@ -2694,25 +2717,25 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
         ]),
         _: 1
       })) : U("", !0),
-      u.value ? (p(), $(n(re), {
+      u.value ? (p(), $(n(ue), {
         key: 1,
         rows: 2
-      })) : r.value.length === 0 ? (p(), $(n(at), {
+      })) : r.value.length === 0 ? (p(), $(n(ot), {
         key: 2,
         size: "sm",
         description: n(s)("notes.empty")
-      }, null, 8, ["description"])) : (p(), T("ul", En, [
+      }, null, 8, ["description"])) : (p(), T("ul", Nn, [
         (p(!0), T(H, null, Q(r.value, (E) => (p(), T("li", {
           key: E.id,
           class: "wx-note"
         }, [
-          b(n(Kt), {
+          b(n(Xt), {
             name: B(E),
             size: "sm",
             tone: "auto"
           }, null, 8, ["name"]),
-          O("div", Un, [
-            O("div", Nn, [
+          O("div", Bn, [
+            O("div", In, [
               b(n(G), {
                 size: "sm",
                 weight: "medium",
@@ -2723,7 +2746,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
                 ]),
                 _: 2
               }, 1024),
-              b(mt, {
+              b(ht, {
                 value: E.created_at
               }, null, 8, ["value"]),
               b(Ue, {
@@ -2737,7 +2760,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
                 "onUpdate:modelValue": A[0] || (A[0] = (K) => v.value = K),
                 autosize: { minRows: 2, maxRows: 10 }
               }, null, 8, ["modelValue"]),
-              O("div", Rn, [
+              O("div", Pn, [
                 b(n(Z), {
                   size: "sm",
                   type: "primary",
@@ -2759,11 +2782,11 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
                   _: 1
                 })
               ])
-            ], 64)) : (p(), T("p", Bn, L(E.body), 1))
+            ], 64)) : (p(), T("p", Dn, L(E.body), 1))
           ])
         ]))), 128))
       ])),
-      e.can ? (p(), T("div", In, [
+      e.can ? (p(), T("div", Mn, [
         b(n(De), {
           modelValue: c.value,
           "onUpdate:modelValue": A[2] || (A[2] = (E) => c.value = E),
@@ -2785,18 +2808,18 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       ])) : U("", !0)
     ]));
   }
-}), al = /* @__PURE__ */ Y(Pn, [["__scopeId", "data-v-71004c1a"]]), Dn = {
+}), sl = /* @__PURE__ */ Y(Fn, [["__scopeId", "data-v-71004c1a"]]), On = {
   key: 1,
   class: "wx-backup-note"
-}, Mn = 48, Fn = /* @__PURE__ */ R({
+}, Hn = 48, jn = /* @__PURE__ */ R({
   name: "WxBackupNote",
   __name: "BackupNote",
   setup(e) {
-    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 t = X(), a = ft(), 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;
+      return Number.isNaN(h) || Date.now() - h > Hn * 36e5;
     }), r = x(() => {
       const c = i.value?.bytes;
       if (c == null) return "";
@@ -2818,7 +2841,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       type: "warning",
       variant: "soft",
       description: u.value
-    }, null, 8, ["description"])) : s.value ? (p(), T("p", Dn, [
+    }, null, 8, ["description"])) : s.value ? (p(), T("p", On, [
       b(n(G), {
         size: "sm",
         tone: "muted"
@@ -2828,7 +2851,7 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
         ]),
         _: 1
       }),
-      b(mt, {
+      b(ht, {
         value: i.value?.at
       }, null, 8, ["value"]),
       r.value ? (p(), $(n(G), {
@@ -2843,65 +2866,69 @@ const Qn = 76, Zn = /* @__PURE__ */ R({
       })) : U("", !0)
     ])) : U("", !0);
   }
-}), nl = /* @__PURE__ */ Y(Fn, [["__scopeId", "data-v-beeee67e"]]);
+}), il = /* @__PURE__ */ Y(jn, [["__scopeId", "data-v-beeee67e"]]);
 export {
-  Ba as AdminLanding,
-  Ia as AdminNav,
-  Ya as AdminShell,
+  Pa as AdminLanding,
+  Da as AdminNav,
+  Ga 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,
+  ba as WxBackButton,
+  il as WxBackupNote,
+  ia as WxCategoriesField,
+  _n as WxCategoriesPage,
+  xn as WxCategoryCreateDialog,
+  An as WxCategoryEditorPage,
+  Me as WxCategorySlug,
+  ht as WxDate,
+  nl as WxFilterChips,
+  ol as WxHelpButton,
+  ya as WxLinkField,
+  ga as WxLinkPicker,
+  rt as WxListScreen,
+  sl as WxNotes,
+  ll as WxRenameButton,
+  La 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,
+  Sn as WxSaveState,
+  Wn as WxScreen,
+  it as WxScreenHead,
+  Me as WxSlugField,
+  dt as adminKey,
+  mt as adminMessages,
+  Ra as adminTypes,
+  tl as categoryRoutes,
+  Qn as createAdmin,
+  Na as createAdminContext,
   xe as createCategoriesApi,
-  cn as createDates,
-  Ga as createHttp,
+  vn as createDates,
+  Qa as createHttp,
   Ee as createI18n,
-  ma as createLinksApi,
-  hn as createNotesApi,
-  tn as createTheme,
-  ca as emptyLink,
-  vn as errorText,
+  ua as createLinksApi,
+  yn as createNotesApi,
+  nn as createTheme,
+  ra as emptyLink,
+  pn 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,
+  wn as itemOrderMode,
+  Ba as provideAdmin,
+  ta as provideI18n,
+  Aa as provideRecordAddress,
+  an as provideTheme,
+  Fe as readCookie,
+  ut as recordAddressKey,
+  mn as renderMarkdown,
+  na as reorderItems,
+  al as rowMenuWidth,
+  ct 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,
+  Zn as useCategoryEditor,
+  Ne as useCategoryWords,
+  ft as useDates,
+  Re as useErrorText,
+  ea as useI18n,
+  el as useItemOrder,
+  za as useRecordAddress,
+  Jn as useTheme,
   P as useTranslate
 };
 //# sourceMappingURL=index.js.map