@webx-ui/module-admin 0.16.1 → 0.18.0

package/dist/index.js

@@ -1,90 +1,90 @@
-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 ea() {
-  const e = ne(we, null);
+import { inject as se, reactive as be, defineComponent as M, useModel as re, ref as L, watch as te, computed as g, openBlock as m, createElementBlock as $, createVNode as w, unref as a, withCtx as y, createElementVNode as B, toDisplayString as A, createBlock as S, createTextVNode as z, createCommentVNode as N, mergeModels as ne, provide as ze, normalizeClass as oe, createSlots as ke, nextTick as Ie, useId as Tt, Fragment as j, onMounted as Ee, renderList as ae, mergeProps as et, withModifiers as tt, useSlots as St, useTemplateRef as lt, renderSlot as Y, normalizeProps as Ct, guardReactiveProps as Wt, resolveComponent as X, watchEffect as At, onUnmounted as Vt, isRef as at, createApp as Lt, h as ce, withKeys as nt, onBeforeUnmount as ot } from "vue";
+import { RouterLink as Nt, useRouter as _e, useRoute as st, createRouter as Rt, createWebHistory as Ut, onBeforeRouteLeave as zt } from "vue-router";
+import { WxSortableList as Be, WxAction as ue, WxBadge as $e, WxSelect as we, WxAutocomplete as Ne, WxSwitch as Ae, WxInputNumber as It, WxButton as le, WxSegmented as Et, WxText as ee, WxInput as Te, WxCheckbox as He, WxActions as Bt, WxDropdownItem as Mt, useElementWidth as Pt, WxHeading as Ft, WxIcon as Me, WxTabs as Dt, WxCard as Re, WxRichText as Ot, useLocales as it, WxAlert as Se, WxResult as Ht, useResponsiveShell as jt, shellLayoutFor as Kt, WxToaster as qt, WebxUI as Yt, dateLocaleKey as Xt, localesKey as Gt, useModal as Jt, WxDialog as rt, WxFormItem as Qt, WxSpace as Zt, createModal as el, WxSkeleton as me, WxEmpty as ut, WxTooltip as dt, toast as K, confirm as xe, localizedValue as tl, WxBreadcrumb as ll, WxBreadcrumbItem as je, WxActionBar as al, WxPopover as nl, WxAvatar as ol, WxTextarea as Ke } from "@webx-ui/core";
+import { watchSystemTheme as sl, applyTheme as il, systemTheme as rl } from "@webx-ui/tokens";
+import { WxScreenRenderer as ul } from "@webx-ui/schema";
+const Ce = /* @__PURE__ */ Symbol("webx-i18n");
+function dl() {
+  const e = se(Ce, null);
   if (e === null)
     throw new Error("useI18n() was called outside a panel created by createAdmin().");
   return e;
 }
-function P(e) {
-  const t = ne(we, null);
-  return t === null ? Ee().scope(e) : t.scope(e);
+function D(e) {
+  const t = se(Ce, null);
+  return t === null ? Pe().scope(e) : t.scope(e);
 }
-function ta(e, t) {
-  e.provide(we, t);
+function cl(e, t) {
+  e.provide(Ce, t);
 }
-function Ee(e = {}) {
-  const t = e.fallback ?? "en", a = pe({
+function Pe(e = {}) {
+  const t = e.fallback ?? "en", l = be({
     locale: e.locale ?? t,
     fallback: t,
     panelLocales: [],
     contentLocales: []
-  }), l = {}, i = pe({ value: {} });
-  function s(r, u, c) {
-    let h = r[u]?.[c[0] ?? ""];
-    for (const m of c.slice(1)) {
+  }), n = {}, o = be({ value: {} });
+  function i(r, u, d) {
+    let h = r[u]?.[d[0] ?? ""];
+    for (const f of d.slice(1)) {
       if (typeof h != "object" || h === null)
         return null;
-      h = h[m];
+      h = h[f];
     }
     return typeof h == "string" ? h : null;
   }
-  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
+  function s(r, u, d) {
+    const [h, f] = u.includes("::") ? u.split("::", 2) : [r, u], v = f.split("."), c = i(o.value, h, v) ?? i(n, 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 : aa(d, c);
+    return d === void 0 ? c : ml(c, d);
   }
   return {
-    state: a,
+    state: l,
     defaults(r, u) {
-      l[r] = { ...l[r], ...u };
+      n[r] = { ...n[r], ...u };
     },
-    load(r, u, c) {
-      i.value = r ?? {}, a.locale = u ?? a.locale, c !== void 0 && (a.fallback = c);
+    load(r, u, d) {
+      o.value = r ?? {}, l.locale = u ?? l.locale, d !== void 0 && (l.fallback = d);
     },
     scope(r) {
-      return (u, c) => o(r, u, c);
+      return (u, d) => s(r, u, d);
     },
-    t: (r, u) => o("", r, u)
+    t: (r, u) => s("", r, u)
   };
 }
-function aa(e, t) {
-  let a = e;
-  for (const [l, i] of Object.entries(t))
-    a = a.replaceAll(`:${l}`, String(i));
-  return a;
+function ml(e, t) {
+  let l = e;
+  for (const [n, o] of Object.entries(t))
+    l = l.replaceAll(`:${n}`, String(o));
+  return l;
 }
-function xe(e, t) {
-  const a = `${e.apiPath}/${t.replace(/^\/+|\/+$/g, "")}`, l = (i) => i.data;
+function ve(e, t) {
+  const l = `${e.apiPath}/${t.replace(/^\/+|\/+$/g, "")}`, n = (o) => o.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);
+    list: (o = {}) => {
+      const i = new URLSearchParams();
+      return o.q && i.set("q", o.q), o.visible && i.set("visible", "1"), e.http.get(i.size > 0 ? `${l}?${i}` : l);
     },
-    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(() => {
+    create: (o) => e.http.post(l, o).then(n),
+    get: (o) => e.http.get(`${l}/${o}`).then(n),
+    save: (o, i) => e.http.put(`${l}/${o}`, { values: i }).then(n),
+    remove: (o) => e.http.delete(`${l}/${o}`).then(() => {
     }),
-    restore: (i) => e.http.post(`${a}/${i}/restore`, {}).then(l),
-    reorder: (i) => e.http.post(`${a}/reorder`, { ids: i }).then(() => {
+    restore: (o) => e.http.post(`${l}/${o}/restore`, {}).then(n),
+    reorder: (o) => e.http.post(`${l}/reorder`, { ids: o }).then(() => {
     })
   };
 }
-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(() => {
+function fl(e, t, l, n = null) {
+  const o = `${e.apiPath}/${t.replace(/^\/+|\/+$/g, "")}`;
+  return e.http.post(`${o}/reorder`, n === null ? { ids: l } : { ids: l, category: n }).then(() => {
   });
 }
-const la = { class: "wx-categories-field" }, oa = { class: "wx-categories-field__name" }, sa = /* @__PURE__ */ R({
+const vl = { class: "wx-categories-field" }, pl = { class: "wx-categories-field__name" }, hl = /* @__PURE__ */ M({
   name: "WxCategoriesField",
   __name: "CategoriesField",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ ne({
     source: {},
     main: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
@@ -99,87 +99,603 @@ const la = { class: "wx-categories-field" }, oa = { class: "wx-categories-field_
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = de(e, "modelValue"), l = X(), i = P("webx-admin"), s = W([]);
-    ee(
+    const t = e, l = re(e, "modelValue"), n = J(), o = D("webx-admin"), i = L([]);
+    te(
       () => t.source,
       async (v) => {
         try {
-          const d = await xe(l, v).list();
-          s.value = d.data.map((w) => ({ id: w.id, name: w.name }));
+          const c = await ve(n, v).list();
+          i.value = c.data.map((x) => ({ id: x.id, name: x.name }));
         } catch {
-          s.value = [];
+          i.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}` })),
+    const s = g(() => Array.isArray(l.value) ? l.value : []), r = g(() => new Map(i.value.map((v) => [v.id, v.name]))), u = g({
+      get: () => s.value.map((v) => ({ id: v, name: r.value.get(v) ?? `#${v}` })),
       set: (v) => {
-        a.value = v.map((d) => d.id);
+        l.value = v.map((c) => c.id);
       }
-    }), c = x(
-      () => s.value.filter((v) => !o.value.includes(v.id)).map((v) => ({ label: v.name, value: v.id }))
+    }), d = g(
+      () => i.value.filter((v) => !s.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]);
+      typeof v != "number" || s.value.includes(v) || (l.value = [...s.value, v]);
     }
-    function m(v) {
-      a.value = o.value.filter((d) => d !== v);
+    function f(v) {
+      l.value = s.value.filter((c) => c !== v);
     }
-    return (v, d) => (p(), T("div", la, [
-      b(n(tt), {
+    return (v, c) => (m(), $("div", vl, [
+      w(a(Be), {
         modelValue: u.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (w) => u.value = w),
+        "onUpdate:modelValue": c[0] || (c[0] = (x) => u.value = x),
         plain: "",
         size: "sm",
         "item-key": "id",
         "item-label": "name",
         disabled: t.disabled,
-        "empty-text": t.emptyText ?? n(i)("categories.field-empty")
+        "empty-text": t.emptyText ?? a(o)("categories.field-empty")
       }, {
-        default: g(({ item: w, index: f }) => [
-          O("span", oa, L(w.name), 1),
-          t.main && f === 0 ? (p(), $(n(ze), {
+        default: y(({ item: x, index: p }) => [
+          B("span", pl, A(x.name), 1),
+          t.main && p === 0 ? (m(), S(a($e), {
             key: 0,
             type: "primary"
           }, {
-            default: g(() => [
-              V(L(t.mainText ?? n(i)("categories.field-main")), 1)
+            default: y(() => [
+              z(A(t.mainText ?? a(o)("categories.field-main")), 1)
             ]),
             _: 1
-          })) : U("", !0)
+          })) : N("", !0)
         ]),
-        actions: g(({ item: w }) => [
-          b(n(se), {
+        actions: y(({ item: x }) => [
+          w(a(ue), {
             type: "remove",
             size: "sm",
             disabled: t.disabled,
-            title: t.removeText ?? n(i)("categories.field-remove"),
-            onClick: (f) => m(w.id)
+            title: t.removeText ?? a(o)("categories.field-remove"),
+            onClick: (p) => f(x.id)
           }, null, 8, ["disabled", "title", "onClick"])
         ]),
         _: 1
       }, 8, ["modelValue", "disabled", "empty-text"]),
-      b(n(at), {
+      w(a(we), {
         "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"),
+        options: d.value,
+        placeholder: t.addText ?? a(o)("categories.field-add"),
+        disabled: t.disabled || d.value.length === 0,
+        "empty-text": t.noneLeftText ?? a(o)("categories.field-none-left"),
         filterable: "",
         teleport: "",
-        "aria-label": t.addText ?? n(i)("categories.field-add"),
+        "aria-label": t.addText ?? a(o)("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;
-}, ia = /* @__PURE__ */ Y(sa, [["__scopeId", "data-v-640cd836"]]);
-function ra() {
+}), G = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [n, o] of t)
+    l[n] = o;
+  return l;
+}, gl = /* @__PURE__ */ G(hl, [["__scopeId", "data-v-640cd836"]]);
+class fe extends Error {
+  constructor(t, l, n = {}, o = null, i = null) {
+    super(t), this.status = l, this.errors = n, this.retryAfter = o, this.body = i, this.name = "HttpError";
+  }
+  status;
+  errors;
+  retryAfter;
+  body;
+  /** A failed form rather than a failed request. */
+  get isValidation() {
+    return this.status === 422;
+  }
+  get isUnauthenticated() {
+    return this.status === 401;
+  }
+  get isThrottled() {
+    return this.status === 429;
+  }
+}
+const yl = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
+function bl(e = {}) {
+  const t = (e.baseUrl ?? "").replace(/\/$/, ""), l = e.csrfUrl ?? "/api/cms/auth/csrf-cookie", n = e.fetch ?? globalThis.fetch.bind(globalThis), o = e.onUnauthenticated, i = e.headers;
+  let s = !1;
+  async function r(d = !1) {
+    s && !d && qe("XSRF-TOKEN") !== null || (await n(l, { credentials: "same-origin" }), s = !0);
+  }
+  async function u(d, h, f, v = {}, c = !1) {
+    const x = yl.has(d);
+    x && await r();
+    const p = {
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest",
+      // Standing headers first, so a caller can still override one for a single request.
+      ...i?.(),
+      ...v.headers
+    };
+    if (x) {
+      const T = qe("XSRF-TOKEN");
+      T !== null && (p["X-XSRF-TOKEN"] = T);
+    }
+    f !== void 0 && (p["Content-Type"] = "application/json");
+    const b = await n(xl(t, h, v.query), {
+      method: d,
+      credentials: "same-origin",
+      headers: p,
+      signal: v.signal,
+      body: f === void 0 ? void 0 : JSON.stringify(f)
+    });
+    if (b.status === 419 && x && !c)
+      return await r(!0), u(d, h, f, v, !0);
+    if (b.status === 401 && o?.(), !b.ok)
+      throw await wl(b);
+    if (b.status !== 204)
+      return await b.json();
+  }
+  return {
+    get: (d, h) => u("GET", d, void 0, h),
+    post: (d, h, f) => u("POST", d, h, f),
+    put: (d, h, f) => u("PUT", d, h, f),
+    patch: (d, h, f) => u("PATCH", d, h, f),
+    delete: (d, h) => u("DELETE", d, void 0, h)
+  };
+}
+async function wl(e) {
+  let t = null;
+  try {
+    t = await e.json();
+  } catch {
+  }
+  const l = t ?? {}, n = typeof l.message == "string" && l.message !== "" ? l.message : e.statusText || `Request failed with ${e.status}`, o = l.errors !== null && typeof l.errors == "object" ? l.errors : {}, i = e.headers.get("Retry-After"), s = i === null ? null : Number.parseInt(i, 10);
+  return new fe(
+    n,
+    e.status,
+    o,
+    Number.isFinite(s) ? s : null,
+    t
+  );
+}
+function xl(e, t, l) {
+  const o = /^https?:\/\//i.test(t) ? t : `${e}/${t.replace(/^\//, "")}`;
+  if (l === void 0)
+    return o;
+  const i = new URLSearchParams();
+  for (const [r, u] of Object.entries(l))
+    u != null && i.set(r, String(u));
+  const s = i.toString();
+  return s === "" ? o : `${o}${o.includes("?") ? "&" : "?"}${s}`;
+}
+function qe(e) {
+  if (typeof document > "u")
+    return null;
+  for (const t of document.cookie.split(";")) {
+    const [l, ...n] = t.trim().split("=");
+    if (l === e)
+      return decodeURIComponent(n.join("="));
+  }
+  return null;
+}
+function kl(e, t) {
+  const l = `${e.apiPath}/relations/${encodeURIComponent(t)}`;
+  return {
+    search: (n) => e.http.get(l, { query: { q: n } }).then((o) => o.data),
+    named: (n) => n.length === 0 ? Promise.resolve([]) : e.http.get(`${l}?${n.map((o) => `ids[]=${o}`).join("&")}`).then((o) => o.data)
+  };
+}
+function _l(e) {
+  return Array.isArray(e) ? [...new Set(e.map(Number).filter((t) => Number.isInteger(t) && t > 0))] : [];
+}
+const ct = /* @__PURE__ */ Symbol("wx-relation-owner");
+function zn(e) {
+  ze(ct, e);
+}
+function $l() {
+  return se(ct, null);
+}
+const Tl = ["src"], Sl = { class: "wx-relations-field__text" }, Cl = { class: "wx-relations-field__title" }, Wl = {
+  key: 0,
+  class: "wx-relations-field__subtitle"
+}, Al = {
+  key: 0,
+  class: "wx-relations-field__note"
+}, Vl = {
+  key: 1,
+  class: "wx-relations-field__add"
+}, Ll = /* @__PURE__ */ M({
+  name: "WxRelationsField",
+  __name: "RelationsField",
+  props: /* @__PURE__ */ ne({
+    target: {},
+    max: { default: null },
+    sortable: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    addText: { default: void 0 },
+    emptyText: { default: void 0 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = re(e, "modelValue"), n = J(), o = $l(), i = D("webx-admin"), s = g(() => kl(n, t.target)), r = L(/* @__PURE__ */ new Map()), u = L(/* @__PURE__ */ new Set()), d = L(!1), h = L([]), f = L(!1), v = L(""), c = g(() => _l(l.value));
+    function x(R) {
+      const U = new Map(r.value);
+      for (const I of R) U.set(I.id, I);
+      r.value = U;
+    }
+    async function p(R) {
+      const U = R.filter((I) => !r.value.has(I) && !u.value.has(I));
+      if (!(U.length === 0 || d.value))
+        try {
+          const I = await s.value.named(U);
+          x(I);
+          const de = new Set(I.map((ie) => ie.id));
+          u.value = /* @__PURE__ */ new Set([...u.value, ...U.filter((ie) => !de.has(ie))]);
+        } catch (I) {
+          I instanceof fe && I.status === 403 && (d.value = !0);
+        }
+    }
+    te(
+      () => t.target,
+      () => {
+        r.value = /* @__PURE__ */ new Map(), u.value = /* @__PURE__ */ new Set(), d.value = !1, h.value = [], p(c.value);
+      }
+    ), te(c, (R) => {
+      p(R);
+    }, { immediate: !0 });
+    const b = g({
+      get: () => c.value.map((R) => {
+        const U = r.value.get(R) ?? null;
+        return { id: R, title: U?.title || `#${R}`, candidate: U };
+      }),
+      set: (R) => {
+        l.value = R.map((U) => U.id);
+      }
+    }), T = g(() => t.max !== null && c.value.length >= t.max), F = g(() => o !== null && o.type === t.target ? o.id.value : null), Q = g(
+      () => h.value.filter((R) => R.id !== F.value && !c.value.includes(R.id)).map((R) => ({
+        value: R.title,
+        description: [R.subtitle, R.visible ? null : i("relations.field-hidden")].filter((U) => typeof U == "string" && U !== "").join(" · "),
+        id: R.id
+      }))
+    );
+    async function H(R) {
+      f.value = !0;
+      try {
+        const U = await s.value.search(R);
+        h.value = U, x(U);
+      } catch (U) {
+        h.value = [], U instanceof fe && U.status === 403 && (d.value = !0);
+      } finally {
+        f.value = !1;
+      }
+    }
+    function V(R) {
+      const U = Number(R.id);
+      !Number.isInteger(U) || c.value.includes(U) || T.value || (l.value = [...c.value, U], Ie(() => {
+        v.value = "";
+      }));
+    }
+    function k(R) {
+      l.value = c.value.filter((U) => U !== R);
+    }
+    const C = g(() => t.disabled || d.value), _ = g(
+      () => T.value ? i("relations.field-full", { max: String(t.max) }) : t.addText ?? i("relations.field-add")
+    );
+    function q(R) {
+      return R.candidate === null ? u.value.has(R.id) ? i("relations.field-missing") : null : R.candidate.trashed === !0 ? i("relations.field-trashed") : R.candidate.visible ? null : i("relations.field-hidden");
+    }
+    return (R, U) => (m(), $("div", {
+      class: oe(["wx-relations-field", { "is-unordered": !t.sortable }])
+    }, [
+      w(a(Be), {
+        modelValue: b.value,
+        "onUpdate:modelValue": U[0] || (U[0] = (I) => b.value = I),
+        plain: "",
+        size: "sm",
+        "item-key": "id",
+        "item-label": "title",
+        disabled: C.value || !t.sortable,
+        "empty-text": t.emptyText ?? a(i)("relations.field-empty"),
+        "drag-label": a(i)("relations.field-drag")
+      }, ke({
+        default: y(({ item: I }) => [
+          I.candidate?.thumb ? (m(), $("img", {
+            key: 0,
+            class: "wx-relations-field__thumb",
+            src: I.candidate.thumb,
+            alt: ""
+          }, null, 8, Tl)) : N("", !0),
+          B("span", Sl, [
+            B("span", Cl, A(I.title), 1),
+            I.candidate?.subtitle ? (m(), $("span", Wl, A(I.candidate.subtitle), 1)) : N("", !0)
+          ]),
+          q(I) ? (m(), S(a($e), {
+            key: 1,
+            type: "warning"
+          }, {
+            default: y(() => [
+              z(A(q(I)), 1)
+            ]),
+            _: 2
+          }, 1024)) : N("", !0)
+        ]),
+        _: 2
+      }, [
+        C.value ? void 0 : {
+          name: "actions",
+          fn: y(({ item: I }) => [
+            w(a(ue), {
+              type: "remove",
+              size: "sm",
+              title: a(i)("relations.field-remove"),
+              onClick: (de) => k(I.id)
+            }, null, 8, ["title", "onClick"])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue", "disabled", "empty-text", "drag-label"]),
+      d.value ? (m(), $("p", Al, A(a(i)("relations.field-forbidden")), 1)) : (m(), $("div", Vl, [
+        w(a(Ne), {
+          modelValue: v.value,
+          "onUpdate:modelValue": U[1] || (U[1] = (I) => v.value = I),
+          options: Q.value,
+          remote: "",
+          teleport: "",
+          loading: f.value,
+          "loading-text": a(i)("relations.field-searching"),
+          "empty-text": a(i)("relations.field-nothing"),
+          placeholder: _.value,
+          "aria-label": _.value,
+          disabled: t.disabled || T.value,
+          onSearch: H,
+          onSelect: V
+        }, null, 8, ["modelValue", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
+      ]))
+    ], 2));
+  }
+}), mt = /* @__PURE__ */ G(Ll, [["__scopeId", "data-v-5ecf0e47"]]), ft = 100, Ve = /* @__PURE__ */ new WeakMap();
+function Nl(e) {
+  let t = Ve.get(e);
+  return t === void 0 && (t = e.http.get(`${e.apiPath}/collections`).then((l) => l.data.map((n) => ({ ...n, relations: Rl(n) }))), t.catch(() => Ve.delete(e)), Ve.set(e, t)), t;
+}
+function Rl(e) {
+  return Array.isArray(e.relations) ? e.relations.flatMap((t) => {
+    if (typeof t == "string") return t === "" ? [] : [{ key: t, title: t }];
+    if (typeof t == "object" && t !== null && typeof t.key == "string") {
+      const { key: l, title: n } = t;
+      return [{ key: l, title: typeof n == "string" && n !== "" ? n : l }];
+    }
+    return [];
+  }) : [];
+}
+function vt(e) {
+  return Array.isArray(e) ? [...new Set(e.map(Number).filter((t) => Number.isInteger(t) && t > 0))].sort(
+    (t, l) => t - l
+  ) : [];
+}
+function Ul(e) {
+  if (typeof e != "object" || e === null || Array.isArray(e)) return null;
+  const {
+    type: t,
+    ids: l,
+    current: n
+  } = e;
+  if (n === !0 && typeof t == "string" && t !== "")
+    return { type: t, ids: [], current: !0 };
+  const o = vt(l);
+  return typeof t == "string" && t !== "" && o.length > 0 ? { type: t, ids: o } : null;
+}
+function Ye(e) {
+  const t = typeof e == "object" && e !== null && !Array.isArray(e) ? e : {}, l = typeof t.limit == "number" && Number.isInteger(t.limit) ? t.limit : null;
+  return {
+    categories: vt(t.categories),
+    related: Ul(t.related),
+    limit: l !== null && l >= 1 ? Math.min(l, ft) : null,
+    filter: t.filter === !0,
+    markup: typeof t.markup == "boolean" ? t.markup : null
+  };
+}
+function Xe(e) {
+  return e.categories.length === 0 && e.related === null;
+}
+const zl = ["aria-busy"], Il = {
+  key: 0,
+  class: "wx-collection-field__note"
+}, El = { class: "wx-collection-field__note" }, Bl = {
+  key: 0,
+  class: "wx-collection-field__row"
+}, Ml = ["for"], Pl = {
+  key: 1,
+  class: "wx-collection-field__row"
+}, Fl = { class: "wx-collection-field__label" }, Dl = { class: "wx-collection-field__hint" }, Ol = { class: "wx-collection-field__row" }, Hl = ["for"], jl = { class: "wx-collection-field__limit" }, Kl = {
+  key: 3,
+  class: "wx-collection-field__markup"
+}, ql = { class: "wx-collection-field__hint" }, Yl = /* @__PURE__ */ M({
+  name: "WxCollectionField",
+  __name: "CollectionField",
+  props: /* @__PURE__ */ ne({
+    source: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = re(e, "modelValue"), n = J(), o = D("webx-admin"), i = Tt(), s = L(void 0), r = L([]);
+    te(
+      () => t.source,
+      async (k) => {
+        s.value = void 0, r.value = [];
+        try {
+          s.value = (await Nl(n)).find((C) => C.key === k) ?? null;
+        } catch {
+          s.value = null;
+        }
+        if (s.value?.categories)
+          try {
+            const C = await ve(n, s.value.categories).list();
+            r.value = C.data.map((_) => ({ label: _.name, value: _.id }));
+          } catch {
+            r.value = [];
+          }
+      },
+      { immediate: !0 }
+    );
+    const u = g(() => Ye(l.value));
+    function d(k) {
+      l.value = Ye({ ...u.value, ...k });
+    }
+    const h = g(() => {
+      const k = new Set(r.value.map((_) => _.value)), C = u.value.categories.filter((_) => !k.has(_)).map((_) => ({ label: `#${_}`, value: _ }));
+      return [...r.value, ...C];
+    });
+    function f(k) {
+      d({ categories: Array.isArray(k) ? k.map(Number) : [] });
+    }
+    function v(k) {
+      d({ limit: k ?? null });
+    }
+    const c = L(null), x = g(
+      () => (s.value?.relations ?? []).map((k) => ({ label: k.title, value: k.key }))
+    ), p = g(() => {
+      const k = s.value?.relations ?? [];
+      if (k.length === 1) return k[0];
+      const C = u.value.related?.type ?? c.value;
+      return k.find((_) => _.key === C) ?? null;
+    });
+    function b(k) {
+      c.value = typeof k == "string" ? k : null, d({ related: null });
+    }
+    function T(k) {
+      const C = p.value?.key;
+      d({ related: C && k && k.length > 0 ? { type: C, ids: k } : null });
+    }
+    function F(k) {
+      const C = p.value?.key;
+      d({ related: k && C ? { type: C, ids: [], current: !0 } : null });
+    }
+    const Q = g(() => u.value.markup ?? Xe(u.value));
+    function H(k) {
+      d({ markup: k === !0 });
+    }
+    const V = g(
+      () => o(
+        Xe(u.value) ? "collections.field-markup-auto-on" : "collections.field-markup-auto-off"
+      )
+    );
+    return (k, C) => (m(), $("div", {
+      class: "wx-collection-field",
+      "aria-busy": s.value === void 0
+    }, [
+      s.value === null ? (m(), $("p", Il, A(a(o)("collections.field-unavailable", { source: t.source })), 1)) : s.value ? (m(), $(j, { key: 1 }, [
+        B("p", El, A(a(o)("collections.field-source", { source: s.value.title })), 1),
+        s.value.categories ? (m(), $("div", Bl, [
+          B("label", {
+            class: "wx-collection-field__label",
+            for: `${a(i)}-categories`
+          }, A(a(o)("collections.field-categories")), 9, Ml),
+          w(a(we), {
+            id: `${a(i)}-categories`,
+            "model-value": u.value.categories,
+            options: h.value,
+            placeholder: u.value.categories.length === 0 ? a(o)("collections.field-all") : "",
+            "empty-text": a(o)("collections.field-no-categories"),
+            disabled: t.disabled,
+            multiple: "",
+            filterable: "",
+            clearable: "",
+            teleport: "",
+            "onUpdate:modelValue": f
+          }, null, 8, ["id", "model-value", "options", "placeholder", "empty-text", "disabled"])
+        ])) : N("", !0),
+        s.value.relations.length > 0 ? (m(), $("div", Pl, [
+          B("span", Fl, A(s.value.relations.length === 1 ? a(o)("relations.collection-related-to", { target: s.value.relations[0].title }) : a(o)("relations.collection-related")), 1),
+          s.value.relations.length > 1 ? (m(), S(a(we), {
+            key: 0,
+            "model-value": p.value?.key ?? null,
+            options: x.value,
+            placeholder: a(o)("relations.collection-related-type"),
+            "aria-label": a(o)("relations.collection-related-type"),
+            disabled: t.disabled,
+            clearable: "",
+            teleport: "",
+            "onUpdate:modelValue": b
+          }, null, 8, ["model-value", "options", "placeholder", "aria-label", "disabled"])) : N("", !0),
+          p.value ? (m(), $(j, { key: 1 }, [
+            w(a(Ae), {
+              "model-value": u.value.related?.current === !0,
+              label: a(o)("relations.collection-related-current"),
+              disabled: t.disabled,
+              "onUpdate:modelValue": C[0] || (C[0] = (_) => F(_ === !0))
+            }, null, 8, ["model-value", "label", "disabled"]),
+            B("p", Dl, A(a(o)("relations.collection-related-current-hint", { target: p.value.title })), 1)
+          ], 64)) : N("", !0),
+          p.value && u.value.related?.current !== !0 ? (m(), S(mt, {
+            key: 2,
+            "model-value": u.value.related?.ids ?? [],
+            target: p.value.key,
+            sortable: !1,
+            "empty-text": a(o)("relations.collection-related-any"),
+            disabled: t.disabled,
+            "onUpdate:modelValue": T
+          }, null, 8, ["model-value", "target", "empty-text", "disabled"])) : N("", !0)
+        ])) : N("", !0),
+        B("div", Ol, [
+          B("label", {
+            class: "wx-collection-field__label",
+            for: `${a(i)}-limit`
+          }, A(a(o)("collections.field-limit")), 9, Hl),
+          B("div", jl, [
+            w(a(It), {
+              id: `${a(i)}-limit`,
+              "model-value": u.value.limit,
+              min: 1,
+              max: a(ft),
+              step: 1,
+              precision: 0,
+              placeholder: a(o)("collections.field-limit-all"),
+              disabled: t.disabled,
+              "onUpdate:modelValue": v
+            }, null, 8, ["id", "model-value", "max", "placeholder", "disabled"])
+          ])
+        ]),
+        s.value.categories ? (m(), S(a(Ae), {
+          key: 2,
+          "model-value": u.value.filter,
+          label: a(o)("collections.field-filter"),
+          disabled: t.disabled,
+          "onUpdate:modelValue": C[1] || (C[1] = (_) => d({ filter: _ === !0 }))
+        }, null, 8, ["model-value", "label", "disabled"])) : N("", !0),
+        s.value.markup ? (m(), $("div", Kl, [
+          w(a(Ae), {
+            "model-value": Q.value,
+            label: a(o)("collections.field-markup"),
+            disabled: t.disabled,
+            "onUpdate:modelValue": H
+          }, null, 8, ["model-value", "label", "disabled"]),
+          B("p", ql, A(V.value), 1),
+          u.value.markup !== null ? (m(), S(a(le), {
+            key: 0,
+            class: "wx-collection-field__reset",
+            variant: "text",
+            size: "sm",
+            disabled: t.disabled,
+            onClick: C[2] || (C[2] = (_) => d({ markup: null }))
+          }, {
+            default: y(() => [
+              z(A(a(o)("collections.field-markup-reset")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : N("", !0)
+        ])) : N("", !0)
+      ], 64)) : N("", !0)
+    ], 8, zl));
+  }
+}), Xl = /* @__PURE__ */ G(Yl, [["__scopeId", "data-v-023ad095"]]);
+function Gl() {
   return {
     target: "entity",
     entity_type: null,
@@ -190,31 +706,31 @@ function ra() {
     rel: []
   };
 }
-function ua(e) {
-  const t = `${e.apiPath}/links`, a = (l) => l.data;
+function Jl(e) {
+  const t = `${e.apiPath}/links`, l = (n) => n.data;
   return {
-    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)
+    sources: () => e.http.get(`${t}/sources`).then(l),
+    search: (n, o, i) => e.http.get(`${t}/search`, { query: { type: n, q: o, locale: i } }).then(l),
+    resolve: (n, o) => e.http.post(`${t}/resolve`, { links: n, locale: o }).then(l),
+    routes: () => e.http.get(`${t}/routes`).then(l)
   };
 }
-const da = { class: "wx-link-picker" }, ca = {
+const Ql = { class: "wx-link-picker" }, Zl = {
   key: 0,
   class: "wx-link-picker__entity"
-}, ma = {
+}, ea = {
   key: 1,
   class: "wx-link-picker__url"
-}, va = {
+}, ta = {
   key: 2,
   class: "wx-link-picker__hash"
-}, fa = {
+}, la = {
   key: 3,
   class: "wx-link-picker__attributes"
-}, pa = { class: "wx-link-picker__rel" }, ha = /* @__PURE__ */ R({
+}, aa = { class: "wx-link-picker__rel" }, na = /* @__PURE__ */ M({
   name: "WxLinkPicker",
   __name: "LinkPicker",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ ne({
     allowNone: { type: Boolean, default: !0 },
     attributes: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
@@ -224,207 +740,207 @@ const da = { class: "wx-link-picker" }, ca = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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 ?? ra()), y = x(() => {
-      const _ = [
-        { value: "entity", label: o("links.target-entity") },
-        { value: "url", label: o("links.target-url") }
+    const t = e, l = re(e, "modelValue"), n = J(), o = dl(), i = Jl(n), s = D("webx-admin"), r = L([]), u = L([]), d = L([]), h = L(!1), f = L(null), v = L(""), c = L(null);
+    let x = null;
+    const p = g(() => l.value ?? Gl()), b = g(() => {
+      const W = [
+        { value: "entity", label: s("links.target-entity") },
+        { value: "url", label: s("links.target-url") }
       ];
-      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
+      return t.allowNone ? [...W, { value: "none", label: s("links.target-none") }] : W;
+    }), T = g(
+      () => r.value.map((W) => ({ value: W.type, label: W.title }))
+    ), F = g(
+      () => u.value.map((W) => ({
+        value: W.title,
+        description: E(W),
+        id: W.id
       }))
-    ), J = x(
-      () => c.value.map((_) => ({ value: _.path, description: _.name }))
+    ), Q = g(
+      () => d.value.map((W) => ({ value: W.path, description: W.name }))
     );
-    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(":"),
+    Ee(async () => {
+      r.value = await i.sources(), f.value = p.value.entity_type ?? r.value[0]?.type ?? null, await Promise.all([H(), V()]);
+    }), te(
+      () => [p.value.entity_type, p.value.entity_id].join(":"),
       () => {
-        S();
+        H();
       }
     );
-    async function S() {
-      const { entity_type: _, entity_id: N } = f.value;
-      if (_ === null || N === null) {
-        d.value = null, v.value = "";
+    async function H() {
+      const { entity_type: W, entity_id: P } = p.value;
+      if (W === null || P === null) {
+        c.value = null, v.value = "";
         return;
       }
-      if (d.value?.id === N)
+      if (c.value?.id === P)
         return;
-      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;
+      const [O] = await i.resolve([{ type: W, id: P }], o.state.locale);
+      c.value = O ?? null, v.value = O?.title ?? s("links.missing"), x = v.value;
     }
-    async function B() {
-      c.value = await s.routes();
+    async function V() {
+      d.value = await i.routes();
     }
-    async function C(_) {
-      if (_ === w) {
-        w = null;
+    async function k(W) {
+      if (W === x) {
+        x = null;
         return;
       }
-      if (w = null, m.value !== null) {
+      if (x = null, f.value !== null) {
         h.value = !0;
         try {
-          u.value = await s.search(m.value, _, i.state.locale);
+          u.value = await i.search(f.value, W, o.state.locale);
         } finally {
           h.value = !1;
         }
       }
     }
-    function A(_) {
-      _ !== void 0 && (a.value = { ...f.value, target: _ });
+    function C(W) {
+      W !== void 0 && (l.value = { ...p.value, target: W });
     }
-    function E(_) {
-      m.value = _ == null ? null : String(_), u.value = [], C("");
+    function _(W) {
+      f.value = W == null ? null : String(W), u.value = [], k("");
     }
-    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 q(W) {
+      const P = u.value.find((O) => O.id === W.id);
+      P === void 0 || f.value === null || (c.value = P, v.value = P.title, l.value = { ...p.value, entity_type: f.value, entity_id: P.id });
     }
-    function le() {
-      d.value = null, v.value = "", u.value = [], a.value = { ...f.value, entity_type: null, entity_id: null };
+    function R() {
+      c.value = null, v.value = "", u.value = [], l.value = { ...p.value, entity_type: null, entity_id: null };
     }
-    function ie(_) {
-      a.value = { ...f.value, url: _ === "" ? null : _ };
+    function U(W) {
+      l.value = { ...p.value, url: W === "" ? null : W };
     }
-    function te(_) {
-      const N = (typeof _ == "string" || typeof _ == "number" ? String(_) : "").replace(/^#+/, "").trim();
-      a.value = { ...f.value, hash: N === "" ? null : N };
+    function I(W) {
+      const P = (typeof W == "string" || typeof W == "number" ? String(W) : "").replace(/^#+/, "").trim();
+      l.value = { ...p.value, hash: P === "" ? null : P };
     }
-    function ke(_) {
-      a.value = { ...f.value, new_tab: _ };
+    function de(W) {
+      l.value = { ...p.value, new_tab: W };
     }
-    function _e(_, N) {
-      const I = f.value.rel.filter(($e) => $e !== _);
-      a.value = { ...f.value, rel: N ? [...I, _] : I };
+    function ie(W, P) {
+      const O = p.value.rel.filter((We) => We !== W);
+      l.value = { ...p.value, rel: P ? [...O, W] : O };
     }
-    function z(_) {
-      const N = [_.hint, _.url ?? void 0].filter(
-        (I) => typeof I == "string" && I !== ""
+    function E(W) {
+      const P = [W.hint, W.url ?? void 0].filter(
+        (O) => typeof O == "string" && O !== ""
       );
-      return _.available || N.push(o("links.unavailable")), N.join(" · ");
+      return W.available || P.push(s("links.unavailable")), P.join(" · ");
     }
-    const q = ["nofollow", "sponsored", "ugc"];
-    return (_, N) => (p(), T("div", da, [
-      b(n(Ct), {
-        options: y.value,
-        "model-value": f.value.target,
+    const Z = ["nofollow", "sponsored", "ugc"];
+    return (W, P) => (m(), $("div", Ql, [
+      w(a(Et), {
+        options: b.value,
+        "model-value": p.value.target,
         disabled: t.disabled,
-        "aria-label": n(o)("links.target-entity"),
-        "onUpdate:modelValue": A
+        "aria-label": a(s)("links.target-entity"),
+        "onUpdate:modelValue": C
       }, null, 8, ["options", "model-value", "disabled", "aria-label"]),
-      f.value.target === "entity" ? (p(), T("div", ca, [
-        k.value.length > 1 ? (p(), $(n(at), {
+      p.value.target === "entity" ? (m(), $("div", Zl, [
+        T.value.length > 1 ? (m(), S(a(we), {
           key: 0,
           class: "wx-link-picker__section",
-          options: k.value,
-          "model-value": m.value,
+          options: T.value,
+          "model-value": f.value,
           disabled: t.disabled,
-          "aria-label": n(o)("links.section"),
-          "onUpdate:modelValue": E
-        }, null, 8, ["options", "model-value", "disabled", "aria-label"])) : U("", !0),
-        b(n(Be), {
+          "aria-label": a(s)("links.section"),
+          "onUpdate:modelValue": _
+        }, null, 8, ["options", "model-value", "disabled", "aria-label"])) : N("", !0),
+        w(a(Ne), {
           class: "wx-link-picker__search",
           "model-value": v.value,
-          options: M.value,
+          options: F.value,
           remote: "",
           clearable: "",
           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"),
+          "loading-text": a(s)("links.searching"),
+          "empty-text": a(s)("links.empty"),
+          placeholder: a(s)("links.search"),
+          "aria-label": a(s)("links.search"),
           disabled: t.disabled,
-          "onUpdate:modelValue": N[0] || (N[0] = (I) => v.value = I),
-          onSearch: C,
-          onSelect: K,
-          onClear: le
+          "onUpdate:modelValue": P[0] || (P[0] = (O) => v.value = O),
+          onSearch: k,
+          onSelect: q,
+          onClear: R
         }, null, 8, ["model-value", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
-      ])) : f.value.target === "url" ? (p(), T("div", ma, [
-        b(n(Be), {
-          "model-value": f.value.url ?? "",
-          options: J.value,
+      ])) : p.value.target === "url" ? (m(), $("div", ea, [
+        w(a(Ne), {
+          "model-value": p.value.url ?? "",
+          options: Q.value,
           clearable: "",
           "open-on-focus": "",
-          "empty-text": n(o)("links.url-routes"),
-          placeholder: n(o)("links.url-placeholder"),
-          "aria-label": n(o)("links.url-label"),
+          "empty-text": a(s)("links.url-routes"),
+          placeholder: a(s)("links.url-placeholder"),
+          "aria-label": a(s)("links.url-label"),
           disabled: t.disabled,
-          "onUpdate:modelValue": ie
+          "onUpdate:modelValue": U
         }, null, 8, ["model-value", "options", "empty-text", "placeholder", "aria-label", "disabled"])
-      ])) : U("", !0),
-      f.value.target !== "none" ? (p(), T("label", va, [
-        b(n(G), {
+      ])) : N("", !0),
+      p.value.target !== "none" ? (m(), $("label", ta, [
+        w(a(ee), {
           size: "sm",
           tone: "muted"
         }, {
-          default: g(() => [
-            V(L(n(o)("links.hash")), 1)
+          default: y(() => [
+            z(A(a(s)("links.hash")), 1)
           ]),
           _: 1
         }),
-        N[2] || (N[2] = O("span", {
+        P[2] || (P[2] = B("span", {
           class: "wx-link-picker__sign",
           "aria-hidden": "true"
         }, "#", -1)),
-        b(n(ye), {
-          "model-value": f.value.hash ?? "",
-          placeholder: n(o)("links.hash-placeholder"),
-          "aria-label": n(o)("links.hash"),
+        w(a(Te), {
+          "model-value": p.value.hash ?? "",
+          placeholder: a(s)("links.hash-placeholder"),
+          "aria-label": a(s)("links.hash"),
           disabled: t.disabled,
           clearable: "",
-          "onUpdate:modelValue": te
+          "onUpdate:modelValue": I
         }, null, 8, ["model-value", "placeholder", "aria-label", "disabled"])
-      ])) : U("", !0),
-      t.attributes && f.value.target !== "none" ? (p(), T("div", fa, [
-        b(n(Ie), {
-          "model-value": f.value.new_tab,
+      ])) : N("", !0),
+      t.attributes && p.value.target !== "none" ? (m(), $("div", la, [
+        w(a(He), {
+          "model-value": p.value.new_tab,
           disabled: t.disabled,
-          "onUpdate:modelValue": N[1] || (N[1] = (I) => ke(I))
+          "onUpdate:modelValue": P[1] || (P[1] = (O) => de(O))
         }, {
-          default: g(() => [
-            V(L(n(o)("links.new-tab")), 1)
+          default: y(() => [
+            z(A(a(s)("links.new-tab")), 1)
           ]),
           _: 1
         }, 8, ["model-value", "disabled"]),
-        O("div", pa, [
-          b(n(G), {
+        B("div", aa, [
+          w(a(ee), {
             size: "sm",
             tone: "muted"
           }, {
-            default: g(() => [
-              V(L(n(o)("links.rel")), 1)
+            default: y(() => [
+              z(A(a(s)("links.rel")), 1)
             ]),
             _: 1
           }),
-          (p(), T(H, null, Q(q, (I) => b(n(Ie), {
-            key: I,
-            "model-value": f.value.rel.includes(I),
+          (m(), $(j, null, ae(Z, (O) => w(a(He), {
+            key: O,
+            "model-value": p.value.rel.includes(O),
             disabled: t.disabled,
-            "onUpdate:modelValue": ($e) => _e(I, $e)
+            "onUpdate:modelValue": (We) => ie(O, We)
           }, {
-            default: g(() => [
-              V(L(n(o)(`links.rel-${I}`)), 1)
+            default: y(() => [
+              z(A(a(s)(`links.rel-${O}`)), 1)
             ]),
             _: 2
           }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])), 64))
         ])
-      ])) : U("", !0)
+      ])) : N("", !0)
     ]));
   }
-}), ga = /* @__PURE__ */ Y(ha, [["__scopeId", "data-v-e54022e5"]]), ya = /* @__PURE__ */ R({
+}), oa = /* @__PURE__ */ G(na, [["__scopeId", "data-v-e54022e5"]]), sa = /* @__PURE__ */ M({
   name: "WxLinkField",
   inheritAttrs: !1,
   __name: "LinkField",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ ne({
     allowNone: { type: Boolean, default: !0 },
     attributes: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
@@ -434,17 +950,17 @@ const da = { class: "wx-link-picker" }, ca = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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, {
+    const t = e, l = re(e, "modelValue");
+    return (n, o) => (m(), S(oa, et({
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (i) => l.value = i)
+    }, n.$attrs, {
       "allow-none": t.allowNone,
       attributes: t.attributes,
       disabled: t.disabled
     }), null, 16, ["modelValue", "allow-none", "attributes", "disabled"]));
   }
-}), ba = /* @__PURE__ */ R({
+}), ia = /* @__PURE__ */ M({
   __name: "BackButton",
   props: {
     to: {},
@@ -452,21 +968,21 @@ const da = { class: "wx-link-picker" }, ca = {
     size: { default: "sm" }
   },
   setup(e) {
-    const t = e, a = P("webx-admin"), l = x(() => t.label ?? a("editor.back"));
-    return (i, s) => (p(), $(n(se), {
+    const t = e, l = D("webx-admin"), n = g(() => t.label ?? l("editor.back"));
+    return (o, i) => (m(), S(a(ue), {
       icon: "arrow-left",
       class: "wx-back-button",
-      as: n(_t),
+      as: a(Nt),
       to: e.to,
-      title: l.value,
+      title: n.value,
       size: e.size,
       "tooltip-side": "bottom"
     }, null, 8, ["as", "to", "title", "size"]));
   }
-}), wa = {
+}), ra = {
   key: 0,
   class: "wx-dropdown__divider"
-}, xa = /* @__PURE__ */ R({
+}, ua = /* @__PURE__ */ M({
   __name: "RowMenu",
   props: {
     actions: {},
@@ -474,36 +990,36 @@ const da = { class: "wx-link-picker" }, ca = {
     size: { default: "sm" }
   },
   setup(e) {
-    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 = l.value.find((o) => o.danger);
-      return s && l.value[0] !== s ? s.key : null;
+    const t = D("webx-admin"), l = e, n = g(() => [
+      ...l.actions.filter((i) => !i.danger),
+      ...l.actions.filter((i) => i.danger)
+    ]), o = g(() => {
+      const i = n.value.find((s) => s.danger);
+      return i && n.value[0] !== i ? i.key : null;
     });
-    return (s, o) => l.value.length > 0 ? (p(), $(n(Wt), {
+    return (i, s) => n.value.length > 0 ? (m(), S(a(Bt), {
       key: 0,
       class: "wx-row-menu",
       collapse: "always",
       align: "end",
       size: e.size,
       "aria-label": e.label,
-      onClick: o[0] || (o[0] = qe(() => {
+      onClick: s[0] || (s[0] = tt(() => {
       }, ["stop"]))
     }, {
-      trigger: g(() => [
-        b(n(se), {
+      trigger: y(() => [
+        w(a(ue), {
           type: "more",
           size: e.size,
-          title: n(t)("editor.more")
+          title: a(t)("editor.more")
         }, null, 8, ["size", "title"])
       ]),
-      collapsed: g(() => [
-        (p(!0), T(H, null, Q(l.value, (r) => (p(), T(H, {
+      collapsed: y(() => [
+        (m(!0), $(j, null, ae(n.value, (r) => (m(), $(j, {
           key: r.key
         }, [
-          r.key === i.value ? (p(), T("hr", wa)) : U("", !0),
-          b(n(Lt), {
+          r.key === o.value ? (m(), $("hr", ra)) : N("", !0),
+          w(a(Mt), {
             icon: r.icon,
             tone: r.danger ? "danger" : "default",
             href: r.href,
@@ -511,23 +1027,23 @@ const da = { class: "wx-link-picker" }, ca = {
             disabled: r.disabled,
             onClick: (u) => r.run?.()
           }, {
-            default: g(() => [
-              V(L(r.label), 1)
+            default: y(() => [
+              z(A(r.label), 1)
             ]),
             _: 2
           }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"])
         ], 64))), 128))
       ]),
       _: 1
-    }, 8, ["size", "aria-label"])) : U("", !0);
+    }, 8, ["size", "aria-label"])) : N("", !0);
   }
-}), Ue = /* @__PURE__ */ Y(xa, [["__scopeId", "data-v-cab01f7f"]]), ka = ["data-level"], _a = {
+}), Fe = /* @__PURE__ */ G(ua, [["__scopeId", "data-v-cab01f7f"]]), da = ["data-level"], ca = {
   key: 0,
   class: "wx-screen-head__trail"
-}, $a = { class: "wx-screen-head__name" }, Ta = {
+}, ma = { class: "wx-screen-head__name" }, fa = {
   key: 4,
   class: "wx-screen-head__actions"
-}, Sa = /* @__PURE__ */ R({
+}, va = /* @__PURE__ */ M({
   __name: "ScreenHead",
   props: {
     title: { default: void 0 },
@@ -541,111 +1057,111 @@ const da = { class: "wx-link-picker" }, ca = {
   },
   emits: ["back"],
   setup(e, { emit: t }) {
-    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
-    ), w = x(
-      () => m.value.length > 0 || v.value.length > 0 || !!s.extra
+    const l = e, n = t, o = D("webx-admin"), i = St(), s = lt("root"), r = Pt(s), u = g(() => r.value > 0 && r.value < l.collapseBelow), d = g(() => l.actions ?? []), h = g(
+      () => d.value.find((p) => p.primary) ?? null
+    ), f = g(() => u.value ? h.value ? [h.value] : [] : d.value.filter((p) => !p.menu && !p.danger)), v = g(() => u.value ? d.value.filter((p) => p !== h.value) : d.value.filter((p) => p.menu || p.danger)), c = g(
+      () => l.back && l.back !== !0 ? l.back : null
+    ), x = g(
+      () => f.value.length > 0 || v.value.length > 0 || !!i.extra
     );
-    return (f, y) => (p(), T("div", {
+    return (p, b) => (m(), $("div", {
       ref_key: "root",
-      ref: o,
-      class: ae(["wx-screen-head", {
+      ref: s,
+      class: oe(["wx-screen-head", {
         "is-narrow": u.value,
-        "has-button": m.value.length > 0,
-        "has-trail": !!f.$slots.trail,
+        "has-button": f.value.length > 0,
+        "has-trail": !!p.$slots.trail,
         "has-divider": e.divider
       }]),
       "data-level": e.level
     }, [
-      f.$slots.trail ? (p(), T("div", _a, [
-        F(f.$slots, "trail", {}, void 0, !0)
-      ])) : U("", !0),
-      d.value ? (p(), $(ba, {
+      p.$slots.trail ? (m(), $("div", ca, [
+        Y(p.$slots, "trail", {}, void 0, !0)
+      ])) : N("", !0),
+      c.value ? (m(), S(ia, {
         key: 1,
         class: "wx-screen-head__back",
-        to: d.value,
+        to: c.value,
         label: e.backLabel,
         "tooltip-side": "bottom"
-      }, null, 8, ["to", "label"])) : e.back ? (p(), $(n(se), {
+      }, null, 8, ["to", "label"])) : e.back ? (m(), S(a(ue), {
         key: 2,
         class: "wx-screen-head__back",
         icon: "arrow-left",
         size: "sm",
         "tooltip-side": "bottom",
-        title: e.backLabel ?? n(i)("editor.back"),
-        onClick: y[0] || (y[0] = (k) => l("back"))
-      }, null, 8, ["title"])) : U("", !0),
-      O("div", $a, [
-        e.title ? (p(), $(n(zt), {
+        title: e.backLabel ?? a(o)("editor.back"),
+        onClick: b[0] || (b[0] = (T) => n("back"))
+      }, null, 8, ["title"])) : N("", !0),
+      B("div", ma, [
+        e.title ? (m(), S(a(Ft), {
           key: 0,
           level: e.level,
           truncate: "",
           class: "wx-screen-head__title"
         }, {
-          default: g(() => [
-            V(L(e.title), 1)
+          default: y(() => [
+            z(A(e.title), 1)
           ]),
           _: 1
-        }, 8, ["level"])) : U("", !0),
-        F(f.$slots, "title-after", {}, void 0, !0)
+        }, 8, ["level"])) : N("", !0),
+        Y(p.$slots, "title-after", {}, void 0, !0)
       ]),
-      e.subtitle || f.$slots.subtitle ? (p(), $(n(G), {
+      e.subtitle || p.$slots.subtitle ? (m(), S(a(ee), {
         key: 3,
         class: "wx-screen-head__subtitle",
         size: "sm",
         tone: "muted",
         truncate: ""
       }, {
-        default: g(() => [
-          F(f.$slots, "subtitle", {}, () => [
-            V(L(e.subtitle), 1)
+        default: y(() => [
+          Y(p.$slots, "subtitle", {}, () => [
+            z(A(e.subtitle), 1)
           ], !0)
         ]),
         _: 3
-      })) : U("", !0),
-      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,
-          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(() => [
-            V(" " + L(k.label), 1)
+      })) : N("", !0),
+      x.value ? (m(), $("div", fa, [
+        Y(p.$slots, "extra", {}, void 0, !0),
+        (m(!0), $(j, null, ae(f.value, (T) => (m(), S(a(le), {
+          key: T.key,
+          class: oe(["wx-screen-head__button", { "is-primary": T.primary }]),
+          type: T.primary ? "primary" : "default",
+          variant: T.primary ? "solid" : T.variant ?? "outline",
+          loading: T.loading,
+          disabled: T.disabled,
+          href: T.href,
+          target: T.href ? T.target ?? "_blank" : void 0,
+          rel: T.href ? "noopener" : void 0,
+          onClick: (F) => T.run?.()
+        }, ke({
+          default: y(() => [
+            z(" " + A(T.label), 1)
           ]),
           _: 2
         }, [
-          k.icon ? {
+          T.icon ? {
             name: "icon",
-            fn: g(() => [
-              b(n(Ve), {
-                name: k.icon
+            fn: y(() => [
+              w(a(Me), {
+                name: T.icon
               }, null, 8, ["name"])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["class", "type", "variant", "loading", "disabled", "href", "target", "rel", "onClick"]))), 128)),
-        v.value.length > 0 ? (p(), $(Ue, {
+        v.value.length > 0 ? (m(), S(Fe, {
           key: 0,
           actions: v.value,
           size: "lg",
-          label: e.title ?? n(i)("editor.more")
-        }, null, 8, ["actions", "label"])) : U("", !0)
-      ])) : U("", !0)
-    ], 10, ka));
+          label: e.title ?? a(o)("editor.more")
+        }, null, 8, ["actions", "label"])) : N("", !0)
+      ])) : N("", !0)
+    ], 10, da));
   }
-}), it = /* @__PURE__ */ Y(Sa, [["__scopeId", "data-v-e27d184e"]]), Ca = ["data-wx-fill"], Wa = /* @__PURE__ */ R({
+}), pt = /* @__PURE__ */ G(va, [["__scopeId", "data-v-e27d184e"]]), pa = ["data-wx-fill"], ha = /* @__PURE__ */ M({
   __name: "ListScreen",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ ne({
     title: { default: void 0 },
     subtitle: { default: void 0 },
     back: { default: void 0 },
@@ -662,12 +1178,12 @@ const da = { class: "wx-link-picker" }, ca = {
   }),
   emits: ["update:view"],
   setup(e) {
-    const t = de(e, "view");
-    return (a, l) => (p(), T("div", {
-      class: ae(["wx-list-screen", { "is-fill": e.fill }]),
+    const t = re(e, "view");
+    return (l, n) => (m(), $("div", {
+      class: oe(["wx-list-screen", { "is-fill": e.fill }]),
       "data-wx-fill": e.fill ? "" : void 0
     }, [
-      e.title || e.actions || a.$slots.actions ? (p(), $(it, {
+      e.title || e.actions || l.$slots.actions ? (m(), S(pt, {
         key: 0,
         class: "wx-list-screen__head",
         title: e.title,
@@ -676,219 +1192,224 @@ const da = { class: "wx-link-picker" }, ca = {
         "back-label": e.backLabel,
         actions: e.actions,
         "collapse-below": 480
-      }, Ae({ _: 2 }, [
-        a.$slots.actions ? {
+      }, ke({ _: 2 }, [
+        l.$slots.actions ? {
           name: "extra",
-          fn: g(() => [
-            F(a.$slots, "actions", {}, void 0, !0)
+          fn: y(() => [
+            Y(l.$slots, "actions", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : U("", !0),
-      e.views && e.views.length > 0 ? (p(), $(n(Vt), {
+      ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : N("", !0),
+      e.views && e.views.length > 0 ? (m(), S(a(Dt), {
         key: 1,
         modelValue: t.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
         class: "wx-list-screen__views",
         items: e.views,
         "collapse-below": e.collapseBelow,
         "aria-label": e.title
       }, {
-        default: g(() => [
-          e.card ? (p(), $(n(Se), {
+        default: y(() => [
+          e.card ? (m(), S(a(Re), {
             key: 0,
             class: "wx-list-screen__card",
             padding: e.padding
           }, {
-            default: g(() => [
-              F(a.$slots, "default", {}, void 0, !0)
+            default: y(() => [
+              Y(l.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["padding"])) : F(a.$slots, "default", {}, void 0, !0, 1)
+          }, 8, ["padding"])) : Y(l.$slots, "default", {}, void 0, !0, 1)
         ]),
         _: 3
-      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (p(), T(H, { key: 2 }, [
-        e.card ? (p(), $(n(Se), {
+      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (m(), $(j, { key: 2 }, [
+        e.card ? (m(), S(a(Re), {
           key: 0,
           class: "wx-list-screen__card",
           padding: e.padding
         }, {
-          default: g(() => [
-            F(a.$slots, "default", {}, void 0, !0)
+          default: y(() => [
+            Y(l.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["padding"])) : F(a.$slots, "default", {}, void 0, !0, 1)
+        }, 8, ["padding"])) : Y(l.$slots, "default", {}, void 0, !0, 1)
       ], 64))
-    ], 10, Ca));
+    ], 10, pa));
   }
-}), rt = /* @__PURE__ */ Y(Wa, [["__scopeId", "data-v-8c7e5ad1"]]), La = /* @__PURE__ */ R({
+}), ht = /* @__PURE__ */ G(ha, [["__scopeId", "data-v-8c7e5ad1"]]), ga = /* @__PURE__ */ M({
   name: "WxRichTextField",
   inheritAttrs: !1,
   __name: "RichTextField",
   setup(e) {
-    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")
+    const t = J(), l = D("webx-admin"), n = g(() => t.pickImage ?? void 0), o = g(() => ({
+      bold: l("rich-text.bold"),
+      italic: l("rich-text.italic"),
+      strike: l("rich-text.strike"),
+      code: l("rich-text.code"),
+      h2: l("rich-text.h2"),
+      h3: l("rich-text.h3"),
+      h4: l("rich-text.h4"),
+      bulletList: l("rich-text.bullet-list"),
+      orderedList: l("rich-text.ordered-list"),
+      blockquote: l("rich-text.blockquote"),
+      hr: l("rich-text.hr"),
+      link: l("rich-text.link"),
+      table: l("rich-text.table"),
+      image: l("rich-text.image"),
+      youtube: l("rich-text.youtube"),
+      undo: l("rich-text.undo"),
+      redo: l("rich-text.redo"),
+      addRowAfter: l("rich-text.row-below"),
+      addRowBefore: l("rich-text.row-above"),
+      addColumnAfter: l("rich-text.column-after"),
+      addColumnBefore: l("rich-text.column-before"),
+      deleteRow: l("rich-text.delete-row"),
+      deleteColumn: l("rich-text.delete-column"),
+      mergeOrSplit: l("rich-text.merge-cells"),
+      deleteTable: l("rich-text.delete-table"),
+      toolbar: l("rich-text.toolbar"),
+      linkAddress: l("rich-text.link-address"),
+      youtubeAddress: l("rich-text.youtube-address"),
+      apply: l("rich-text.apply"),
+      cancel: l("rich-text.cancel"),
+      uploading: l("rich-text.uploading")
     }));
-    return (s, o) => (p(), $(n(Et), Ke(s.$attrs, {
-      labels: i.value,
-      "pick-image": l.value
+    return (i, s) => (m(), S(a(Ot), et(i.$attrs, {
+      labels: o.value,
+      "pick-image": n.value
     }), null, 16, ["labels", "pick-image"]));
   }
-}), ut = /* @__PURE__ */ Symbol("wx-record-address");
-function Aa(e) {
-  Xe(ut, e);
+}), gt = /* @__PURE__ */ Symbol("wx-record-address");
+function ya(e) {
+  ze(gt, e);
 }
-function za() {
-  return ne(ut, null);
+function ba() {
+  return se(gt, null);
 }
-const Va = { class: "wx-slug" }, Ea = { class: "wx-slug__prefix" }, Ua = /* @__PURE__ */ R({
+const wa = { class: "wx-slug" }, xa = { class: "wx-slug__prefix" }, ka = /* @__PURE__ */ M({
   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}`;
+    const t = ba(), l = it(), n = g(() => {
+      const s = t?.prefix.value ?? "";
+      return s === "" ? "/" : `/${s}/`;
+    }), o = g(() => {
+      const s = t?.values.value.slug;
+      return typeof s == "string" ? s : s?.[l.active.value] ?? "";
+    }), i = g(() => {
+      const s = t?.path.value;
+      return typeof s == "string" && o.value !== "" && `${n.value}${o.value}` != `/${s}`;
     });
-    return (o, r) => (p(), T("div", Va, [
-      b(n(ye), yt(bt(o.$attrs)), {
-        prefix: g(() => [
-          O("span", Ea, L(l.value), 1)
+    return (s, r) => (m(), $("div", wa, [
+      w(a(Te), Ct(Wt(s.$attrs)), {
+        prefix: y(() => [
+          B("span", xa, A(n.value), 1)
         ]),
         _: 1
       }, 16),
-      s.value && n(t) ? (p(), $(n(be), {
+      i.value && a(t) ? (m(), S(a(Se), {
         key: 0,
         type: "info",
         variant: "soft",
-        description: n(t).moving()
-      }, null, 8, ["description"])) : U("", !0)
+        description: a(t).moving()
+      }, null, 8, ["description"])) : N("", !0)
     ]));
   }
-}), Me = /* @__PURE__ */ Y(Ua, [["__scopeId", "data-v-5921c0dd"]]), Ra = {
-  "wx-list": { component: rt, kind: "layout", labelProp: "title" },
+}), Ge = /* @__PURE__ */ G(ka, [["__scopeId", "data-v-5921c0dd"]]), _a = {
+  "wx-list": { component: ht, 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: La, kind: "field", wide: !0 },
+  "wx-rich-text": { component: ga, 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: 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 = ne(dt, null);
+  "wx-link": { component: sa, kind: "field", wide: !0 },
+  "wx-categories": { component: gl, kind: "field" },
+  // Wide: four controls in a column, and half a line leaves the category chips one to a row.
+  "wx-collection": { component: Xl, kind: "field", wide: !0 },
+  // Wide: a row carries a picture, a name with a line under it and a mark, and the search box
+  // under the list reads titles.
+  "wx-relations": { component: mt, kind: "field", wide: !0 },
+  "wx-slug": { component: Ge, kind: "field" },
+  "wx-category-slug": { component: Ge, kind: "field" }
+}, yt = /* @__PURE__ */ Symbol("webx-admin");
+function J() {
+  const e = se(yt, null);
   if (e === null)
     throw new Error("useAdmin() was called outside a panel created by createAdmin().");
   return e;
 }
-function Na(e) {
-  const t = pe({
+function $a(e) {
+  const t = be({
     status: "loading",
     manifest: null,
     user: null,
     error: null
-  }), a = x(() => {
-    const d = t.manifest;
-    if (d === null)
+  }), l = g(() => {
+    const c = t.manifest;
+    if (c === null)
       return [];
-    const w = [];
-    for (const f of d.modules) {
-      const y = e.modules.find((M) => M.id === f.id);
-      if (y === void 0)
+    const x = [];
+    for (const p of c.modules) {
+      const b = e.modules.find((F) => F.id === p.id);
+      if (b === void 0)
         continue;
-      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
+      const T = b.path ?? b.routes?.[0]?.path;
+      T !== void 0 && x.push({
+        id: p.id,
+        title: p.title,
+        icon: p.icon,
+        path: T,
+        group: p.group ?? null
       });
     }
-    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);
+    return x;
+  }), n = g(() => {
+    const c = t.manifest?.groups ?? [], x = [], p = /* @__PURE__ */ new Map();
+    for (const b of l.value)
+      if (b.group !== null && c.some((T) => T.id === b.group)) {
+        const T = p.get(b.group) ?? [];
+        T.push(b), p.set(b.group, T);
       } else
-        w.push(y);
+        x.push(b);
     return {
-      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) ?? []
+      top: x,
+      groups: c.filter((b) => p.has(b.id)).map((b) => ({
+        id: b.id,
+        title: b.title,
+        icon: b.icon ?? null,
+        entries: p.get(b.id) ?? []
       }))
     };
-  }), i = { ...Ra };
-  for (const d of e.modules)
-    Object.assign(i, d.types);
-  Object.assign(i, e.types);
-  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;
+  }), o = { ..._a };
+  for (const c of e.modules)
+    Object.assign(o, c.types);
+  Object.assign(o, e.types);
+  const i = e.modules.find((c) => c.pickImage !== void 0)?.pickImage, s = /* @__PURE__ */ new Map();
+  async function r(c) {
+    const x = `${e.i18n.state.locale}:${c}`;
+    let p = s.get(x);
+    return p === void 0 && (p = e.http.get(`${e.apiPath}/screens/${c}`).then((b) => b.data.root).catch((b) => {
+      throw s.delete(x), b;
+    }), s.set(x, p)), p;
   }
   let u = null;
-  async function c() {
+  async function d() {
     t.status = "loading", t.error = null;
     try {
-      if (u !== null && (t.user = await u(), m(t.user), t.user === null)) {
+      if (u !== null && (t.user = await u(), f(t.user), t.user === null)) {
         t.manifest = null, t.status = "unauthenticated";
         return;
       }
-      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 (Ia(d)) {
+      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 v(c.locale), t.status = "ready";
+    } catch (c) {
+      if (Sa(c)) {
         t.manifest = null, t.user = null, t.status = "unauthenticated";
         return;
       }
-      t.error = d instanceof Error ? d.message : String(d), t.status = "error";
+      t.error = c instanceof Error ? c.message : String(c), t.status = "error";
     }
   }
   async function h() {
@@ -898,15 +1419,15 @@ function Na(e) {
       } catch {
       }
   }
-  function m(d) {
-    d !== null && e.theme?.adopt(d.theme);
+  function f(c) {
+    c !== null && e.theme?.adopt(c.theme);
   }
-  async function v(d) {
+  async function v(c) {
     if (e.loadDictionary === void 0) {
-      e.i18n.state.locale = d;
+      e.i18n.state.locale = c;
       return;
     }
-    await e.loadDictionary(d), await h();
+    await e.loadDictionary(c), await h();
   }
   return {
     http: e.http,
@@ -915,105 +1436,105 @@ function Na(e) {
     state: t,
     i18n: e.i18n,
     modules: e.modules,
-    nav: a,
-    groups: l,
-    types: i,
-    pickImage: s ?? null,
-    reload: c,
+    nav: l,
+    groups: n,
+    types: o,
+    pickImage: i ?? null,
+    reload: d,
     refreshManifest: h,
     setLocale: v,
-    setUser(d) {
-      t.user = d, m(d);
+    setUser(c) {
+      t.user = c, f(c);
     },
-    useSessionLoader(d) {
-      u = d;
+    useSessionLoader(c) {
+      u = c;
     },
-    can(d) {
-      const w = t.user;
-      return w === null ? !1 : w.isSuper || w.permissions.includes(d);
+    can(c) {
+      const x = t.user;
+      return x === null ? !1 : x.isSuper || x.permissions.includes(c);
     },
     loadScreen: r,
-    screenPatch(d) {
-      return e.screens?.[d] ?? [];
+    screenPatch(c) {
+      return e.screens?.[c] ?? [];
     }
   };
 }
-function Ba(e, t) {
-  e.provide(dt, t);
+function Ta(e, t) {
+  e.provide(yt, t);
 }
-function Ia(e) {
+function Sa(e) {
   return typeof e == "object" && e !== null && "status" in e && e.status === 401;
 }
-const Pa = /* @__PURE__ */ R({
+const Ca = /* @__PURE__ */ M({
   __name: "AdminLanding",
   props: {
     landing: { default: null }
   },
   setup(e) {
-    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;
+    const t = e, l = J(), n = _e(), o = D("webx-admin"), i = g(() => {
+      const s = l.nav.value;
+      return s.length === 0 ? null : ((t.landing === null ? void 0 : s.find((u) => u.path === t.landing)) ?? s[0])?.path ?? null;
     });
-    return ee(
-      s,
-      (o) => {
-        o !== null && l.replace(o);
+    return te(
+      i,
+      (s) => {
+        s !== null && n.replace(s);
       },
       { immediate: !0 }
-    ), (o, r) => s.value === null && n(a).state.status === "ready" ? (p(), $(n(Ut), {
+    ), (s, r) => i.value === null && a(l).state.status === "ready" ? (m(), S(a(Ht), {
       key: 0,
       status: "info",
-      title: n(i)("shell.empty-title"),
-      description: n(i)("shell.empty-description")
-    }, null, 8, ["title", "description"])) : U("", !0);
+      title: a(o)("shell.empty-title"),
+      description: a(o)("shell.empty-description")
+    }, null, 8, ["title", "description"])) : N("", !0);
   }
-}), Da = /* @__PURE__ */ R({
+}), Wa = /* @__PURE__ */ M({
   __name: "AdminNav",
   props: {
     collapsed: { type: Boolean }
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const a = t, l = X(), i = P("webx-admin"), s = ge(), o = et(), r = x({
+    const l = t, n = J(), o = D("webx-admin"), i = _e(), s = st(), r = g({
       /*
        * 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 ?? "",
+      get: () => n.nav.value.filter((d) => s.path === d.path || s.path.startsWith(`${d.path}/`)).sort((d, h) => h.path.length - d.path.length)[0]?.id ?? "",
       set: (u) => {
-        const c = l.nav.value.find((h) => h.id === u);
-        c !== void 0 && s.push(c.path);
+        const d = n.nav.value.find((h) => h.id === u);
+        d !== void 0 && i.push(d.path);
       }
     });
-    return (u, c) => {
-      const h = j("wx-menu-item"), m = j("wx-submenu"), v = j("wx-menu");
-      return p(), $(v, {
+    return (u, d) => {
+      const h = X("wx-menu-item"), f = X("wx-submenu"), v = X("wx-menu");
+      return m(), S(v, {
         modelValue: r.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (d) => r.value = d),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
         collapsed: e.collapsed,
-        label: n(i)("nav.sections"),
-        onSelect: c[1] || (c[1] = (d) => a("select"))
+        label: a(o)("nav.sections"),
+        onSelect: d[1] || (d[1] = (c) => l("select"))
       }, {
-        default: g(() => [
-          (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
+        default: y(() => [
+          (m(!0), $(j, null, ae(a(n).groups.value.top, (c) => (m(), S(h, {
+            key: c.id,
+            value: c.id,
+            icon: c.icon ?? void 0,
+            label: c.title
           }, null, 8, ["value", "icon", "label"]))), 128)),
-          (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"
+          (m(!0), $(j, null, ae(a(n).groups.value.groups, (c) => (m(), S(f, {
+            key: c.id,
+            value: `group:${c.id}`,
+            title: c.title,
+            icon: c.icon ?? "gear"
           }, {
-            default: g(() => [
-              (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
+            default: y(() => [
+              (m(!0), $(j, null, ae(c.entries, (x) => (m(), S(h, {
+                key: x.id,
+                value: x.id,
+                icon: x.icon ?? void 0,
+                label: x.title
               }, null, 8, ["value", "icon", "label"]))), 128))
             ]),
             _: 2
@@ -1023,68 +1544,68 @@ const Pa = /* @__PURE__ */ R({
       }, 8, ["modelValue", "collapsed", "label"]);
     };
   }
-}), Ma = {
+}), Aa = {
   key: 0,
   class: "wx-root wx-admin-plain"
-}, Fa = {
+}, Va = {
   key: 1,
   class: "wx-root wx-admin-plain"
-}, Oa = {
+}, La = {
   key: 2,
   class: "wx-root wx-admin-plain"
-}, 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({
+}, Na = ["src", "alt", "width", "height"], Ra = ["src", "alt", "width", "height"], Ua = ["src", "alt"], za = { class: "wx-admin__user" }, Ia = { class: "wx-admin__user wx-admin__user--drawer" }, Ea = /* @__PURE__ */ M({
   __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 } = Rt(
-      l,
+    const t = J(), l = D("webx-admin"), n = L(null), { width: o, layout: i, collapsed: s, showAside: r, drawerOpen: u, toggle: d, close: h } = jt(
+      n,
       { 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(() => Nt(i.value, null));
-    return wt(() => {
-      typeof document > "u" || (document.documentElement.dataset.wxShell = w.value);
-    }), xt(() => {
+    ), f = g(() => t.state.manifest?.title ?? ""), v = g(() => t.state.manifest?.branding?.logo ?? null), c = g(() => t.state.manifest?.branding?.mark ?? null), x = g(() => Kt(o.value, null));
+    return At(() => {
+      typeof document > "u" || (document.documentElement.dataset.wxShell = x.value);
+    }), Vt(() => {
       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"), le = j("wx-container"), ie = j("wx-drawer");
-      return p(), T(H, null, [
-        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", Fa, [
-          b(M, {
-            label: n(a)("shell.loading")
+    }), (p, b) => {
+      const T = X("router-view"), F = X("wx-loading"), Q = X("wx-button"), H = X("wx-result"), V = X("wx-action"), k = X("wx-text"), C = X("wx-header"), _ = X("wx-aside"), q = X("wx-main"), R = X("wx-container"), U = X("wx-drawer");
+      return m(), $(j, null, [
+        w(a(qt), { placement: "bottom-center" }),
+        a(t).state.status === "unauthenticated" ? (m(), $("div", Aa, [
+          w(T)
+        ])) : a(t).state.status === "loading" ? (m(), $("div", Va, [
+          w(F, {
+            label: a(l)("shell.loading")
           }, null, 8, ["label"])
-        ])) : n(t).state.status === "error" ? (p(), T("div", Oa, [
-          b(S, {
+        ])) : a(t).state.status === "error" ? (m(), $("div", La, [
+          w(H, {
             status: "error",
-            title: n(a)("shell.error-title"),
-            description: n(t).state.error
+            title: a(l)("shell.error-title"),
+            description: a(t).state.error
           }, {
-            default: g(() => [
-              b(J, {
+            default: y(() => [
+              w(Q, {
                 type: "primary",
-                onClick: y[0] || (y[0] = (te) => n(t).reload())
+                onClick: b[0] || (b[0] = (I) => a(t).reload())
               }, {
-                default: g(() => [
-                  V(L(n(a)("shell.retry")), 1)
+                default: y(() => [
+                  z(A(a(l)("shell.retry")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title", "description"])
-        ])) : (p(), T("div", {
+        ])) : (m(), $("div", {
           key: 3,
           ref_key: "shellEl",
-          ref: l,
-          class: ae(["wx-root wx-admin", `wx-admin--${w.value}`])
+          ref: n,
+          class: oe(["wx-root wx-admin", `wx-admin--${x.value}`])
         }, [
-          b(le, {
-            direction: n(s) === "drawer" ? "vertical" : "horizontal",
+          w(R, {
+            direction: a(i) === "drawer" ? "vertical" : "horizontal",
             "full-height": "",
             class: "wx-admin__frame"
           }, {
-            default: g(() => [
-              n(s) === "drawer" ? (p(), $(A, {
+            default: y(() => [
+              a(i) === "drawer" ? (m(), S(C, {
                 key: 0,
                 class: "wx-admin__header",
                 floating: "",
@@ -1093,127 +1614,127 @@ const Pa = /* @__PURE__ */ R({
                 padding: "sm",
                 height: "var(--wx-admin-header-height)"
               }, {
-                end: g(() => [
-                  F(f.$slots, "user", { expanded: !1 }, void 0, !0)
+                end: y(() => [
+                  Y(p.$slots, "user", { expanded: !1 }, void 0, !0)
                 ]),
-                default: g(() => [
-                  b(B, {
+                default: y(() => [
+                  w(V, {
                     icon: "menu",
-                    title: n(a)("nav.menu"),
-                    onClick: n(c)
+                    title: a(l)("nav.menu"),
+                    onClick: a(d)
                   }, null, 8, ["title", "onClick"]),
-                  F(f.$slots, "brand", {}, () => [
-                    v.value ? (p(), T("img", {
+                  Y(p.$slots, "brand", {}, () => [
+                    v.value ? (m(), $("img", {
                       key: 0,
                       class: "wx-admin__logo",
                       src: v.value.url,
-                      alt: m.value,
+                      alt: f.value,
                       width: v.value.width ?? void 0,
                       height: v.value.height ?? void 0
-                    }, null, 8, Ha)) : (p(), $(C, {
+                    }, null, 8, Na)) : (m(), S(k, {
                       key: 1,
                       weight: "semibold",
                       truncate: ""
                     }, {
-                      default: g(() => [
-                        V(L(m.value), 1)
+                      default: y(() => [
+                        z(A(f.value), 1)
                       ]),
                       _: 1
                     }))
                   ], !0)
                 ]),
                 _: 3
-              })) : U("", !0),
-              n(r) ? (p(), $(E, {
+              })) : N("", !0),
+              a(r) ? (m(), S(_, {
                 key: 1,
                 class: "wx-admin__aside",
                 sticky: "",
                 floating: "",
                 scroll: "",
                 bordered: !1,
-                collapsed: n(o),
+                collapsed: a(s),
                 width: 220,
                 "collapsed-width": 56
               }, {
-                top: g(() => [
-                  O("div", {
-                    class: ae(["wx-admin__brand", { "wx-admin__brand--stacked": n(o) && d.value }])
+                top: y(() => [
+                  B("div", {
+                    class: oe(["wx-admin__brand", { "wx-admin__brand--stacked": a(s) && c.value }])
                   }, [
-                    n(o) ? d.value ? (p(), T("img", {
+                    a(s) ? c.value ? (m(), $("img", {
                       key: 1,
                       class: "wx-admin__mark",
-                      src: d.value.url,
-                      alt: m.value
-                    }, null, 8, Ka)) : U("", !0) : F(f.$slots, "brand", {}, () => [
-                      v.value ? (p(), T("img", {
+                      src: c.value.url,
+                      alt: f.value
+                    }, null, 8, Ua)) : N("", !0) : Y(p.$slots, "brand", {}, () => [
+                      v.value ? (m(), $("img", {
                         key: 0,
                         class: "wx-admin__logo",
                         src: v.value.url,
-                        alt: m.value,
+                        alt: f.value,
                         width: v.value.width ?? void 0,
                         height: v.value.height ?? void 0
-                      }, null, 8, ja)) : (p(), $(C, {
+                      }, null, 8, Ra)) : (m(), S(k, {
                         key: 1,
                         weight: "semibold",
                         truncate: "",
                         class: "wx-admin__title"
                       }, {
-                        default: g(() => [
-                          V(L(m.value), 1)
+                        default: y(() => [
+                          z(A(f.value), 1)
                         ]),
                         _: 1
                       }))
                     ], !0, 0),
-                    b(B, {
+                    w(V, {
                       icon: "sidebar",
-                      title: n(o) ? n(a)("nav.expand") : n(a)("nav.collapse"),
-                      onClick: n(c)
+                      title: a(s) ? a(l)("nav.expand") : a(l)("nav.collapse"),
+                      onClick: a(d)
                     }, null, 8, ["title", "onClick"])
                   ], 2)
                 ]),
-                bottom: g(() => [
-                  O("div", qa, [
-                    F(f.$slots, "user", {
-                      expanded: !n(o)
+                bottom: y(() => [
+                  B("div", za, [
+                    Y(p.$slots, "user", {
+                      expanded: !a(s)
                     }, void 0, !0)
                   ])
                 ]),
-                default: g(() => [
-                  F(f.$slots, "nav", { collapsed: n(o) }, void 0, !0)
+                default: y(() => [
+                  Y(p.$slots, "nav", { collapsed: a(s) }, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["collapsed"])) : U("", !0),
-              b(K, {
+              }, 8, ["collapsed"])) : N("", !0),
+              w(q, {
                 padding: "none",
                 class: "wx-admin__screen"
               }, {
-                default: g(() => [
-                  b(k)
+                default: y(() => [
+                  w(T)
                 ]),
                 _: 1
               })
             ]),
             _: 3
           }, 8, ["direction"]),
-          b(ie, {
-            open: n(u),
-            "onUpdate:open": y[1] || (y[1] = (te) => Ge(u) ? u.value = te : null),
+          w(U, {
+            open: a(u),
+            "onUpdate:open": b[1] || (b[1] = (I) => at(u) ? u.value = I : null),
             class: "wx-admin__drawer",
-            title: m.value === "" ? n(a)("nav.menu") : m.value,
+            title: f.value === "" ? a(l)("nav.menu") : f.value,
             side: "left",
             size: 260,
             "full-screen": !1,
             closable: ""
           }, {
-            footer: g(() => [
-              O("div", Ya, [
-                F(f.$slots, "user", { expanded: !0 }, void 0, !0)
+            footer: y(() => [
+              B("div", Ia, [
+                Y(p.$slots, "user", { expanded: !0 }, void 0, !0)
               ])
             ]),
-            default: g(() => [
-              F(f.$slots, "nav", {
+            default: y(() => [
+              Y(p.$slots, "nav", {
                 collapsed: !1,
-                select: n(h)
+                select: a(h)
               }, void 0, !0)
             ]),
             _: 3
@@ -1222,146 +1743,47 @@ const Pa = /* @__PURE__ */ R({
       ], 64);
     };
   }
-}), 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";
-  }
-  status;
-  errors;
-  retryAfter;
-  body;
-  /** A failed form rather than a failed request. */
-  get isValidation() {
-    return this.status === 422;
-  }
-  get isUnauthenticated() {
-    return this.status === 401;
-  }
-  get isThrottled() {
-    return this.status === 429;
-  }
-}
-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 && Fe("XSRF-TOKEN") !== null || (await l(a, { credentials: "same-origin" }), o = !0);
-  }
-  async function u(c, h, m, v = {}, d = !1) {
-    const w = Ja.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?.(),
-      ...v.headers
-    };
-    if (w) {
-      const k = Fe("XSRF-TOKEN");
-      k !== null && (f["X-XSRF-TOKEN"] = k);
-    }
-    m !== void 0 && (f["Content-Type"] = "application/json");
-    const y = await l(en(t, h, v.query), {
-      method: c,
-      credentials: "same-origin",
-      headers: f,
-      signal: v.signal,
-      body: m === void 0 ? void 0 : JSON.stringify(m)
-    });
-    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 Za(y);
-    if (y.status !== 204)
-      return await y.json();
-  }
-  return {
-    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 Za(e) {
-  let t = null;
-  try {
-    t = await e.json();
-  } catch {
-  }
-  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(o) ? o : null,
-    t
-  );
-}
-function en(e, t, a) {
-  const i = /^https?:\/\//i.test(t) ? t : `${e}/${t.replace(/^\//, "")}`;
-  if (a === void 0)
-    return i;
-  const s = new URLSearchParams();
-  for (const [r, u] of Object.entries(a))
-    u != null && s.set(r, String(u));
-  const o = s.toString();
-  return o === "" ? i : `${i}${i.includes("?") ? "&" : "?"}${o}`;
-}
-function Fe(e) {
-  if (typeof document > "u")
-    return null;
-  for (const t of document.cookie.split(";")) {
-    const [a, ...l] = t.trim().split("=");
-    if (a === e)
-      return decodeURIComponent(l.join("="));
-  }
-  return null;
-}
-const tn = "webx.theme", ct = /* @__PURE__ */ Symbol("webx-theme");
-function Jn() {
-  const e = ne(ct, null);
+}), Ba = /* @__PURE__ */ G(Ea, [["__scopeId", "data-v-819885ab"]]), Ma = "webx.theme", bt = /* @__PURE__ */ Symbol("webx-theme");
+function In() {
+  const e = se(bt, null);
   if (e === null)
     throw new Error("useTheme() was called outside a panel created by createAdmin().");
   return e;
 }
-function an(e, t) {
-  e.provide(ct, t);
+function Pa(e, t) {
+  e.provide(bt, t);
 }
-function nn(e = {}) {
-  const t = e.storageKey === void 0 ? tn : e.storageKey, a = pe({
-    preference: ln(t) ?? "system",
+function Fa(e = {}) {
+  const t = e.storageKey === void 0 ? Ma : e.storageKey, l = be({
+    preference: Da(t) ?? "system",
     resolved: "light"
   });
-  function l() {
-    Jt(a.preference), a.resolved = a.preference === "system" ? Qt() : a.preference;
+  function n() {
+    il(l.preference), l.resolved = l.preference === "system" ? rl() : l.preference;
   }
-  return l(), Gt((i) => {
-    a.preference === "system" && (a.resolved = i);
+  return n(), sl((o) => {
+    l.preference === "system" && (l.resolved = o);
   }), {
-    state: a,
-    set(i) {
-      a.preference = i, l(), Oe(t, i);
+    state: l,
+    set(o) {
+      l.preference = o, n(), Je(t, o);
     },
-    adopt(i) {
-      if (i === void 0)
+    adopt(o) {
+      if (o === void 0)
         return;
-      const s = i ?? "system";
-      s !== a.preference && (a.preference = s, l(), Oe(t, s));
+      const i = o ?? "system";
+      i !== l.preference && (l.preference = i, n(), Je(t, i));
     }
   };
 }
-function Oe(e, t) {
+function Je(e, t) {
   if (e !== null)
     try {
       localStorage.setItem(e, t);
     } catch {
     }
 }
-function ln(e) {
+function Da(e) {
   if (e === null)
     return null;
   try {
@@ -1371,7 +1793,7 @@ function ln(e) {
     return null;
   }
 }
-const mt = {
+const wt = {
   shell: {
     loading: "Loading the panel…",
     "error-title": "The panel could not start",
@@ -1585,29 +2007,73 @@ const mt = {
     "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."
+  },
+  // What a block shows from another section (`wx-collection`): the server's refusals, then the
+  // words of the field that makes the choice. The name of the section is the server's, translated.
+  collections: {
+    "unknown-source": "There is no “:source” on this site to show records from.",
+    "unknown-category": "One of the chosen categories no longer exists.",
+    limit: "How many to show: a whole number from 1 to :max, or empty for all.",
+    flag: "This switch takes yes or no.",
+    "unknown-relation": "Records of this section cannot be filtered by that.",
+    "unknown-related": "One of the chosen related records no longer exists.",
+    "field-source": "Shows records from “:source”.",
+    "field-unavailable": "Records from “:source” cannot be chosen here: the section is not installed, or you have no access to it.",
+    "field-categories": "Categories",
+    "field-all": "All categories",
+    "field-no-categories": "No such category.",
+    "field-limit": "How many to show",
+    "field-limit-all": "All",
+    "field-filter": "A filter by category above the list",
+    "field-markup": "Markup for search engines",
+    "field-markup-auto-on": "By default it is on: the block shows every category.",
+    "field-markup-auto-off": "By default it is off: search engines ask not to mark the same records up on several pages, and a chosen category usually stands on several.",
+    "field-markup-reset": "Back to the default"
+  },
+  // The records of another section a record points at (`wx-relations`), and the same choice as a
+  // block's filter ("only related to" in `wx-collection`). Kept apart from `collections` because
+  // the field is a field of its own, on any screen.
+  relations: {
+    "field-add": "Add…",
+    "field-searching": "Searching…",
+    "field-nothing": "Nothing found.",
+    "field-empty": "Nothing chosen yet.",
+    "field-remove": "Remove",
+    "field-drag": "Drag to change the order",
+    "field-hidden": "Not on the site",
+    "field-trashed": "In the bin",
+    "field-missing": "Not found",
+    "field-full": "No more than :max can be chosen.",
+    "field-forbidden": "You cannot see these records, so the choice cannot be changed here.",
+    "collection-related": "Only related to",
+    "collection-related-to": "Only related to “:target”",
+    "collection-related-type": "Which section",
+    "collection-related-any": "Not narrowed: every record, related or not.",
+    "collection-related-current": "The record of the page it stands on",
+    "collection-related-current-hint": "On the page of a record of “:target” the block shows what is related to it; on any other page it shows nothing."
   }
-}, 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 === "/")) {
-    const y = i.find((k) => k.landing === !0);
-    s.push({
+}, xt = "webx.locale";
+function En(e = {}) {
+  const t = e.manifestUrl ?? Ya() ?? "/api/cms/manifest", l = e.apiPath ?? t.replace(/\/manifest\/?$/, ""), n = e.basePath ?? "/cms", o = e.modules ?? [], i = [...e.routes ?? []];
+  for (const b of o)
+    i.push(...b.routes ?? []);
+  if (!i.some((b) => b.path === "/")) {
+    const b = o.find((T) => T.landing === !0);
+    i.push({
       path: "/",
       name: "webx.home",
-      component: Pa,
-      props: { landing: y?.path ?? y?.routes?.[0]?.path ?? null }
+      component: Ca,
+      props: { landing: b?.path ?? b?.routes?.[0]?.path ?? null }
     });
   }
-  const o = $t({
-    history: Tt(l),
-    routes: s
-  }), r = Ee({ locale: e.locale ?? sn() }), u = nn(), c = e.http ?? Qa({
+  const s = Rt({
+    history: Ut(n),
+    routes: i
+  }), r = Pe({ locale: e.locale ?? Ha() }), u = Fa(), d = e.http ?? bl({
     baseUrl: "",
-    csrfUrl: `${a}/auth/csrf-cookie`,
+    csrfUrl: `${l}/auth/csrf-cookie`,
     onUnauthenticated: () => {
-      m.setUser(null), m.state.status = "unauthenticated";
+      f.setUser(null), f.state.status = "unauthenticated";
     },
     // Every request says which language the panel is currently showing. It decides what
     // the server writes its own messages in — a 422 under a field — for anybody who has
@@ -1615,174 +2081,174 @@ function Qn(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", mt);
-  async function h(y) {
-    const k = await c.get(`${a}/translations/${y}`);
-    r.load(k.data.namespaces, k.data.locale, k.data.fallback), rn(k.data.locale), dn(k.data.locale, r.state.panelLocales);
+  r.defaults("webx-admin", wt);
+  async function h(b) {
+    const T = await d.get(`${l}/translations/${b}`);
+    r.load(T.data.namespaces, T.data.locale, T.data.fallback), ja(T.data.locale), qa(T.data.locale, r.state.panelLocales);
   }
-  const m = Na({
-    http: c,
+  const f = $a({
+    http: d,
     theme: u,
-    basePath: l,
-    apiPath: a,
-    modules: i,
+    basePath: n,
+    apiPath: l,
+    modules: o,
     i18n: r,
     loadDictionary: h,
     types: e.types,
     screens: e.screens,
-    loadManifest: async () => (await c.get(t)).data
-  }), v = kt(on(e));
-  v.use(It), Ba(v, m), ta(v, r), an(v, u);
-  const d = W("");
+    loadManifest: async () => (await d.get(t)).data
+  }), v = Lt(Oa(e));
+  v.use(Yt), Ta(v, f), cl(v, r), Pa(v, u);
+  const c = L("");
   v.provide(
-    Pt,
-    x(() => r.state.locale)
-  ), v.provide(Dt, {
-    list: x(
-      () => r.state.contentLocales.map((y) => ({
-        code: y.code,
-        label: y.code.toUpperCase()
+    Xt,
+    g(() => r.state.locale)
+  ), v.provide(Gt, {
+    list: g(
+      () => r.state.contentLocales.map((b) => ({
+        code: b.code,
+        label: b.code.toUpperCase()
       }))
     ),
-    active: x({
-      get: () => d.value || (r.state.contentLocales[0]?.code ?? ""),
-      set: (y) => {
-        d.value = y;
+    active: g({
+      get: () => c.value || (r.state.contentLocales[0]?.code ?? ""),
+      set: (b) => {
+        c.value = b;
       }
     })
   });
-  const w = {
+  const x = {
     app: v,
-    router: o,
-    context: m,
+    router: s,
+    context: f,
     i18n: r,
     theme: u,
     async mount() {
-      await Promise.all([f(), h(r.state.locale)]).catch(() => {
-      }), v.mount(e.el ?? "#webx-app"), await m.reload();
+      await Promise.all([p(), h(r.state.locale)]).catch(() => {
+      }), v.mount(e.el ?? "#webx-app"), await f.reload();
     }
   };
-  async function f() {
-    const y = await c.get(`${a}/locales`);
-    r.state.panelLocales = y.data.panel, r.state.contentLocales = y.data.content;
+  async function p() {
+    const b = await d.get(`${l}/locales`);
+    r.state.panelLocales = b.data.panel, r.state.contentLocales = b.data.content;
   }
-  for (const y of e.plugins ?? [])
-    y.install(w);
-  return v.use(o), w;
+  for (const b of e.plugins ?? [])
+    b.install(x);
+  return v.use(s), x;
 }
-function on(e) {
+function Oa(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) => re(Da, { collapsed: a.collapsed === !0, onSelect: a.select })
+    nav: (l) => ce(Wa, { collapsed: l.collapsed === !0, onSelect: l.select })
   };
-  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) };
+  return e.brand !== void 0 && (t.brand = () => ce(e.brand)), e.userMenu !== void 0 && (t.user = (l) => ce(e.userMenu, { expanded: l.expanded === !0 })), { render: () => ce(Ba, null, t) };
 }
-function sn() {
-  const e = un(vt);
+function Ha() {
+  const e = Ka(xt);
   return e !== null ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator > "u" ? "en" : navigator.language;
 }
-function rn(e) {
+function ja(e) {
   try {
-    localStorage.setItem(vt, e);
+    localStorage.setItem(xt, e);
   } catch {
   }
 }
-function un(e) {
+function Ka(e) {
   try {
     return localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function dn(e, t) {
-  typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = t.find((a) => a.code === e)?.direction ?? "ltr");
+function qa(e, t) {
+  typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = t.find((l) => l.code === e)?.direction ?? "ltr");
 }
-function cn() {
+function Ya() {
   return typeof document > "u" ? null : document.querySelector('meta[name="webx-manifest"]')?.getAttribute("content") ?? null;
 }
-function mn(e) {
+function Xa(e) {
   const t = e.replace(/\r\n?/g, `
 `).split(`
-`), a = [];
-  let l = 0;
-  for (; l < t.length; ) {
-    const i = t[l] ?? "";
-    if (i.trim() === "") {
-      l += 1;
+`), l = [];
+  let n = 0;
+  for (; n < t.length; ) {
+    const o = t[n] ?? "";
+    if (o.trim() === "") {
+      n += 1;
       continue;
     }
-    if (/^```([\w-]*)\s*$/.exec(i)) {
+    if (/^```([\w-]*)\s*$/.exec(o)) {
       const u = [];
-      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(`
+      for (n += 1; n < t.length && !/^```\s*$/.test(t[n] ?? ""); )
+        u.push(t[n] ?? ""), n += 1;
+      n += 1, l.push(`<pre><code>${Ue(u.join(`
 `))}</code></pre>`);
       continue;
     }
-    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;
+    const s = /^(#{1,4})\s+(.*)$/.exec(o);
+    if (s) {
+      const u = Math.min(s[1].length + 1, 5);
+      l.push(`<h${u}>${Le(s[2] ?? "")}</h${u}>`), n += 1;
       continue;
     }
-    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))
+    if (he(o)) {
+      const u = /^\s*\d+[.)]\s+/.test(o), d = [];
+      for (; n < t.length && he(t[n] ?? ""); )
+        for (d.push((t[n] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), n += 1; n < t.length; ) {
+          const f = t[n] ?? "";
+          if (f.trim() === "" || he(f) || /^(#{1,4})\s/.test(f) || /^```/.test(f))
             break;
-          c[c.length - 1] += ` ${m.trim()}`, l += 1;
+          d[d.length - 1] += ` ${f.trim()}`, n += 1;
         }
       const h = u ? "ol" : "ul";
-      a.push(`<${h}>${c.map((m) => `<li>${Te(m)}</li>`).join("")}</${h}>`);
+      l.push(`<${h}>${d.map((f) => `<li>${Le(f)}</li>`).join("")}</${h}>`);
       continue;
     }
     const r = [];
-    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;
+    for (; n < t.length; ) {
+      const u = t[n] ?? "";
+      if (u.trim() === "" || he(u) || /^(#{1,4})\s/.test(u) || /^```/.test(u)) break;
+      r.push(u.trim()), n += 1;
     }
-    a.push(`<p>${Te(r.join(" "))}</p>`);
+    l.push(`<p>${Le(r.join(" "))}</p>`);
   }
-  return a.join("");
+  return l.join("");
 }
-const ce = "\0";
-function me(e) {
+const pe = "\0";
+function he(e) {
   return /^\s*(?:[-*+]|\d+[.)])\s+/.test(e);
 }
-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(
+function Le(e) {
+  const t = [], l = e.replace(/`([^`]+)`/g, (o, i) => (t.push(`<code>${Ue(i)}</code>`), `${pe}${t.length - 1}${pe}`));
+  return Ue(l).replace(
     /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g,
     '<a href="$2" target="_blank" rel="noopener">$1</a>'
   ).replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(
-    new RegExp(`${ce}(\\d+)${ce}`, "g"),
-    (i, s) => t[Number(s)] ?? ""
+    new RegExp(`${pe}(\\d+)${pe}`, "g"),
+    (o, i) => t[Number(i)] ?? ""
   );
 }
-function We(e) {
+function Ue(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-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}`;
-    let h = a.get(c);
-    return h === void 0 && (h = new Intl.DateTimeFormat(u, o), a.set(c, h)), h.format(r);
+function Ga(e) {
+  const t = e.scope("webx-admin"), l = /* @__PURE__ */ new Map();
+  function n(i, s, r) {
+    const u = e.state.locale, d = `${u}:${i}`;
+    let h = l.get(d);
+    return h === void 0 && (h = new Intl.DateTimeFormat(u, s), l.set(d, h)), h.format(r);
   }
-  const i = (s) => l("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, s);
+  const o = (i) => n("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, i);
   return {
-    short(s) {
-      const o = fe(s);
-      if (o === null)
+    short(i) {
+      const s = ye(i);
+      if (s === null)
         return t("dates.never");
-      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(
+      const r = /* @__PURE__ */ new Date(), u = Qe(s, r);
+      return u === 0 ? t("dates.today", { time: o(s) }) : u === -1 ? t("dates.yesterday", { time: o(s) }) : s.getFullYear() === r.getFullYear() ? n(
         "this-year",
         {
           day: "numeric",
@@ -1791,156 +2257,156 @@ function vn(e) {
           minute: "2-digit",
           hourCycle: "h23"
         },
-        o
-      ) : l("earlier", { day: "numeric", month: "long", year: "numeric" }, o);
+        s
+      ) : n("earlier", { day: "numeric", month: "long", year: "numeric" }, s);
     },
-    compact(s) {
-      const o = fe(s);
-      if (o === null)
+    compact(i) {
+      const s = ye(i);
+      if (s === null)
         return t("dates.never");
       const r = /* @__PURE__ */ new Date();
-      return He(o, r) === 0 ? i(o) : o.getFullYear() === r.getFullYear() ? l("compact", { day: "numeric", month: "short" }, o) : l("compact-earlier", { dateStyle: "short" }, o);
+      return Qe(s, r) === 0 ? o(s) : s.getFullYear() === r.getFullYear() ? n("compact", { day: "numeric", month: "short" }, s) : n("compact-earlier", { dateStyle: "short" }, s);
     },
-    exact(s) {
-      const o = fe(s);
-      return o === null ? "" : l("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, o);
+    exact(i) {
+      const s = ye(i);
+      return s === null ? "" : n("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, s);
     },
-    iso(s) {
-      const o = fe(s);
-      return o === null ? "" : o.toISOString();
+    iso(i) {
+      const s = ye(i);
+      return s === null ? "" : s.toISOString();
     }
   };
 }
-function ft() {
-  const e = ne(we, null);
-  return vn(e ?? fn());
+function kt() {
+  const e = se(Ce, null);
+  return Ga(e ?? Ja());
 }
-let ve = null;
-function fn() {
-  return ve === null && (ve = Ee(), ve.defaults("webx-admin", mt)), ve;
+let ge = null;
+function Ja() {
+  return ge === null && (ge = Pe(), ge.defaults("webx-admin", wt)), ge;
 }
-function fe(e) {
+function ye(e) {
   if (e == null || e === "")
     return null;
   const t = e instanceof Date ? e : new Date(e);
   return Number.isNaN(t.getTime()) ? null : 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 Qe(e, t) {
+  const l = (n) => Date.UTC(n.getFullYear(), n.getMonth(), n.getDate());
+  return Math.round((l(e) - l(t)) / 864e5);
 }
-function pn(e, t, a) {
-  const l = e instanceof Ce ? e.status : hn(e);
-  if (l === 422)
-    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");
-  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 });
+function Qa(e, t, l) {
+  const n = e instanceof fe ? e.status : Za(e);
+  if (n === 422)
+    return en(e) ?? l ?? t("errors.unknown");
+  if (n === 401) return t("errors.signed-out");
+  if (n === 403) return t("errors.forbidden");
+  if (n === 404) return t("errors.gone");
+  if (n === 409) return t("errors.conflict");
+  if (n === 429) {
+    const o = e instanceof fe ? e.retryAfter : null;
+    return o === null ? t("errors.throttled") : t("errors.throttled-in", { seconds: o });
   }
-  return l !== null && l >= 500 ? t("errors.server") : l === null ? t("errors.offline") : a ?? t("errors.unknown");
+  return n !== null && n >= 500 ? t("errors.server") : n === null ? t("errors.offline") : l ?? t("errors.unknown");
 }
-function Re() {
-  const e = P("webx-admin");
-  return (t, a) => pn(t, e, a);
+function De() {
+  const e = D("webx-admin");
+  return (t, l) => Qa(t, e, l);
 }
-function hn(e) {
+function Za(e) {
   const t = e?.status;
   return typeof t == "number" ? t : null;
 }
-function gn(e) {
-  const a = e?.body?.message;
-  return typeof a == "string" && a !== "" ? a : null;
+function en(e) {
+  const l = e?.body?.message;
+  return typeof l == "string" && l !== "" ? l : null;
 }
-function yn(e, t, a) {
-  const l = `${e.apiPath}/entities/${t}/${a}/notes`, i = (o) => `${e.apiPath}/notes/${o}`, s = (o) => o.data;
+function tn(e, t, l) {
+  const n = `${e.apiPath}/entities/${t}/${l}/notes`, o = (s) => `${e.apiPath}/notes/${s}`, i = (s) => s.data;
   return {
-    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(() => {
+    list: () => e.http.get(n).then(i),
+    add: (s) => e.http.post(n, { body: s }).then(i),
+    save: (s, r) => e.http.put(o(s), { body: r }).then(i),
+    remove: (s) => e.http.delete(o(s)).then(() => {
     })
   };
 }
-const pt = /* @__PURE__ */ Symbol("wx-category-editor");
-function bn(e) {
-  Xe(pt, e);
+const _t = /* @__PURE__ */ Symbol("wx-category-editor");
+function ln(e) {
+  ze(_t, e);
 }
-function Zn() {
-  return ne(pt, null);
+function Bn() {
+  return se(_t, null);
 }
-function wn(e) {
+function an(e) {
   return (e.q ?? "").trim() !== "" || e.filtered ? "locked" : e.category == null ? "all" : "category";
 }
-function el(e, t) {
-  const a = X(), l = P("webx-admin"), i = x(() => wn(t()));
+function Mn(e, t) {
+  const l = J(), n = D("webx-admin"), o = g(() => an(t()));
   return {
-    mode: i,
-    sortable: x(() => i.value !== "locked"),
-    hint: x(() => l(`categories.order-${i.value}`)),
-    move: (s) => na(a, e, s, i.value === "category" ? t().category ?? null : null)
+    mode: o,
+    sortable: g(() => o.value !== "locked"),
+    hint: g(() => n(`categories.order-${o.value}`)),
+    move: (i) => fl(l, e, i, o.value === "category" ? t().category ?? null : null)
   };
 }
-function Ne(e = {}) {
-  const t = P("webx-admin");
-  return (a, l) => t(e[a] ?? `webx-admin::categories.${a}`, l);
+function Oe(e = {}) {
+  const t = D("webx-admin");
+  return (l, n) => t(e[l] ?? `webx-admin::categories.${l}`, n);
 }
-const xn = /* @__PURE__ */ R({
+const nn = /* @__PURE__ */ M({
   name: "WxCategoryCreateDialog",
   __name: "CategoryCreateDialog",
   props: {
     options: {}
   },
   setup(e) {
-    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 Je(), h.value?.querySelector("input")?.focus();
+    const t = e, { open: l, resolve: n, dismiss: o } = Jt(), i = ve(J(), t.options.api), s = Oe(t.options.words), r = L(""), u = L(!1), d = L({}), h = lt("field");
+    Ee(async () => {
+      await Ie(), 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];
+    function f(c) {
+      const x = Object.keys(d.value).find((p) => p === c || p.startsWith(`${c}.`));
+      return x === void 0 ? void 0 : d.value[x]?.[0];
     }
     async function v() {
       if (!(r.value.trim() === "" || u.value)) {
-        u.value = !0, c.value = {};
+        u.value = !0, d.value = {};
         try {
-          l(await s.create({ title: r.value.trim() }));
-        } catch (d) {
-          c.value = d.body?.errors ?? {};
+          n(await i.create({ title: r.value.trim() }));
+        } catch (c) {
+          d.value = c.body?.errors ?? {};
         } finally {
           u.value = !1;
         }
       }
     }
-    return (d, w) => (p(), $(n(lt), {
-      open: n(a),
-      "onUpdate:open": w[2] || (w[2] = (f) => Ge(a) ? a.value = f : null),
-      title: n(o)("new"),
+    return (c, x) => (m(), S(a(rt), {
+      open: a(l),
+      "onUpdate:open": x[2] || (x[2] = (p) => at(l) ? l.value = p : null),
+      title: a(s)("new"),
       width: 440
     }, {
-      footer: g(() => [
-        b(n(Ot), { size: "sm" }, {
-          default: g(() => [
-            b(n(Z), {
+      footer: y(() => [
+        w(a(Zt), { size: "sm" }, {
+          default: y(() => [
+            w(a(le), {
               variant: "outline",
-              onClick: w[1] || (w[1] = (f) => n(i)())
+              onClick: x[1] || (x[1] = (p) => a(o)())
             }, {
-              default: g(() => [
-                V(L(n(o)("cancel")), 1)
+              default: y(() => [
+                z(A(a(s)("cancel")), 1)
               ]),
               _: 1
             }),
-            b(n(Z), {
+            w(a(le), {
               type: "primary",
               loading: u.value,
               disabled: r.value.trim() === "",
               onClick: v
             }, {
-              default: g(() => [
-                V(L(n(o)("create")), 1)
+              default: y(() => [
+                z(A(a(s)("create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1948,22 +2414,22 @@ const xn = /* @__PURE__ */ R({
           _: 1
         })
       ]),
-      default: g(() => [
-        b(n(Ft), {
-          label: n(o)("field-title"),
-          error: m("title") ?? m("slug"),
+      default: y(() => [
+        w(a(Qt), {
+          label: a(s)("field-title"),
+          error: f("title") ?? f("slug"),
           required: ""
         }, {
-          default: g(() => [
-            O("div", {
+          default: y(() => [
+            B("div", {
               ref_key: "field",
               ref: h
             }, [
-              b(n(ye), {
+              w(a(Te), {
                 modelValue: r.value,
-                "onUpdate:modelValue": w[0] || (w[0] = (f) => r.value = f),
-                "aria-label": n(o)("field-title"),
-                onKeyup: Qe(v, ["enter"])
+                "onUpdate:modelValue": x[0] || (x[0] = (p) => r.value = p),
+                "aria-label": a(s)("field-title"),
+                onKeyup: nt(v, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -1973,135 +2439,136 @@ const xn = /* @__PURE__ */ R({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), kn = { class: "wx-category-row__name" }, _n = /* @__PURE__ */ R({
+}), on = { class: "wx-category-row__name" }, sn = /* @__PURE__ */ M({
   name: "WxCategoriesPage",
   __name: "CategoriesPage",
   props: {
     options: {}
   },
   setup(e) {
-    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 = Ht(xn), v = x(
-      () => c.value ? [{ key: "new", label: s("new"), icon: "plus", primary: !0, run: () => {
-        y();
+    const t = e, l = J(), n = ve(l, t.options.api), o = _e(), i = Oe(t.options.words), s = De(), r = L([]), u = L(!0), d = L(!0), h = g(() => l.can(t.options.manage)), f = g(
+      () => l.state.manifest?.modules.find((V) => V.id === t.options.module)?.title ?? ""
+    ), v = el(nn), c = g(
+      () => h.value ? [{ key: "new", label: i("new"), icon: "plus", primary: !0, run: () => {
+        T();
       } }] : []
     );
-    function d(S) {
-      return Number(S[t.options.count] ?? 0);
+    function x(V) {
+      return Number(V[t.options.count] ?? 0);
     }
-    async function w() {
+    async function p() {
       u.value = !0;
       try {
-        r.value = (await l.list()).data;
-      } catch (S) {
-        D.danger(o(S));
+        const V = await n.list();
+        r.value = V.data, d.value = V.prefix !== null;
+      } catch (V) {
+        K.danger(s(V));
       } finally {
         u.value = !1;
       }
     }
-    w();
-    function f(S) {
-      i.push(`${t.options.path}/${S.id}`);
+    p();
+    function b(V) {
+      o.push(`${t.options.path}/${V.id}`);
     }
-    async function y() {
-      const S = await m({ options: t.options });
-      S !== void 0 && f(S);
+    async function T() {
+      const V = await v({ options: t.options });
+      V !== void 0 && b(V);
     }
-    async function k(S) {
-      if (d(S) > 0) {
-        D.warning(s("delete-blocked"));
+    async function F(V) {
+      if (x(V) > 0) {
+        K.warning(i("delete-blocked"));
         return;
       }
-      if (await he({
-        title: s("delete-title", { name: S.name }),
-        message: s("delete-text"),
-        confirmText: s("delete"),
-        cancelText: s("cancel"),
+      if (await xe({
+        title: i("delete-title", { name: V.name }),
+        message: i("delete-text"),
+        confirmText: i("delete"),
+        cancelText: i("cancel"),
         tone: "danger"
       }))
         try {
-          await l.remove(S.id), D.success(s("deleted")), await w();
+          await n.remove(V.id), K.success(i("deleted")), await p();
         } catch (C) {
-          D.danger(o(C));
+          K.danger(s(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({
+    function Q(V) {
+      const k = [{ key: "edit", label: i("edit"), icon: "edit", run: () => b(V) }], C = t.options.items;
+      return C && x(V) > 0 && k.push({
         key: "items",
-        label: s("show-items"),
+        label: i("show-items"),
         icon: "file-txt",
         run: () => {
-          i.push(C(S.id));
+          o.push(C(V.id));
         }
-      }), S.url && S.is_visible && B.push({ key: "site", label: s("open-on-site"), icon: "link", href: S.url }), c.value && B.push({
+      }), V.url && V.is_visible && k.push({ key: "site", label: i("open-on-site"), icon: "link", href: V.url }), h.value && k.push({
         key: "delete",
-        label: s("delete"),
+        label: i("delete"),
         icon: "trash",
         danger: !0,
         run: () => {
-          k(S);
+          F(V);
         }
-      }), B;
+      }), k;
     }
-    async function J() {
+    async function H() {
       try {
-        await l.reorder(r.value.map((S) => S.id));
-      } catch (S) {
-        D.danger(o(S, s("reorder-failed"))), await w();
+        await n.reorder(r.value.map((V) => V.id));
+      } catch (V) {
+        K.danger(s(V, i("reorder-failed"))), await p();
       }
     }
-    return (S, B) => {
-      const C = j("router-link");
-      return p(), $(rt, {
+    return (V, k) => {
+      const C = X("router-link");
+      return m(), S(ht, {
         class: "wx-categories",
-        title: h.value,
-        actions: v.value,
+        title: f.value,
+        actions: c.value,
         padding: "sm"
       }, {
-        default: g(() => [
-          u.value ? (p(), $(n(ue), {
+        default: y(() => [
+          u.value ? (m(), S(a(me), {
             key: 0,
             class: "wx-categories__loading",
             rows: 5
-          })) : r.value.length === 0 ? (p(), $(n(ot), {
+          })) : r.value.length === 0 ? (m(), S(a(ut), {
             key: 1,
-            title: n(s)("empty"),
-            description: n(s)("empty-help")
-          }, null, 8, ["title", "description"])) : (p(), T(H, { key: 2 }, [
-            b(n(tt), {
+            title: a(i)("empty"),
+            description: a(i)("empty-help")
+          }, null, 8, ["title", "description"])) : (m(), $(j, { key: 2 }, [
+            w(a(Be), {
               modelValue: r.value,
-              "onUpdate:modelValue": B[0] || (B[0] = (A) => r.value = A),
+              "onUpdate:modelValue": k[0] || (k[0] = (_) => r.value = _),
               class: "wx-categories__list",
               plain: "",
               "item-key": "id",
-              "item-label": (A) => A.name,
-              disabled: !c.value,
-              onMove: J
+              "item-label": (_) => _.name,
+              disabled: !h.value,
+              onMove: H
             }, {
-              default: g(({ item: A }) => [
-                b(C, {
-                  class: ae(["wx-category-row", { "is-hidden": !A.is_visible }]),
-                  to: `${t.options.path}/${A.id}`
+              default: y(({ item: _ }) => [
+                w(C, {
+                  class: oe(["wx-category-row", { "is-hidden": !_.is_visible }]),
+                  to: `${t.options.path}/${_.id}`
                 }, {
-                  default: g(() => [
-                    O("span", kn, [
-                      b(n(G), {
+                  default: y(() => [
+                    B("span", on, [
+                      w(a(ee), {
                         truncate: "",
                         weight: "medium"
                       }, {
-                        default: g(() => [
-                          V(L(A.name), 1)
+                        default: y(() => [
+                          z(A(_.name), 1)
                         ]),
                         _: 2
                       }, 1024),
-                      A.is_visible ? U("", !0) : (p(), $(n(st), {
+                      _.is_visible ? N("", !0) : (m(), S(a(dt), {
                         key: 0,
-                        content: n(s)("hidden")
+                        content: a(i)("hidden")
                       }, {
-                        default: g(() => [
-                          b(n(Ve), {
+                        default: y(() => [
+                          w(a(Me), {
                             name: "eye-off",
                             size: "sm"
                           })
@@ -2109,42 +2576,43 @@ const xn = /* @__PURE__ */ R({
                         _: 1
                       }, 8, ["content"]))
                     ]),
-                    b(n(G), {
+                    d.value ? (m(), S(a(ee), {
+                      key: 0,
                       size: "sm",
                       tone: "muted",
                       truncate: ""
                     }, {
-                      default: g(() => [
-                        V(L(A.path === null ? n(s)("no-address") : `/${A.path}`), 1)
+                      default: y(() => [
+                        z(A(_.path === null ? a(i)("no-address") : `/${_.path}`), 1)
                       ]),
                       _: 2
-                    }, 1024)
+                    }, 1024)) : N("", !0)
                   ]),
                   _: 2
                 }, 1032, ["class", "to"])
               ]),
-              actions: g(({ item: A }) => [
-                b(n(G), {
+              actions: y(({ item: _ }) => [
+                w(a(ee), {
                   class: "wx-category-row__count",
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: g(() => [
-                    V(L(n(s)("count", { count: d(A) })), 1)
+                  default: y(() => [
+                    z(A(a(i)("count", { count: x(_) })), 1)
                   ]),
                   _: 2
                 }, 1024),
-                b(Ue, {
-                  actions: M(A),
-                  label: A.name
+                w(Fe, {
+                  actions: Q(_),
+                  label: _.name
                 }, null, 8, ["actions", "label"])
               ]),
               _: 1
             }, 8, ["modelValue", "item-label", "disabled"]),
-            b(n(be), {
+            w(a(Se), {
               class: "wx-categories__note",
               type: "info",
-              description: n(s)("order")
+              description: a(i)("order")
             }, null, 8, ["description"])
           ], 64))
         ]),
@@ -2152,45 +2620,45 @@ const xn = /* @__PURE__ */ R({
       }, 8, ["title", "actions"]);
     };
   }
-}), $n = {
+}), rn = {
   class: "wx-save-state",
   role: "status",
   "aria-live": "polite"
-}, Tn = /* @__PURE__ */ R({
+}, un = /* @__PURE__ */ M({
   __name: "SaveState",
   props: {
     state: {},
     linger: { default: 2e3 }
   },
   setup(e) {
-    const t = e, a = P("webx-admin"), l = W(!1);
-    let i = null;
-    ee(
+    const t = e, l = D("webx-admin"), n = L(!1);
+    let o = null;
+    te(
       () => t.state,
-      (o, r) => {
-        i !== null && clearTimeout(i), l.value = r === "saving" && o === "saved", l.value && (i = window.setTimeout(() => {
-          l.value = !1, i = null;
+      (s, r) => {
+        o !== null && clearTimeout(o), n.value = r === "saving" && s === "saved", n.value && (o = window.setTimeout(() => {
+          n.value = !1, o = null;
         }, t.linger));
       }
     );
-    const s = x(
-      () => t.state === "saving" ? "saving" : l.value ? "saved" : null
+    const i = g(
+      () => t.state === "saving" ? "saving" : n.value ? "saved" : null
     );
-    return Ze(() => {
-      i !== null && clearTimeout(i);
-    }), (o, r) => (p(), T("span", $n, [
-      s.value ? (p(), $(n(Ve), {
+    return ot(() => {
+      o !== null && clearTimeout(o);
+    }), (s, r) => (m(), $("span", rn, [
+      i.value ? (m(), S(a(Me), {
         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)
+        class: oe(["wx-save-state__mark", { "is-saved": i.value === "saved" }]),
+        name: i.value === "saving" ? "loader" : "check",
+        spin: i.value === "saving",
+        label: a(l)(`editor.${i.value}`)
+      }, null, 8, ["class", "name", "spin", "label"])) : N("", !0)
     ]));
   }
-}), Sn = /* @__PURE__ */ Y(Tn, [["__scopeId", "data-v-216e5e44"]]), Cn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
+}), dn = /* @__PURE__ */ G(un, [["__scopeId", "data-v-216e5e44"]]), cn = { class: "wx-screen-host" }, mn = /* @__PURE__ */ M({
   __name: "Screen",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ ne({
     name: {},
     errors: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -2201,39 +2669,39 @@ const xn = /* @__PURE__ */ R({
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ oe(["loaded"], ["update:modelValue"]),
-  setup(e, { expose: t, emit: a }) {
-    const l = e, i = a, s = de(e, "modelValue"), o = X(), r = P("webx-admin"), u = W(null), c = W(null);
+  emits: /* @__PURE__ */ ne(["loaded"], ["update:modelValue"]),
+  setup(e, { expose: t, emit: l }) {
+    const n = e, o = l, i = re(e, "modelValue"), s = J(), r = D("webx-admin"), u = L(null), d = L(null);
     async function h() {
-      u.value = null, c.value = null;
+      u.value = null, d.value = null;
       try {
-        const m = await o.loadScreen(l.name);
-        u.value = m, i("loaded", m);
-      } catch (m) {
-        c.value = m instanceof Error ? m.message : String(m);
+        const f = await s.loadScreen(n.name);
+        u.value = f, o("loaded", f);
+      } catch (f) {
+        d.value = f instanceof Error ? f.message : String(f);
       }
     }
-    return ee([() => l.name, () => o.i18n.state.locale], () => {
+    return te([() => n.name, () => s.i18n.state.locale], () => {
       h();
-    }, { immediate: !0 }), t({ reload: h }), (m, v) => (p(), T("div", Cn, [
-      c.value ? (p(), $(n(be), {
+    }, { immediate: !0 }), t({ reload: h }), (f, v) => (m(), $("div", cn, [
+      d.value ? (m(), S(a(Se), {
         key: 0,
         type: "danger",
-        title: n(r)("shell.error-title"),
-        description: c.value
-      }, null, 8, ["title", "description"])) : u.value === null ? (p(), $(n(ue), {
+        title: a(r)("shell.error-title"),
+        description: d.value
+      }, null, 8, ["title", "description"])) : u.value === null ? (m(), S(a(me), {
         key: 1,
         rows: 4
-      })) : (p(), $(n(Zt), {
+      })) : (m(), S(a(ul), {
         key: 2,
-        modelValue: s.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (d) => s.value = d),
+        modelValue: i.value,
+        "onUpdate:modelValue": v[0] || (v[0] = (c) => i.value = c),
         root: u.value,
-        patch: n(o).screenPatch(e.name),
-        types: n(o).types,
+        patch: a(s).screenPatch(e.name),
+        types: a(s).types,
         errors: e.errors,
-        translate: n(o).i18n.t,
-        can: n(o).can,
+        translate: a(s).i18n.t,
+        can: a(s).can,
         disabled: e.disabled,
         "label-position": e.labelPosition,
         "label-width": e.labelWidth,
@@ -2241,141 +2709,141 @@ const xn = /* @__PURE__ */ R({
       }, null, 8, ["modelValue", "root", "patch", "types", "errors", "translate", "can", "disabled", "label-position", "label-width", "size"]))
     ]));
   }
-}), Ln = /* @__PURE__ */ R({
+}), fn = /* @__PURE__ */ M({
   name: "WxCategoryEditorPage",
   __name: "CategoryEditorPage",
   props: {
     options: {}
   },
   setup(e) {
-    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 jt(z, o.active.value, m.value?.name ?? "") || r("untitled");
+    const t = e, l = J(), n = ve(l, t.options.api), o = st(), i = _e(), s = it(), r = Oe(t.options.words), u = De(), d = g(() => Number(o.params.id)), h = g(() => t.options.path), f = L(null), v = L({}), c = L(null), x = L(""), p = L(!0), b = L(!1), T = L({}), F = g(() => l.can(t.options.manage)), Q = g(() => JSON.stringify(v.value)), H = g(() => x.value !== "" && Q.value !== x.value), V = g(() => b.value ? "saving" : H.value ? "unsaved" : "saved"), k = g(
+      () => l.state.manifest?.modules.find((E) => E.id === t.options.module)?.title ?? ""
+    ), C = g(() => {
+      const E = v.value.title;
+      return tl(E, s.active.value, f.value?.name ?? "") || r("untitled");
     });
-    bn({ category: m, values: v, prefix: d, moving: () => r("address-moving") }), Aa({
+    ln({ category: f, values: v, prefix: c, moving: () => r("address-moving") }), ya({
       values: v,
-      prefix: d,
-      path: x(() => m.value?.path),
+      prefix: c,
+      path: g(() => f.value?.path),
       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);
+    function _(E) {
+      f.value = E.category, v.value = E.values, c.value = E.prefix, x.value = JSON.stringify(E.values);
     }
-    async function K() {
-      f.value = !0;
+    async function q() {
+      p.value = !0;
       try {
-        E(await l.get(c.value));
-      } catch (z) {
-        D.danger(u(z)), s.push(h.value);
+        _(await n.get(d.value));
+      } catch (E) {
+        K.danger(u(E)), i.push(h.value);
       } finally {
-        f.value = !1;
+        p.value = !1;
       }
     }
-    async function le() {
-      if (!(!m.value || y.value || !M.value)) {
-        y.value = !0, k.value = {};
+    async function R() {
+      if (!(!f.value || b.value || !F.value)) {
+        b.value = !0, T.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));
+          _(await n.save(f.value.id, v.value)), K.success(r("saved"));
+        } catch (E) {
+          const Z = E.body;
+          Z?.errors ? (T.value = Z.errors, K.danger(r("save-failed"))) : K.danger(u(E));
         } finally {
-          y.value = !1;
+          b.value = !1;
         }
       }
     }
-    async function ie() {
-      const z = m.value;
-      if (!(!z || !await he({
-        title: r("delete-title", { name: z.name }),
+    async function U() {
+      const E = f.value;
+      if (!(!E || !await xe({
+        title: r("delete-title", { name: E.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(_));
+          await n.remove(E.id), K.success(r("deleted")), x.value = Q.value, i.push(h.value);
+        } catch (W) {
+          K.danger(u(W));
         }
     }
-    function te(z) {
-      S.value && z.preventDefault();
+    function I(E) {
+      H.value && E.preventDefault();
     }
-    function ke(z) {
-      (z.ctrlKey || z.metaKey) && z.key.toLowerCase() === "s" && (z.preventDefault(), S.value && le());
+    function de(E) {
+      (E.ctrlKey || E.metaKey) && E.key.toLowerCase() === "s" && (E.preventDefault(), H.value && R());
     }
-    ee(c, () => {
-      K();
-    }), Le(() => {
-      K(), window.addEventListener("beforeunload", te);
-    }), Ze(() => {
-      window.removeEventListener("beforeunload", te);
-    }), St(async () => !S.value || !M.value ? !0 : await he({
+    te(d, () => {
+      q();
+    }), Ee(() => {
+      q(), window.addEventListener("beforeunload", I);
+    }), ot(() => {
+      window.removeEventListener("beforeunload", I);
+    }), zt(async () => !H.value || !F.value ? !0 : await xe({
       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({
+    const ie = g(() => {
+      const E = f.value, Z = [];
+      return E && (E.url && E.is_visible && Z.push({ key: "site", label: r("open-on-site"), icon: "link", href: E.url }), F.value && Z.push({
         key: "delete",
         label: r("delete"),
         icon: "trash",
         danger: !0,
         menu: !0,
         run: () => {
-          ie();
+          U();
         }
-      })), q;
+      })), Z;
     });
-    return (z, q) => (p(), T("div", {
+    return (E, Z) => (m(), $("div", {
       class: "wx-category-editor",
-      onKeydown: ke
+      onKeydown: de
     }, [
-      f.value || !m.value ? (p(), T(H, { key: 0 }, [
-        b(n(ue), {
+      p.value || !f.value ? (m(), $(j, { key: 0 }, [
+        w(a(me), {
           class: "wx-category-editor__ghost",
           title: "",
           rows: 1
         }),
-        b(n(Se), null, {
-          default: g(() => [
-            b(n(ue), { rows: 6 })
+        w(a(Re), null, {
+          default: y(() => [
+            w(a(me), { rows: 6 })
           ]),
           _: 1
         })
-      ], 64)) : (p(), T(H, { key: 1 }, [
-        b(it, {
+      ], 64)) : (m(), $(j, { key: 1 }, [
+        w(pt, {
           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(Kt), {
+          "back-label": k.value,
+          title: C.value,
+          subtitle: f.value.path === null ? void 0 : `/${f.value.path}`,
+          actions: ie.value
+        }, ke({
+          trail: y(() => [
+            w(a(ll), {
               size: "sm",
-              label: n(r)("trail")
+              label: a(r)("trail")
             }, {
-              default: g(() => [
-                b(n(Pe), {
+              default: y(() => [
+                w(a(je), {
                   as: "router-link",
                   to: h.value
                 }, {
-                  default: g(() => [
-                    V(L(C.value), 1)
+                  default: y(() => [
+                    z(A(k.value), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                b(n(Pe), { current: "" }, {
-                  default: g(() => [
-                    V(L(A.value), 1)
+                w(a(je), { current: "" }, {
+                  default: y(() => [
+                    z(A(C.value), 1)
                   ]),
                   _: 1
                 })
@@ -2385,12 +2853,12 @@ const xn = /* @__PURE__ */ R({
           ]),
           _: 2
         }, [
-          m.value.is_visible ? void 0 : {
+          f.value.is_visible ? void 0 : {
             name: "title-after",
-            fn: g(() => [
-              b(n(ze), { dot: "" }, {
-                default: g(() => [
-                  V(L(n(r)("hidden")), 1)
+            fn: y(() => [
+              w(a($e), { dot: "" }, {
+                default: y(() => [
+                  z(A(a(r)("hidden")), 1)
                 ]),
                 _: 1
               })
@@ -2398,73 +2866,73 @@ const xn = /* @__PURE__ */ R({
             key: "0"
           }
         ]), 1032, ["back", "back-label", "title", "subtitle", "actions"]),
-        b(Wn, {
+        w(mn, {
           modelValue: v.value,
-          "onUpdate:modelValue": q[0] || (q[0] = (_) => v.value = _),
+          "onUpdate:modelValue": Z[0] || (Z[0] = (W) => v.value = W),
           name: t.options.screen,
-          errors: k.value,
-          disabled: !M.value || y.value
+          errors: T.value,
+          disabled: !F.value || b.value
         }, null, 8, ["modelValue", "name", "errors", "disabled"]),
-        M.value ? (p(), $(n(qt), { key: 0 }, {
-          state: g(() => [
-            b(Sn, { state: B.value }, null, 8, ["state"])
+        F.value ? (m(), S(a(al), { key: 0 }, {
+          state: y(() => [
+            w(dn, { state: V.value }, null, 8, ["state"])
           ]),
-          default: g(() => [
-            b(n(Z), {
+          default: y(() => [
+            w(a(le), {
               type: "primary",
-              loading: y.value,
-              disabled: !S.value,
-              onClick: le
+              loading: b.value,
+              disabled: !H.value,
+              onClick: R
             }, {
-              default: g(() => [
-                V(L(n(r)("save")), 1)
+              default: y(() => [
+                z(A(a(r)("save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : U("", !0)
+        })) : N("", !0)
       ], 64))
     ], 32));
   }
-}), An = /* @__PURE__ */ Y(Ln, [["__scopeId", "data-v-86d85f8c"]]);
-function je(e, t) {
-  return R({
+}), vn = /* @__PURE__ */ G(fn, [["__scopeId", "data-v-86d85f8c"]]);
+function Ze(e, t) {
+  return M({
     name: "WxCategoriesView",
-    setup: () => () => re(e, { options: t })
+    setup: () => () => ce(e, { options: t })
   });
 }
-function tl(e) {
+function Pn(e) {
   return [
-    { path: e.path, name: e.name, component: je(_n, e) },
+    { path: e.path, name: e.name, component: Ze(sn, e) },
     {
       path: `${e.path}/:id(\\d+)`,
       name: `${e.name}.edit`,
-      component: je(An, e)
+      component: Ze(vn, e)
     }
   ];
 }
-const al = 76, nl = /* @__PURE__ */ R({
+const Fn = 76, Dn = /* @__PURE__ */ M({
   __name: "FilterChips",
   props: {
     filters: {}
   },
   setup(e) {
-    return (t, a) => (p(!0), T(H, null, Q(e.filters, (l) => (p(), $(n(ze), {
-      key: l.key,
+    return (t, l) => (m(!0), $(j, null, ae(e.filters, (n) => (m(), S(a($e), {
+      key: n.key,
       class: "wx-filter-chip",
       size: "sm",
       round: "",
       closable: "",
-      onClose: (i) => l.clear()
+      onClose: (o) => n.clear()
     }, {
-      default: g(() => [
-        V(L(l.label), 1)
+      default: y(() => [
+        z(A(n.label), 1)
       ]),
       _: 2
     }, 1032, ["onClose"]))), 128));
   }
-}), zn = { class: "wx-rename__footer" }, Vn = /* @__PURE__ */ R({
+}), pn = { class: "wx-rename__footer" }, hn = /* @__PURE__ */ M({
   __name: "RenameButton",
   props: {
     name: { default: "" },
@@ -2475,57 +2943,57 @@ const al = 76, nl = /* @__PURE__ */ R({
   },
   emits: ["rename"],
   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 Je(), r.value?.focus(), r.value?.select());
+    const l = e, n = t, o = D("webx-admin"), i = L(!1), s = L(l.name), r = L(null), u = g(() => l.label ?? o("editor.rename"));
+    te(i, async (h) => {
+      h && (s.value = l.name, await Ie(), r.value?.focus(), r.value?.select());
     });
-    function c() {
-      const h = o.value.trim();
-      if (h === "" || h === a.name) {
-        s.value = !1;
+    function d() {
+      const h = s.value.trim();
+      if (h === "" || h === l.name) {
+        i.value = !1;
         return;
       }
-      l("rename", h), s.value = !1;
+      n("rename", h), i.value = !1;
     }
-    return (h, m) => (p(), $(n(Yt), {
-      open: s.value,
-      "onUpdate:open": m[2] || (m[2] = (v) => s.value = v),
+    return (h, f) => (m(), S(a(nl), {
+      open: i.value,
+      "onUpdate:open": f[2] || (f[2] = (v) => i.value = v),
       title: u.value,
       width: 320,
       side: "bottom",
       align: "start",
       teleport: ""
     }, {
-      trigger: g(() => [
-        b(n(se), {
+      trigger: y(() => [
+        w(a(ue), {
           type: "edit",
           title: u.value,
           size: e.size,
           disabled: e.disabled
         }, null, 8, ["title", "size", "disabled"])
       ]),
-      default: g(() => [
-        O("form", {
+      default: y(() => [
+        B("form", {
           class: "wx-rename",
-          onSubmit: qe(c, ["prevent"])
+          onSubmit: tt(d, ["prevent"])
         }, [
-          b(n(ye), {
+          w(a(Te), {
             ref_key: "field",
             ref: r,
-            modelValue: o.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (v) => o.value = v),
+            modelValue: s.value,
+            "onUpdate:modelValue": f[0] || (f[0] = (v) => s.value = v),
             "aria-label": u.value,
             placeholder: e.placeholder,
-            onKeydown: m[1] || (m[1] = Qe((v) => s.value = !1, ["esc"]))
+            onKeydown: f[1] || (f[1] = nt((v) => i.value = !1, ["esc"]))
           }, null, 8, ["modelValue", "aria-label", "placeholder"]),
-          O("div", zn, [
-            b(n(Z), {
+          B("div", pn, [
+            w(a(le), {
               type: "primary",
               size: "sm",
               "native-type": "submit"
             }, {
-              default: g(() => [
-                V(L(n(i)("editor.save")), 1)
+              default: y(() => [
+                z(A(a(o)("editor.save")), 1)
               ]),
               _: 1
             })
@@ -2535,7 +3003,7 @@ const al = 76, nl = /* @__PURE__ */ R({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ll = /* @__PURE__ */ Y(Vn, [["__scopeId", "data-v-d879e8d3"]]), En = ["innerHTML"], Un = /* @__PURE__ */ R({
+}), On = /* @__PURE__ */ G(hn, [["__scopeId", "data-v-d879e8d3"]]), gn = ["innerHTML"], yn = /* @__PURE__ */ M({
   __name: "HelpButton",
   props: {
     body: {},
@@ -2545,33 +3013,33 @@ const al = 76, nl = /* @__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(() => mn(t.body));
-    return (o, r) => (p(), T(H, null, [
-      b(n(se), {
+    const t = e, l = D("webx-admin"), n = L(!1), o = g(() => t.title ?? l("help.title")), i = g(() => Xa(t.body));
+    return (s, r) => (m(), $(j, null, [
+      w(a(ue), {
         type: "details",
         icon: "question",
         tone: "neutral",
         size: e.size,
-        title: e.label ?? i.value,
-        onClick: r[0] || (r[0] = (u) => l.value = !0)
+        title: e.label ?? o.value,
+        onClick: r[0] || (r[0] = (u) => n.value = !0)
       }, null, 8, ["size", "title"]),
-      b(n(lt), {
-        open: l.value,
-        "onUpdate:open": r[1] || (r[1] = (u) => l.value = u),
-        title: i.value,
+      w(a(rt), {
+        open: n.value,
+        "onUpdate:open": r[1] || (r[1] = (u) => n.value = u),
+        title: o.value,
         width: e.width
       }, {
-        default: g(() => [
-          O("div", {
+        default: y(() => [
+          B("div", {
             class: "wx-help",
-            innerHTML: s.value
-          }, null, 8, En)
+            innerHTML: i.value
+          }, null, 8, gn)
         ]),
         _: 1
       }, 8, ["open", "title", "width"])
     ], 64));
   }
-}), ol = /* @__PURE__ */ Y(Un, [["__scopeId", "data-v-6c280d42"]]), ht = /* @__PURE__ */ R({
+}), Hn = /* @__PURE__ */ G(yn, [["__scopeId", "data-v-6c280d42"]]), $t = /* @__PURE__ */ M({
   name: "WxDate",
   __name: "DateText",
   props: {
@@ -2581,46 +3049,46 @@ const al = 76, nl = /* @__PURE__ */ R({
     tone: { default: "muted" }
   },
   setup(e) {
-    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), {
+    const t = e, l = kt(), n = g(() => t.compact ? l.compact(t.value) : l.short(t.value)), o = g(() => l.exact(t.value)), i = g(() => l.iso(t.value));
+    return (s, r) => o.value ? (m(), S(a(dt), {
       key: 0,
-      content: i.value
+      content: o.value
     }, {
-      default: g(() => [
-        b(n(G), {
+      default: y(() => [
+        w(a(ee), {
           as: "time",
-          datetime: s.value,
+          datetime: i.value,
           size: e.size,
           tone: e.tone
         }, {
-          default: g(() => [
-            V(L(l.value), 1)
+          default: y(() => [
+            z(A(n.value), 1)
           ]),
           _: 1
         }, 8, ["datetime", "size", "tone"])
       ]),
       _: 1
-    }, 8, ["content"])) : (p(), $(n(G), {
+    }, 8, ["content"])) : (m(), S(a(ee), {
       key: 1,
       size: e.size,
       tone: e.tone
     }, {
-      default: g(() => [
-        V(L(l.value), 1)
+      default: y(() => [
+        z(A(n.value), 1)
       ]),
       _: 1
     }, 8, ["size", "tone"]));
   }
-}), Rn = { class: "wx-notes" }, Nn = {
+}), bn = { class: "wx-notes" }, wn = {
   key: 3,
   class: "wx-notes__list"
-}, Bn = { class: "wx-note__body" }, In = { class: "wx-note__head" }, Pn = { class: "wx-note__buttons" }, Dn = {
+}, xn = { class: "wx-note__body" }, kn = { class: "wx-note__head" }, _n = { class: "wx-note__buttons" }, $n = {
   key: 1,
   class: "wx-note__text"
-}, Mn = {
+}, Tn = {
   key: 4,
   class: "wx-notes__new"
-}, Fn = /* @__PURE__ */ R({
+}, Sn = /* @__PURE__ */ M({
   name: "WxNotes",
   __name: "NotesFeed",
   props: {
@@ -2631,304 +3099,315 @@ const al = 76, nl = /* @__PURE__ */ R({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    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() {
+    const l = e, n = t, o = J(), i = D("webx-admin"), s = De(), r = L([]), u = L(!0), d = L(""), h = L(!1), f = L(null), v = L(""), c = g(() => tn(o, l.type, l.id)), x = g(() => l.title ?? i("notes.title"));
+    async function p() {
       u.value = !0;
       try {
-        r.value = await d.value.list();
-      } catch (C) {
-        D.danger(o(C));
+        r.value = await c.value.list();
+      } catch (k) {
+        K.danger(s(k));
       } finally {
         u.value = !1;
       }
     }
-    ee(
-      () => [a.type, a.id],
+    te(
+      () => [l.type, l.id],
       () => {
-        m.value = null, c.value = "", f();
+        f.value = null, d.value = "", p();
       },
       { immediate: !0 }
     );
-    async function y() {
-      const C = c.value.trim();
-      if (!(C === "" || h.value)) {
+    async function b() {
+      const k = d.value.trim();
+      if (!(k === "" || h.value)) {
         h.value = !0;
         try {
-          r.value = [...r.value, await d.value.add(C)], c.value = "", l("change");
-        } catch (A) {
-          D.danger(o(A));
+          r.value = [...r.value, await c.value.add(k)], d.value = "", n("change");
+        } catch (C) {
+          K.danger(s(C));
         } finally {
           h.value = !1;
         }
       }
     }
-    function k(C) {
-      m.value = C.id, v.value = C.body;
+    function T(k) {
+      f.value = k.id, v.value = k.body;
     }
-    async function M(C) {
-      const A = v.value.trim();
-      if (A !== "")
+    async function F(k) {
+      const C = v.value.trim();
+      if (C !== "")
         try {
-          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));
+          const _ = await c.value.save(k.id, C);
+          r.value = r.value.map((q) => q.id === _.id ? _ : q), f.value = null, K.success(i("notes.saved")), n("change");
+        } catch (_) {
+          K.danger(s(_));
         }
     }
-    async function J(C) {
-      if (await he({
-        title: s("notes.delete-title"),
-        message: s("notes.delete-text"),
-        confirmText: s("notes.delete"),
-        cancelText: s("notes.cancel"),
+    async function Q(k) {
+      if (await xe({
+        title: i("notes.delete-title"),
+        message: i("notes.delete-text"),
+        confirmText: i("notes.delete"),
+        cancelText: i("notes.cancel"),
         tone: "danger"
       }))
         try {
-          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));
+          await c.value.remove(k.id), r.value = r.value.filter((_) => _.id !== k.id), K.success(i("notes.deleted")), n("change");
+        } catch (_) {
+          K.danger(s(_));
         }
     }
-    function S(C) {
-      return !a.can || !C.is_mine ? [] : [
-        { key: "edit", icon: "edit", label: s("notes.edit"), run: () => k(C) },
+    function H(k) {
+      return !l.can || !k.is_mine ? [] : [
+        { key: "edit", icon: "edit", label: i("notes.edit"), run: () => T(k) },
         {
           key: "delete",
           icon: "trash",
-          label: s("notes.delete"),
+          label: i("notes.delete"),
           danger: !0,
           run: () => {
-            J(C);
+            Q(k);
           }
         }
       ];
     }
-    function B(C) {
-      return C.author?.name ?? s("notes.unknown-author");
+    function V(k) {
+      return k.author?.name ?? i("notes.unknown-author");
     }
-    return (C, A) => (p(), T("section", Rn, [
-      w.value ? (p(), $(n(G), {
+    return (k, C) => (m(), $("section", bn, [
+      x.value ? (m(), S(a(ee), {
         key: 0,
         weight: "medium",
         class: "wx-notes__title"
       }, {
-        default: g(() => [
-          V(L(w.value), 1)
+        default: y(() => [
+          z(A(x.value), 1)
         ]),
         _: 1
-      })) : U("", !0),
-      u.value ? (p(), $(n(ue), {
+      })) : N("", !0),
+      u.value ? (m(), S(a(me), {
         key: 1,
         rows: 2
-      })) : r.value.length === 0 ? (p(), $(n(ot), {
+      })) : r.value.length === 0 ? (m(), S(a(ut), {
         key: 2,
         size: "sm",
-        description: n(s)("notes.empty")
-      }, null, 8, ["description"])) : (p(), T("ul", Nn, [
-        (p(!0), T(H, null, Q(r.value, (E) => (p(), T("li", {
-          key: E.id,
+        description: a(i)("notes.empty")
+      }, null, 8, ["description"])) : (m(), $("ul", wn, [
+        (m(!0), $(j, null, ae(r.value, (_) => (m(), $("li", {
+          key: _.id,
           class: "wx-note"
         }, [
-          b(n(Xt), {
-            name: B(E),
+          w(a(ol), {
+            name: V(_),
             size: "sm",
             tone: "auto"
           }, null, 8, ["name"]),
-          O("div", Bn, [
-            O("div", In, [
-              b(n(G), {
+          B("div", xn, [
+            B("div", kn, [
+              w(a(ee), {
                 size: "sm",
                 weight: "medium",
                 truncate: ""
               }, {
-                default: g(() => [
-                  V(L(B(E)), 1)
+                default: y(() => [
+                  z(A(V(_)), 1)
                 ]),
                 _: 2
               }, 1024),
-              b(ht, {
-                value: E.created_at
+              w($t, {
+                value: _.created_at
               }, null, 8, ["value"]),
-              b(Ue, {
-                actions: S(E),
-                label: B(E)
+              w(Fe, {
+                actions: H(_),
+                label: V(_)
               }, null, 8, ["actions", "label"])
             ]),
-            m.value === E.id ? (p(), T(H, { key: 0 }, [
-              b(n(De), {
+            f.value === _.id ? (m(), $(j, { key: 0 }, [
+              w(a(Ke), {
                 modelValue: v.value,
-                "onUpdate:modelValue": A[0] || (A[0] = (K) => v.value = K),
+                "onUpdate:modelValue": C[0] || (C[0] = (q) => v.value = q),
                 autosize: { minRows: 2, maxRows: 10 }
               }, null, 8, ["modelValue"]),
-              O("div", Pn, [
-                b(n(Z), {
+              B("div", _n, [
+                w(a(le), {
                   size: "sm",
                   type: "primary",
-                  onClick: (K) => M(E)
+                  onClick: (q) => F(_)
                 }, {
-                  default: g(() => [
-                    V(L(n(s)("notes.save")), 1)
+                  default: y(() => [
+                    z(A(a(i)("notes.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                b(n(Z), {
+                w(a(le), {
                   size: "sm",
                   variant: "text",
-                  onClick: A[1] || (A[1] = (K) => m.value = null)
+                  onClick: C[1] || (C[1] = (q) => f.value = null)
                 }, {
-                  default: g(() => [
-                    V(L(n(s)("notes.cancel")), 1)
+                  default: y(() => [
+                    z(A(a(i)("notes.cancel")), 1)
                   ]),
                   _: 1
                 })
               ])
-            ], 64)) : (p(), T("p", Dn, L(E.body), 1))
+            ], 64)) : (m(), $("p", $n, A(_.body), 1))
           ])
         ]))), 128))
       ])),
-      e.can ? (p(), T("div", Mn, [
-        b(n(De), {
-          modelValue: c.value,
-          "onUpdate:modelValue": A[2] || (A[2] = (E) => c.value = E),
-          placeholder: n(s)("notes.placeholder"),
+      e.can ? (m(), $("div", Tn, [
+        w(a(Ke), {
+          modelValue: d.value,
+          "onUpdate:modelValue": C[2] || (C[2] = (_) => d.value = _),
+          placeholder: a(i)("notes.placeholder"),
           autosize: { minRows: 2, maxRows: 8 }
         }, null, 8, ["modelValue", "placeholder"]),
-        b(n(Z), {
+        w(a(le), {
           size: "sm",
           type: "primary",
-          disabled: c.value.trim() === "",
+          disabled: d.value.trim() === "",
           loading: h.value,
-          onClick: y
+          onClick: b
         }, {
-          default: g(() => [
-            V(L(n(s)("notes.add")), 1)
+          default: y(() => [
+            z(A(a(i)("notes.add")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "loading"])
-      ])) : U("", !0)
+      ])) : N("", !0)
     ]));
   }
-}), sl = /* @__PURE__ */ Y(Fn, [["__scopeId", "data-v-71004c1a"]]), On = {
+}), jn = /* @__PURE__ */ G(Sn, [["__scopeId", "data-v-71004c1a"]]), Cn = {
   key: 1,
   class: "wx-backup-note"
-}, Hn = 48, jn = /* @__PURE__ */ R({
+}, Wn = 48, An = /* @__PURE__ */ M({
   name: "WxBackupNote",
   __name: "BackupNote",
   setup(e) {
-    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 > Hn * 36e5;
-    }), r = x(() => {
-      const c = i.value?.bytes;
-      if (c == null) return "";
+    const t = J(), l = kt(), n = D("webx-admin"), o = g(() => t.state.manifest?.backup ?? null), i = g(() => o.value !== null && t.can("settings.view")), s = g(() => {
+      const d = o.value?.at;
+      if (d == null) return !0;
+      const h = new Date(d).getTime();
+      return Number.isNaN(h) || Date.now() - h > Wn * 36e5;
+    }), r = g(() => {
+      const d = o.value?.bytes;
+      if (d == null) return "";
       const h = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte"];
-      let m = c, v = 0;
-      for (; m >= 1024 && v < h.length - 1; )
-        m /= 1024, v++;
+      let f = d, v = 0;
+      for (; f >= 1024 && v < h.length - 1; )
+        f /= 1024, v++;
       return new Intl.NumberFormat(t.i18n.state.locale, {
         style: "unit",
         unit: h[v],
         unitDisplay: "short",
-        maximumFractionDigits: m >= 10 || v === 0 ? 0 : 1
-      }).format(m);
-    }), u = x(
-      () => i.value?.at == null ? l("backup.never") : l("backup.stale", { date: a.short(i.value.at) })
+        maximumFractionDigits: f >= 10 || v === 0 ? 0 : 1
+      }).format(f);
+    }), u = g(
+      () => o.value?.at == null ? n("backup.never") : n("backup.stale", { date: l.short(o.value.at) })
     );
-    return (c, h) => s.value && o.value ? (p(), $(n(be), {
+    return (d, h) => i.value && s.value ? (m(), S(a(Se), {
       key: 0,
       type: "warning",
       variant: "soft",
       description: u.value
-    }, null, 8, ["description"])) : s.value ? (p(), T("p", On, [
-      b(n(G), {
+    }, null, 8, ["description"])) : i.value ? (m(), $("p", Cn, [
+      w(a(ee), {
         size: "sm",
         tone: "muted"
       }, {
-        default: g(() => [
-          V(L(n(l)("backup.title")), 1)
+        default: y(() => [
+          z(A(a(n)("backup.title")), 1)
         ]),
         _: 1
       }),
-      b(ht, {
-        value: i.value?.at
+      w($t, {
+        value: o.value?.at
       }, null, 8, ["value"]),
-      r.value ? (p(), $(n(G), {
+      r.value ? (m(), S(a(ee), {
         key: 0,
         size: "sm",
         tone: "muted"
       }, {
-        default: g(() => [
-          V("· " + L(r.value), 1)
+        default: y(() => [
+          z("· " + A(r.value), 1)
         ]),
         _: 1
-      })) : U("", !0)
-    ])) : U("", !0);
+      })) : N("", !0)
+    ])) : N("", !0);
   }
-}), il = /* @__PURE__ */ Y(jn, [["__scopeId", "data-v-beeee67e"]]);
+}), Kn = /* @__PURE__ */ G(An, [["__scopeId", "data-v-beeee67e"]]);
 export {
-  Pa as AdminLanding,
-  Da as AdminNav,
-  Ga as AdminShell,
-  Ce as HttpError,
-  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,
-  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,
-  vn as createDates,
-  Qa as createHttp,
-  Ee as createI18n,
-  ua as createLinksApi,
-  yn as createNotesApi,
-  nn as createTheme,
-  ra as emptyLink,
-  pn as errorText,
-  we as i18nKey,
-  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,
-  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
+  Ca as AdminLanding,
+  Wa as AdminNav,
+  Ba as AdminShell,
+  ft as COLLECTION_MAX_LIMIT,
+  fe as HttpError,
+  ia as WxBackButton,
+  Kn as WxBackupNote,
+  gl as WxCategoriesField,
+  sn as WxCategoriesPage,
+  nn as WxCategoryCreateDialog,
+  vn as WxCategoryEditorPage,
+  Ge as WxCategorySlug,
+  Xl as WxCollectionField,
+  $t as WxDate,
+  Dn as WxFilterChips,
+  Hn as WxHelpButton,
+  sa as WxLinkField,
+  oa as WxLinkPicker,
+  ht as WxListScreen,
+  jn as WxNotes,
+  mt as WxRelationsField,
+  On as WxRenameButton,
+  ga as WxRichTextField,
+  Fe as WxRowMenu,
+  dn as WxSaveState,
+  mn as WxScreen,
+  pt as WxScreenHead,
+  Ge as WxSlugField,
+  yt as adminKey,
+  wt as adminMessages,
+  _a as adminTypes,
+  Pn as categoryRoutes,
+  Nl as collectionSources,
+  En as createAdmin,
+  $a as createAdminContext,
+  ve as createCategoriesApi,
+  Ga as createDates,
+  bl as createHttp,
+  Pe as createI18n,
+  Jl as createLinksApi,
+  tn as createNotesApi,
+  kl as createRelationsApi,
+  Fa as createTheme,
+  Xe as defaultMarkup,
+  Gl as emptyLink,
+  Qa as errorText,
+  Ce as i18nKey,
+  an as itemOrderMode,
+  Ye as normaliseCollection,
+  _l as normaliseRelations,
+  Ta as provideAdmin,
+  cl as provideI18n,
+  ya as provideRecordAddress,
+  zn as provideRelationOwner,
+  Pa as provideTheme,
+  qe as readCookie,
+  gt as recordAddressKey,
+  ct as relationOwnerKey,
+  Xa as renderMarkdown,
+  fl as reorderItems,
+  Fn as rowMenuWidth,
+  bt as themeKey,
+  J as useAdmin,
+  Bn as useCategoryEditor,
+  Oe as useCategoryWords,
+  kt as useDates,
+  De as useErrorText,
+  dl as useI18n,
+  Mn as useItemOrder,
+  ba as useRecordAddress,
+  $l as useRelationOwner,
+  In as useTheme,
+  D as useTranslate
 };
 //# sourceMappingURL=index.js.map