@webx-ui/module-admin 0.5.0 → 0.6.0

package/dist/index.js

@@ -1,16 +1,16 @@
-import { defineComponent as A, useModel as Z, openBlock as v, createElementBlock as p, normalizeClass as O, createBlock as b, unref as f, withCtx as g, createTextVNode as C, toDisplayString as E, createCommentVNode as T, renderSlot as $, Fragment as L, mergeModels as j, inject as z, reactive as F, computed as k, resolveComponent as _, renderList as M, ref as D, createVNode as S, createElementVNode as I, isRef as fe, createApp as me, h as P, watch as he, withModifiers as ve } from "vue";
-import { useRouter as we, useRoute as ge, createRouter as ye, createWebHistory as pe } from "vue-router";
-import { WxHeading as be, WxTabs as xe, WxCard as G, useResponsiveShell as _e, shellLayoutFor as ke, WxToaster as Se, WebxUI as $e, localesKey as Te, WxAlert as Ce, WxSkeleton as Ee, WxActions as Le, WxDropdownItem as Ae, WxTooltip as Ue, WxText as J } from "@webx-ui/core";
-import { WxScreenRenderer as Pe } from "@webx-ui/schema";
-const We = ["data-wx-fill"], Me = {
+import { defineComponent as T, useModel as se, openBlock as p, createElementBlock as y, normalizeClass as F, createBlock as b, unref as f, withCtx as w, createTextVNode as L, toDisplayString as E, createCommentVNode as z, renderSlot as S, Fragment as C, mergeModels as K, inject as V, reactive as q, computed as k, resolveComponent as $, renderList as I, ref as W, createVNode as _, createElementVNode as A, isRef as ye, createApp as be, h as P, watch as oe, withModifiers as ie, nextTick as xe, withKeys as _e } from "vue";
+import { useRouter as ke, useRoute as $e, createRouter as Se, createWebHistory as Te, RouterLink as Le } from "vue-router";
+import { WxHeading as Ee, WxTabs as ze, WxCard as ne, useResponsiveShell as Ce, shellLayoutFor as We, WxToaster as Ue, WebxUI as Ae, localesKey as Me, WxAlert as Pe, WxSkeleton as Re, WxActions as Be, WxDropdownItem as De, WxAction as G, WxPopover as Ie, WxInput as Ve, WxButton as Ne, WxDialog as je, WxTooltip as He, WxText as ae } from "@webx-ui/core";
+import { WxScreenRenderer as Oe } from "@webx-ui/schema";
+const Fe = ["data-wx-fill"], Ke = {
   key: 0,
   class: "wx-list-screen__head"
-}, De = {
+}, qe = {
   key: 1,
   class: "wx-list-screen__actions"
-}, ze = /* @__PURE__ */ A({
+}, Xe = /* @__PURE__ */ T({
   __name: "ListScreen",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ K({
     title: { default: void 0 },
     views: { default: void 0 },
     card: { type: Boolean, default: !0 },
@@ -23,158 +23,161 @@ const We = ["data-wx-fill"], Me = {
   }),
   emits: ["update:view"],
   setup(e) {
-    const t = Z(e, "view");
-    return (n, l) => (v(), p("div", {
-      class: O(["wx-list-screen", { "is-fill": e.fill }]),
+    const t = se(e, "view");
+    return (n, a) => (p(), y("div", {
+      class: F(["wx-list-screen", { "is-fill": e.fill }]),
       "data-wx-fill": e.fill ? "" : void 0
     }, [
-      e.title || n.$slots.actions ? (v(), p("div", Me, [
-        e.title ? (v(), b(f(be), {
+      e.title || n.$slots.actions ? (p(), y("div", Ke, [
+        e.title ? (p(), b(f(Ee), {
           key: 0,
           level: 2,
           class: "wx-list-screen__title"
         }, {
-          default: g(() => [
-            C(E(e.title), 1)
+          default: w(() => [
+            L(E(e.title), 1)
           ]),
           _: 1
-        })) : T("", !0),
-        n.$slots.actions ? (v(), p("div", De, [
-          $(n.$slots, "actions", {}, void 0, !0)
-        ])) : T("", !0)
-      ])) : T("", !0),
-      e.views && e.views.length > 0 ? (v(), b(f(xe), {
+        })) : z("", !0),
+        n.$slots.actions ? (p(), y("div", qe, [
+          S(n.$slots, "actions", {}, void 0, !0)
+        ])) : z("", !0)
+      ])) : z("", !0),
+      e.views && e.views.length > 0 ? (p(), b(f(ze), {
         key: 1,
         modelValue: t.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+        "onUpdate:modelValue": a[0] || (a[0] = (i) => t.value = i),
         class: "wx-list-screen__views",
         items: e.views,
         "collapse-below": e.collapseBelow,
         "aria-label": e.title
       }, {
-        default: g(() => [
-          e.card ? (v(), b(f(G), {
+        default: w(() => [
+          e.card ? (p(), b(f(ne), {
             key: 0,
             class: "wx-list-screen__card",
             padding: e.padding
           }, {
-            default: g(() => [
-              $(n.$slots, "default", {}, void 0, !0)
+            default: w(() => [
+              S(n.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["padding"])) : $(n.$slots, "default", {}, void 0, !0, 1)
+          }, 8, ["padding"])) : S(n.$slots, "default", {}, void 0, !0, 1)
         ]),
         _: 3
-      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (v(), p(L, { key: 2 }, [
-        e.card ? (v(), b(f(G), {
+      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (p(), y(C, { key: 2 }, [
+        e.card ? (p(), b(f(ne), {
           key: 0,
           class: "wx-list-screen__card",
           padding: e.padding
         }, {
-          default: g(() => [
-            $(n.$slots, "default", {}, void 0, !0)
+          default: w(() => [
+            S(n.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["padding"])) : $(n.$slots, "default", {}, void 0, !0, 1)
+        }, 8, ["padding"])) : S(n.$slots, "default", {}, void 0, !0, 1)
       ], 64))
-    ], 10, We));
+    ], 10, Fe));
   }
-}), ee = (e, t) => {
+}), N = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [l, u] of t)
-    n[l] = u;
+  for (const [a, i] of t)
+    n[a] = i;
   return n;
-}, Ne = /* @__PURE__ */ ee(ze, [["__scopeId", "data-v-7586ed04"]]), Re = {
-  "wx-list": { component: Ne, kind: "layout", labelProp: "title" }
-}, te = /* @__PURE__ */ Symbol("webx-admin");
-function H() {
-  const e = z(te, null);
+}, Ye = /* @__PURE__ */ N(Xe, [["__scopeId", "data-v-7586ed04"]]), Ge = {
+  "wx-list": { component: Ye, kind: "layout", labelProp: "title" }
+}, re = /* @__PURE__ */ Symbol("webx-admin");
+function J() {
+  const e = V(re, null);
   if (e === null)
     throw new Error("useAdmin() was called outside a panel created by createAdmin().");
   return e;
 }
-function Ie(e) {
-  const t = F({
+function Je(e) {
+  const t = q({
     status: "loading",
     manifest: null,
     user: null,
     error: null
   }), n = k(() => {
-    const a = t.manifest;
-    if (a === null)
+    const l = t.manifest;
+    if (l === null)
       return [];
-    const o = [];
-    for (const h of a.modules) {
-      const d = e.modules.find((w) => w.id === h.id);
-      if (d === void 0)
+    const m = [];
+    for (const h of l.modules) {
+      const g = e.modules.find((x) => x.id === h.id);
+      if (g === void 0)
         continue;
-      const y = d.path ?? d.routes?.[0]?.path;
-      y !== void 0 && o.push({
+      const v = g.path ?? g.routes?.[0]?.path;
+      v !== void 0 && m.push({
         id: h.id,
         title: h.title,
         icon: h.icon,
-        path: y,
+        path: v,
         group: h.group ?? null
       });
     }
-    return o;
-  }), l = k(() => {
-    const a = t.manifest?.groups ?? [], o = [], h = /* @__PURE__ */ new Map();
-    for (const d of n.value)
-      if (d.group !== null && a.some((y) => y.id === d.group)) {
-        const y = h.get(d.group) ?? [];
-        y.push(d), h.set(d.group, y);
+    return m;
+  }), a = k(() => {
+    const l = t.manifest?.groups ?? [], m = [], h = /* @__PURE__ */ new Map();
+    for (const g of n.value)
+      if (g.group !== null && l.some((v) => v.id === g.group)) {
+        const v = h.get(g.group) ?? [];
+        v.push(g), h.set(g.group, v);
       } else
-        o.push(d);
+        m.push(g);
     return {
-      top: o,
-      groups: a.filter((d) => h.has(d.id)).map((d) => ({
-        id: d.id,
-        title: d.title,
-        entries: h.get(d.id) ?? []
+      top: m,
+      groups: l.filter((g) => h.has(g.id)).map((g) => ({
+        id: g.id,
+        title: g.title,
+        entries: h.get(g.id) ?? []
       }))
     };
-  }), u = { ...Re };
-  for (const a of e.modules)
-    Object.assign(u, a.types);
-  Object.assign(u, e.types);
-  const m = /* @__PURE__ */ new Map();
-  async function s(a) {
-    const o = `${e.i18n.state.locale}:${a}`;
-    let h = m.get(o);
-    return h === void 0 && (h = e.http.get(`${e.apiPath}/screens/${a}`).then((d) => d.data.root).catch((d) => {
-      throw m.delete(o), d;
-    }), m.set(o, h)), h;
+  }), i = { ...Ge };
+  for (const l of e.modules)
+    Object.assign(i, l.types);
+  Object.assign(i, e.types);
+  const d = /* @__PURE__ */ new Map();
+  async function o(l) {
+    const m = `${e.i18n.state.locale}:${l}`;
+    let h = d.get(m);
+    return h === void 0 && (h = e.http.get(`${e.apiPath}/screens/${l}`).then((g) => g.data.root).catch((g) => {
+      throw d.delete(m), g;
+    }), d.set(m, h)), h;
   }
-  let c = null;
-  async function i() {
+  let r = null;
+  async function s() {
     t.status = "loading", t.error = null;
     try {
-      if (c !== null && (t.user = await c(), t.user === null)) {
+      if (r !== null && (t.user = await r(), t.user === null)) {
         t.manifest = null, t.status = "unauthenticated";
         return;
       }
-      const a = await e.loadManifest();
-      t.manifest = a, e.i18n.state.contentLocales = a.locales ?? [], e.i18n.state.panelLocales = a.panelLocales ?? e.i18n.state.panelLocales, a.locale !== void 0 && a.locale !== e.i18n.state.locale && await r(a.locale), t.status = "ready";
-    } catch (a) {
-      if (Oe(a)) {
+      const l = await e.loadManifest();
+      t.manifest = l, e.i18n.state.contentLocales = l.locales ?? [], e.i18n.state.panelLocales = l.panelLocales ?? e.i18n.state.panelLocales, l.locale !== void 0 && l.locale !== e.i18n.state.locale && await c(l.locale), t.status = "ready";
+    } catch (l) {
+      if (Ze(l)) {
         t.manifest = null, t.user = null, t.status = "unauthenticated";
         return;
       }
-      t.error = a instanceof Error ? a.message : String(a), t.status = "error";
+      t.error = l instanceof Error ? l.message : String(l), t.status = "error";
     }
   }
-  async function r(a) {
-    if (e.loadDictionary === void 0) {
-      e.i18n.state.locale = a;
-      return;
-    }
-    if (await e.loadDictionary(a), t.manifest !== null)
+  async function u() {
+    if (t.manifest !== null)
       try {
         t.manifest = await e.loadManifest();
       } catch {
       }
   }
+  async function c(l) {
+    if (e.loadDictionary === void 0) {
+      e.i18n.state.locale = l;
+      return;
+    }
+    await e.loadDictionary(l), await u();
+  }
   return {
     http: e.http,
     basePath: e.basePath,
@@ -183,130 +186,131 @@ function Ie(e) {
     i18n: e.i18n,
     modules: e.modules,
     nav: n,
-    groups: l,
-    types: u,
-    reload: i,
-    setLocale: r,
-    setUser(a) {
-      t.user = a;
+    groups: a,
+    types: i,
+    reload: s,
+    refreshManifest: u,
+    setLocale: c,
+    setUser(l) {
+      t.user = l;
     },
-    useSessionLoader(a) {
-      c = a;
+    useSessionLoader(l) {
+      r = l;
     },
-    can(a) {
-      const o = t.user;
-      return o === null ? !1 : o.isSuper || o.permissions.includes(a);
+    can(l) {
+      const m = t.user;
+      return m === null ? !1 : m.isSuper || m.permissions.includes(l);
     },
-    loadScreen: s,
-    screenPatch(a) {
-      return e.screens?.[a] ?? [];
+    loadScreen: o,
+    screenPatch(l) {
+      return e.screens?.[l] ?? [];
     }
   };
 }
-function Ve(e, t) {
-  e.provide(te, t);
+function Qe(e, t) {
+  e.provide(re, t);
 }
-function Oe(e) {
+function Ze(e) {
   return typeof e == "object" && e !== null && "status" in e && e.status === 401;
 }
-const N = /* @__PURE__ */ Symbol("webx-i18n");
-function St() {
-  const e = z(N, null);
+const j = /* @__PURE__ */ Symbol("webx-i18n");
+function Nt() {
+  const e = V(j, null);
   if (e === null)
     throw new Error("useI18n() was called outside a panel created by createAdmin().");
   return e;
 }
-function R(e) {
-  const t = z(N, null);
-  return t === null ? X().scope(e) : t.scope(e);
+function U(e) {
+  const t = V(j, null);
+  return t === null ? Q().scope(e) : t.scope(e);
 }
-function je(e, t) {
-  e.provide(N, t);
+function et(e, t) {
+  e.provide(j, t);
 }
-function X(e = {}) {
-  const t = e.fallback ?? "en", n = F({
+function Q(e = {}) {
+  const t = e.fallback ?? "en", n = q({
     locale: e.locale ?? t,
     fallback: t,
     panelLocales: [],
     contentLocales: []
-  }), l = {}, u = F({ value: {} });
-  function m(c, i, r) {
-    let a = c[i]?.[r[0] ?? ""];
-    for (const o of r.slice(1)) {
-      if (typeof a != "object" || a === null)
+  }), a = {}, i = q({ value: {} });
+  function d(r, s, u) {
+    let c = r[s]?.[u[0] ?? ""];
+    for (const l of u.slice(1)) {
+      if (typeof c != "object" || c === null)
         return null;
-      a = a[o];
+      c = c[l];
     }
-    return typeof a == "string" ? a : null;
+    return typeof c == "string" ? c : null;
   }
-  function s(c, i, r) {
-    const [a, o] = i.includes("::") ? i.split("::", 2) : [c, i], h = o.split("."), d = m(u.value, a, h) ?? m(l, a, h) ?? // Not an empty string: a key on screen is ugly, but it says which key, and a blank
+  function o(r, s, u) {
+    const [c, l] = s.includes("::") ? s.split("::", 2) : [r, s], m = l.split("."), h = d(i.value, c, m) ?? d(a, c, m) ?? // 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.
-    i;
-    return r === void 0 ? d : Fe(d, r);
+    s;
+    return u === void 0 ? h : tt(h, u);
   }
   return {
     state: n,
-    defaults(c, i) {
-      l[c] = { ...l[c], ...i };
+    defaults(r, s) {
+      a[r] = { ...a[r], ...s };
     },
-    load(c, i, r) {
-      u.value = c ?? {}, n.locale = i ?? n.locale, r !== void 0 && (n.fallback = r);
+    load(r, s, u) {
+      i.value = r ?? {}, n.locale = s ?? n.locale, u !== void 0 && (n.fallback = u);
     },
-    scope(c) {
-      return (i, r) => s(c, i, r);
+    scope(r) {
+      return (s, u) => o(r, s, u);
     },
-    t: (c, i) => s("", c, i)
+    t: (r, s) => o("", r, s)
   };
 }
-function Fe(e, t) {
+function tt(e, t) {
   let n = e;
-  for (const [l, u] of Object.entries(t))
-    n = n.replaceAll(`:${l}`, String(u));
+  for (const [a, i] of Object.entries(t))
+    n = n.replaceAll(`:${a}`, String(i));
   return n;
 }
-const Be = /* @__PURE__ */ A({
+const nt = /* @__PURE__ */ T({
   __name: "AdminNav",
   props: {
     collapsed: { type: Boolean }
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = t, l = H(), u = R("webx-admin"), m = we(), s = ge(), c = k({
-      get: () => l.nav.value.find((r) => s.path.startsWith(r.path))?.id ?? "",
-      set: (i) => {
-        const r = l.nav.value.find((a) => a.id === i);
-        r !== void 0 && m.push(r.path);
+    const n = t, a = J(), i = U("webx-admin"), d = ke(), o = $e(), r = k({
+      get: () => a.nav.value.find((u) => o.path.startsWith(u.path))?.id ?? "",
+      set: (s) => {
+        const u = a.nav.value.find((c) => c.id === s);
+        u !== void 0 && d.push(u.path);
       }
     });
-    return (i, r) => {
-      const a = _("wx-menu-item"), o = _("wx-submenu"), h = _("wx-menu");
-      return v(), b(h, {
-        modelValue: c.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => c.value = d),
+    return (s, u) => {
+      const c = $("wx-menu-item"), l = $("wx-submenu"), m = $("wx-menu");
+      return p(), b(m, {
+        modelValue: r.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (h) => r.value = h),
         collapsed: e.collapsed,
-        label: f(u)("nav.sections"),
-        onSelect: r[1] || (r[1] = (d) => n("select"))
+        label: f(i)("nav.sections"),
+        onSelect: u[1] || (u[1] = (h) => n("select"))
       }, {
-        default: g(() => [
-          (v(!0), p(L, null, M(f(l).groups.value.top, (d) => (v(), b(a, {
-            key: d.id,
-            value: d.id,
-            icon: d.icon ?? void 0,
-            label: d.title
+        default: w(() => [
+          (p(!0), y(C, null, I(f(a).groups.value.top, (h) => (p(), b(c, {
+            key: h.id,
+            value: h.id,
+            icon: h.icon ?? void 0,
+            label: h.title
           }, null, 8, ["value", "icon", "label"]))), 128)),
-          (v(!0), p(L, null, M(f(l).groups.value.groups, (d) => (v(), b(o, {
-            key: d.id,
-            value: `group:${d.id}`,
-            title: d.title,
+          (p(!0), y(C, null, I(f(a).groups.value.groups, (h) => (p(), b(l, {
+            key: h.id,
+            value: `group:${h.id}`,
+            title: h.title,
             icon: "gear"
           }, {
-            default: g(() => [
-              (v(!0), p(L, null, M(d.entries, (y) => (v(), b(a, {
-                key: y.id,
-                value: y.id,
-                icon: y.icon ?? void 0,
-                label: y.title
+            default: w(() => [
+              (p(!0), y(C, null, I(h.entries, (g) => (p(), b(c, {
+                key: g.id,
+                value: g.id,
+                icon: g.icon ?? void 0,
+                label: g.title
               }, null, 8, ["value", "icon", "label"]))), 128))
             ]),
             _: 2
@@ -316,64 +320,64 @@ const Be = /* @__PURE__ */ A({
       }, 8, ["modelValue", "collapsed", "label"]);
     };
   }
-}), He = {
+}), at = {
   key: 0,
   class: "wx-root wx-admin-plain"
-}, Xe = {
+}, lt = {
   key: 1,
   class: "wx-root wx-admin-plain"
-}, Ke = {
+}, st = {
   key: 2,
   class: "wx-root wx-admin-plain"
-}, qe = ["src", "alt", "width", "height"], Ye = ["src", "alt", "width", "height"], Ge = ["src", "alt"], Je = { class: "wx-admin__user" }, Qe = { class: "wx-admin__user wx-admin__user--drawer" }, Ze = /* @__PURE__ */ A({
+}, ot = ["src", "alt", "width", "height"], it = ["src", "alt", "width", "height"], rt = ["src", "alt"], ut = { class: "wx-admin__user" }, dt = { class: "wx-admin__user wx-admin__user--drawer" }, ct = /* @__PURE__ */ T({
   __name: "AdminShell",
   setup(e) {
-    const t = H(), n = R("webx-admin"), l = D(null), { width: u, layout: m, collapsed: s, showAside: c, drawerOpen: i, toggle: r, close: a } = _e(
-      l,
+    const t = J(), n = U("webx-admin"), a = W(null), { width: i, layout: d, collapsed: o, showAside: r, drawerOpen: s, toggle: u, close: c } = Ce(
+      a,
       { persist: "webx-admin-shell" }
-    ), o = k(() => t.state.manifest?.title ?? ""), h = k(() => t.state.manifest?.branding?.logo ?? null), d = k(() => t.state.manifest?.branding?.mark ?? null), y = k(() => ke(u.value, null));
-    return (w, x) => {
-      const U = _("router-view"), le = _("wx-loading"), se = _("wx-button"), oe = _("wx-result"), K = _("wx-action"), q = _("wx-text"), re = _("wx-header"), ie = _("wx-aside"), ue = _("wx-main"), ce = _("wx-container"), de = _("wx-drawer");
-      return v(), p(L, null, [
-        S(f(Se)),
-        f(t).state.status === "unauthenticated" ? (v(), p("div", He, [
-          S(U)
-        ])) : f(t).state.status === "loading" ? (v(), p("div", Xe, [
-          S(le, {
+    ), l = k(() => t.state.manifest?.title ?? ""), m = k(() => t.state.manifest?.branding?.logo ?? null), h = k(() => t.state.manifest?.branding?.mark ?? null), g = k(() => We(i.value, null));
+    return (v, x) => {
+      const M = $("router-view"), ce = $("wx-loading"), fe = $("wx-button"), me = $("wx-result"), Z = $("wx-action"), ee = $("wx-text"), he = $("wx-header"), pe = $("wx-aside"), ve = $("wx-main"), ge = $("wx-container"), we = $("wx-drawer");
+      return p(), y(C, null, [
+        _(f(Ue)),
+        f(t).state.status === "unauthenticated" ? (p(), y("div", at, [
+          _(M)
+        ])) : f(t).state.status === "loading" ? (p(), y("div", lt, [
+          _(ce, {
             label: f(n)("shell.loading")
           }, null, 8, ["label"])
-        ])) : f(t).state.status === "error" ? (v(), p("div", Ke, [
-          S(oe, {
+        ])) : f(t).state.status === "error" ? (p(), y("div", st, [
+          _(me, {
             status: "error",
             title: f(n)("shell.error-title"),
             description: f(t).state.error
           }, {
-            default: g(() => [
-              S(se, {
+            default: w(() => [
+              _(fe, {
                 type: "primary",
-                onClick: x[0] || (x[0] = (Y) => f(t).reload())
+                onClick: x[0] || (x[0] = (te) => f(t).reload())
               }, {
-                default: g(() => [
-                  C(E(f(n)("shell.retry")), 1)
+                default: w(() => [
+                  L(E(f(n)("shell.retry")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title", "description"])
-        ])) : (v(), p("div", {
+        ])) : (p(), y("div", {
           key: 3,
           ref_key: "shellEl",
-          ref: l,
-          class: O(["wx-root wx-admin", `wx-admin--${y.value}`])
+          ref: a,
+          class: F(["wx-root wx-admin", `wx-admin--${g.value}`])
         }, [
-          S(ce, {
-            direction: f(m) === "drawer" ? "vertical" : "horizontal",
+          _(ge, {
+            direction: f(d) === "drawer" ? "vertical" : "horizontal",
             "full-height": "",
             class: "wx-admin__frame"
           }, {
-            default: g(() => [
-              f(m) === "drawer" ? (v(), b(re, {
+            default: w(() => [
+              f(d) === "drawer" ? (p(), b(he, {
                 key: 0,
                 class: "wx-admin__header",
                 floating: "",
@@ -382,123 +386,126 @@ const Be = /* @__PURE__ */ A({
                 padding: "sm",
                 height: "var(--wx-admin-header-height)"
               }, {
-                end: g(() => [
-                  $(w.$slots, "user", {}, void 0, !0)
+                end: w(() => [
+                  S(v.$slots, "user", { expanded: !1 }, void 0, !0)
                 ]),
-                default: g(() => [
-                  S(K, {
+                default: w(() => [
+                  _(Z, {
                     icon: "menu",
                     title: f(n)("nav.menu"),
-                    onClick: f(r)
+                    onClick: f(u)
                   }, null, 8, ["title", "onClick"]),
-                  $(w.$slots, "brand", {}, () => [
-                    h.value ? (v(), p("img", {
+                  S(v.$slots, "brand", {}, () => [
+                    m.value ? (p(), y("img", {
                       key: 0,
                       class: "wx-admin__logo",
-                      src: h.value.url,
-                      alt: o.value,
-                      width: h.value.width ?? void 0,
-                      height: h.value.height ?? void 0
-                    }, null, 8, qe)) : (v(), b(q, {
+                      src: m.value.url,
+                      alt: l.value,
+                      width: m.value.width ?? void 0,
+                      height: m.value.height ?? void 0
+                    }, null, 8, ot)) : (p(), b(ee, {
                       key: 1,
                       weight: "semibold",
                       truncate: ""
                     }, {
-                      default: g(() => [
-                        C(E(o.value), 1)
+                      default: w(() => [
+                        L(E(l.value), 1)
                       ]),
                       _: 1
                     }))
                   ], !0)
                 ]),
                 _: 3
-              })) : T("", !0),
-              f(c) ? (v(), b(ie, {
+              })) : z("", !0),
+              f(r) ? (p(), b(pe, {
                 key: 1,
                 class: "wx-admin__aside",
                 sticky: "",
                 floating: "",
                 scroll: "",
                 bordered: !1,
-                collapsed: f(s),
+                collapsed: f(o),
                 width: 220,
                 "collapsed-width": 56
               }, {
-                top: g(() => [
-                  I("div", {
-                    class: O(["wx-admin__brand", { "wx-admin__brand--stacked": f(s) && d.value }])
+                top: w(() => [
+                  A("div", {
+                    class: F(["wx-admin__brand", { "wx-admin__brand--stacked": f(o) && h.value }])
                   }, [
-                    f(s) ? d.value ? (v(), p("img", {
+                    f(o) ? h.value ? (p(), y("img", {
                       key: 1,
                       class: "wx-admin__mark",
-                      src: d.value.url,
-                      alt: o.value
-                    }, null, 8, Ge)) : T("", !0) : $(w.$slots, "brand", {}, () => [
-                      h.value ? (v(), p("img", {
+                      src: h.value.url,
+                      alt: l.value
+                    }, null, 8, rt)) : z("", !0) : S(v.$slots, "brand", {}, () => [
+                      m.value ? (p(), y("img", {
                         key: 0,
                         class: "wx-admin__logo",
-                        src: h.value.url,
-                        alt: o.value,
-                        width: h.value.width ?? void 0,
-                        height: h.value.height ?? void 0
-                      }, null, 8, Ye)) : (v(), b(q, {
+                        src: m.value.url,
+                        alt: l.value,
+                        width: m.value.width ?? void 0,
+                        height: m.value.height ?? void 0
+                      }, null, 8, it)) : (p(), b(ee, {
                         key: 1,
                         weight: "semibold",
                         truncate: "",
                         class: "wx-admin__title"
                       }, {
-                        default: g(() => [
-                          C(E(o.value), 1)
+                        default: w(() => [
+                          L(E(l.value), 1)
                         ]),
                         _: 1
                       }))
                     ], !0, 0),
-                    S(K, {
+                    _(Z, {
                       icon: "sidebar",
-                      title: f(s) ? f(n)("nav.expand") : f(n)("nav.collapse"),
-                      onClick: f(r)
+                      title: f(o) ? f(n)("nav.expand") : f(n)("nav.collapse"),
+                      onClick: f(u)
                     }, null, 8, ["title", "onClick"])
                   ], 2)
                 ]),
-                bottom: g(() => [
-                  I("div", Je, [
-                    $(w.$slots, "user", {}, void 0, !0)
+                bottom: w(() => [
+                  A("div", ut, [
+                    S(v.$slots, "user", {
+                      expanded: !f(o)
+                    }, void 0, !0)
                   ])
                 ]),
-                default: g(() => [
-                  $(w.$slots, "nav", { collapsed: f(s) }, void 0, !0)
+                default: w(() => [
+                  S(v.$slots, "nav", { collapsed: f(o) }, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["collapsed"])) : T("", !0),
-              S(ue, {
+              }, 8, ["collapsed"])) : z("", !0),
+              _(ve, {
                 padding: "none",
                 class: "wx-admin__screen"
               }, {
-                default: g(() => [
-                  S(U)
+                default: w(() => [
+                  _(M)
                 ]),
                 _: 1
               })
             ]),
             _: 3
           }, 8, ["direction"]),
-          S(de, {
-            open: f(i),
-            "onUpdate:open": x[1] || (x[1] = (Y) => fe(i) ? i.value = Y : null),
-            title: o.value === "" ? f(n)("nav.menu") : o.value,
+          _(we, {
+            open: f(s),
+            "onUpdate:open": x[1] || (x[1] = (te) => ye(s) ? s.value = te : null),
+            title: l.value === "" ? f(n)("nav.menu") : l.value,
             side: "left",
             size: 260,
+            "full-screen": !1,
             closable: ""
           }, {
-            footer: g(() => [
-              I("div", Qe, [
-                $(w.$slots, "user", {}, void 0, !0)
+            footer: w(() => [
+              A("div", dt, [
+                S(v.$slots, "user", { expanded: !0 }, void 0, !0)
               ])
             ]),
-            default: g(() => [
-              $(w.$slots, "nav", {
+            default: w(() => [
+              S(v.$slots, "nav", {
                 collapsed: !1,
-                select: f(a)
+                select: f(c)
               }, void 0, !0)
             ]),
             _: 3
@@ -507,10 +514,10 @@ const Be = /* @__PURE__ */ A({
       ], 64);
     };
   }
-}), et = /* @__PURE__ */ ee(Ze, [["__scopeId", "data-v-bbe585dd"]]);
-class B extends Error {
-  constructor(t, n, l = {}, u = null, m = null) {
-    super(t), this.status = n, this.errors = l, this.retryAfter = u, this.body = m, this.name = "HttpError";
+}), ft = /* @__PURE__ */ N(ct, [["__scopeId", "data-v-ebc6adf3"]]);
+class X extends Error {
+  constructor(t, n, a = {}, i = null, d = null) {
+    super(t), this.status = n, this.errors = a, this.retryAfter = i, this.body = d, this.name = "HttpError";
   }
   status;
   errors;
@@ -527,86 +534,86 @@ class B extends Error {
     return this.status === 429;
   }
 }
-const tt = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
-function nt(e = {}) {
-  const t = (e.baseUrl ?? "").replace(/\/$/, ""), n = e.csrfUrl ?? "/sanctum/csrf-cookie", l = e.fetch ?? globalThis.fetch.bind(globalThis), u = e.onUnauthenticated, m = e.headers;
-  let s = !1;
-  async function c(r = !1) {
-    s && !r && Q("XSRF-TOKEN") !== null || (await l(n, { credentials: "same-origin" }), s = !0);
+const mt = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
+function ht(e = {}) {
+  const t = (e.baseUrl ?? "").replace(/\/$/, ""), n = e.csrfUrl ?? "/sanctum/csrf-cookie", a = e.fetch ?? globalThis.fetch.bind(globalThis), i = e.onUnauthenticated, d = e.headers;
+  let o = !1;
+  async function r(u = !1) {
+    o && !u && le("XSRF-TOKEN") !== null || (await a(n, { credentials: "same-origin" }), o = !0);
   }
-  async function i(r, a, o, h = {}, d = !1) {
-    const y = tt.has(r);
-    y && await c();
-    const w = {
+  async function s(u, c, l, m = {}, h = !1) {
+    const g = mt.has(u);
+    g && await r();
+    const v = {
       Accept: "application/json",
       "X-Requested-With": "XMLHttpRequest",
       // Standing headers first, so a caller can still override one for a single request.
-      ...m?.(),
-      ...h.headers
+      ...d?.(),
+      ...m.headers
     };
-    if (y) {
-      const U = Q("XSRF-TOKEN");
-      U !== null && (w["X-XSRF-TOKEN"] = U);
+    if (g) {
+      const M = le("XSRF-TOKEN");
+      M !== null && (v["X-XSRF-TOKEN"] = M);
     }
-    o !== void 0 && (w["Content-Type"] = "application/json");
-    const x = await l(lt(t, a, h.query), {
-      method: r,
+    l !== void 0 && (v["Content-Type"] = "application/json");
+    const x = await a(vt(t, c, m.query), {
+      method: u,
       credentials: "same-origin",
-      headers: w,
-      signal: h.signal,
-      body: o === void 0 ? void 0 : JSON.stringify(o)
+      headers: v,
+      signal: m.signal,
+      body: l === void 0 ? void 0 : JSON.stringify(l)
     });
-    if (x.status === 419 && y && !d)
-      return await c(!0), i(r, a, o, h, !0);
-    if (x.status === 401 && u?.(), !x.ok)
-      throw await at(x);
+    if (x.status === 419 && g && !h)
+      return await r(!0), s(u, c, l, m, !0);
+    if (x.status === 401 && i?.(), !x.ok)
+      throw await pt(x);
     if (x.status !== 204)
       return await x.json();
   }
   return {
-    get: (r, a) => i("GET", r, void 0, a),
-    post: (r, a, o) => i("POST", r, a, o),
-    put: (r, a, o) => i("PUT", r, a, o),
-    patch: (r, a, o) => i("PATCH", r, a, o),
-    delete: (r, a) => i("DELETE", r, void 0, a)
+    get: (u, c) => s("GET", u, void 0, c),
+    post: (u, c, l) => s("POST", u, c, l),
+    put: (u, c, l) => s("PUT", u, c, l),
+    patch: (u, c, l) => s("PATCH", u, c, l),
+    delete: (u, c) => s("DELETE", u, void 0, c)
   };
 }
-async function at(e) {
+async function pt(e) {
   let t = null;
   try {
     t = await e.json();
   } catch {
   }
-  const n = t ?? {}, l = typeof n.message == "string" && n.message !== "" ? n.message : e.statusText || `Request failed with ${e.status}`, u = n.errors !== null && typeof n.errors == "object" ? n.errors : {}, m = e.headers.get("Retry-After"), s = m === null ? null : Number.parseInt(m, 10);
-  return new B(
-    l,
+  const n = t ?? {}, a = typeof n.message == "string" && n.message !== "" ? n.message : e.statusText || `Request failed with ${e.status}`, i = n.errors !== null && typeof n.errors == "object" ? n.errors : {}, d = e.headers.get("Retry-After"), o = d === null ? null : Number.parseInt(d, 10);
+  return new X(
+    a,
     e.status,
-    u,
-    Number.isFinite(s) ? s : null,
+    i,
+    Number.isFinite(o) ? o : null,
     t
   );
 }
-function lt(e, t, n) {
-  const u = /^https?:\/\//i.test(t) ? t : `${e}/${t.replace(/^\//, "")}`;
+function vt(e, t, n) {
+  const i = /^https?:\/\//i.test(t) ? t : `${e}/${t.replace(/^\//, "")}`;
   if (n === void 0)
-    return u;
-  const m = new URLSearchParams();
-  for (const [c, i] of Object.entries(n))
-    i != null && m.set(c, String(i));
-  const s = m.toString();
-  return s === "" ? u : `${u}${u.includes("?") ? "&" : "?"}${s}`;
-}
-function Q(e) {
+    return i;
+  const d = new URLSearchParams();
+  for (const [r, s] of Object.entries(n))
+    s != null && d.set(r, String(s));
+  const o = d.toString();
+  return o === "" ? i : `${i}${i.includes("?") ? "&" : "?"}${o}`;
+}
+function le(e) {
   if (typeof document > "u")
     return null;
   for (const t of document.cookie.split(";")) {
-    const [n, ...l] = t.trim().split("=");
+    const [n, ...a] = t.trim().split("=");
     if (n === e)
-      return decodeURIComponent(l.join("="));
+      return decodeURIComponent(a.join("="));
   }
   return null;
 }
-const ne = {
+const ue = {
   shell: {
     loading: "Loading the panel…",
     "error-title": "The panel could not start",
@@ -623,6 +630,18 @@ const ne = {
     // The one menu group the panel names itself; a module's own group is named by the module.
     system: "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: {
+    back: "Back",
+    rename: "Rename",
+    save: "Save"
+  },
+  // The page behind a '?'. Only the heading is the panel's: what the page says belongs to
+  // whatever is being explained, and travels with that module's own words.
+  help: {
+    title: "Help"
+  },
   // When something happened, said the way a person would. The month names and the order of
   // the parts come from `Intl` — only the words that no formatter knows are here.
   dates: {
@@ -645,123 +664,188 @@ const ne = {
     offline: "The server did not answer. Check the connection and try again.",
     unknown: "That did not work."
   }
-}, ae = "webx.locale";
-function $t(e = {}) {
-  const t = e.manifestUrl ?? ct() ?? "/api/cms/manifest", n = e.apiPath ?? t.replace(/\/manifest\/?$/, ""), l = e.basePath ?? "/cms", u = e.modules ?? [], m = [...e.routes ?? []];
-  for (const w of u)
-    m.push(...w.routes ?? []);
-  const s = ye({
-    history: pe(l),
-    routes: m
-  }), c = X({ locale: e.locale ?? ot() }), i = e.http ?? nt({
+}, de = "webx.locale";
+function jt(e = {}) {
+  const t = e.manifestUrl ?? _t() ?? "/api/cms/manifest", n = e.apiPath ?? t.replace(/\/manifest\/?$/, ""), a = e.basePath ?? "/cms", i = e.modules ?? [], d = [...e.routes ?? []];
+  for (const v of i)
+    d.push(...v.routes ?? []);
+  const o = Se({
+    history: Te(a),
+    routes: d
+  }), r = Q({ locale: e.locale ?? wt() }), s = e.http ?? ht({
     baseUrl: "",
     onUnauthenticated: () => {
-      a.setUser(null), a.state.status = "unauthenticated";
+      c.setUser(null), c.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": c.state.locale })
+    headers: () => ({ "X-Webx-Locale": r.state.locale })
   });
-  c.defaults("webx-admin", ne);
-  async function r(w) {
-    const x = await i.get(`${n}/translations/${w}`);
-    c.load(x.data.namespaces, x.data.locale, x.data.fallback), rt(x.data.locale), ut(x.data.locale, c.state.panelLocales);
+  r.defaults("webx-admin", ue);
+  async function u(v) {
+    const x = await s.get(`${n}/translations/${v}`);
+    r.load(x.data.namespaces, x.data.locale, x.data.fallback), yt(x.data.locale), xt(x.data.locale, r.state.panelLocales);
   }
-  const a = Ie({
-    http: i,
-    basePath: l,
+  const c = Je({
+    http: s,
+    basePath: a,
     apiPath: n,
-    modules: u,
-    i18n: c,
-    loadDictionary: r,
+    modules: i,
+    i18n: r,
+    loadDictionary: u,
     types: e.types,
     screens: e.screens,
-    loadManifest: async () => (await i.get(t)).data
-  }), o = me(st(e));
-  o.use($e), Ve(o, a), je(o, c);
-  const h = D("");
-  o.provide(Te, {
+    loadManifest: async () => (await s.get(t)).data
+  }), l = be(gt(e));
+  l.use(Ae), Qe(l, c), et(l, r);
+  const m = W("");
+  l.provide(Me, {
     list: k(
-      () => c.state.contentLocales.map((w) => ({
-        code: w.code,
-        label: w.code.toUpperCase()
+      () => r.state.contentLocales.map((v) => ({
+        code: v.code,
+        label: v.code.toUpperCase()
       }))
     ),
     active: k({
-      get: () => h.value || (c.state.contentLocales[0]?.code ?? ""),
-      set: (w) => {
-        h.value = w;
+      get: () => m.value || (r.state.contentLocales[0]?.code ?? ""),
+      set: (v) => {
+        m.value = v;
       }
     })
   });
-  const d = {
-    app: o,
-    router: s,
-    context: a,
-    i18n: c,
+  const h = {
+    app: l,
+    router: o,
+    context: c,
+    i18n: r,
     async mount() {
-      await Promise.all([y(), r(c.state.locale)]).catch(() => {
-      }), o.mount(e.el ?? "#webx-app"), await a.reload();
+      await Promise.all([g(), u(r.state.locale)]).catch(() => {
+      }), l.mount(e.el ?? "#webx-app"), await c.reload();
     }
   };
-  async function y() {
-    const w = await i.get(`${n}/locales`);
-    c.state.panelLocales = w.data.panel, c.state.contentLocales = w.data.content;
+  async function g() {
+    const v = await s.get(`${n}/locales`);
+    r.state.panelLocales = v.data.panel, r.state.contentLocales = v.data.content;
   }
-  for (const w of e.plugins ?? [])
-    w.install(d);
-  return o.use(s), d;
+  for (const v of e.plugins ?? [])
+    v.install(h);
+  return l.use(o), h;
 }
-function st(e) {
+function gt(e) {
   const t = {
     // The menu is the panel's own: it is the manifest, drawn.
     // The shell hands in what a choice means where it drew the menu — in the drawer it is what
     // closes it, and a drawer that stays open over the section it just opened is a drawer the
     // reader has to dismiss by hand.
-    nav: (n) => P(Be, { collapsed: n.collapsed === !0, onSelect: n.select })
+    nav: (n) => P(nt, { collapsed: n.collapsed === !0, onSelect: n.select })
   };
-  return e.brand !== void 0 && (t.brand = () => P(e.brand)), e.userMenu !== void 0 && (t.user = () => P(e.userMenu)), { render: () => P(et, null, t) };
+  return e.brand !== void 0 && (t.brand = () => P(e.brand)), e.userMenu !== void 0 && (t.user = (n) => P(e.userMenu, { expanded: n.expanded === !0 })), { render: () => P(ft, null, t) };
 }
-function ot() {
-  const e = it(ae);
+function wt() {
+  const e = bt(de);
   return e !== null ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator > "u" ? "en" : navigator.language;
 }
-function rt(e) {
+function yt(e) {
   try {
-    localStorage.setItem(ae, e);
+    localStorage.setItem(de, e);
   } catch {
   }
 }
-function it(e) {
+function bt(e) {
   try {
     return localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function ut(e, t) {
+function xt(e, t) {
   typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = t.find((n) => n.code === e)?.direction ?? "ltr");
 }
-function ct() {
+function _t() {
   return typeof document > "u" ? null : document.querySelector('meta[name="webx-manifest"]')?.getAttribute("content") ?? null;
 }
-function dt(e) {
+function kt(e) {
+  const t = e.replace(/\r\n?/g, `
+`).split(`
+`), n = [];
+  let a = 0;
+  for (; a < t.length; ) {
+    const i = t[a] ?? "";
+    if (i.trim() === "") {
+      a += 1;
+      continue;
+    }
+    if (/^```([\w-]*)\s*$/.exec(i)) {
+      const s = [];
+      for (a += 1; a < t.length && !/^```\s*$/.test(t[a] ?? ""); )
+        s.push(t[a] ?? ""), a += 1;
+      a += 1, n.push(`<pre><code>${Y(s.join(`
+`))}</code></pre>`);
+      continue;
+    }
+    const o = /^(#{1,4})\s+(.*)$/.exec(i);
+    if (o) {
+      const s = Math.min(o[1].length + 1, 5);
+      n.push(`<h${s}>${H(o[2] ?? "")}</h${s}>`), a += 1;
+      continue;
+    }
+    if (B(i)) {
+      const s = /^\s*\d+[.)]\s+/.test(i), u = [];
+      for (; a < t.length && B(t[a] ?? ""); )
+        for (u.push((t[a] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), a += 1; a < t.length; ) {
+          const l = t[a] ?? "";
+          if (l.trim() === "" || B(l) || /^(#{1,4})\s/.test(l) || /^```/.test(l))
+            break;
+          u[u.length - 1] += ` ${l.trim()}`, a += 1;
+        }
+      const c = s ? "ol" : "ul";
+      n.push(`<${c}>${u.map((l) => `<li>${H(l)}</li>`).join("")}</${c}>`);
+      continue;
+    }
+    const r = [];
+    for (; a < t.length; ) {
+      const s = t[a] ?? "";
+      if (s.trim() === "" || B(s) || /^(#{1,4})\s/.test(s) || /^```/.test(s)) break;
+      r.push(s.trim()), a += 1;
+    }
+    n.push(`<p>${H(r.join(" "))}</p>`);
+  }
+  return n.join("");
+}
+const R = "\0";
+function B(e) {
+  return /^\s*(?:[-*+]|\d+[.)])\s+/.test(e);
+}
+function H(e) {
+  const t = [], n = e.replace(/`([^`]+)`/g, (i, d) => (t.push(`<code>${Y(d)}</code>`), `${R}${t.length - 1}${R}`));
+  return Y(n).replace(
+    /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g,
+    '<a href="$2" target="_blank" rel="noopener">$1</a>'
+  ).replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(
+    new RegExp(`${R}(\\d+)${R}`, "g"),
+    (i, d) => t[Number(d)] ?? ""
+  );
+}
+function Y(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function $t(e) {
   const t = e.scope("webx-admin"), n = /* @__PURE__ */ new Map();
-  function l(m, s, c) {
-    const i = e.state.locale, r = `${i}:${m}`;
-    let a = n.get(r);
-    return a === void 0 && (a = new Intl.DateTimeFormat(i, s), n.set(r, a)), a.format(c);
+  function a(d, o, r) {
+    const s = e.state.locale, u = `${s}:${d}`;
+    let c = n.get(u);
+    return c === void 0 && (c = new Intl.DateTimeFormat(s, o), n.set(u, c)), c.format(r);
   }
-  const u = (m) => l("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, m);
+  const i = (d) => a("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, d);
   return {
-    short(m) {
-      const s = V(m);
-      if (s === null)
+    short(d) {
+      const o = O(d);
+      if (o === null)
         return t("dates.never");
-      const c = /* @__PURE__ */ new Date(), i = ht(s, c);
-      return i === 0 ? t("dates.today", { time: u(s) }) : i === -1 ? t("dates.yesterday", { time: u(s) }) : s.getFullYear() === c.getFullYear() ? l(
+      const r = /* @__PURE__ */ new Date(), s = Lt(o, r);
+      return s === 0 ? t("dates.today", { time: i(o) }) : s === -1 ? t("dates.yesterday", { time: i(o) }) : o.getFullYear() === r.getFullYear() ? a(
         "this-year",
         {
           day: "numeric",
@@ -770,66 +854,66 @@ function dt(e) {
           minute: "2-digit",
           hourCycle: "h23"
         },
-        s
-      ) : l("earlier", { day: "numeric", month: "long", year: "numeric" }, s);
+        o
+      ) : a("earlier", { day: "numeric", month: "long", year: "numeric" }, o);
     },
-    exact(m) {
-      const s = V(m);
-      return s === null ? "" : l("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, s);
+    exact(d) {
+      const o = O(d);
+      return o === null ? "" : a("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, o);
     },
-    iso(m) {
-      const s = V(m);
-      return s === null ? "" : s.toISOString();
+    iso(d) {
+      const o = O(d);
+      return o === null ? "" : o.toISOString();
     }
   };
 }
-function ft() {
-  const e = z(N, null);
-  return dt(e ?? mt());
+function St() {
+  const e = V(j, null);
+  return $t(e ?? Tt());
 }
-let W = null;
-function mt() {
-  return W === null && (W = X(), W.defaults("webx-admin", ne)), W;
+let D = null;
+function Tt() {
+  return D === null && (D = Q(), D.defaults("webx-admin", ue)), D;
 }
-function V(e) {
+function O(e) {
   if (e == null || e === "")
     return null;
   const t = e instanceof Date ? e : new Date(e);
   return Number.isNaN(t.getTime()) ? null : t;
 }
-function ht(e, t) {
-  const n = (l) => Date.UTC(l.getFullYear(), l.getMonth(), l.getDate());
+function Lt(e, t) {
+  const n = (a) => Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
   return Math.round((n(e) - n(t)) / 864e5);
 }
-function vt(e, t, n) {
-  const l = e instanceof B ? e.status : wt(e);
-  if (l === 422)
-    return gt(e) ?? n ?? 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 u = e instanceof B ? e.retryAfter : null;
-    return u === null ? t("errors.throttled") : t("errors.throttled-in", { seconds: u });
+function Et(e, t, n) {
+  const a = e instanceof X ? e.status : zt(e);
+  if (a === 422)
+    return Ct(e) ?? n ?? t("errors.unknown");
+  if (a === 401) return t("errors.signed-out");
+  if (a === 403) return t("errors.forbidden");
+  if (a === 404) return t("errors.gone");
+  if (a === 409) return t("errors.conflict");
+  if (a === 429) {
+    const i = e instanceof X ? e.retryAfter : null;
+    return i === null ? t("errors.throttled") : t("errors.throttled-in", { seconds: i });
   }
-  return l !== null && l >= 500 ? t("errors.server") : l === null ? t("errors.offline") : n ?? t("errors.unknown");
+  return a !== null && a >= 500 ? t("errors.server") : a === null ? t("errors.offline") : n ?? t("errors.unknown");
 }
-function Tt() {
-  const e = R("webx-admin");
-  return (t, n) => vt(t, e, n);
+function Ht() {
+  const e = U("webx-admin");
+  return (t, n) => Et(t, e, n);
 }
-function wt(e) {
+function zt(e) {
   const t = e?.status;
   return typeof t == "number" ? t : null;
 }
-function gt(e) {
+function Ct(e) {
   const n = e?.body?.message;
   return typeof n == "string" && n !== "" ? n : null;
 }
-const yt = { class: "wx-screen-host" }, Ct = /* @__PURE__ */ A({
+const Wt = { class: "wx-screen-host" }, Ot = /* @__PURE__ */ T({
   __name: "Screen",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ K({
     name: {},
     errors: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -840,39 +924,39 @@ const yt = { class: "wx-screen-host" }, Ct = /* @__PURE__ */ A({
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ j(["loaded"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ K(["loaded"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const l = e, u = n, m = Z(e, "modelValue"), s = H(), c = R("webx-admin"), i = D(null), r = D(null);
-    async function a() {
-      i.value = null, r.value = null;
+    const a = e, i = n, d = se(e, "modelValue"), o = J(), r = U("webx-admin"), s = W(null), u = W(null);
+    async function c() {
+      s.value = null, u.value = null;
       try {
-        const o = await s.loadScreen(l.name);
-        i.value = o, u("loaded", o);
-      } catch (o) {
-        r.value = o instanceof Error ? o.message : String(o);
+        const l = await o.loadScreen(a.name);
+        s.value = l, i("loaded", l);
+      } catch (l) {
+        u.value = l instanceof Error ? l.message : String(l);
       }
     }
-    return he([() => l.name, () => s.i18n.state.locale], () => {
-      a();
-    }, { immediate: !0 }), t({ reload: a }), (o, h) => (v(), p("div", yt, [
-      r.value ? (v(), b(f(Ce), {
+    return oe([() => a.name, () => o.i18n.state.locale], () => {
+      c();
+    }, { immediate: !0 }), t({ reload: c }), (l, m) => (p(), y("div", Wt, [
+      u.value ? (p(), b(f(Pe), {
         key: 0,
         type: "danger",
-        title: f(c)("shell.error-title"),
-        description: r.value
-      }, null, 8, ["title", "description"])) : i.value === null ? (v(), b(f(Ee), {
+        title: f(r)("shell.error-title"),
+        description: u.value
+      }, null, 8, ["title", "description"])) : s.value === null ? (p(), b(f(Re), {
         key: 1,
         rows: 4
-      })) : (v(), b(f(Pe), {
+      })) : (p(), b(f(Oe), {
         key: 2,
-        modelValue: m.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (d) => m.value = d),
-        root: i.value,
-        patch: f(s).screenPatch(e.name),
-        types: f(s).types,
+        modelValue: d.value,
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => d.value = h),
+        root: s.value,
+        patch: f(o).screenPatch(e.name),
+        types: f(o).types,
         errors: e.errors,
-        translate: f(s).i18n.t,
-        can: f(s).can,
+        translate: f(o).i18n.t,
+        can: f(o).can,
         disabled: e.disabled,
         "label-position": e.labelPosition,
         "label-width": e.labelWidth,
@@ -880,10 +964,10 @@ const yt = { class: "wx-screen-host" }, Ct = /* @__PURE__ */ A({
       }, null, 8, ["modelValue", "root", "patch", "types", "errors", "translate", "can", "disabled", "label-position", "label-width", "size"]))
     ]));
   }
-}), pt = {
+}), Ut = {
   key: 0,
   class: "wx-dropdown__divider"
-}, Et = /* @__PURE__ */ A({
+}, Ft = /* @__PURE__ */ T({
   __name: "RowMenu",
   props: {
     actions: {},
@@ -892,45 +976,171 @@ const yt = { class: "wx-screen-host" }, Ct = /* @__PURE__ */ A({
   },
   setup(e) {
     const t = e, n = k(() => [
-      ...t.actions.filter((u) => !u.danger),
-      ...t.actions.filter((u) => u.danger)
-    ]), l = k(() => {
-      const u = n.value.find((m) => m.danger);
-      return u && n.value[0] !== u ? u.key : null;
+      ...t.actions.filter((i) => !i.danger),
+      ...t.actions.filter((i) => i.danger)
+    ]), a = k(() => {
+      const i = n.value.find((d) => d.danger);
+      return i && n.value[0] !== i ? i.key : null;
     });
-    return (u, m) => n.value.length > 0 ? (v(), b(f(Le), {
+    return (i, d) => n.value.length > 0 ? (p(), b(f(Be), {
       key: 0,
       collapse: "always",
       align: "end",
       size: e.size,
       "aria-label": e.label,
-      onClick: m[0] || (m[0] = ve(() => {
+      onClick: d[0] || (d[0] = ie(() => {
       }, ["stop"]))
     }, {
-      collapsed: g(() => [
-        (v(!0), p(L, null, M(n.value, (s) => (v(), p(L, {
-          key: s.key
+      collapsed: w(() => [
+        (p(!0), y(C, null, I(n.value, (o) => (p(), y(C, {
+          key: o.key
         }, [
-          s.key === l.value ? (v(), p("hr", pt)) : T("", !0),
-          S(f(Ae), {
-            icon: s.icon,
-            tone: s.danger ? "danger" : "default",
-            href: s.href,
-            target: s.href ? s.target ?? "_blank" : void 0,
-            disabled: s.disabled,
-            onClick: (c) => s.run?.()
+          o.key === a.value ? (p(), y("hr", Ut)) : z("", !0),
+          _(f(De), {
+            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?.()
           }, {
-            default: g(() => [
-              C(E(s.label), 1)
+            default: w(() => [
+              L(E(o.label), 1)
             ]),
             _: 2
           }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"])
         ], 64))), 128))
       ]),
       _: 1
-    }, 8, ["size", "aria-label"])) : T("", !0);
+    }, 8, ["size", "aria-label"])) : z("", !0);
+  }
+}), Kt = /* @__PURE__ */ T({
+  __name: "BackButton",
+  props: {
+    to: {},
+    label: { default: void 0 },
+    size: { default: "sm" }
+  },
+  setup(e) {
+    const t = e, n = U("webx-admin"), a = k(() => t.label ?? n("editor.back"));
+    return (i, d) => (p(), b(f(G), {
+      icon: "arrow-left",
+      class: "wx-back-button",
+      as: f(Le),
+      to: e.to,
+      title: a.value,
+      size: e.size,
+      "tooltip-side": "bottom"
+    }, null, 8, ["as", "to", "title", "size"]));
+  }
+}), At = { class: "wx-rename__footer" }, Mt = /* @__PURE__ */ T({
+  __name: "RenameButton",
+  props: {
+    name: { default: "" },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "sm" }
+  },
+  emits: ["rename"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, i = U("webx-admin"), d = W(!1), o = W(n.name), r = W(null), s = k(() => n.label ?? i("editor.rename"));
+    oe(d, async (c) => {
+      c && (o.value = n.name, await xe(), r.value?.focus(), r.value?.select());
+    });
+    function u() {
+      const c = o.value.trim();
+      if (c === "" || c === n.name) {
+        d.value = !1;
+        return;
+      }
+      a("rename", c), d.value = !1;
+    }
+    return (c, l) => (p(), b(f(Ie), {
+      open: d.value,
+      "onUpdate:open": l[2] || (l[2] = (m) => d.value = m),
+      title: s.value,
+      width: 320,
+      side: "bottom",
+      align: "start",
+      teleport: ""
+    }, {
+      trigger: w(() => [
+        _(f(G), {
+          type: "edit",
+          title: s.value,
+          size: e.size,
+          disabled: e.disabled
+        }, null, 8, ["title", "size", "disabled"])
+      ]),
+      default: w(() => [
+        A("form", {
+          class: "wx-rename",
+          onSubmit: ie(u, ["prevent"])
+        }, [
+          _(f(Ve), {
+            ref_key: "field",
+            ref: r,
+            modelValue: o.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (m) => o.value = m),
+            "aria-label": s.value,
+            placeholder: e.placeholder,
+            onKeydown: l[1] || (l[1] = _e((m) => d.value = !1, ["esc"]))
+          }, null, 8, ["modelValue", "aria-label", "placeholder"]),
+          A("div", At, [
+            _(f(Ne), {
+              type: "primary",
+              size: "sm",
+              "native-type": "submit"
+            }, {
+              default: w(() => [
+                L(E(f(i)("editor.save")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ], 32)
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), qt = /* @__PURE__ */ N(Mt, [["__scopeId", "data-v-d879e8d3"]]), Pt = ["innerHTML"], Rt = /* @__PURE__ */ T({
+  __name: "HelpButton",
+  props: {
+    body: {},
+    title: { default: void 0 },
+    label: { default: void 0 },
+    size: { default: "sm" },
+    width: { default: 720 }
+  },
+  setup(e) {
+    const t = e, n = U("webx-admin"), a = W(!1), i = k(() => t.title ?? n("help.title")), d = k(() => kt(t.body));
+    return (o, r) => (p(), y(C, null, [
+      _(f(G), {
+        type: "details",
+        icon: "question",
+        tone: "neutral",
+        size: e.size,
+        title: e.label ?? i.value,
+        onClick: r[0] || (r[0] = (s) => a.value = !0)
+      }, null, 8, ["size", "title"]),
+      _(f(je), {
+        open: a.value,
+        "onUpdate:open": r[1] || (r[1] = (s) => a.value = s),
+        title: i.value,
+        width: e.width
+      }, {
+        default: w(() => [
+          A("div", {
+            class: "wx-help",
+            innerHTML: d.value
+          }, null, 8, Pt)
+        ]),
+        _: 1
+      }, 8, ["open", "title", "width"])
+    ], 64));
   }
-}), Lt = /* @__PURE__ */ A({
+}), Xt = /* @__PURE__ */ N(Rt, [["__scopeId", "data-v-6c280d42"]]), Yt = /* @__PURE__ */ T({
   name: "WxDate",
   __name: "DateText",
   props: {
@@ -939,62 +1149,66 @@ const yt = { class: "wx-screen-host" }, Ct = /* @__PURE__ */ A({
     tone: { default: "muted" }
   },
   setup(e) {
-    const t = e, n = ft(), l = k(() => n.short(t.value)), u = k(() => n.exact(t.value)), m = k(() => n.iso(t.value));
-    return (s, c) => u.value ? (v(), b(f(Ue), {
+    const t = e, n = St(), a = k(() => n.short(t.value)), i = k(() => n.exact(t.value)), d = k(() => n.iso(t.value));
+    return (o, r) => i.value ? (p(), b(f(He), {
       key: 0,
-      content: u.value
+      content: i.value
     }, {
-      default: g(() => [
-        S(f(J), {
+      default: w(() => [
+        _(f(ae), {
           as: "time",
-          datetime: m.value,
+          datetime: d.value,
           size: e.size,
           tone: e.tone
         }, {
-          default: g(() => [
-            C(E(l.value), 1)
+          default: w(() => [
+            L(E(a.value), 1)
           ]),
           _: 1
         }, 8, ["datetime", "size", "tone"])
       ]),
       _: 1
-    }, 8, ["content"])) : (v(), b(f(J), {
+    }, 8, ["content"])) : (p(), b(f(ae), {
       key: 1,
       size: e.size,
       tone: e.tone
     }, {
-      default: g(() => [
-        C(E(l.value), 1)
+      default: w(() => [
+        L(E(a.value), 1)
       ]),
       _: 1
     }, 8, ["size", "tone"]));
   }
 });
 export {
-  Be as AdminNav,
-  et as AdminShell,
-  B as HttpError,
-  Lt as WxDate,
-  Ne as WxListScreen,
-  Et as WxRowMenu,
-  Ct as WxScreen,
-  te as adminKey,
-  ne as adminMessages,
-  Re as adminTypes,
-  $t as createAdmin,
-  Ie as createAdminContext,
-  dt as createDates,
-  nt as createHttp,
-  X as createI18n,
-  vt as errorText,
-  N as i18nKey,
-  Ve as provideAdmin,
-  je as provideI18n,
-  Q as readCookie,
-  H as useAdmin,
-  ft as useDates,
-  Tt as useErrorText,
-  St as useI18n,
-  R as useTranslate
+  nt as AdminNav,
+  ft as AdminShell,
+  X as HttpError,
+  Kt as WxBackButton,
+  Yt as WxDate,
+  Xt as WxHelpButton,
+  Ye as WxListScreen,
+  qt as WxRenameButton,
+  Ft as WxRowMenu,
+  Ot as WxScreen,
+  re as adminKey,
+  ue as adminMessages,
+  Ge as adminTypes,
+  jt as createAdmin,
+  Je as createAdminContext,
+  $t as createDates,
+  ht as createHttp,
+  Q as createI18n,
+  Et as errorText,
+  j as i18nKey,
+  Qe as provideAdmin,
+  et as provideI18n,
+  le as readCookie,
+  kt as renderMarkdown,
+  J as useAdmin,
+  St as useDates,
+  Ht as useErrorText,
+  Nt as useI18n,
+  U as useTranslate
 };
 //# sourceMappingURL=index.js.map