@webx-ui/module-admin 0.12.1 → 0.13.0

package/dist/index.js

@@ -1,64 +1,65 @@
-import { inject as te, reactive as oe, defineComponent as R, computed as x, openBlock as h, createBlock as w, unref as i, withModifiers as pe, withCtx as g, createElementBlock as k, Fragment as I, renderList as P, createCommentVNode as z, createVNode as _, createTextVNode as W, toDisplayString as C, useSlots as Le, useTemplateRef as ze, normalizeClass as H, renderSlot as L, createElementVNode as M, createSlots as ge, useModel as be, mergeModels as ie, mergeProps as We, watch as Y, resolveComponent as U, ref as A, watchEffect as Ae, onUnmounted as Re, isRef as Ee, createApp as Ue, h as G, onBeforeUnmount as Be, nextTick as Ie, withKeys as Me } from "vue";
-import { RouterLink as De, useRouter as we, useRoute as Ne, createRouter as Pe, createWebHistory as Ve } from "vue-router";
-import { WxAction as K, WxActions as Fe, WxDropdownItem as He, useElementWidth as Oe, WxHeading as je, WxText as q, WxButton as j, WxIcon as ye, WxTabs as qe, WxCard as me, WxRichText as Ye, WxResult as Ke, useResponsiveShell as Xe, shellLayoutFor as Ge, WxToaster as Je, WebxUI as Qe, dateLocaleKey as Ze, localesKey as et, WxAlert as tt, WxSkeleton as xe, WxBadge as nt, WxPopover as at, WxInput as lt, WxDialog as st, WxTooltip as ot, WxEmpty as it, WxAvatar as rt, WxTextarea as fe, toast as F, confirm as ut } from "@webx-ui/core";
-import { WxScreenRenderer as dt } from "@webx-ui/schema";
-const ne = /* @__PURE__ */ Symbol("webx-i18n");
-function Ln() {
-  const e = te(ne, null);
+import { inject as Y, reactive as ne, defineComponent as A, computed as y, openBlock as v, createBlock as x, unref as r, withModifiers as be, withCtx as g, createElementBlock as _, Fragment as U, renderList as F, createCommentVNode as L, createVNode as $, createTextVNode as z, toDisplayString as C, useSlots as Ee, useTemplateRef as Be, normalizeClass as K, renderSlot as W, createElementVNode as D, createSlots as ge, useModel as we, mergeModels as ie, mergeProps as Ie, watch as X, resolveComponent as B, ref as R, watchEffect as Ue, onUnmounted as De, isRef as Ne, createApp as Me, h as J, onBeforeUnmount as Fe, nextTick as Pe, withKeys as Ve } from "vue";
+import { RouterLink as He, useRouter as ye, useRoute as Oe, createRouter as je, createWebHistory as Ke } from "vue-router";
+import { WxAction as G, WxActions as qe, WxDropdownItem as Ye, useElementWidth as Xe, WxHeading as Ge, WxText as P, WxButton as q, WxIcon as xe, WxTabs as Je, WxCard as me, WxRichText as Qe, WxResult as Ze, useResponsiveShell as et, shellLayoutFor as tt, WxToaster as nt, WebxUI as at, dateLocaleKey as lt, localesKey as st, WxAlert as ke, WxSkeleton as _e, WxBadge as ot, WxPopover as it, WxInput as rt, WxDialog as ut, WxTooltip as ct, WxEmpty as dt, WxAvatar as mt, WxTextarea as fe, toast as j, confirm as ft } from "@webx-ui/core";
+import { watchSystemTheme as vt, applyTheme as ht, systemTheme as pt } from "@webx-ui/tokens";
+import { WxScreenRenderer as bt } from "@webx-ui/schema";
+const ae = /* @__PURE__ */ Symbol("webx-i18n");
+function Pn() {
+  const e = Y(ae, null);
   if (e === null)
     throw new Error("useI18n() was called outside a panel created by createAdmin().");
   return e;
 }
-function B(e) {
-  const n = te(ne, null);
-  return n === null ? de().scope(e) : n.scope(e);
+function I(e) {
+  const n = Y(ae, null);
+  return n === null ? ce().scope(e) : n.scope(e);
 }
-function ct(e, n) {
-  e.provide(ne, n);
+function gt(e, n) {
+  e.provide(ae, n);
 }
-function de(e = {}) {
-  const n = e.fallback ?? "en", t = oe({
+function ce(e = {}) {
+  const n = e.fallback ?? "en", t = ne({
     locale: e.locale ?? n,
     fallback: n,
     panelLocales: [],
     contentLocales: []
-  }), a = {}, u = oe({ value: {} });
-  function s(o, r, m) {
-    let v = o[r]?.[m[0] ?? ""];
-    for (const f of m.slice(1)) {
-      if (typeof v != "object" || v === null)
+  }), a = {}, o = ne({ value: {} });
+  function l(i, u, c) {
+    let f = i[u]?.[c[0] ?? ""];
+    for (const m of c.slice(1)) {
+      if (typeof f != "object" || f === null)
         return null;
-      v = v[f];
+      f = f[m];
     }
-    return typeof v == "string" ? v : null;
+    return typeof f == "string" ? f : null;
   }
-  function l(o, r, m) {
-    const [v, f] = r.includes("::") ? r.split("::", 2) : [o, r], d = f.split("."), p = s(u.value, v, d) ?? s(a, v, d) ?? // Not an empty string: a key on screen is ugly, but it says which key, and a blank
+  function s(i, u, c) {
+    const [f, m] = u.includes("::") ? u.split("::", 2) : [i, u], p = m.split("."), d = l(o.value, f, p) ?? l(a, f, p) ?? // 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.
-    r;
-    return m === void 0 ? p : mt(p, m);
+    u;
+    return c === void 0 ? d : wt(d, c);
   }
   return {
     state: t,
-    defaults(o, r) {
-      a[o] = { ...a[o], ...r };
+    defaults(i, u) {
+      a[i] = { ...a[i], ...u };
     },
-    load(o, r, m) {
-      u.value = o ?? {}, t.locale = r ?? t.locale, m !== void 0 && (t.fallback = m);
+    load(i, u, c) {
+      o.value = i ?? {}, t.locale = u ?? t.locale, c !== void 0 && (t.fallback = c);
     },
-    scope(o) {
-      return (r, m) => l(o, r, m);
+    scope(i) {
+      return (u, c) => s(i, u, c);
     },
-    t: (o, r) => l("", o, r)
+    t: (i, u) => s("", i, u)
   };
 }
-function mt(e, n) {
+function wt(e, n) {
   let t = e;
-  for (const [a, u] of Object.entries(n))
-    t = t.replaceAll(`:${a}`, String(u));
+  for (const [a, o] of Object.entries(n))
+    t = t.replaceAll(`:${a}`, String(o));
   return t;
 }
-const ft = /* @__PURE__ */ R({
+const yt = /* @__PURE__ */ A({
   __name: "BackButton",
   props: {
     to: {},
@@ -66,21 +67,21 @@ const ft = /* @__PURE__ */ R({
     size: { default: "sm" }
   },
   setup(e) {
-    const n = e, t = B("webx-admin"), a = x(() => n.label ?? t("editor.back"));
-    return (u, s) => (h(), w(i(K), {
+    const n = e, t = I("webx-admin"), a = y(() => n.label ?? t("editor.back"));
+    return (o, l) => (v(), x(r(G), {
       icon: "arrow-left",
       class: "wx-back-button",
-      as: i(De),
+      as: r(He),
       to: e.to,
       title: a.value,
       size: e.size,
       "tooltip-side": "bottom"
     }, null, 8, ["as", "to", "title", "size"]));
   }
-}), vt = {
+}), xt = {
   key: 0,
   class: "wx-dropdown__divider"
-}, ht = /* @__PURE__ */ R({
+}, kt = /* @__PURE__ */ A({
   __name: "RowMenu",
   props: {
     actions: {},
@@ -88,65 +89,65 @@ const ft = /* @__PURE__ */ R({
     size: { default: "sm" }
   },
   setup(e) {
-    const n = B("webx-admin"), t = e, a = x(() => [
-      ...t.actions.filter((s) => !s.danger),
-      ...t.actions.filter((s) => s.danger)
-    ]), u = x(() => {
-      const s = a.value.find((l) => l.danger);
-      return s && a.value[0] !== s ? s.key : null;
+    const n = I("webx-admin"), t = e, a = y(() => [
+      ...t.actions.filter((l) => !l.danger),
+      ...t.actions.filter((l) => l.danger)
+    ]), o = y(() => {
+      const l = a.value.find((s) => s.danger);
+      return l && a.value[0] !== l ? l.key : null;
     });
-    return (s, l) => a.value.length > 0 ? (h(), w(i(Fe), {
+    return (l, s) => a.value.length > 0 ? (v(), x(r(qe), {
       key: 0,
       class: "wx-row-menu",
       collapse: "always",
       align: "end",
       size: e.size,
       "aria-label": e.label,
-      onClick: l[0] || (l[0] = pe(() => {
+      onClick: s[0] || (s[0] = be(() => {
       }, ["stop"]))
     }, {
       trigger: g(() => [
-        _(i(K), {
+        $(r(G), {
           type: "more",
           size: e.size,
-          title: i(n)("editor.more")
+          title: r(n)("editor.more")
         }, null, 8, ["size", "title"])
       ]),
       collapsed: g(() => [
-        (h(!0), k(I, null, P(a.value, (o) => (h(), k(I, {
-          key: o.key
+        (v(!0), _(U, null, F(a.value, (i) => (v(), _(U, {
+          key: i.key
         }, [
-          o.key === u.value ? (h(), k("hr", vt)) : z("", !0),
-          _(i(He), {
-            icon: o.icon,
-            tone: o.danger ? "danger" : "default",
-            href: o.href,
-            target: o.href ? o.target ?? "_blank" : void 0,
-            disabled: o.disabled,
-            onClick: (r) => o.run?.()
+          i.key === o.value ? (v(), _("hr", xt)) : L("", !0),
+          $(r(Ye), {
+            icon: i.icon,
+            tone: i.danger ? "danger" : "default",
+            href: i.href,
+            target: i.href ? i.target ?? "_blank" : void 0,
+            disabled: i.disabled,
+            onClick: (u) => i.run?.()
           }, {
             default: g(() => [
-              W(C(o.label), 1)
+              z(C(i.label), 1)
             ]),
             _: 2
           }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"])
         ], 64))), 128))
       ]),
       _: 1
-    }, 8, ["size", "aria-label"])) : z("", !0);
+    }, 8, ["size", "aria-label"])) : L("", !0);
   }
 }), N = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [a, u] of n)
-    t[a] = u;
+  for (const [a, o] of n)
+    t[a] = o;
   return t;
-}, ke = /* @__PURE__ */ N(ht, [["__scopeId", "data-v-cab01f7f"]]), pt = ["data-level"], gt = {
+}, $e = /* @__PURE__ */ N(kt, [["__scopeId", "data-v-cab01f7f"]]), _t = ["data-level"], $t = {
   key: 0,
   class: "wx-screen-head__trail"
-}, bt = { class: "wx-screen-head__name" }, wt = {
+}, Tt = { class: "wx-screen-head__name" }, St = {
   key: 4,
   class: "wx-screen-head__actions"
-}, yt = /* @__PURE__ */ R({
+}, Ct = /* @__PURE__ */ A({
   __name: "ScreenHead",
   props: {
     title: { default: void 0 },
@@ -160,57 +161,57 @@ const ft = /* @__PURE__ */ R({
   },
   emits: ["back"],
   setup(e, { emit: n }) {
-    const t = e, a = n, u = B("webx-admin"), s = Le(), l = ze("root"), o = Oe(l), r = x(() => o.value > 0 && o.value < t.collapseBelow), m = x(() => t.actions ?? []), v = x(
-      () => m.value.find((c) => c.primary) ?? null
-    ), f = x(() => r.value ? v.value ? [v.value] : [] : m.value.filter((c) => !c.menu && !c.danger)), d = x(() => r.value ? m.value.filter((c) => c !== v.value) : m.value.filter((c) => c.menu || c.danger)), p = x(
+    const t = e, a = n, o = I("webx-admin"), l = Ee(), s = Be("root"), i = Xe(s), u = y(() => i.value > 0 && i.value < t.collapseBelow), c = y(() => t.actions ?? []), f = y(
+      () => c.value.find((b) => b.primary) ?? null
+    ), m = y(() => u.value ? f.value ? [f.value] : [] : c.value.filter((b) => !b.menu && !b.danger)), p = y(() => u.value ? c.value.filter((b) => b !== f.value) : c.value.filter((b) => b.menu || b.danger)), d = y(
       () => t.back && t.back !== !0 ? t.back : null
-    ), b = x(
-      () => f.value.length > 0 || d.value.length > 0 || !!s.extra
+    ), k = y(
+      () => m.value.length > 0 || p.value.length > 0 || !!l.extra
     );
-    return (c, y) => (h(), k("div", {
+    return (b, h) => (v(), _("div", {
       ref_key: "root",
-      ref: l,
-      class: H(["wx-screen-head", {
-        "is-narrow": r.value,
-        "has-button": f.value.length > 0,
-        "has-trail": !!c.$slots.trail,
+      ref: s,
+      class: K(["wx-screen-head", {
+        "is-narrow": u.value,
+        "has-button": m.value.length > 0,
+        "has-trail": !!b.$slots.trail,
         "has-divider": e.divider
       }]),
       "data-level": e.level
     }, [
-      c.$slots.trail ? (h(), k("div", gt, [
-        L(c.$slots, "trail", {}, void 0, !0)
-      ])) : z("", !0),
-      p.value ? (h(), w(ft, {
+      b.$slots.trail ? (v(), _("div", $t, [
+        W(b.$slots, "trail", {}, void 0, !0)
+      ])) : L("", !0),
+      d.value ? (v(), x(yt, {
         key: 1,
         class: "wx-screen-head__back",
-        to: p.value,
+        to: d.value,
         label: e.backLabel,
         "tooltip-side": "bottom"
-      }, null, 8, ["to", "label"])) : e.back ? (h(), w(i(K), {
+      }, null, 8, ["to", "label"])) : e.back ? (v(), x(r(G), {
         key: 2,
         class: "wx-screen-head__back",
         icon: "arrow-left",
         size: "sm",
         "tooltip-side": "bottom",
-        title: e.backLabel ?? i(u)("editor.back"),
-        onClick: y[0] || (y[0] = ($) => a("back"))
-      }, null, 8, ["title"])) : z("", !0),
-      M("div", bt, [
-        e.title ? (h(), w(i(je), {
+        title: e.backLabel ?? r(o)("editor.back"),
+        onClick: h[0] || (h[0] = (w) => a("back"))
+      }, null, 8, ["title"])) : L("", !0),
+      D("div", Tt, [
+        e.title ? (v(), x(r(Ge), {
           key: 0,
           level: e.level,
           truncate: "",
           class: "wx-screen-head__title"
         }, {
           default: g(() => [
-            W(C(e.title), 1)
+            z(C(e.title), 1)
           ]),
           _: 1
-        }, 8, ["level"])) : z("", !0),
-        L(c.$slots, "title-after", {}, void 0, !0)
+        }, 8, ["level"])) : L("", !0),
+        W(b.$slots, "title-after", {}, void 0, !0)
       ]),
-      e.subtitle || c.$slots.subtitle ? (h(), w(i(q), {
+      e.subtitle || b.$slots.subtitle ? (v(), x(r(P), {
         key: 3,
         class: "wx-screen-head__subtitle",
         size: "sm",
@@ -218,51 +219,51 @@ const ft = /* @__PURE__ */ R({
         truncate: ""
       }, {
         default: g(() => [
-          L(c.$slots, "subtitle", {}, () => [
-            W(C(e.subtitle), 1)
+          W(b.$slots, "subtitle", {}, () => [
+            z(C(e.subtitle), 1)
           ], !0)
         ]),
         _: 3
-      })) : z("", !0),
-      b.value ? (h(), k("div", wt, [
-        L(c.$slots, "extra", {}, void 0, !0),
-        (h(!0), k(I, null, P(f.value, ($) => (h(), w(i(j), {
-          key: $.key,
-          class: H(["wx-screen-head__button", { "is-primary": $.primary }]),
-          type: $.primary ? "primary" : "default",
-          variant: $.primary ? "solid" : $.variant ?? "outline",
-          loading: $.loading,
-          disabled: $.disabled,
-          href: $.href,
-          target: $.href ? $.target ?? "_blank" : void 0,
-          rel: $.href ? "noopener" : void 0,
-          onClick: (X) => $.run?.()
+      })) : L("", !0),
+      k.value ? (v(), _("div", St, [
+        W(b.$slots, "extra", {}, void 0, !0),
+        (v(!0), _(U, null, F(m.value, (w) => (v(), x(r(q), {
+          key: w.key,
+          class: K(["wx-screen-head__button", { "is-primary": w.primary }]),
+          type: w.primary ? "primary" : "default",
+          variant: w.primary ? "solid" : w.variant ?? "outline",
+          loading: w.loading,
+          disabled: w.disabled,
+          href: w.href,
+          target: w.href ? w.target ?? "_blank" : void 0,
+          rel: w.href ? "noopener" : void 0,
+          onClick: (H) => w.run?.()
         }, ge({
           default: g(() => [
-            W(" " + C($.label), 1)
+            z(" " + C(w.label), 1)
           ]),
           _: 2
         }, [
-          $.icon ? {
+          w.icon ? {
             name: "icon",
             fn: g(() => [
-              _(i(ye), {
-                name: $.icon
+              $(r(xe), {
+                name: w.icon
               }, null, 8, ["name"])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["class", "type", "variant", "loading", "disabled", "href", "target", "rel", "onClick"]))), 128)),
-        d.value.length > 0 ? (h(), w(ke, {
+        p.value.length > 0 ? (v(), x($e, {
           key: 0,
-          actions: d.value,
+          actions: p.value,
           size: "lg",
-          label: e.title ?? i(u)("editor.more")
-        }, null, 8, ["actions", "label"])) : z("", !0)
-      ])) : z("", !0)
-    ], 10, pt));
+          label: e.title ?? r(o)("editor.more")
+        }, null, 8, ["actions", "label"])) : L("", !0)
+      ])) : L("", !0)
+    ], 10, _t));
   }
-}), xt = /* @__PURE__ */ N(yt, [["__scopeId", "data-v-e27d184e"]]), kt = ["data-wx-fill"], _t = /* @__PURE__ */ R({
+}), Lt = /* @__PURE__ */ N(Ct, [["__scopeId", "data-v-e27d184e"]]), zt = ["data-wx-fill"], Wt = /* @__PURE__ */ A({
   __name: "ListScreen",
   props: /* @__PURE__ */ ie({
     title: { default: void 0 },
@@ -281,12 +282,12 @@ const ft = /* @__PURE__ */ R({
   }),
   emits: ["update:view"],
   setup(e) {
-    const n = be(e, "view");
-    return (t, a) => (h(), k("div", {
-      class: H(["wx-list-screen", { "is-fill": e.fill }]),
+    const n = we(e, "view");
+    return (t, a) => (v(), _("div", {
+      class: K(["wx-list-screen", { "is-fill": e.fill }]),
       "data-wx-fill": e.fill ? "" : void 0
     }, [
-      e.title || e.actions || t.$slots.actions ? (h(), w(xt, {
+      e.title || e.actions || t.$slots.actions ? (v(), x(Lt, {
         key: 0,
         class: "wx-list-screen__head",
         title: e.title,
@@ -299,53 +300,53 @@ const ft = /* @__PURE__ */ R({
         t.$slots.actions ? {
           name: "extra",
           fn: g(() => [
-            L(t.$slots, "actions", {}, void 0, !0)
+            W(t.$slots, "actions", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : z("", !0),
-      e.views && e.views.length > 0 ? (h(), w(i(qe), {
+      ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : L("", !0),
+      e.views && e.views.length > 0 ? (v(), x(r(Je), {
         key: 1,
         modelValue: n.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (u) => n.value = u),
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => n.value = o),
         class: "wx-list-screen__views",
         items: e.views,
         "collapse-below": e.collapseBelow,
         "aria-label": e.title
       }, {
         default: g(() => [
-          e.card ? (h(), w(i(me), {
+          e.card ? (v(), x(r(me), {
             key: 0,
             class: "wx-list-screen__card",
             padding: e.padding
           }, {
             default: g(() => [
-              L(t.$slots, "default", {}, void 0, !0)
+              W(t.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["padding"])) : L(t.$slots, "default", {}, void 0, !0, 1)
+          }, 8, ["padding"])) : W(t.$slots, "default", {}, void 0, !0, 1)
         ]),
         _: 3
-      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (h(), k(I, { key: 2 }, [
-        e.card ? (h(), w(i(me), {
+      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (v(), _(U, { key: 2 }, [
+        e.card ? (v(), x(r(me), {
           key: 0,
           class: "wx-list-screen__card",
           padding: e.padding
         }, {
           default: g(() => [
-            L(t.$slots, "default", {}, void 0, !0)
+            W(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["padding"])) : L(t.$slots, "default", {}, void 0, !0, 1)
+        }, 8, ["padding"])) : W(t.$slots, "default", {}, void 0, !0, 1)
       ], 64))
-    ], 10, kt));
+    ], 10, zt));
   }
-}), $t = /* @__PURE__ */ N(_t, [["__scopeId", "data-v-8c7e5ad1"]]), St = /* @__PURE__ */ R({
+}), At = /* @__PURE__ */ N(Wt, [["__scopeId", "data-v-8c7e5ad1"]]), Rt = /* @__PURE__ */ A({
   name: "WxRichTextField",
   inheritAttrs: !1,
   __name: "RichTextField",
   setup(e) {
-    const n = O(), t = B("webx-admin"), a = x(() => n.pickImage ?? void 0), u = x(() => ({
+    const n = V(), t = I("webx-admin"), a = y(() => n.pickImage ?? void 0), o = y(() => ({
       bold: t("rich-text.bold"),
       italic: t("rich-text.italic"),
       strike: t("rich-text.strike"),
@@ -378,108 +379,111 @@ const ft = /* @__PURE__ */ R({
       cancel: t("rich-text.cancel"),
       uploading: t("rich-text.uploading")
     }));
-    return (s, l) => (h(), w(i(Ye), We(s.$attrs, {
-      labels: u.value,
+    return (l, s) => (v(), x(r(Qe), Ie(l.$attrs, {
+      labels: o.value,
       "pick-image": a.value
     }), null, 16, ["labels", "pick-image"]));
   }
-}), Tt = {
-  "wx-list": { component: $t, kind: "layout", labelProp: "title" },
+}), Et = {
+  "wx-list": { component: At, 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: St, kind: "field", wide: !0 }
-}, _e = /* @__PURE__ */ Symbol("webx-admin");
-function O() {
-  const e = te(_e, null);
+  "wx-rich-text": { component: Rt, kind: "field", wide: !0 }
+}, Te = /* @__PURE__ */ Symbol("webx-admin");
+function V() {
+  const e = Y(Te, null);
   if (e === null)
     throw new Error("useAdmin() was called outside a panel created by createAdmin().");
   return e;
 }
-function Ct(e) {
-  const n = oe({
+function Bt(e) {
+  const n = ne({
     status: "loading",
     manifest: null,
     user: null,
     error: null
-  }), t = x(() => {
+  }), t = y(() => {
     const d = n.manifest;
     if (d === null)
       return [];
-    const p = [];
+    const k = [];
     for (const b of d.modules) {
-      const c = e.modules.find(($) => $.id === b.id);
-      if (c === void 0)
+      const h = e.modules.find((H) => H.id === b.id);
+      if (h === void 0)
         continue;
-      const y = c.path ?? c.routes?.[0]?.path;
-      y !== void 0 && p.push({
+      const w = h.path ?? h.routes?.[0]?.path;
+      w !== void 0 && k.push({
         id: b.id,
         title: b.title,
         icon: b.icon,
-        path: y,
+        path: w,
         group: b.group ?? null
       });
     }
-    return p;
-  }), a = x(() => {
-    const d = n.manifest?.groups ?? [], p = [], b = /* @__PURE__ */ new Map();
-    for (const c of t.value)
-      if (c.group !== null && d.some((y) => y.id === c.group)) {
-        const y = b.get(c.group) ?? [];
-        y.push(c), b.set(c.group, y);
+    return k;
+  }), a = y(() => {
+    const d = n.manifest?.groups ?? [], k = [], b = /* @__PURE__ */ new Map();
+    for (const h of t.value)
+      if (h.group !== null && d.some((w) => w.id === h.group)) {
+        const w = b.get(h.group) ?? [];
+        w.push(h), b.set(h.group, w);
       } else
-        p.push(c);
+        k.push(h);
     return {
-      top: p,
-      groups: d.filter((c) => b.has(c.id)).map((c) => ({
-        id: c.id,
-        title: c.title,
-        icon: c.icon ?? null,
-        entries: b.get(c.id) ?? []
+      top: k,
+      groups: d.filter((h) => b.has(h.id)).map((h) => ({
+        id: h.id,
+        title: h.title,
+        icon: h.icon ?? null,
+        entries: b.get(h.id) ?? []
       }))
     };
-  }), u = { ...Tt };
+  }), o = { ...Et };
   for (const d of e.modules)
-    Object.assign(u, d.types);
-  Object.assign(u, e.types);
-  const s = e.modules.find((d) => d.pickImage !== void 0)?.pickImage, l = /* @__PURE__ */ new Map();
-  async function o(d) {
-    const p = `${e.i18n.state.locale}:${d}`;
-    let b = l.get(p);
-    return b === void 0 && (b = e.http.get(`${e.apiPath}/screens/${d}`).then((c) => c.data.root).catch((c) => {
-      throw l.delete(p), c;
-    }), l.set(p, b)), b;
+    Object.assign(o, d.types);
+  Object.assign(o, e.types);
+  const l = e.modules.find((d) => d.pickImage !== void 0)?.pickImage, s = /* @__PURE__ */ new Map();
+  async function i(d) {
+    const k = `${e.i18n.state.locale}:${d}`;
+    let b = s.get(k);
+    return b === void 0 && (b = e.http.get(`${e.apiPath}/screens/${d}`).then((h) => h.data.root).catch((h) => {
+      throw s.delete(k), h;
+    }), s.set(k, b)), b;
   }
-  let r = null;
-  async function m() {
+  let u = null;
+  async function c() {
     n.status = "loading", n.error = null;
     try {
-      if (r !== null && (n.user = await r(), n.user === null)) {
+      if (u !== null && (n.user = await u(), m(n.user), n.user === null)) {
         n.manifest = null, n.status = "unauthenticated";
         return;
       }
       const d = await e.loadManifest();
-      n.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 f(d.locale), n.status = "ready";
+      n.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 p(d.locale), n.status = "ready";
     } catch (d) {
-      if (zt(d)) {
+      if (Ut(d)) {
         n.manifest = null, n.user = null, n.status = "unauthenticated";
         return;
       }
       n.error = d instanceof Error ? d.message : String(d), n.status = "error";
     }
   }
-  async function v() {
+  async function f() {
     if (n.manifest !== null)
       try {
         n.manifest = await e.loadManifest();
       } catch {
       }
   }
-  async function f(d) {
+  function m(d) {
+    d !== null && e.theme?.adopt(d.theme);
+  }
+  async function p(d) {
     if (e.loadDictionary === void 0) {
       e.i18n.state.locale = d;
       return;
     }
-    await e.loadDictionary(d), await v();
+    await e.loadDictionary(d), await f();
   }
   return {
     http: e.http,
@@ -490,98 +494,98 @@ function Ct(e) {
     modules: e.modules,
     nav: t,
     groups: a,
-    types: u,
-    pickImage: s ?? null,
-    reload: m,
-    refreshManifest: v,
-    setLocale: f,
+    types: o,
+    pickImage: l ?? null,
+    reload: c,
+    refreshManifest: f,
+    setLocale: p,
     setUser(d) {
-      n.user = d;
+      n.user = d, m(d);
     },
     useSessionLoader(d) {
-      r = d;
+      u = d;
     },
     can(d) {
-      const p = n.user;
-      return p === null ? !1 : p.isSuper || p.permissions.includes(d);
+      const k = n.user;
+      return k === null ? !1 : k.isSuper || k.permissions.includes(d);
     },
-    loadScreen: o,
+    loadScreen: i,
     screenPatch(d) {
       return e.screens?.[d] ?? [];
     }
   };
 }
-function Lt(e, n) {
-  e.provide(_e, n);
+function It(e, n) {
+  e.provide(Te, n);
 }
-function zt(e) {
+function Ut(e) {
   return typeof e == "object" && e !== null && "status" in e && e.status === 401;
 }
-const Wt = /* @__PURE__ */ R({
+const Dt = /* @__PURE__ */ A({
   __name: "AdminLanding",
   props: {
     landing: { default: null }
   },
   setup(e) {
-    const n = e, t = O(), a = we(), u = B("webx-admin"), s = x(() => {
-      const l = t.nav.value;
-      return l.length === 0 ? null : ((n.landing === null ? void 0 : l.find((r) => r.path === n.landing)) ?? l[0])?.path ?? null;
+    const n = e, t = V(), a = ye(), o = I("webx-admin"), l = y(() => {
+      const s = t.nav.value;
+      return s.length === 0 ? null : ((n.landing === null ? void 0 : s.find((u) => u.path === n.landing)) ?? s[0])?.path ?? null;
     });
-    return Y(
-      s,
-      (l) => {
-        l !== null && a.replace(l);
+    return X(
+      l,
+      (s) => {
+        s !== null && a.replace(s);
       },
       { immediate: !0 }
-    ), (l, o) => s.value === null && i(t).state.status === "ready" ? (h(), w(i(Ke), {
+    ), (s, i) => l.value === null && r(t).state.status === "ready" ? (v(), x(r(Ze), {
       key: 0,
       status: "info",
-      title: i(u)("shell.empty-title"),
-      description: i(u)("shell.empty-description")
-    }, null, 8, ["title", "description"])) : z("", !0);
+      title: r(o)("shell.empty-title"),
+      description: r(o)("shell.empty-description")
+    }, null, 8, ["title", "description"])) : L("", !0);
   }
-}), At = /* @__PURE__ */ R({
+}), Nt = /* @__PURE__ */ A({
   __name: "AdminNav",
   props: {
     collapsed: { type: Boolean }
   },
   emits: ["select"],
   setup(e, { emit: n }) {
-    const t = n, a = O(), u = B("webx-admin"), s = we(), l = Ne(), o = x({
-      get: () => a.nav.value.find((m) => l.path.startsWith(m.path))?.id ?? "",
-      set: (r) => {
-        const m = a.nav.value.find((v) => v.id === r);
-        m !== void 0 && s.push(m.path);
+    const t = n, a = V(), o = I("webx-admin"), l = ye(), s = Oe(), i = y({
+      get: () => a.nav.value.find((c) => s.path.startsWith(c.path))?.id ?? "",
+      set: (u) => {
+        const c = a.nav.value.find((f) => f.id === u);
+        c !== void 0 && l.push(c.path);
       }
     });
-    return (r, m) => {
-      const v = U("wx-menu-item"), f = U("wx-submenu"), d = U("wx-menu");
-      return h(), w(d, {
-        modelValue: o.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (p) => o.value = p),
+    return (u, c) => {
+      const f = B("wx-menu-item"), m = B("wx-submenu"), p = B("wx-menu");
+      return v(), x(p, {
+        modelValue: i.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (d) => i.value = d),
         collapsed: e.collapsed,
-        label: i(u)("nav.sections"),
-        onSelect: m[1] || (m[1] = (p) => t("select"))
+        label: r(o)("nav.sections"),
+        onSelect: c[1] || (c[1] = (d) => t("select"))
       }, {
         default: g(() => [
-          (h(!0), k(I, null, P(i(a).groups.value.top, (p) => (h(), w(v, {
-            key: p.id,
-            value: p.id,
-            icon: p.icon ?? void 0,
-            label: p.title
+          (v(!0), _(U, null, F(r(a).groups.value.top, (d) => (v(), x(f, {
+            key: d.id,
+            value: d.id,
+            icon: d.icon ?? void 0,
+            label: d.title
           }, null, 8, ["value", "icon", "label"]))), 128)),
-          (h(!0), k(I, null, P(i(a).groups.value.groups, (p) => (h(), w(f, {
-            key: p.id,
-            value: `group:${p.id}`,
-            title: p.title,
-            icon: p.icon ?? "gear"
+          (v(!0), _(U, null, F(r(a).groups.value.groups, (d) => (v(), x(m, {
+            key: d.id,
+            value: `group:${d.id}`,
+            title: d.title,
+            icon: d.icon ?? "gear"
           }, {
             default: g(() => [
-              (h(!0), k(I, null, P(p.entries, (b) => (h(), w(v, {
-                key: b.id,
-                value: b.id,
-                icon: b.icon ?? void 0,
-                label: b.title
+              (v(!0), _(U, null, F(d.entries, (k) => (v(), x(f, {
+                key: k.id,
+                value: k.id,
+                icon: k.icon ?? void 0,
+                label: k.title
               }, null, 8, ["value", "icon", "label"]))), 128))
             ]),
             _: 2
@@ -591,68 +595,68 @@ const Wt = /* @__PURE__ */ R({
       }, 8, ["modelValue", "collapsed", "label"]);
     };
   }
-}), Rt = {
+}), Mt = {
   key: 0,
   class: "wx-root wx-admin-plain"
-}, Et = {
+}, Ft = {
   key: 1,
   class: "wx-root wx-admin-plain"
-}, Ut = {
+}, Pt = {
   key: 2,
   class: "wx-root wx-admin-plain"
-}, Bt = ["src", "alt", "width", "height"], It = ["src", "alt", "width", "height"], Mt = ["src", "alt"], Dt = { class: "wx-admin__user" }, Nt = { class: "wx-admin__user wx-admin__user--drawer" }, Pt = /* @__PURE__ */ R({
+}, Vt = ["src", "alt", "width", "height"], Ht = ["src", "alt", "width", "height"], Ot = ["src", "alt"], jt = { class: "wx-admin__user" }, Kt = { class: "wx-admin__user wx-admin__user--drawer" }, qt = /* @__PURE__ */ A({
   __name: "AdminShell",
   setup(e) {
-    const n = O(), t = B("webx-admin"), a = A(null), { width: u, layout: s, collapsed: l, showAside: o, drawerOpen: r, toggle: m, close: v } = Xe(
+    const n = V(), t = I("webx-admin"), a = R(null), { width: o, layout: l, collapsed: s, showAside: i, drawerOpen: u, toggle: c, close: f } = et(
       a,
       { persist: "webx-admin-shell" }
-    ), f = x(() => n.state.manifest?.title ?? ""), d = x(() => n.state.manifest?.branding?.logo ?? null), p = x(() => n.state.manifest?.branding?.mark ?? null), b = x(() => Ge(u.value, null));
-    return Ae(() => {
-      typeof document > "u" || (document.documentElement.dataset.wxShell = b.value);
-    }), Re(() => {
+    ), m = y(() => n.state.manifest?.title ?? ""), p = y(() => n.state.manifest?.branding?.logo ?? null), d = y(() => n.state.manifest?.branding?.mark ?? null), k = y(() => tt(o.value, null));
+    return Ue(() => {
+      typeof document > "u" || (document.documentElement.dataset.wxShell = k.value);
+    }), De(() => {
       typeof document < "u" && delete document.documentElement.dataset.wxShell;
-    }), (c, y) => {
-      const $ = U("router-view"), X = U("wx-loading"), ae = U("wx-button"), le = U("wx-result"), V = U("wx-action"), S = U("wx-text"), E = U("wx-header"), T = U("wx-aside"), D = U("wx-main"), Te = U("wx-container"), Ce = U("wx-drawer");
-      return h(), k(I, null, [
-        _(i(Je)),
-        i(n).state.status === "unauthenticated" ? (h(), k("div", Rt, [
-          _($)
-        ])) : i(n).state.status === "loading" ? (h(), k("div", Et, [
-          _(X, {
-            label: i(t)("shell.loading")
+    }), (b, h) => {
+      const w = B("router-view"), H = B("wx-loading"), le = B("wx-button"), se = B("wx-result"), O = B("wx-action"), T = B("wx-text"), E = B("wx-header"), S = B("wx-aside"), M = B("wx-main"), Ae = B("wx-container"), Re = B("wx-drawer");
+      return v(), _(U, null, [
+        $(r(nt)),
+        r(n).state.status === "unauthenticated" ? (v(), _("div", Mt, [
+          $(w)
+        ])) : r(n).state.status === "loading" ? (v(), _("div", Ft, [
+          $(H, {
+            label: r(t)("shell.loading")
           }, null, 8, ["label"])
-        ])) : i(n).state.status === "error" ? (h(), k("div", Ut, [
-          _(le, {
+        ])) : r(n).state.status === "error" ? (v(), _("div", Pt, [
+          $(se, {
             status: "error",
-            title: i(t)("shell.error-title"),
-            description: i(n).state.error
+            title: r(t)("shell.error-title"),
+            description: r(n).state.error
           }, {
             default: g(() => [
-              _(ae, {
+              $(le, {
                 type: "primary",
-                onClick: y[0] || (y[0] = (ce) => i(n).reload())
+                onClick: h[0] || (h[0] = (de) => r(n).reload())
               }, {
                 default: g(() => [
-                  W(C(i(t)("shell.retry")), 1)
+                  z(C(r(t)("shell.retry")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title", "description"])
-        ])) : (h(), k("div", {
+        ])) : (v(), _("div", {
           key: 3,
           ref_key: "shellEl",
           ref: a,
-          class: H(["wx-root wx-admin", `wx-admin--${b.value}`])
+          class: K(["wx-root wx-admin", `wx-admin--${k.value}`])
         }, [
-          _(Te, {
-            direction: i(s) === "drawer" ? "vertical" : "horizontal",
+          $(Ae, {
+            direction: r(l) === "drawer" ? "vertical" : "horizontal",
             "full-height": "",
             class: "wx-admin__frame"
           }, {
             default: g(() => [
-              i(s) === "drawer" ? (h(), w(E, {
+              r(l) === "drawer" ? (v(), x(E, {
                 key: 0,
                 class: "wx-admin__header",
                 floating: "",
@@ -662,126 +666,126 @@ const Wt = /* @__PURE__ */ R({
                 height: "var(--wx-admin-header-height)"
               }, {
                 end: g(() => [
-                  L(c.$slots, "user", { expanded: !1 }, void 0, !0)
+                  W(b.$slots, "user", { expanded: !1 }, void 0, !0)
                 ]),
                 default: g(() => [
-                  _(V, {
+                  $(O, {
                     icon: "menu",
-                    title: i(t)("nav.menu"),
-                    onClick: i(m)
+                    title: r(t)("nav.menu"),
+                    onClick: r(c)
                   }, null, 8, ["title", "onClick"]),
-                  L(c.$slots, "brand", {}, () => [
-                    d.value ? (h(), k("img", {
+                  W(b.$slots, "brand", {}, () => [
+                    p.value ? (v(), _("img", {
                       key: 0,
                       class: "wx-admin__logo",
-                      src: d.value.url,
-                      alt: f.value,
-                      width: d.value.width ?? void 0,
-                      height: d.value.height ?? void 0
-                    }, null, 8, Bt)) : (h(), w(S, {
+                      src: p.value.url,
+                      alt: m.value,
+                      width: p.value.width ?? void 0,
+                      height: p.value.height ?? void 0
+                    }, null, 8, Vt)) : (v(), x(T, {
                       key: 1,
                       weight: "semibold",
                       truncate: ""
                     }, {
                       default: g(() => [
-                        W(C(f.value), 1)
+                        z(C(m.value), 1)
                       ]),
                       _: 1
                     }))
                   ], !0)
                 ]),
                 _: 3
-              })) : z("", !0),
-              i(o) ? (h(), w(T, {
+              })) : L("", !0),
+              r(i) ? (v(), x(S, {
                 key: 1,
                 class: "wx-admin__aside",
                 sticky: "",
                 floating: "",
                 scroll: "",
                 bordered: !1,
-                collapsed: i(l),
+                collapsed: r(s),
                 width: 220,
                 "collapsed-width": 56
               }, {
                 top: g(() => [
-                  M("div", {
-                    class: H(["wx-admin__brand", { "wx-admin__brand--stacked": i(l) && p.value }])
+                  D("div", {
+                    class: K(["wx-admin__brand", { "wx-admin__brand--stacked": r(s) && d.value }])
                   }, [
-                    i(l) ? p.value ? (h(), k("img", {
+                    r(s) ? d.value ? (v(), _("img", {
                       key: 1,
                       class: "wx-admin__mark",
-                      src: p.value.url,
-                      alt: f.value
-                    }, null, 8, Mt)) : z("", !0) : L(c.$slots, "brand", {}, () => [
-                      d.value ? (h(), k("img", {
+                      src: d.value.url,
+                      alt: m.value
+                    }, null, 8, Ot)) : L("", !0) : W(b.$slots, "brand", {}, () => [
+                      p.value ? (v(), _("img", {
                         key: 0,
                         class: "wx-admin__logo",
-                        src: d.value.url,
-                        alt: f.value,
-                        width: d.value.width ?? void 0,
-                        height: d.value.height ?? void 0
-                      }, null, 8, It)) : (h(), w(S, {
+                        src: p.value.url,
+                        alt: m.value,
+                        width: p.value.width ?? void 0,
+                        height: p.value.height ?? void 0
+                      }, null, 8, Ht)) : (v(), x(T, {
                         key: 1,
                         weight: "semibold",
                         truncate: "",
                         class: "wx-admin__title"
                       }, {
                         default: g(() => [
-                          W(C(f.value), 1)
+                          z(C(m.value), 1)
                         ]),
                         _: 1
                       }))
                     ], !0, 0),
-                    _(V, {
+                    $(O, {
                       icon: "sidebar",
-                      title: i(l) ? i(t)("nav.expand") : i(t)("nav.collapse"),
-                      onClick: i(m)
+                      title: r(s) ? r(t)("nav.expand") : r(t)("nav.collapse"),
+                      onClick: r(c)
                     }, null, 8, ["title", "onClick"])
                   ], 2)
                 ]),
                 bottom: g(() => [
-                  M("div", Dt, [
-                    L(c.$slots, "user", {
-                      expanded: !i(l)
+                  D("div", jt, [
+                    W(b.$slots, "user", {
+                      expanded: !r(s)
                     }, void 0, !0)
                   ])
                 ]),
                 default: g(() => [
-                  L(c.$slots, "nav", { collapsed: i(l) }, void 0, !0)
+                  W(b.$slots, "nav", { collapsed: r(s) }, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["collapsed"])) : z("", !0),
-              _(D, {
+              }, 8, ["collapsed"])) : L("", !0),
+              $(M, {
                 padding: "none",
                 class: "wx-admin__screen"
               }, {
                 default: g(() => [
-                  _($)
+                  $(w)
                 ]),
                 _: 1
               })
             ]),
             _: 3
           }, 8, ["direction"]),
-          _(Ce, {
-            open: i(r),
-            "onUpdate:open": y[1] || (y[1] = (ce) => Ee(r) ? r.value = ce : null),
+          $(Re, {
+            open: r(u),
+            "onUpdate:open": h[1] || (h[1] = (de) => Ne(u) ? u.value = de : null),
             class: "wx-admin__drawer",
-            title: f.value === "" ? i(t)("nav.menu") : f.value,
+            title: m.value === "" ? r(t)("nav.menu") : m.value,
             side: "left",
             size: 260,
             "full-screen": !1,
             closable: ""
           }, {
             footer: g(() => [
-              M("div", Nt, [
-                L(c.$slots, "user", { expanded: !0 }, void 0, !0)
+              D("div", Kt, [
+                W(b.$slots, "user", { expanded: !0 }, void 0, !0)
               ])
             ]),
             default: g(() => [
-              L(c.$slots, "nav", {
+              W(b.$slots, "nav", {
                 collapsed: !1,
-                select: i(v)
+                select: r(f)
               }, void 0, !0)
             ]),
             _: 3
@@ -790,10 +794,10 @@ const Wt = /* @__PURE__ */ R({
       ], 64);
     };
   }
-}), Vt = /* @__PURE__ */ N(Pt, [["__scopeId", "data-v-309fdb9d"]]);
+}), Yt = /* @__PURE__ */ N(qt, [["__scopeId", "data-v-309fdb9d"]]);
 class re extends Error {
-  constructor(n, t, a = {}, u = null, s = null) {
-    super(n), this.status = t, this.errors = a, this.retryAfter = u, this.body = s, this.name = "HttpError";
+  constructor(n, t, a = {}, o = null, l = null) {
+    super(n), this.status = t, this.errors = a, this.retryAfter = o, this.body = l, this.name = "HttpError";
   }
   status;
   errors;
@@ -810,74 +814,74 @@ class re extends Error {
     return this.status === 429;
   }
 }
-const Ft = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
-function Ht(e = {}) {
-  const n = (e.baseUrl ?? "").replace(/\/$/, ""), t = e.csrfUrl ?? "/sanctum/csrf-cookie", a = e.fetch ?? globalThis.fetch.bind(globalThis), u = e.onUnauthenticated, s = e.headers;
-  let l = !1;
-  async function o(m = !1) {
-    l && !m && ve("XSRF-TOKEN") !== null || (await a(t, { credentials: "same-origin" }), l = !0);
+const Xt = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
+function Gt(e = {}) {
+  const n = (e.baseUrl ?? "").replace(/\/$/, ""), t = e.csrfUrl ?? "/api/cms/auth/csrf-cookie", a = e.fetch ?? globalThis.fetch.bind(globalThis), o = e.onUnauthenticated, l = e.headers;
+  let s = !1;
+  async function i(c = !1) {
+    s && !c && ve("XSRF-TOKEN") !== null || (await a(t, { credentials: "same-origin" }), s = !0);
   }
-  async function r(m, v, f, d = {}, p = !1) {
-    const b = Ft.has(m);
-    b && await o();
-    const c = {
+  async function u(c, f, m, p = {}, d = !1) {
+    const k = Xt.has(c);
+    k && await i();
+    const b = {
       Accept: "application/json",
       "X-Requested-With": "XMLHttpRequest",
       // Standing headers first, so a caller can still override one for a single request.
-      ...s?.(),
-      ...d.headers
+      ...l?.(),
+      ...p.headers
     };
-    if (b) {
-      const $ = ve("XSRF-TOKEN");
-      $ !== null && (c["X-XSRF-TOKEN"] = $);
+    if (k) {
+      const w = ve("XSRF-TOKEN");
+      w !== null && (b["X-XSRF-TOKEN"] = w);
     }
-    f !== void 0 && (c["Content-Type"] = "application/json");
-    const y = await a(jt(n, v, d.query), {
-      method: m,
+    m !== void 0 && (b["Content-Type"] = "application/json");
+    const h = await a(Qt(n, f, p.query), {
+      method: c,
       credentials: "same-origin",
-      headers: c,
-      signal: d.signal,
-      body: f === void 0 ? void 0 : JSON.stringify(f)
+      headers: b,
+      signal: p.signal,
+      body: m === void 0 ? void 0 : JSON.stringify(m)
     });
-    if (y.status === 419 && b && !p)
-      return await o(!0), r(m, v, f, d, !0);
-    if (y.status === 401 && u?.(), !y.ok)
-      throw await Ot(y);
-    if (y.status !== 204)
-      return await y.json();
+    if (h.status === 419 && k && !d)
+      return await i(!0), u(c, f, m, p, !0);
+    if (h.status === 401 && o?.(), !h.ok)
+      throw await Jt(h);
+    if (h.status !== 204)
+      return await h.json();
   }
   return {
-    get: (m, v) => r("GET", m, void 0, v),
-    post: (m, v, f) => r("POST", m, v, f),
-    put: (m, v, f) => r("PUT", m, v, f),
-    patch: (m, v, f) => r("PATCH", m, v, f),
-    delete: (m, v) => r("DELETE", m, void 0, v)
+    get: (c, f) => u("GET", c, void 0, f),
+    post: (c, f, m) => u("POST", c, f, m),
+    put: (c, f, m) => u("PUT", c, f, m),
+    patch: (c, f, m) => u("PATCH", c, f, m),
+    delete: (c, f) => u("DELETE", c, void 0, f)
   };
 }
-async function Ot(e) {
+async function Jt(e) {
   let n = null;
   try {
     n = await e.json();
   } catch {
   }
-  const t = n ?? {}, a = typeof t.message == "string" && t.message !== "" ? t.message : e.statusText || `Request failed with ${e.status}`, u = t.errors !== null && typeof t.errors == "object" ? t.errors : {}, s = e.headers.get("Retry-After"), l = s === null ? null : Number.parseInt(s, 10);
+  const t = n ?? {}, a = typeof t.message == "string" && t.message !== "" ? t.message : e.statusText || `Request failed with ${e.status}`, o = t.errors !== null && typeof t.errors == "object" ? t.errors : {}, l = e.headers.get("Retry-After"), s = l === null ? null : Number.parseInt(l, 10);
   return new re(
     a,
     e.status,
-    u,
-    Number.isFinite(l) ? l : null,
+    o,
+    Number.isFinite(s) ? s : null,
     n
   );
 }
-function jt(e, n, t) {
-  const u = /^https?:\/\//i.test(n) ? n : `${e}/${n.replace(/^\//, "")}`;
+function Qt(e, n, t) {
+  const o = /^https?:\/\//i.test(n) ? n : `${e}/${n.replace(/^\//, "")}`;
   if (t === void 0)
-    return u;
-  const s = new URLSearchParams();
-  for (const [o, r] of Object.entries(t))
-    r != null && s.set(o, String(r));
-  const l = s.toString();
-  return l === "" ? u : `${u}${u.includes("?") ? "&" : "?"}${l}`;
+    return o;
+  const l = new URLSearchParams();
+  for (const [i, u] of Object.entries(t))
+    u != null && l.set(i, String(u));
+  const s = l.toString();
+  return s === "" ? o : `${o}${o.includes("?") ? "&" : "?"}${s}`;
 }
 function ve(e) {
   if (typeof document > "u")
@@ -889,7 +893,57 @@ function ve(e) {
   }
   return null;
 }
-const $e = {
+const Zt = "webx.theme", Se = /* @__PURE__ */ Symbol("webx-theme");
+function Vn() {
+  const e = Y(Se, null);
+  if (e === null)
+    throw new Error("useTheme() was called outside a panel created by createAdmin().");
+  return e;
+}
+function en(e, n) {
+  e.provide(Se, n);
+}
+function tn(e = {}) {
+  const n = e.storageKey === void 0 ? Zt : e.storageKey, t = ne({
+    preference: nn(n) ?? "system",
+    resolved: "light"
+  });
+  function a() {
+    ht(t.preference), t.resolved = t.preference === "system" ? pt() : t.preference;
+  }
+  return a(), vt((o) => {
+    t.preference === "system" && (t.resolved = o);
+  }), {
+    state: t,
+    set(o) {
+      t.preference = o, a(), he(n, o);
+    },
+    adopt(o) {
+      if (o === void 0)
+        return;
+      const l = o ?? "system";
+      l !== t.preference && (t.preference = l, a(), he(n, l));
+    }
+  };
+}
+function he(e, n) {
+  if (e !== null)
+    try {
+      localStorage.setItem(e, n);
+    } catch {
+    }
+}
+function nn(e) {
+  if (e === null)
+    return null;
+  try {
+    const n = localStorage.getItem(e);
+    return n === "light" || n === "dark" || n === "system" ? n : null;
+  } catch {
+    return null;
+  }
+}
+const Ce = {
   shell: {
     loading: "Loading the panel…",
     "error-title": "The panel could not start",
@@ -906,6 +960,15 @@ const $e = {
     // The one menu group the panel names itself; a module's own group is named by the module.
     system: "System"
   },
+  // The three words on the theme switch. They belong to the panel rather than to whoever
+  // places the switch: a core component ships English prop defaults and knows nothing about
+  // a dictionary, so the panel is the one that has to say them.
+  theme: {
+    label: "Theme",
+    light: "Light",
+    dark: "Dark",
+    system: "Follow the system"
+  },
   // What a screen that edits one record offers whatever the record is: the way out of it, and
   // the way to rename it. A module that opens an editor should not be inventing these.
   editor: {
@@ -939,6 +1002,14 @@ const $e = {
     // whether the panel failed to load it.
     never: "never"
   },
+  // The one line the panel says about the nightly database dump. It lives at the foot of the
+  // settings screen, and the warning is the whole point of it: a backup whose breakage is
+  // discovered on the day it was needed is not a backup.
+  backup: {
+    title: "Last database snapshot:",
+    stale: "No database snapshot since :date. Check the schedule.",
+    never: "The database has never been backed up. Check the schedule."
+  },
   // How a request fails, in the panel's words rather than the server's (§13.3). `errors.ts`
   // decides which of these a status gets.
   errors: {
@@ -1010,200 +1081,203 @@ const $e = {
     forbidden: "You may not read the notes of this record.",
     "not-yours": "A note is edited by whoever wrote it."
   }
-}, Se = "webx.locale";
-function zn(e = {}) {
-  const n = e.manifestUrl ?? Jt() ?? "/api/cms/manifest", t = e.apiPath ?? n.replace(/\/manifest\/?$/, ""), a = e.basePath ?? "/cms", u = e.modules ?? [], s = [...e.routes ?? []];
-  for (const c of u)
-    s.push(...c.routes ?? []);
-  if (!s.some((c) => c.path === "/")) {
-    const c = u.find((y) => y.landing === !0);
-    s.push({
+}, Le = "webx.locale";
+function Hn(e = {}) {
+  const n = e.manifestUrl ?? un() ?? "/api/cms/manifest", t = e.apiPath ?? n.replace(/\/manifest\/?$/, ""), a = e.basePath ?? "/cms", o = e.modules ?? [], l = [...e.routes ?? []];
+  for (const h of o)
+    l.push(...h.routes ?? []);
+  if (!l.some((h) => h.path === "/")) {
+    const h = o.find((w) => w.landing === !0);
+    l.push({
       path: "/",
       name: "webx.home",
-      component: Wt,
-      props: { landing: c?.path ?? c?.routes?.[0]?.path ?? null }
+      component: Dt,
+      props: { landing: h?.path ?? h?.routes?.[0]?.path ?? null }
     });
   }
-  const l = Pe({
-    history: Ve(a),
-    routes: s
-  }), o = de({ locale: e.locale ?? Yt() }), r = e.http ?? Ht({
+  const s = je({
+    history: Ke(a),
+    routes: l
+  }), i = ce({ locale: e.locale ?? ln() }), u = tn(), c = e.http ?? Gt({
     baseUrl: "",
+    csrfUrl: `${t}/auth/csrf-cookie`,
     onUnauthenticated: () => {
-      v.setUser(null), v.state.status = "unauthenticated";
+      m.setUser(null), m.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
     // not stored a preference yet, which is everybody until they choose one. Without it,
     // signing in on a Russian sign-in screen lands in an English panel.
-    headers: () => ({ "X-Webx-Locale": o.state.locale })
+    headers: () => ({ "X-Webx-Locale": i.state.locale })
   });
-  o.defaults("webx-admin", $e);
-  async function m(c) {
-    const y = await r.get(`${t}/translations/${c}`);
-    o.load(y.data.namespaces, y.data.locale, y.data.fallback), Kt(y.data.locale), Gt(y.data.locale, o.state.panelLocales);
+  i.defaults("webx-admin", Ce);
+  async function f(h) {
+    const w = await c.get(`${t}/translations/${h}`);
+    i.load(w.data.namespaces, w.data.locale, w.data.fallback), sn(w.data.locale), rn(w.data.locale, i.state.panelLocales);
   }
-  const v = Ct({
-    http: r,
+  const m = Bt({
+    http: c,
+    theme: u,
     basePath: a,
     apiPath: t,
-    modules: u,
-    i18n: o,
-    loadDictionary: m,
+    modules: o,
+    i18n: i,
+    loadDictionary: f,
     types: e.types,
     screens: e.screens,
-    loadManifest: async () => (await r.get(n)).data
-  }), f = Ue(qt(e));
-  f.use(Qe), Lt(f, v), ct(f, o);
-  const d = A("");
-  f.provide(
-    Ze,
-    x(() => o.state.locale)
-  ), f.provide(et, {
-    list: x(
-      () => o.state.contentLocales.map((c) => ({
-        code: c.code,
-        label: c.code.toUpperCase()
+    loadManifest: async () => (await c.get(n)).data
+  }), p = Me(an(e));
+  p.use(at), It(p, m), gt(p, i), en(p, u);
+  const d = R("");
+  p.provide(
+    lt,
+    y(() => i.state.locale)
+  ), p.provide(st, {
+    list: y(
+      () => i.state.contentLocales.map((h) => ({
+        code: h.code,
+        label: h.code.toUpperCase()
       }))
     ),
-    active: x({
-      get: () => d.value || (o.state.contentLocales[0]?.code ?? ""),
-      set: (c) => {
-        d.value = c;
+    active: y({
+      get: () => d.value || (i.state.contentLocales[0]?.code ?? ""),
+      set: (h) => {
+        d.value = h;
       }
     })
   });
-  const p = {
-    app: f,
-    router: l,
-    context: v,
-    i18n: o,
+  const k = {
+    app: p,
+    router: s,
+    context: m,
+    i18n: i,
+    theme: u,
     async mount() {
-      await Promise.all([b(), m(o.state.locale)]).catch(() => {
-      }), f.mount(e.el ?? "#webx-app"), await v.reload();
+      await Promise.all([b(), f(i.state.locale)]).catch(() => {
+      }), p.mount(e.el ?? "#webx-app"), await m.reload();
     }
   };
   async function b() {
-    const c = await r.get(`${t}/locales`);
-    o.state.panelLocales = c.data.panel, o.state.contentLocales = c.data.content;
+    const h = await c.get(`${t}/locales`);
+    i.state.panelLocales = h.data.panel, i.state.contentLocales = h.data.content;
   }
-  for (const c of e.plugins ?? [])
-    c.install(p);
-  return f.use(l), p;
+  for (const h of e.plugins ?? [])
+    h.install(k);
+  return p.use(s), k;
 }
-function qt(e) {
+function an(e) {
   const n = {
     // 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: (t) => G(At, { collapsed: t.collapsed === !0, onSelect: t.select })
+    nav: (t) => J(Nt, { collapsed: t.collapsed === !0, onSelect: t.select })
   };
-  return e.brand !== void 0 && (n.brand = () => G(e.brand)), e.userMenu !== void 0 && (n.user = (t) => G(e.userMenu, { expanded: t.expanded === !0 })), { render: () => G(Vt, null, n) };
+  return e.brand !== void 0 && (n.brand = () => J(e.brand)), e.userMenu !== void 0 && (n.user = (t) => J(e.userMenu, { expanded: t.expanded === !0 })), { render: () => J(Yt, null, n) };
 }
-function Yt() {
-  const e = Xt(Se);
+function ln() {
+  const e = on(Le);
   return e !== null ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator > "u" ? "en" : navigator.language;
 }
-function Kt(e) {
+function sn(e) {
   try {
-    localStorage.setItem(Se, e);
+    localStorage.setItem(Le, e);
   } catch {
   }
 }
-function Xt(e) {
+function on(e) {
   try {
     return localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function Gt(e, n) {
+function rn(e, n) {
   typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = n.find((t) => t.code === e)?.direction ?? "ltr");
 }
-function Jt() {
+function un() {
   return typeof document > "u" ? null : document.querySelector('meta[name="webx-manifest"]')?.getAttribute("content") ?? null;
 }
-function Qt(e) {
+function cn(e) {
   const n = e.replace(/\r\n?/g, `
 `).split(`
 `), t = [];
   let a = 0;
   for (; a < n.length; ) {
-    const u = n[a] ?? "";
-    if (u.trim() === "") {
+    const o = n[a] ?? "";
+    if (o.trim() === "") {
       a += 1;
       continue;
     }
-    if (/^```([\w-]*)\s*$/.exec(u)) {
-      const r = [];
+    if (/^```([\w-]*)\s*$/.exec(o)) {
+      const u = [];
       for (a += 1; a < n.length && !/^```\s*$/.test(n[a] ?? ""); )
-        r.push(n[a] ?? ""), a += 1;
-      a += 1, t.push(`<pre><code>${ue(r.join(`
+        u.push(n[a] ?? ""), a += 1;
+      a += 1, t.push(`<pre><code>${ue(u.join(`
 `))}</code></pre>`);
       continue;
     }
-    const l = /^(#{1,4})\s+(.*)$/.exec(u);
-    if (l) {
-      const r = Math.min(l[1].length + 1, 5);
-      t.push(`<h${r}>${se(l[2] ?? "")}</h${r}>`), a += 1;
+    const s = /^(#{1,4})\s+(.*)$/.exec(o);
+    if (s) {
+      const u = Math.min(s[1].length + 1, 5);
+      t.push(`<h${u}>${oe(s[2] ?? "")}</h${u}>`), a += 1;
       continue;
     }
-    if (Q(u)) {
-      const r = /^\s*\d+[.)]\s+/.test(u), m = [];
-      for (; a < n.length && Q(n[a] ?? ""); )
-        for (m.push((n[a] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), a += 1; a < n.length; ) {
-          const f = n[a] ?? "";
-          if (f.trim() === "" || Q(f) || /^(#{1,4})\s/.test(f) || /^```/.test(f))
+    if (Z(o)) {
+      const u = /^\s*\d+[.)]\s+/.test(o), c = [];
+      for (; a < n.length && Z(n[a] ?? ""); )
+        for (c.push((n[a] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), a += 1; a < n.length; ) {
+          const m = n[a] ?? "";
+          if (m.trim() === "" || Z(m) || /^(#{1,4})\s/.test(m) || /^```/.test(m))
             break;
-          m[m.length - 1] += ` ${f.trim()}`, a += 1;
+          c[c.length - 1] += ` ${m.trim()}`, a += 1;
         }
-      const v = r ? "ol" : "ul";
-      t.push(`<${v}>${m.map((f) => `<li>${se(f)}</li>`).join("")}</${v}>`);
+      const f = u ? "ol" : "ul";
+      t.push(`<${f}>${c.map((m) => `<li>${oe(m)}</li>`).join("")}</${f}>`);
       continue;
     }
-    const o = [];
+    const i = [];
     for (; a < n.length; ) {
-      const r = n[a] ?? "";
-      if (r.trim() === "" || Q(r) || /^(#{1,4})\s/.test(r) || /^```/.test(r)) break;
-      o.push(r.trim()), a += 1;
+      const u = n[a] ?? "";
+      if (u.trim() === "" || Z(u) || /^(#{1,4})\s/.test(u) || /^```/.test(u)) break;
+      i.push(u.trim()), a += 1;
     }
-    t.push(`<p>${se(o.join(" "))}</p>`);
+    t.push(`<p>${oe(i.join(" "))}</p>`);
   }
   return t.join("");
 }
-const J = "\0";
-function Q(e) {
+const Q = "\0";
+function Z(e) {
   return /^\s*(?:[-*+]|\d+[.)])\s+/.test(e);
 }
-function se(e) {
-  const n = [], t = e.replace(/`([^`]+)`/g, (u, s) => (n.push(`<code>${ue(s)}</code>`), `${J}${n.length - 1}${J}`));
+function oe(e) {
+  const n = [], t = e.replace(/`([^`]+)`/g, (o, l) => (n.push(`<code>${ue(l)}</code>`), `${Q}${n.length - 1}${Q}`));
   return ue(t).replace(
     /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g,
     '<a href="$2" target="_blank" rel="noopener">$1</a>'
   ).replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(
-    new RegExp(`${J}(\\d+)${J}`, "g"),
-    (u, s) => n[Number(s)] ?? ""
+    new RegExp(`${Q}(\\d+)${Q}`, "g"),
+    (o, l) => n[Number(l)] ?? ""
   );
 }
 function ue(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Zt(e) {
+function dn(e) {
   const n = e.scope("webx-admin"), t = /* @__PURE__ */ new Map();
-  function a(s, l, o) {
-    const r = e.state.locale, m = `${r}:${s}`;
-    let v = t.get(m);
-    return v === void 0 && (v = new Intl.DateTimeFormat(r, l), t.set(m, v)), v.format(o);
+  function a(l, s, i) {
+    const u = e.state.locale, c = `${u}:${l}`;
+    let f = t.get(c);
+    return f === void 0 && (f = new Intl.DateTimeFormat(u, s), t.set(c, f)), f.format(i);
   }
-  const u = (s) => a("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, s);
+  const o = (l) => a("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, l);
   return {
-    short(s) {
-      const l = ee(s);
-      if (l === null)
+    short(l) {
+      const s = te(l);
+      if (s === null)
         return n("dates.never");
-      const o = /* @__PURE__ */ new Date(), r = he(l, o);
-      return r === 0 ? n("dates.today", { time: u(l) }) : r === -1 ? n("dates.yesterday", { time: u(l) }) : l.getFullYear() === o.getFullYear() ? a(
+      const i = /* @__PURE__ */ new Date(), u = pe(s, i);
+      return u === 0 ? n("dates.today", { time: o(s) }) : u === -1 ? n("dates.yesterday", { time: o(s) }) : s.getFullYear() === i.getFullYear() ? a(
         "this-year",
         {
           day: "numeric",
@@ -1212,81 +1286,81 @@ function Zt(e) {
           minute: "2-digit",
           hourCycle: "h23"
         },
-        l
-      ) : a("earlier", { day: "numeric", month: "long", year: "numeric" }, l);
+        s
+      ) : a("earlier", { day: "numeric", month: "long", year: "numeric" }, s);
     },
-    compact(s) {
-      const l = ee(s);
-      if (l === null)
+    compact(l) {
+      const s = te(l);
+      if (s === null)
         return n("dates.never");
-      const o = /* @__PURE__ */ new Date();
-      return he(l, o) === 0 ? u(l) : l.getFullYear() === o.getFullYear() ? a("compact", { day: "numeric", month: "short" }, l) : a("compact-earlier", { dateStyle: "short" }, l);
+      const i = /* @__PURE__ */ new Date();
+      return pe(s, i) === 0 ? o(s) : s.getFullYear() === i.getFullYear() ? a("compact", { day: "numeric", month: "short" }, s) : a("compact-earlier", { dateStyle: "short" }, s);
     },
-    exact(s) {
-      const l = ee(s);
-      return l === null ? "" : a("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, l);
+    exact(l) {
+      const s = te(l);
+      return s === null ? "" : a("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, s);
     },
-    iso(s) {
-      const l = ee(s);
-      return l === null ? "" : l.toISOString();
+    iso(l) {
+      const s = te(l);
+      return s === null ? "" : s.toISOString();
     }
   };
 }
-function en() {
-  const e = te(ne, null);
-  return Zt(e ?? tn());
+function ze() {
+  const e = Y(ae, null);
+  return dn(e ?? mn());
 }
-let Z = null;
-function tn() {
-  return Z === null && (Z = de(), Z.defaults("webx-admin", $e)), Z;
+let ee = null;
+function mn() {
+  return ee === null && (ee = ce(), ee.defaults("webx-admin", Ce)), ee;
 }
-function ee(e) {
+function te(e) {
   if (e == null || e === "")
     return null;
   const n = e instanceof Date ? e : new Date(e);
   return Number.isNaN(n.getTime()) ? null : n;
 }
-function he(e, n) {
+function pe(e, n) {
   const t = (a) => Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
   return Math.round((t(e) - t(n)) / 864e5);
 }
-function nn(e, n, t) {
-  const a = e instanceof re ? e.status : ln(e);
+function fn(e, n, t) {
+  const a = e instanceof re ? e.status : hn(e);
   if (a === 422)
-    return sn(e) ?? t ?? n("errors.unknown");
+    return pn(e) ?? t ?? n("errors.unknown");
   if (a === 401) return n("errors.signed-out");
   if (a === 403) return n("errors.forbidden");
   if (a === 404) return n("errors.gone");
   if (a === 409) return n("errors.conflict");
   if (a === 429) {
-    const u = e instanceof re ? e.retryAfter : null;
-    return u === null ? n("errors.throttled") : n("errors.throttled-in", { seconds: u });
+    const o = e instanceof re ? e.retryAfter : null;
+    return o === null ? n("errors.throttled") : n("errors.throttled-in", { seconds: o });
   }
   return a !== null && a >= 500 ? n("errors.server") : a === null ? n("errors.offline") : t ?? n("errors.unknown");
 }
-function an() {
-  const e = B("webx-admin");
-  return (n, t) => nn(n, e, t);
+function vn() {
+  const e = I("webx-admin");
+  return (n, t) => fn(n, e, t);
 }
-function ln(e) {
+function hn(e) {
   const n = e?.status;
   return typeof n == "number" ? n : null;
 }
-function sn(e) {
+function pn(e) {
   const t = e?.body?.message;
   return typeof t == "string" && t !== "" ? t : null;
 }
-function on(e, n, t) {
-  const a = `${e.apiPath}/entities/${n}/${t}/notes`, u = (l) => `${e.apiPath}/notes/${l}`, s = (l) => l.data;
+function bn(e, n, t) {
+  const a = `${e.apiPath}/entities/${n}/${t}/notes`, o = (s) => `${e.apiPath}/notes/${s}`, l = (s) => s.data;
   return {
-    list: () => e.http.get(a).then(s),
-    add: (l) => e.http.post(a, { body: l }).then(s),
-    save: (l, o) => e.http.put(u(l), { body: o }).then(s),
-    remove: (l) => e.http.delete(u(l)).then(() => {
+    list: () => e.http.get(a).then(l),
+    add: (s) => e.http.post(a, { body: s }).then(l),
+    save: (s, i) => e.http.put(o(s), { body: i }).then(l),
+    remove: (s) => e.http.delete(o(s)).then(() => {
     })
   };
 }
-const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
+const gn = { class: "wx-screen-host" }, On = /* @__PURE__ */ A({
   __name: "Screen",
   props: /* @__PURE__ */ ie({
     name: {},
@@ -1301,37 +1375,37 @@ const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
   }),
   emits: /* @__PURE__ */ ie(["loaded"], ["update:modelValue"]),
   setup(e, { expose: n, emit: t }) {
-    const a = e, u = t, s = be(e, "modelValue"), l = O(), o = B("webx-admin"), r = A(null), m = A(null);
-    async function v() {
-      r.value = null, m.value = null;
+    const a = e, o = t, l = we(e, "modelValue"), s = V(), i = I("webx-admin"), u = R(null), c = R(null);
+    async function f() {
+      u.value = null, c.value = null;
       try {
-        const f = await l.loadScreen(a.name);
-        r.value = f, u("loaded", f);
-      } catch (f) {
-        m.value = f instanceof Error ? f.message : String(f);
+        const m = await s.loadScreen(a.name);
+        u.value = m, o("loaded", m);
+      } catch (m) {
+        c.value = m instanceof Error ? m.message : String(m);
       }
     }
-    return Y([() => a.name, () => l.i18n.state.locale], () => {
-      v();
-    }, { immediate: !0 }), n({ reload: v }), (f, d) => (h(), k("div", rn, [
-      m.value ? (h(), w(i(tt), {
+    return X([() => a.name, () => s.i18n.state.locale], () => {
+      f();
+    }, { immediate: !0 }), n({ reload: f }), (m, p) => (v(), _("div", gn, [
+      c.value ? (v(), x(r(ke), {
         key: 0,
         type: "danger",
-        title: i(o)("shell.error-title"),
-        description: m.value
-      }, null, 8, ["title", "description"])) : r.value === null ? (h(), w(i(xe), {
+        title: r(i)("shell.error-title"),
+        description: c.value
+      }, null, 8, ["title", "description"])) : u.value === null ? (v(), x(r(_e), {
         key: 1,
         rows: 4
-      })) : (h(), w(i(dt), {
+      })) : (v(), x(r(bt), {
         key: 2,
-        modelValue: s.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (p) => s.value = p),
-        root: r.value,
-        patch: i(l).screenPatch(e.name),
-        types: i(l).types,
+        modelValue: l.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (d) => l.value = d),
+        root: u.value,
+        patch: r(s).screenPatch(e.name),
+        types: r(s).types,
         errors: e.errors,
-        translate: i(l).i18n.t,
-        can: i(l).can,
+        translate: r(s).i18n.t,
+        can: r(s).can,
         disabled: e.disabled,
         "label-position": e.labelPosition,
         "label-width": e.labelWidth,
@@ -1339,63 +1413,63 @@ const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
       }, null, 8, ["modelValue", "root", "patch", "types", "errors", "translate", "can", "disabled", "label-position", "label-width", "size"]))
     ]));
   }
-}), An = 76, un = {
+}), jn = 76, wn = {
   class: "wx-save-state",
   role: "status",
   "aria-live": "polite"
-}, dn = /* @__PURE__ */ R({
+}, yn = /* @__PURE__ */ A({
   __name: "SaveState",
   props: {
     state: {},
     linger: { default: 2e3 }
   },
   setup(e) {
-    const n = e, t = B("webx-admin"), a = A(!1);
-    let u = null;
-    Y(
+    const n = e, t = I("webx-admin"), a = R(!1);
+    let o = null;
+    X(
       () => n.state,
-      (l, o) => {
-        u !== null && clearTimeout(u), a.value = o === "saving" && l === "saved", a.value && (u = window.setTimeout(() => {
-          a.value = !1, u = null;
+      (s, i) => {
+        o !== null && clearTimeout(o), a.value = i === "saving" && s === "saved", a.value && (o = window.setTimeout(() => {
+          a.value = !1, o = null;
         }, n.linger));
       }
     );
-    const s = x(
+    const l = y(
       () => n.state === "saving" ? "saving" : a.value ? "saved" : null
     );
-    return Be(() => {
-      u !== null && clearTimeout(u);
-    }), (l, o) => (h(), k("span", un, [
-      s.value ? (h(), w(i(ye), {
+    return Fe(() => {
+      o !== null && clearTimeout(o);
+    }), (s, i) => (v(), _("span", wn, [
+      l.value ? (v(), x(r(xe), {
         key: 0,
-        class: H(["wx-save-state__mark", { "is-saved": s.value === "saved" }]),
-        name: s.value === "saving" ? "loader" : "check",
-        spin: s.value === "saving",
-        label: i(t)(`editor.${s.value}`)
-      }, null, 8, ["class", "name", "spin", "label"])) : z("", !0)
+        class: K(["wx-save-state__mark", { "is-saved": l.value === "saved" }]),
+        name: l.value === "saving" ? "loader" : "check",
+        spin: l.value === "saving",
+        label: r(t)(`editor.${l.value}`)
+      }, null, 8, ["class", "name", "spin", "label"])) : L("", !0)
     ]));
   }
-}), Rn = /* @__PURE__ */ N(dn, [["__scopeId", "data-v-216e5e44"]]), En = /* @__PURE__ */ R({
+}), Kn = /* @__PURE__ */ N(yn, [["__scopeId", "data-v-216e5e44"]]), qn = /* @__PURE__ */ A({
   __name: "FilterChips",
   props: {
     filters: {}
   },
   setup(e) {
-    return (n, t) => (h(!0), k(I, null, P(e.filters, (a) => (h(), w(i(nt), {
+    return (n, t) => (v(!0), _(U, null, F(e.filters, (a) => (v(), x(r(ot), {
       key: a.key,
       class: "wx-filter-chip",
       size: "sm",
       round: "",
       closable: "",
-      onClose: (u) => a.clear()
+      onClose: (o) => a.clear()
     }, {
       default: g(() => [
-        W(C(a.label), 1)
+        z(C(a.label), 1)
       ]),
       _: 2
     }, 1032, ["onClose"]))), 128));
   }
-}), cn = { class: "wx-rename__footer" }, mn = /* @__PURE__ */ R({
+}), xn = { class: "wx-rename__footer" }, kn = /* @__PURE__ */ A({
   __name: "RenameButton",
   props: {
     name: { default: "" },
@@ -1406,57 +1480,57 @@ const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
   },
   emits: ["rename"],
   setup(e, { emit: n }) {
-    const t = e, a = n, u = B("webx-admin"), s = A(!1), l = A(t.name), o = A(null), r = x(() => t.label ?? u("editor.rename"));
-    Y(s, async (v) => {
-      v && (l.value = t.name, await Ie(), o.value?.focus(), o.value?.select());
+    const t = e, a = n, o = I("webx-admin"), l = R(!1), s = R(t.name), i = R(null), u = y(() => t.label ?? o("editor.rename"));
+    X(l, async (f) => {
+      f && (s.value = t.name, await Pe(), i.value?.focus(), i.value?.select());
     });
-    function m() {
-      const v = l.value.trim();
-      if (v === "" || v === t.name) {
-        s.value = !1;
+    function c() {
+      const f = s.value.trim();
+      if (f === "" || f === t.name) {
+        l.value = !1;
         return;
       }
-      a("rename", v), s.value = !1;
+      a("rename", f), l.value = !1;
     }
-    return (v, f) => (h(), w(i(at), {
-      open: s.value,
-      "onUpdate:open": f[2] || (f[2] = (d) => s.value = d),
-      title: r.value,
+    return (f, m) => (v(), x(r(it), {
+      open: l.value,
+      "onUpdate:open": m[2] || (m[2] = (p) => l.value = p),
+      title: u.value,
       width: 320,
       side: "bottom",
       align: "start",
       teleport: ""
     }, {
       trigger: g(() => [
-        _(i(K), {
+        $(r(G), {
           type: "edit",
-          title: r.value,
+          title: u.value,
           size: e.size,
           disabled: e.disabled
         }, null, 8, ["title", "size", "disabled"])
       ]),
       default: g(() => [
-        M("form", {
+        D("form", {
           class: "wx-rename",
-          onSubmit: pe(m, ["prevent"])
+          onSubmit: be(c, ["prevent"])
         }, [
-          _(i(lt), {
+          $(r(rt), {
             ref_key: "field",
-            ref: o,
-            modelValue: l.value,
-            "onUpdate:modelValue": f[0] || (f[0] = (d) => l.value = d),
-            "aria-label": r.value,
+            ref: i,
+            modelValue: s.value,
+            "onUpdate:modelValue": m[0] || (m[0] = (p) => s.value = p),
+            "aria-label": u.value,
             placeholder: e.placeholder,
-            onKeydown: f[1] || (f[1] = Me((d) => s.value = !1, ["esc"]))
+            onKeydown: m[1] || (m[1] = Ve((p) => l.value = !1, ["esc"]))
           }, null, 8, ["modelValue", "aria-label", "placeholder"]),
-          M("div", cn, [
-            _(i(j), {
+          D("div", xn, [
+            $(r(q), {
               type: "primary",
               size: "sm",
               "native-type": "submit"
             }, {
               default: g(() => [
-                W(C(i(u)("editor.save")), 1)
+                z(C(r(o)("editor.save")), 1)
               ]),
               _: 1
             })
@@ -1466,7 +1540,7 @@ const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Un = /* @__PURE__ */ N(mn, [["__scopeId", "data-v-d879e8d3"]]), fn = ["innerHTML"], vn = /* @__PURE__ */ R({
+}), Yn = /* @__PURE__ */ N(kn, [["__scopeId", "data-v-d879e8d3"]]), _n = ["innerHTML"], $n = /* @__PURE__ */ A({
   __name: "HelpButton",
   props: {
     body: {},
@@ -1476,33 +1550,33 @@ const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
     width: { default: 720 }
   },
   setup(e) {
-    const n = e, t = B("webx-admin"), a = A(!1), u = x(() => n.title ?? t("help.title")), s = x(() => Qt(n.body));
-    return (l, o) => (h(), k(I, null, [
-      _(i(K), {
+    const n = e, t = I("webx-admin"), a = R(!1), o = y(() => n.title ?? t("help.title")), l = y(() => cn(n.body));
+    return (s, i) => (v(), _(U, null, [
+      $(r(G), {
         type: "details",
         icon: "question",
         tone: "neutral",
         size: e.size,
-        title: e.label ?? u.value,
-        onClick: o[0] || (o[0] = (r) => a.value = !0)
+        title: e.label ?? o.value,
+        onClick: i[0] || (i[0] = (u) => a.value = !0)
       }, null, 8, ["size", "title"]),
-      _(i(st), {
+      $(r(ut), {
         open: a.value,
-        "onUpdate:open": o[1] || (o[1] = (r) => a.value = r),
-        title: u.value,
+        "onUpdate:open": i[1] || (i[1] = (u) => a.value = u),
+        title: o.value,
         width: e.width
       }, {
         default: g(() => [
-          M("div", {
+          D("div", {
             class: "wx-help",
-            innerHTML: s.value
-          }, null, 8, fn)
+            innerHTML: l.value
+          }, null, 8, _n)
         ]),
         _: 1
       }, 8, ["open", "title", "width"])
     ], 64));
   }
-}), Bn = /* @__PURE__ */ N(vn, [["__scopeId", "data-v-6c280d42"]]), hn = /* @__PURE__ */ R({
+}), Xn = /* @__PURE__ */ N($n, [["__scopeId", "data-v-6c280d42"]]), We = /* @__PURE__ */ A({
   name: "WxDate",
   __name: "DateText",
   props: {
@@ -1512,46 +1586,46 @@ const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
     tone: { default: "muted" }
   },
   setup(e) {
-    const n = e, t = en(), a = x(() => n.compact ? t.compact(n.value) : t.short(n.value)), u = x(() => t.exact(n.value)), s = x(() => t.iso(n.value));
-    return (l, o) => u.value ? (h(), w(i(ot), {
+    const n = e, t = ze(), a = y(() => n.compact ? t.compact(n.value) : t.short(n.value)), o = y(() => t.exact(n.value)), l = y(() => t.iso(n.value));
+    return (s, i) => o.value ? (v(), x(r(ct), {
       key: 0,
-      content: u.value
+      content: o.value
     }, {
       default: g(() => [
-        _(i(q), {
+        $(r(P), {
           as: "time",
-          datetime: s.value,
+          datetime: l.value,
           size: e.size,
           tone: e.tone
         }, {
           default: g(() => [
-            W(C(a.value), 1)
+            z(C(a.value), 1)
           ]),
           _: 1
         }, 8, ["datetime", "size", "tone"])
       ]),
       _: 1
-    }, 8, ["content"])) : (h(), w(i(q), {
+    }, 8, ["content"])) : (v(), x(r(P), {
       key: 1,
       size: e.size,
       tone: e.tone
     }, {
       default: g(() => [
-        W(C(a.value), 1)
+        z(C(a.value), 1)
       ]),
       _: 1
     }, 8, ["size", "tone"]));
   }
-}), pn = { class: "wx-notes" }, gn = {
+}), Tn = { class: "wx-notes" }, Sn = {
   key: 3,
   class: "wx-notes__list"
-}, bn = { class: "wx-note__body" }, wn = { class: "wx-note__head" }, yn = { class: "wx-note__buttons" }, xn = {
+}, Cn = { class: "wx-note__body" }, Ln = { class: "wx-note__head" }, zn = { class: "wx-note__buttons" }, Wn = {
   key: 1,
   class: "wx-note__text"
-}, kn = {
+}, An = {
   key: 4,
   class: "wx-notes__new"
-}, _n = /* @__PURE__ */ R({
+}, Rn = /* @__PURE__ */ A({
   name: "WxNotes",
   __name: "NotesFeed",
   props: {
@@ -1562,221 +1636,284 @@ const rn = { class: "wx-screen-host" }, Wn = /* @__PURE__ */ R({
   },
   emits: ["change"],
   setup(e, { emit: n }) {
-    const t = e, a = n, u = O(), s = B("webx-admin"), l = an(), o = A([]), r = A(!0), m = A(""), v = A(!1), f = A(null), d = A(""), p = x(() => on(u, t.type, t.id)), b = x(() => t.title ?? s("notes.title"));
-    async function c() {
-      r.value = !0;
+    const t = e, a = n, o = V(), l = I("webx-admin"), s = vn(), i = R([]), u = R(!0), c = R(""), f = R(!1), m = R(null), p = R(""), d = y(() => bn(o, t.type, t.id)), k = y(() => t.title ?? l("notes.title"));
+    async function b() {
+      u.value = !0;
       try {
-        o.value = await p.value.list();
-      } catch (S) {
-        F.danger(l(S));
+        i.value = await d.value.list();
+      } catch (T) {
+        j.danger(s(T));
       } finally {
-        r.value = !1;
+        u.value = !1;
       }
     }
-    Y(
+    X(
       () => [t.type, t.id],
       () => {
-        f.value = null, m.value = "", c();
+        m.value = null, c.value = "", b();
       },
       { immediate: !0 }
     );
-    async function y() {
-      const S = m.value.trim();
-      if (!(S === "" || v.value)) {
-        v.value = !0;
+    async function h() {
+      const T = c.value.trim();
+      if (!(T === "" || f.value)) {
+        f.value = !0;
         try {
-          o.value = [...o.value, await p.value.add(S)], m.value = "", a("change");
+          i.value = [...i.value, await d.value.add(T)], c.value = "", a("change");
         } catch (E) {
-          F.danger(l(E));
+          j.danger(s(E));
         } finally {
-          v.value = !1;
+          f.value = !1;
         }
       }
     }
-    function $(S) {
-      f.value = S.id, d.value = S.body;
+    function w(T) {
+      m.value = T.id, p.value = T.body;
     }
-    async function X(S) {
-      const E = d.value.trim();
+    async function H(T) {
+      const E = p.value.trim();
       if (E !== "")
         try {
-          const T = await p.value.save(S.id, E);
-          o.value = o.value.map((D) => D.id === T.id ? T : D), f.value = null, F.success(s("notes.saved")), a("change");
-        } catch (T) {
-          F.danger(l(T));
+          const S = await d.value.save(T.id, E);
+          i.value = i.value.map((M) => M.id === S.id ? S : M), m.value = null, j.success(l("notes.saved")), a("change");
+        } catch (S) {
+          j.danger(s(S));
         }
     }
-    async function ae(S) {
-      if (await ut({
-        title: s("notes.delete-title"),
-        message: s("notes.delete-text"),
-        confirmText: s("notes.delete"),
-        cancelText: s("notes.cancel"),
+    async function le(T) {
+      if (await ft({
+        title: l("notes.delete-title"),
+        message: l("notes.delete-text"),
+        confirmText: l("notes.delete"),
+        cancelText: l("notes.cancel"),
         tone: "danger"
       }))
         try {
-          await p.value.remove(S.id), o.value = o.value.filter((T) => T.id !== S.id), F.success(s("notes.deleted")), a("change");
-        } catch (T) {
-          F.danger(l(T));
+          await d.value.remove(T.id), i.value = i.value.filter((S) => S.id !== T.id), j.success(l("notes.deleted")), a("change");
+        } catch (S) {
+          j.danger(s(S));
         }
     }
-    function le(S) {
-      return !t.can || !S.is_mine ? [] : [
-        { key: "edit", icon: "edit", label: s("notes.edit"), run: () => $(S) },
+    function se(T) {
+      return !t.can || !T.is_mine ? [] : [
+        { key: "edit", icon: "edit", label: l("notes.edit"), run: () => w(T) },
         {
           key: "delete",
           icon: "trash",
-          label: s("notes.delete"),
+          label: l("notes.delete"),
           danger: !0,
           run: () => {
-            ae(S);
+            le(T);
           }
         }
       ];
     }
-    function V(S) {
-      return S.author?.name ?? s("notes.unknown-author");
+    function O(T) {
+      return T.author?.name ?? l("notes.unknown-author");
     }
-    return (S, E) => (h(), k("section", pn, [
-      b.value ? (h(), w(i(q), {
+    return (T, E) => (v(), _("section", Tn, [
+      k.value ? (v(), x(r(P), {
         key: 0,
         weight: "medium",
         class: "wx-notes__title"
       }, {
         default: g(() => [
-          W(C(b.value), 1)
+          z(C(k.value), 1)
         ]),
         _: 1
-      })) : z("", !0),
-      r.value ? (h(), w(i(xe), {
+      })) : L("", !0),
+      u.value ? (v(), x(r(_e), {
         key: 1,
         rows: 2
-      })) : o.value.length === 0 ? (h(), w(i(it), {
+      })) : i.value.length === 0 ? (v(), x(r(dt), {
         key: 2,
         size: "sm",
-        description: i(s)("notes.empty")
-      }, null, 8, ["description"])) : (h(), k("ul", gn, [
-        (h(!0), k(I, null, P(o.value, (T) => (h(), k("li", {
-          key: T.id,
+        description: r(l)("notes.empty")
+      }, null, 8, ["description"])) : (v(), _("ul", Sn, [
+        (v(!0), _(U, null, F(i.value, (S) => (v(), _("li", {
+          key: S.id,
           class: "wx-note"
         }, [
-          _(i(rt), {
-            name: V(T),
+          $(r(mt), {
+            name: O(S),
             size: "sm",
             tone: "auto"
           }, null, 8, ["name"]),
-          M("div", bn, [
-            M("div", wn, [
-              _(i(q), {
+          D("div", Cn, [
+            D("div", Ln, [
+              $(r(P), {
                 size: "sm",
                 weight: "medium",
                 truncate: ""
               }, {
                 default: g(() => [
-                  W(C(V(T)), 1)
+                  z(C(O(S)), 1)
                 ]),
                 _: 2
               }, 1024),
-              _(hn, {
-                value: T.created_at
+              $(We, {
+                value: S.created_at
               }, null, 8, ["value"]),
-              _(ke, {
-                actions: le(T),
-                label: V(T)
+              $($e, {
+                actions: se(S),
+                label: O(S)
               }, null, 8, ["actions", "label"])
             ]),
-            f.value === T.id ? (h(), k(I, { key: 0 }, [
-              _(i(fe), {
-                modelValue: d.value,
-                "onUpdate:modelValue": E[0] || (E[0] = (D) => d.value = D),
+            m.value === S.id ? (v(), _(U, { key: 0 }, [
+              $(r(fe), {
+                modelValue: p.value,
+                "onUpdate:modelValue": E[0] || (E[0] = (M) => p.value = M),
                 autosize: { minRows: 2, maxRows: 10 }
               }, null, 8, ["modelValue"]),
-              M("div", yn, [
-                _(i(j), {
+              D("div", zn, [
+                $(r(q), {
                   size: "sm",
                   type: "primary",
-                  onClick: (D) => X(T)
+                  onClick: (M) => H(S)
                 }, {
                   default: g(() => [
-                    W(C(i(s)("notes.save")), 1)
+                    z(C(r(l)("notes.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                _(i(j), {
+                $(r(q), {
                   size: "sm",
                   variant: "text",
-                  onClick: E[1] || (E[1] = (D) => f.value = null)
+                  onClick: E[1] || (E[1] = (M) => m.value = null)
                 }, {
                   default: g(() => [
-                    W(C(i(s)("notes.cancel")), 1)
+                    z(C(r(l)("notes.cancel")), 1)
                   ]),
                   _: 1
                 })
               ])
-            ], 64)) : (h(), k("p", xn, C(T.body), 1))
+            ], 64)) : (v(), _("p", Wn, C(S.body), 1))
           ])
         ]))), 128))
       ])),
-      e.can ? (h(), k("div", kn, [
-        _(i(fe), {
-          modelValue: m.value,
-          "onUpdate:modelValue": E[2] || (E[2] = (T) => m.value = T),
-          placeholder: i(s)("notes.placeholder"),
+      e.can ? (v(), _("div", An, [
+        $(r(fe), {
+          modelValue: c.value,
+          "onUpdate:modelValue": E[2] || (E[2] = (S) => c.value = S),
+          placeholder: r(l)("notes.placeholder"),
           autosize: { minRows: 2, maxRows: 8 }
         }, null, 8, ["modelValue", "placeholder"]),
-        _(i(j), {
+        $(r(q), {
           size: "sm",
           type: "primary",
-          disabled: m.value.trim() === "",
-          loading: v.value,
-          onClick: y
+          disabled: c.value.trim() === "",
+          loading: f.value,
+          onClick: h
         }, {
           default: g(() => [
-            W(C(i(s)("notes.add")), 1)
+            z(C(r(l)("notes.add")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "loading"])
-      ])) : z("", !0)
+      ])) : L("", !0)
     ]));
   }
-}), In = /* @__PURE__ */ N(_n, [["__scopeId", "data-v-71004c1a"]]);
+}), Gn = /* @__PURE__ */ N(Rn, [["__scopeId", "data-v-71004c1a"]]), En = {
+  key: 1,
+  class: "wx-backup-note"
+}, Bn = 48, In = /* @__PURE__ */ A({
+  name: "WxBackupNote",
+  __name: "BackupNote",
+  setup(e) {
+    const n = V(), t = ze(), a = I("webx-admin"), o = y(() => n.state.manifest?.backup ?? null), l = y(() => o.value !== null && n.can("settings.view")), s = y(() => {
+      const c = o.value?.at;
+      if (c == null) return !0;
+      const f = new Date(c).getTime();
+      return Number.isNaN(f) || Date.now() - f > Bn * 36e5;
+    }), i = y(() => {
+      const c = o.value?.bytes;
+      if (c == null) return "";
+      const f = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte"];
+      let m = c, p = 0;
+      for (; m >= 1024 && p < f.length - 1; )
+        m /= 1024, p++;
+      return new Intl.NumberFormat(n.i18n.state.locale, {
+        style: "unit",
+        unit: f[p],
+        unitDisplay: "short",
+        maximumFractionDigits: m >= 10 || p === 0 ? 0 : 1
+      }).format(m);
+    }), u = y(
+      () => o.value?.at == null ? a("backup.never") : a("backup.stale", { date: t.short(o.value.at) })
+    );
+    return (c, f) => l.value && s.value ? (v(), x(r(ke), {
+      key: 0,
+      type: "warning",
+      variant: "soft",
+      description: u.value
+    }, null, 8, ["description"])) : l.value ? (v(), _("p", En, [
+      $(r(P), {
+        size: "sm",
+        tone: "muted"
+      }, {
+        default: g(() => [
+          z(C(r(a)("backup.title")), 1)
+        ]),
+        _: 1
+      }),
+      $(We, {
+        value: o.value?.at
+      }, null, 8, ["value"]),
+      i.value ? (v(), x(r(P), {
+        key: 0,
+        size: "sm",
+        tone: "muted"
+      }, {
+        default: g(() => [
+          z("· " + C(i.value), 1)
+        ]),
+        _: 1
+      })) : L("", !0)
+    ])) : L("", !0);
+  }
+}), Jn = /* @__PURE__ */ N(In, [["__scopeId", "data-v-beeee67e"]]);
 export {
-  Wt as AdminLanding,
-  At as AdminNav,
-  Vt as AdminShell,
+  Dt as AdminLanding,
+  Nt as AdminNav,
+  Yt as AdminShell,
   re as HttpError,
-  ft as WxBackButton,
-  hn as WxDate,
-  En as WxFilterChips,
-  Bn as WxHelpButton,
-  $t as WxListScreen,
-  In as WxNotes,
-  Un as WxRenameButton,
-  St as WxRichTextField,
-  ke as WxRowMenu,
-  Rn as WxSaveState,
-  Wn as WxScreen,
-  xt as WxScreenHead,
-  _e as adminKey,
-  $e as adminMessages,
-  Tt as adminTypes,
-  zn as createAdmin,
-  Ct as createAdminContext,
-  Zt as createDates,
-  Ht as createHttp,
-  de as createI18n,
-  on as createNotesApi,
-  nn as errorText,
-  ne as i18nKey,
-  Lt as provideAdmin,
-  ct as provideI18n,
+  yt as WxBackButton,
+  Jn as WxBackupNote,
+  We as WxDate,
+  qn as WxFilterChips,
+  Xn as WxHelpButton,
+  At as WxListScreen,
+  Gn as WxNotes,
+  Yn as WxRenameButton,
+  Rt as WxRichTextField,
+  $e as WxRowMenu,
+  Kn as WxSaveState,
+  On as WxScreen,
+  Lt as WxScreenHead,
+  Te as adminKey,
+  Ce as adminMessages,
+  Et as adminTypes,
+  Hn as createAdmin,
+  Bt as createAdminContext,
+  dn as createDates,
+  Gt as createHttp,
+  ce as createI18n,
+  bn as createNotesApi,
+  tn as createTheme,
+  fn as errorText,
+  ae as i18nKey,
+  It as provideAdmin,
+  gt as provideI18n,
+  en as provideTheme,
   ve as readCookie,
-  Qt as renderMarkdown,
-  An as rowMenuWidth,
-  O as useAdmin,
-  en as useDates,
-  an as useErrorText,
-  Ln as useI18n,
-  B as useTranslate
+  cn as renderMarkdown,
+  jn as rowMenuWidth,
+  Se as themeKey,
+  V as useAdmin,
+  ze as useDates,
+  vn as useErrorText,
+  Pn as useI18n,
+  Vn as useTheme,
+  I as useTranslate
 };
 //# sourceMappingURL=index.js.map