@webx-ui/module-admin 0.9.0 → 0.11.0

package/dist/index.js

@@ -1,17 +1,275 @@
-import { defineComponent as W, useModel as pe, openBlock as p, createElementBlock as b, normalizeClass as le, createBlock as _, unref as r, withCtx as g, createTextVNode as R, toDisplayString as C, createCommentVNode as E, renderSlot as z, Fragment as U, mergeModels as oe, inject as G, reactive as se, computed as k, mergeProps as $e, watch as J, resolveComponent as A, renderList as F, ref as L, watchEffect as Te, onUnmounted as Se, createVNode as x, createElementVNode as M, isRef as Ae, createApp as Ce, h as O, withModifiers as ve, nextTick as Le, withKeys as Re } from "vue";
-import { useRouter as ge, useRoute as ze, createRouter as We, createWebHistory as Ee, RouterLink as Ue } from "vue-router";
-import { WxHeading as Ie, WxTabs as De, WxCard as me, WxRichText as Me, WxResult as Be, useResponsiveShell as Ne, shellLayoutFor as Pe, WxToaster as Ve, WebxUI as He, localesKey as Fe, WxAlert as Oe, WxSkeleton as we, WxActions as je, WxDropdownItem as qe, WxAction as de, WxPopover as Ke, WxInput as Ye, WxButton as Y, WxDialog as Xe, WxTooltip as Ge, WxText as X, WxEmpty as Je, WxAvatar as Qe, WxTextarea as fe, toast as P, confirm as Ze } from "@webx-ui/core";
-import { WxScreenRenderer as et } from "@webx-ui/schema";
-const tt = ["data-wx-fill"], nt = {
+import { inject as ee, reactive as se, defineComponent as U, computed as x, openBlock as v, createBlock as y, unref as r, withModifiers as pe, withCtx as b, createElementBlock as k, Fragment as B, renderList as N, createCommentVNode as W, createVNode as _, createTextVNode as z, toDisplayString as C, useSlots as Ce, useTemplateRef as Le, normalizeClass as j, renderSlot as L, createElementVNode as M, createSlots as be, useModel as ge, mergeModels as ie, mergeProps as ze, watch as te, resolveComponent as R, ref as E, watchEffect as We, onUnmounted as Ae, isRef as Re, createApp as Ee, h as X, nextTick as Ue, withKeys as Be } from "vue";
+import { RouterLink as Ie, useRouter as we, useRoute as Me, createRouter as De, createWebHistory as Ne } from "vue-router";
+import { WxAction as Y, WxActions as Pe, WxDropdownItem as Ve, useElementWidth as Fe, WxHeading as He, WxText as q, WxButton as O, WxIcon as Oe, WxTabs as je, WxCard as me, WxRichText as qe, WxResult as Ye, useResponsiveShell as Ke, shellLayoutFor as Xe, WxToaster as Ge, WebxUI as Je, dateLocaleKey as Qe, localesKey as Ze, WxAlert as et, WxSkeleton as ye, WxBadge as tt, WxPopover as nt, WxInput as at, WxDialog as lt, WxTooltip as ot, WxEmpty as st, WxAvatar as it, WxTextarea as fe, toast as F, confirm as rt } from "@webx-ui/core";
+import { WxScreenRenderer as ut } from "@webx-ui/schema";
+const ne = /* @__PURE__ */ Symbol("webx-i18n");
+function Tn() {
+  const e = ee(ne, null);
+  if (e === null)
+    throw new Error("useI18n() was called outside a panel created by createAdmin().");
+  return e;
+}
+function I(e) {
+  const n = ee(ne, null);
+  return n === null ? de().scope(e) : n.scope(e);
+}
+function dt(e, n) {
+  e.provide(ne, n);
+}
+function de(e = {}) {
+  const n = e.fallback ?? "en", t = se({
+    locale: e.locale ?? n,
+    fallback: n,
+    panelLocales: [],
+    contentLocales: []
+  }), a = {}, u = se({ value: {} });
+  function o(s, i, m) {
+    let h = s[i]?.[m[0] ?? ""];
+    for (const f of m.slice(1)) {
+      if (typeof h != "object" || h === null)
+        return null;
+      h = h[f];
+    }
+    return typeof h == "string" ? h : null;
+  }
+  function l(s, i, m) {
+    const [h, f] = i.includes("::") ? i.split("::", 2) : [s, i], d = f.split("."), p = o(u.value, h, d) ?? o(a, h, d) ?? // 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 m === void 0 ? p : ct(p, m);
+  }
+  return {
+    state: t,
+    defaults(s, i) {
+      a[s] = { ...a[s], ...i };
+    },
+    load(s, i, m) {
+      u.value = s ?? {}, t.locale = i ?? t.locale, m !== void 0 && (t.fallback = m);
+    },
+    scope(s) {
+      return (i, m) => l(s, i, m);
+    },
+    t: (s, i) => l("", s, i)
+  };
+}
+function ct(e, n) {
+  let t = e;
+  for (const [a, u] of Object.entries(n))
+    t = t.replaceAll(`:${a}`, String(u));
+  return t;
+}
+const mt = /* @__PURE__ */ U({
+  __name: "BackButton",
+  props: {
+    to: {},
+    label: { default: void 0 },
+    size: { default: "sm" }
+  },
+  setup(e) {
+    const n = e, t = I("webx-admin"), a = x(() => n.label ?? t("editor.back"));
+    return (u, o) => (v(), y(r(Y), {
+      icon: "arrow-left",
+      class: "wx-back-button",
+      as: r(Ie),
+      to: e.to,
+      title: a.value,
+      size: e.size,
+      "tooltip-side": "bottom"
+    }, null, 8, ["as", "to", "title", "size"]));
+  }
+}), ft = {
   key: 0,
-  class: "wx-list-screen__head"
-}, at = {
-  key: 1,
-  class: "wx-list-screen__actions"
-}, lt = /* @__PURE__ */ W({
+  class: "wx-dropdown__divider"
+}, ht = /* @__PURE__ */ U({
+  __name: "RowMenu",
+  props: {
+    actions: {},
+    label: { default: void 0 },
+    size: { default: "sm" }
+  },
+  setup(e) {
+    const n = I("webx-admin"), t = e, a = x(() => [
+      ...t.actions.filter((o) => !o.danger),
+      ...t.actions.filter((o) => o.danger)
+    ]), u = x(() => {
+      const o = a.value.find((l) => l.danger);
+      return o && a.value[0] !== o ? o.key : null;
+    });
+    return (o, l) => a.value.length > 0 ? (v(), y(r(Pe), {
+      key: 0,
+      class: "wx-row-menu",
+      collapse: "always",
+      align: "end",
+      size: e.size,
+      "aria-label": e.label,
+      onClick: l[0] || (l[0] = pe(() => {
+      }, ["stop"]))
+    }, {
+      trigger: b(() => [
+        _(r(Y), {
+          type: "more",
+          size: e.size,
+          title: r(n)("editor.more")
+        }, null, 8, ["size", "title"])
+      ]),
+      collapsed: b(() => [
+        (v(!0), k(B, null, N(a.value, (s) => (v(), k(B, {
+          key: s.key
+        }, [
+          s.key === u.value ? (v(), k("hr", ft)) : W("", !0),
+          _(r(Ve), {
+            icon: s.icon,
+            tone: s.danger ? "danger" : "default",
+            href: s.href,
+            target: s.href ? s.target ?? "_blank" : void 0,
+            disabled: s.disabled,
+            onClick: (i) => s.run?.()
+          }, {
+            default: b(() => [
+              z(C(s.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"])
+        ], 64))), 128))
+      ]),
+      _: 1
+    }, 8, ["size", "aria-label"])) : W("", !0);
+  }
+}), P = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [a, u] of n)
+    t[a] = u;
+  return t;
+}, xe = /* @__PURE__ */ P(ht, [["__scopeId", "data-v-cab01f7f"]]), vt = ["data-level"], pt = {
+  key: 0,
+  class: "wx-screen-head__trail"
+}, bt = { class: "wx-screen-head__name" }, gt = {
+  key: 4,
+  class: "wx-screen-head__actions"
+}, wt = /* @__PURE__ */ U({
+  __name: "ScreenHead",
+  props: {
+    title: { default: void 0 },
+    subtitle: { default: void 0 },
+    back: { type: Boolean, default: void 0 },
+    backLabel: { default: void 0 },
+    level: { default: 2 },
+    actions: { default: void 0 },
+    collapseBelow: { default: 720 },
+    divider: { type: Boolean, default: !1 }
+  },
+  emits: ["back"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = I("webx-admin"), o = Ce(), l = Le("root"), s = Fe(l), i = x(() => s.value > 0 && s.value < t.collapseBelow), m = x(() => t.actions ?? []), h = x(
+      () => m.value.find((c) => c.primary) ?? null
+    ), f = x(() => i.value ? h.value ? [h.value] : [] : m.value.filter((c) => !c.menu && !c.danger)), d = x(() => i.value ? m.value.filter((c) => c !== h.value) : m.value.filter((c) => c.menu || c.danger)), p = x(
+      () => t.back && t.back !== !0 ? t.back : null
+    ), g = x(
+      () => f.value.length > 0 || d.value.length > 0 || !!o.extra
+    );
+    return (c, w) => (v(), k("div", {
+      ref_key: "root",
+      ref: l,
+      class: j(["wx-screen-head", {
+        "is-narrow": i.value,
+        "has-button": f.value.length > 0,
+        "has-trail": !!c.$slots.trail,
+        "has-divider": e.divider
+      }]),
+      "data-level": e.level
+    }, [
+      c.$slots.trail ? (v(), k("div", pt, [
+        L(c.$slots, "trail", {}, void 0, !0)
+      ])) : W("", !0),
+      p.value ? (v(), y(mt, {
+        key: 1,
+        class: "wx-screen-head__back",
+        to: p.value,
+        label: e.backLabel,
+        "tooltip-side": "bottom"
+      }, null, 8, ["to", "label"])) : e.back ? (v(), y(r(Y), {
+        key: 2,
+        class: "wx-screen-head__back",
+        icon: "arrow-left",
+        size: "sm",
+        "tooltip-side": "bottom",
+        title: e.backLabel ?? r(u)("editor.back"),
+        onClick: w[0] || (w[0] = ($) => a("back"))
+      }, null, 8, ["title"])) : W("", !0),
+      M("div", bt, [
+        e.title ? (v(), y(r(He), {
+          key: 0,
+          level: e.level,
+          truncate: "",
+          class: "wx-screen-head__title"
+        }, {
+          default: b(() => [
+            z(C(e.title), 1)
+          ]),
+          _: 1
+        }, 8, ["level"])) : W("", !0),
+        L(c.$slots, "title-after", {}, void 0, !0)
+      ]),
+      e.subtitle || c.$slots.subtitle ? (v(), y(r(q), {
+        key: 3,
+        class: "wx-screen-head__subtitle",
+        size: "sm",
+        tone: "muted",
+        truncate: ""
+      }, {
+        default: b(() => [
+          L(c.$slots, "subtitle", {}, () => [
+            z(C(e.subtitle), 1)
+          ], !0)
+        ]),
+        _: 3
+      })) : W("", !0),
+      g.value ? (v(), k("div", gt, [
+        L(c.$slots, "extra", {}, void 0, !0),
+        (v(!0), k(B, null, N(f.value, ($) => (v(), y(r(O), {
+          key: $.key,
+          class: j(["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: (K) => $.run?.()
+        }, be({
+          default: b(() => [
+            z(" " + C($.label), 1)
+          ]),
+          _: 2
+        }, [
+          $.icon ? {
+            name: "icon",
+            fn: b(() => [
+              _(r(Oe), {
+                name: $.icon
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["class", "type", "variant", "loading", "disabled", "href", "target", "rel", "onClick"]))), 128)),
+        d.value.length > 0 ? (v(), y(xe, {
+          key: 0,
+          actions: d.value,
+          size: "lg",
+          label: e.title ?? r(u)("editor.more")
+        }, null, 8, ["actions", "label"])) : W("", !0)
+      ])) : W("", !0)
+    ], 10, vt));
+  }
+}), yt = /* @__PURE__ */ P(wt, [["__scopeId", "data-v-e27d184e"]]), xt = ["data-wx-fill"], kt = /* @__PURE__ */ U({
   __name: "ListScreen",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ ie({
     title: { default: void 0 },
+    subtitle: { default: void 0 },
+    back: { default: void 0 },
+    backLabel: { default: void 0 },
+    actions: { default: void 0 },
     views: { default: void 0 },
     card: { type: Boolean, default: !0 },
     padding: { default: void 0 },
@@ -23,129 +281,71 @@ const tt = ["data-wx-fill"], nt = {
   }),
   emits: ["update:view"],
   setup(e) {
-    const n = pe(e, "view");
-    return (t, a) => (p(), b("div", {
-      class: le(["wx-list-screen", { "is-fill": e.fill }]),
+    const n = ge(e, "view");
+    return (t, a) => (v(), k("div", {
+      class: j(["wx-list-screen", { "is-fill": e.fill }]),
       "data-wx-fill": e.fill ? "" : void 0
     }, [
-      e.title || t.$slots.actions ? (p(), b("div", nt, [
-        e.title ? (p(), _(r(Ie), {
-          key: 0,
-          level: 2,
-          class: "wx-list-screen__title"
-        }, {
-          default: g(() => [
-            R(C(e.title), 1)
+      e.title || e.actions || t.$slots.actions ? (v(), y(yt, {
+        key: 0,
+        class: "wx-list-screen__head",
+        title: e.title,
+        subtitle: e.subtitle,
+        back: e.back,
+        "back-label": e.backLabel,
+        actions: e.actions,
+        "collapse-below": 480
+      }, be({ _: 2 }, [
+        t.$slots.actions ? {
+          name: "extra",
+          fn: b(() => [
+            L(t.$slots, "actions", {}, void 0, !0)
           ]),
-          _: 1
-        })) : E("", !0),
-        t.$slots.actions ? (p(), b("div", at, [
-          z(t.$slots, "actions", {}, void 0, !0)
-        ])) : E("", !0)
-      ])) : E("", !0),
-      e.views && e.views.length > 0 ? (p(), _(r(De), {
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "subtitle", "back", "back-label", "actions"])) : W("", !0),
+      e.views && e.views.length > 0 ? (v(), y(r(je), {
         key: 1,
         modelValue: n.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
+        "onUpdate:modelValue": a[0] || (a[0] = (u) => n.value = u),
         class: "wx-list-screen__views",
         items: e.views,
         "collapse-below": e.collapseBelow,
         "aria-label": e.title
       }, {
-        default: g(() => [
-          e.card ? (p(), _(r(me), {
+        default: b(() => [
+          e.card ? (v(), y(r(me), {
             key: 0,
             class: "wx-list-screen__card",
             padding: e.padding
           }, {
-            default: g(() => [
-              z(t.$slots, "default", {}, void 0, !0)
+            default: b(() => [
+              L(t.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["padding"])) : z(t.$slots, "default", {}, void 0, !0, 1)
+          }, 8, ["padding"])) : L(t.$slots, "default", {}, void 0, !0, 1)
         ]),
         _: 3
-      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (p(), b(U, { key: 2 }, [
-        e.card ? (p(), _(r(me), {
+      }, 8, ["modelValue", "items", "collapse-below", "aria-label"])) : (v(), k(B, { key: 2 }, [
+        e.card ? (v(), y(r(me), {
           key: 0,
           class: "wx-list-screen__card",
           padding: e.padding
         }, {
-          default: g(() => [
-            z(t.$slots, "default", {}, void 0, !0)
+          default: b(() => [
+            L(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["padding"])) : z(t.$slots, "default", {}, void 0, !0, 1)
+        }, 8, ["padding"])) : L(t.$slots, "default", {}, void 0, !0, 1)
       ], 64))
-    ], 10, tt));
-  }
-}), V = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [a, i] of n)
-    t[a] = i;
-  return t;
-}, ot = /* @__PURE__ */ V(lt, [["__scopeId", "data-v-7586ed04"]]), Q = /* @__PURE__ */ Symbol("webx-i18n");
-function fn() {
-  const e = G(Q, null);
-  if (e === null)
-    throw new Error("useI18n() was called outside a panel created by createAdmin().");
-  return e;
-}
-function I(e) {
-  const n = G(Q, null);
-  return n === null ? ue().scope(e) : n.scope(e);
-}
-function st(e, n) {
-  e.provide(Q, n);
-}
-function ue(e = {}) {
-  const n = e.fallback ?? "en", t = se({
-    locale: e.locale ?? n,
-    fallback: n,
-    panelLocales: [],
-    contentLocales: []
-  }), a = {}, i = se({ value: {} });
-  function o(d, s, c) {
-    let f = d[s]?.[c[0] ?? ""];
-    for (const m of c.slice(1)) {
-      if (typeof f != "object" || f === null)
-        return null;
-      f = f[m];
-    }
-    return typeof f == "string" ? f : null;
+    ], 10, xt));
   }
-  function l(d, s, c) {
-    const [f, m] = s.includes("::") ? s.split("::", 2) : [d, s], u = m.split("."), v = o(i.value, f, u) ?? o(a, f, u) ?? // 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.
-    s;
-    return c === void 0 ? v : it(v, c);
-  }
-  return {
-    state: t,
-    defaults(d, s) {
-      a[d] = { ...a[d], ...s };
-    },
-    load(d, s, c) {
-      i.value = d ?? {}, t.locale = s ?? t.locale, c !== void 0 && (t.fallback = c);
-    },
-    scope(d) {
-      return (s, c) => l(d, s, c);
-    },
-    t: (d, s) => l("", d, s)
-  };
-}
-function it(e, n) {
-  let t = e;
-  for (const [a, i] of Object.entries(n))
-    t = t.replaceAll(`:${a}`, String(i));
-  return t;
-}
-const rt = /* @__PURE__ */ W({
+}), _t = /* @__PURE__ */ P(kt, [["__scopeId", "data-v-8c7e5ad1"]]), $t = /* @__PURE__ */ U({
   name: "WxRichTextField",
   inheritAttrs: !1,
   __name: "RichTextField",
   setup(e) {
-    const n = H(), t = I("webx-admin"), a = k(() => n.pickImage ?? void 0), i = k(() => ({
+    const n = H(), t = I("webx-admin"), a = x(() => n.pickImage ?? void 0), u = x(() => ({
       bold: t("rich-text.bold"),
       italic: t("rich-text.italic"),
       strike: t("rich-text.strike"),
@@ -178,107 +378,108 @@ const rt = /* @__PURE__ */ W({
       cancel: t("rich-text.cancel"),
       uploading: t("rich-text.uploading")
     }));
-    return (o, l) => (p(), _(r(Me), $e(o.$attrs, {
-      labels: i.value,
+    return (o, l) => (v(), y(r(qe), ze(o.$attrs, {
+      labels: u.value,
       "pick-image": a.value
     }), null, 16, ["labels", "pick-image"]));
   }
-}), dt = {
-  "wx-list": { component: ot, kind: "layout", labelProp: "title" },
+}), Tt = {
+  "wx-list": { component: _t, 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: rt, kind: "field", wide: !0 }
-}, ye = /* @__PURE__ */ Symbol("webx-admin");
+  "wx-rich-text": { component: $t, kind: "field", wide: !0 }
+}, ke = /* @__PURE__ */ Symbol("webx-admin");
 function H() {
-  const e = G(ye, null);
+  const e = ee(ke, null);
   if (e === null)
     throw new Error("useAdmin() was called outside a panel created by createAdmin().");
   return e;
 }
-function ut(e) {
+function St(e) {
   const n = se({
     status: "loading",
     manifest: null,
     user: null,
     error: null
-  }), t = k(() => {
-    const u = n.manifest;
-    if (u === null)
+  }), t = x(() => {
+    const d = n.manifest;
+    if (d === null)
       return [];
-    const v = [];
-    for (const w of u.modules) {
-      const h = e.modules.find((D) => D.id === w.id);
-      if (h === void 0)
+    const p = [];
+    for (const g of d.modules) {
+      const c = e.modules.find(($) => $.id === g.id);
+      if (c === void 0)
         continue;
-      const y = h.path ?? h.routes?.[0]?.path;
-      y !== void 0 && v.push({
-        id: w.id,
-        title: w.title,
-        icon: w.icon,
-        path: y,
-        group: w.group ?? null
+      const w = c.path ?? c.routes?.[0]?.path;
+      w !== void 0 && p.push({
+        id: g.id,
+        title: g.title,
+        icon: g.icon,
+        path: w,
+        group: g.group ?? null
       });
     }
-    return v;
-  }), a = k(() => {
-    const u = n.manifest?.groups ?? [], v = [], w = /* @__PURE__ */ new Map();
-    for (const h of t.value)
-      if (h.group !== null && u.some((y) => y.id === h.group)) {
-        const y = w.get(h.group) ?? [];
-        y.push(h), w.set(h.group, y);
+    return p;
+  }), a = x(() => {
+    const d = n.manifest?.groups ?? [], p = [], g = /* @__PURE__ */ new Map();
+    for (const c of t.value)
+      if (c.group !== null && d.some((w) => w.id === c.group)) {
+        const w = g.get(c.group) ?? [];
+        w.push(c), g.set(c.group, w);
       } else
-        v.push(h);
+        p.push(c);
     return {
-      top: v,
-      groups: u.filter((h) => w.has(h.id)).map((h) => ({
-        id: h.id,
-        title: h.title,
-        entries: w.get(h.id) ?? []
+      top: p,
+      groups: d.filter((c) => g.has(c.id)).map((c) => ({
+        id: c.id,
+        title: c.title,
+        icon: c.icon ?? null,
+        entries: g.get(c.id) ?? []
       }))
     };
-  }), i = { ...dt };
-  for (const u of e.modules)
-    Object.assign(i, u.types);
-  Object.assign(i, e.types);
-  const o = e.modules.find((u) => u.pickImage !== void 0)?.pickImage, l = /* @__PURE__ */ new Map();
-  async function d(u) {
-    const v = `${e.i18n.state.locale}:${u}`;
-    let w = l.get(v);
-    return w === void 0 && (w = e.http.get(`${e.apiPath}/screens/${u}`).then((h) => h.data.root).catch((h) => {
-      throw l.delete(v), h;
-    }), l.set(v, w)), w;
+  }), u = { ...Tt };
+  for (const d of e.modules)
+    Object.assign(u, d.types);
+  Object.assign(u, e.types);
+  const o = e.modules.find((d) => d.pickImage !== void 0)?.pickImage, l = /* @__PURE__ */ new Map();
+  async function s(d) {
+    const p = `${e.i18n.state.locale}:${d}`;
+    let g = l.get(p);
+    return g === void 0 && (g = e.http.get(`${e.apiPath}/screens/${d}`).then((c) => c.data.root).catch((c) => {
+      throw l.delete(p), c;
+    }), l.set(p, g)), g;
   }
-  let s = null;
-  async function c() {
+  let i = null;
+  async function m() {
     n.status = "loading", n.error = null;
     try {
-      if (s !== null && (n.user = await s(), n.user === null)) {
+      if (i !== null && (n.user = await i(), n.user === null)) {
         n.manifest = null, n.status = "unauthenticated";
         return;
       }
-      const u = await e.loadManifest();
-      n.manifest = u, e.i18n.state.contentLocales = u.locales ?? [], e.i18n.state.panelLocales = u.panelLocales ?? e.i18n.state.panelLocales, u.locale !== void 0 && u.locale !== e.i18n.state.locale && await m(u.locale), n.status = "ready";
-    } catch (u) {
-      if (mt(u)) {
+      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";
+    } catch (d) {
+      if (Lt(d)) {
         n.manifest = null, n.user = null, n.status = "unauthenticated";
         return;
       }
-      n.error = u instanceof Error ? u.message : String(u), n.status = "error";
+      n.error = d instanceof Error ? d.message : String(d), n.status = "error";
     }
   }
-  async function f() {
+  async function h() {
     if (n.manifest !== null)
       try {
         n.manifest = await e.loadManifest();
       } catch {
       }
   }
-  async function m(u) {
+  async function f(d) {
     if (e.loadDictionary === void 0) {
-      e.i18n.state.locale = u;
+      e.i18n.state.locale = d;
       return;
     }
-    await e.loadDictionary(u), await f();
+    await e.loadDictionary(d), await h();
   }
   return {
     http: e.http,
@@ -289,169 +490,169 @@ function ut(e) {
     modules: e.modules,
     nav: t,
     groups: a,
-    types: i,
+    types: u,
     pickImage: o ?? null,
-    reload: c,
-    refreshManifest: f,
-    setLocale: m,
-    setUser(u) {
-      n.user = u;
+    reload: m,
+    refreshManifest: h,
+    setLocale: f,
+    setUser(d) {
+      n.user = d;
     },
-    useSessionLoader(u) {
-      s = u;
+    useSessionLoader(d) {
+      i = d;
     },
-    can(u) {
-      const v = n.user;
-      return v === null ? !1 : v.isSuper || v.permissions.includes(u);
+    can(d) {
+      const p = n.user;
+      return p === null ? !1 : p.isSuper || p.permissions.includes(d);
     },
-    loadScreen: d,
-    screenPatch(u) {
-      return e.screens?.[u] ?? [];
+    loadScreen: s,
+    screenPatch(d) {
+      return e.screens?.[d] ?? [];
     }
   };
 }
-function ct(e, n) {
-  e.provide(ye, n);
+function Ct(e, n) {
+  e.provide(ke, n);
 }
-function mt(e) {
+function Lt(e) {
   return typeof e == "object" && e !== null && "status" in e && e.status === 401;
 }
-const ft = /* @__PURE__ */ W({
+const zt = /* @__PURE__ */ U({
   __name: "AdminLanding",
   props: {
     landing: { default: null }
   },
   setup(e) {
-    const n = e, t = H(), a = ge(), i = I("webx-admin"), o = k(() => {
+    const n = e, t = H(), a = we(), u = I("webx-admin"), o = x(() => {
       const l = t.nav.value;
-      return l.length === 0 ? null : ((n.landing === null ? void 0 : l.find((s) => s.path === n.landing)) ?? l[0])?.path ?? null;
+      return l.length === 0 ? null : ((n.landing === null ? void 0 : l.find((i) => i.path === n.landing)) ?? l[0])?.path ?? null;
     });
-    return J(
+    return te(
       o,
       (l) => {
         l !== null && a.replace(l);
       },
       { immediate: !0 }
-    ), (l, d) => o.value === null && r(t).state.status === "ready" ? (p(), _(r(Be), {
+    ), (l, s) => o.value === null && r(t).state.status === "ready" ? (v(), y(r(Ye), {
       key: 0,
       status: "info",
-      title: r(i)("shell.empty-title"),
-      description: r(i)("shell.empty-description")
-    }, null, 8, ["title", "description"])) : E("", !0);
+      title: r(u)("shell.empty-title"),
+      description: r(u)("shell.empty-description")
+    }, null, 8, ["title", "description"])) : W("", !0);
   }
-}), ht = /* @__PURE__ */ W({
+}), Wt = /* @__PURE__ */ U({
   __name: "AdminNav",
   props: {
     collapsed: { type: Boolean }
   },
   emits: ["select"],
   setup(e, { emit: n }) {
-    const t = n, a = H(), i = I("webx-admin"), o = ge(), l = ze(), d = k({
-      get: () => a.nav.value.find((c) => l.path.startsWith(c.path))?.id ?? "",
-      set: (s) => {
-        const c = a.nav.value.find((f) => f.id === s);
-        c !== void 0 && o.push(c.path);
+    const t = n, a = H(), u = I("webx-admin"), o = we(), l = Me(), s = x({
+      get: () => a.nav.value.find((m) => l.path.startsWith(m.path))?.id ?? "",
+      set: (i) => {
+        const m = a.nav.value.find((h) => h.id === i);
+        m !== void 0 && o.push(m.path);
       }
     });
-    return (s, c) => {
-      const f = A("wx-menu-item"), m = A("wx-submenu"), u = A("wx-menu");
-      return p(), _(u, {
-        modelValue: d.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (v) => d.value = v),
+    return (i, m) => {
+      const h = R("wx-menu-item"), f = R("wx-submenu"), d = R("wx-menu");
+      return v(), y(d, {
+        modelValue: s.value,
+        "onUpdate:modelValue": m[0] || (m[0] = (p) => s.value = p),
         collapsed: e.collapsed,
-        label: r(i)("nav.sections"),
-        onSelect: c[1] || (c[1] = (v) => t("select"))
+        label: r(u)("nav.sections"),
+        onSelect: m[1] || (m[1] = (p) => t("select"))
       }, {
-        default: g(() => [
-          (p(!0), b(U, null, F(r(a).groups.value.top, (v) => (p(), _(f, {
-            key: v.id,
-            value: v.id,
-            icon: v.icon ?? void 0,
-            label: v.title
+        default: b(() => [
+          (v(!0), k(B, null, N(r(a).groups.value.top, (p) => (v(), y(h, {
+            key: p.id,
+            value: p.id,
+            icon: p.icon ?? void 0,
+            label: p.title
           }, null, 8, ["value", "icon", "label"]))), 128)),
-          (p(!0), b(U, null, F(r(a).groups.value.groups, (v) => (p(), _(m, {
-            key: v.id,
-            value: `group:${v.id}`,
-            title: v.title,
-            icon: "gear"
+          (v(!0), k(B, null, N(r(a).groups.value.groups, (p) => (v(), y(f, {
+            key: p.id,
+            value: `group:${p.id}`,
+            title: p.title,
+            icon: p.icon ?? "gear"
           }, {
-            default: g(() => [
-              (p(!0), b(U, null, F(v.entries, (w) => (p(), _(f, {
-                key: w.id,
-                value: w.id,
-                icon: w.icon ?? void 0,
-                label: w.title
+            default: b(() => [
+              (v(!0), k(B, null, N(p.entries, (g) => (v(), y(h, {
+                key: g.id,
+                value: g.id,
+                icon: g.icon ?? void 0,
+                label: g.title
               }, null, 8, ["value", "icon", "label"]))), 128))
             ]),
             _: 2
-          }, 1032, ["value", "title"]))), 128))
+          }, 1032, ["value", "title", "icon"]))), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "collapsed", "label"]);
     };
   }
-}), pt = {
+}), At = {
   key: 0,
   class: "wx-root wx-admin-plain"
-}, vt = {
+}, Rt = {
   key: 1,
   class: "wx-root wx-admin-plain"
-}, gt = {
+}, Et = {
   key: 2,
   class: "wx-root wx-admin-plain"
-}, wt = ["src", "alt", "width", "height"], yt = ["src", "alt", "width", "height"], xt = ["src", "alt"], bt = { class: "wx-admin__user" }, _t = { class: "wx-admin__user wx-admin__user--drawer" }, kt = /* @__PURE__ */ W({
+}, Ut = ["src", "alt", "width", "height"], Bt = ["src", "alt", "width", "height"], It = ["src", "alt"], Mt = { class: "wx-admin__user" }, Dt = { class: "wx-admin__user wx-admin__user--drawer" }, Nt = /* @__PURE__ */ U({
   __name: "AdminShell",
   setup(e) {
-    const n = H(), t = I("webx-admin"), a = L(null), { width: i, layout: o, collapsed: l, showAside: d, drawerOpen: s, toggle: c, close: f } = Ne(
+    const n = H(), t = I("webx-admin"), a = E(null), { width: u, layout: o, collapsed: l, showAside: s, drawerOpen: i, toggle: m, close: h } = Ke(
       a,
       { persist: "webx-admin-shell" }
-    ), m = k(() => n.state.manifest?.title ?? ""), u = k(() => n.state.manifest?.branding?.logo ?? null), v = k(() => n.state.manifest?.branding?.mark ?? null), w = k(() => Pe(i.value, null));
-    return Te(() => {
-      typeof document > "u" || (document.documentElement.dataset.wxShell = w.value);
-    }), Se(() => {
+    ), f = x(() => n.state.manifest?.title ?? ""), d = x(() => n.state.manifest?.branding?.logo ?? null), p = x(() => n.state.manifest?.branding?.mark ?? null), g = x(() => Xe(u.value, null));
+    return We(() => {
+      typeof document > "u" || (document.documentElement.dataset.wxShell = g.value);
+    }), Ae(() => {
       typeof document < "u" && delete document.documentElement.dataset.wxShell;
-    }), (h, y) => {
-      const D = A("router-view"), Z = A("wx-loading"), ee = A("wx-button"), te = A("wx-result"), N = A("wx-action"), $ = A("wx-text"), S = A("wx-header"), T = A("wx-aside"), B = A("wx-main"), _e = A("wx-container"), ke = A("wx-drawer");
-      return p(), b(U, null, [
-        x(r(Ve)),
-        r(n).state.status === "unauthenticated" ? (p(), b("div", pt, [
-          x(D)
-        ])) : r(n).state.status === "loading" ? (p(), b("div", vt, [
-          x(Z, {
+    }), (c, w) => {
+      const $ = R("router-view"), K = R("wx-loading"), ae = R("wx-button"), le = R("wx-result"), V = R("wx-action"), T = R("wx-text"), A = R("wx-header"), S = R("wx-aside"), D = R("wx-main"), Te = R("wx-container"), Se = R("wx-drawer");
+      return v(), k(B, null, [
+        _(r(Ge)),
+        r(n).state.status === "unauthenticated" ? (v(), k("div", At, [
+          _($)
+        ])) : r(n).state.status === "loading" ? (v(), k("div", Rt, [
+          _(K, {
             label: r(t)("shell.loading")
           }, null, 8, ["label"])
-        ])) : r(n).state.status === "error" ? (p(), b("div", gt, [
-          x(te, {
+        ])) : r(n).state.status === "error" ? (v(), k("div", Et, [
+          _(le, {
             status: "error",
             title: r(t)("shell.error-title"),
             description: r(n).state.error
           }, {
-            default: g(() => [
-              x(ee, {
+            default: b(() => [
+              _(ae, {
                 type: "primary",
-                onClick: y[0] || (y[0] = (ce) => r(n).reload())
+                onClick: w[0] || (w[0] = (ce) => r(n).reload())
               }, {
-                default: g(() => [
-                  R(C(r(t)("shell.retry")), 1)
+                default: b(() => [
+                  z(C(r(t)("shell.retry")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title", "description"])
-        ])) : (p(), b("div", {
+        ])) : (v(), k("div", {
           key: 3,
           ref_key: "shellEl",
           ref: a,
-          class: le(["wx-root wx-admin", `wx-admin--${w.value}`])
+          class: j(["wx-root wx-admin", `wx-admin--${g.value}`])
         }, [
-          x(_e, {
+          _(Te, {
             direction: r(o) === "drawer" ? "vertical" : "horizontal",
             "full-height": "",
             class: "wx-admin__frame"
           }, {
-            default: g(() => [
-              r(o) === "drawer" ? (p(), _(S, {
+            default: b(() => [
+              r(o) === "drawer" ? (v(), y(A, {
                 key: 0,
                 class: "wx-admin__header",
                 floating: "",
@@ -460,38 +661,38 @@ const ft = /* @__PURE__ */ W({
                 padding: "sm",
                 height: "var(--wx-admin-header-height)"
               }, {
-                end: g(() => [
-                  z(h.$slots, "user", { expanded: !1 }, void 0, !0)
+                end: b(() => [
+                  L(c.$slots, "user", { expanded: !1 }, void 0, !0)
                 ]),
-                default: g(() => [
-                  x(N, {
+                default: b(() => [
+                  _(V, {
                     icon: "menu",
                     title: r(t)("nav.menu"),
-                    onClick: r(c)
+                    onClick: r(m)
                   }, null, 8, ["title", "onClick"]),
-                  z(h.$slots, "brand", {}, () => [
-                    u.value ? (p(), b("img", {
+                  L(c.$slots, "brand", {}, () => [
+                    d.value ? (v(), k("img", {
                       key: 0,
                       class: "wx-admin__logo",
-                      src: u.value.url,
-                      alt: m.value,
-                      width: u.value.width ?? void 0,
-                      height: u.value.height ?? void 0
-                    }, null, 8, wt)) : (p(), _($, {
+                      src: d.value.url,
+                      alt: f.value,
+                      width: d.value.width ?? void 0,
+                      height: d.value.height ?? void 0
+                    }, null, 8, Ut)) : (v(), y(T, {
                       key: 1,
                       weight: "semibold",
                       truncate: ""
                     }, {
-                      default: g(() => [
-                        R(C(m.value), 1)
+                      default: b(() => [
+                        z(C(f.value), 1)
                       ]),
                       _: 1
                     }))
                   ], !0)
                 ]),
                 _: 3
-              })) : E("", !0),
-              r(d) ? (p(), _(T, {
+              })) : W("", !0),
+              r(s) ? (v(), y(S, {
                 key: 1,
                 class: "wx-admin__aside",
                 sticky: "",
@@ -502,85 +703,85 @@ const ft = /* @__PURE__ */ W({
                 width: 220,
                 "collapsed-width": 56
               }, {
-                top: g(() => [
+                top: b(() => [
                   M("div", {
-                    class: le(["wx-admin__brand", { "wx-admin__brand--stacked": r(l) && v.value }])
+                    class: j(["wx-admin__brand", { "wx-admin__brand--stacked": r(l) && p.value }])
                   }, [
-                    r(l) ? v.value ? (p(), b("img", {
+                    r(l) ? p.value ? (v(), k("img", {
                       key: 1,
                       class: "wx-admin__mark",
-                      src: v.value.url,
-                      alt: m.value
-                    }, null, 8, xt)) : E("", !0) : z(h.$slots, "brand", {}, () => [
-                      u.value ? (p(), b("img", {
+                      src: p.value.url,
+                      alt: f.value
+                    }, null, 8, It)) : W("", !0) : L(c.$slots, "brand", {}, () => [
+                      d.value ? (v(), k("img", {
                         key: 0,
                         class: "wx-admin__logo",
-                        src: u.value.url,
-                        alt: m.value,
-                        width: u.value.width ?? void 0,
-                        height: u.value.height ?? void 0
-                      }, null, 8, yt)) : (p(), _($, {
+                        src: d.value.url,
+                        alt: f.value,
+                        width: d.value.width ?? void 0,
+                        height: d.value.height ?? void 0
+                      }, null, 8, Bt)) : (v(), y(T, {
                         key: 1,
                         weight: "semibold",
                         truncate: "",
                         class: "wx-admin__title"
                       }, {
-                        default: g(() => [
-                          R(C(m.value), 1)
+                        default: b(() => [
+                          z(C(f.value), 1)
                         ]),
                         _: 1
                       }))
                     ], !0, 0),
-                    x(N, {
+                    _(V, {
                       icon: "sidebar",
                       title: r(l) ? r(t)("nav.expand") : r(t)("nav.collapse"),
-                      onClick: r(c)
+                      onClick: r(m)
                     }, null, 8, ["title", "onClick"])
                   ], 2)
                 ]),
-                bottom: g(() => [
-                  M("div", bt, [
-                    z(h.$slots, "user", {
+                bottom: b(() => [
+                  M("div", Mt, [
+                    L(c.$slots, "user", {
                       expanded: !r(l)
                     }, void 0, !0)
                   ])
                 ]),
-                default: g(() => [
-                  z(h.$slots, "nav", { collapsed: r(l) }, void 0, !0)
+                default: b(() => [
+                  L(c.$slots, "nav", { collapsed: r(l) }, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["collapsed"])) : E("", !0),
-              x(B, {
+              }, 8, ["collapsed"])) : W("", !0),
+              _(D, {
                 padding: "none",
                 class: "wx-admin__screen"
               }, {
-                default: g(() => [
-                  x(D)
+                default: b(() => [
+                  _($)
                 ]),
                 _: 1
               })
             ]),
             _: 3
           }, 8, ["direction"]),
-          x(ke, {
-            open: r(s),
-            "onUpdate:open": y[1] || (y[1] = (ce) => Ae(s) ? s.value = ce : null),
+          _(Se, {
+            open: r(i),
+            "onUpdate:open": w[1] || (w[1] = (ce) => Re(i) ? i.value = ce : null),
             class: "wx-admin__drawer",
-            title: m.value === "" ? r(t)("nav.menu") : m.value,
+            title: f.value === "" ? r(t)("nav.menu") : f.value,
             side: "left",
             size: 260,
             "full-screen": !1,
             closable: ""
           }, {
-            footer: g(() => [
-              M("div", _t, [
-                z(h.$slots, "user", { expanded: !0 }, void 0, !0)
+            footer: b(() => [
+              M("div", Dt, [
+                L(c.$slots, "user", { expanded: !0 }, void 0, !0)
               ])
             ]),
-            default: g(() => [
-              z(h.$slots, "nav", {
+            default: b(() => [
+              L(c.$slots, "nav", {
                 collapsed: !1,
-                select: r(f)
+                select: r(h)
               }, void 0, !0)
             ]),
             _: 3
@@ -589,10 +790,10 @@ const ft = /* @__PURE__ */ W({
       ], 64);
     };
   }
-}), $t = /* @__PURE__ */ V(kt, [["__scopeId", "data-v-5baa6cbf"]]);
-class ie extends Error {
-  constructor(n, t, a = {}, i = null, o = null) {
-    super(n), this.status = t, this.errors = a, this.retryAfter = i, this.body = o, this.name = "HttpError";
+}), Pt = /* @__PURE__ */ P(Nt, [["__scopeId", "data-v-5baa6cbf"]]);
+class re extends Error {
+  constructor(n, t, a = {}, u = null, o = null) {
+    super(n), this.status = t, this.errors = a, this.retryAfter = u, this.body = o, this.name = "HttpError";
   }
   status;
   errors;
@@ -609,74 +810,74 @@ class ie extends Error {
     return this.status === 429;
   }
 }
-const Tt = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
-function St(e = {}) {
-  const n = (e.baseUrl ?? "").replace(/\/$/, ""), t = e.csrfUrl ?? "/sanctum/csrf-cookie", a = e.fetch ?? globalThis.fetch.bind(globalThis), i = e.onUnauthenticated, o = e.headers;
+const Vt = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
+function Ft(e = {}) {
+  const n = (e.baseUrl ?? "").replace(/\/$/, ""), t = e.csrfUrl ?? "/sanctum/csrf-cookie", a = e.fetch ?? globalThis.fetch.bind(globalThis), u = e.onUnauthenticated, o = e.headers;
   let l = !1;
-  async function d(c = !1) {
-    l && !c && he("XSRF-TOKEN") !== null || (await a(t, { credentials: "same-origin" }), l = !0);
+  async function s(m = !1) {
+    l && !m && he("XSRF-TOKEN") !== null || (await a(t, { credentials: "same-origin" }), l = !0);
   }
-  async function s(c, f, m, u = {}, v = !1) {
-    const w = Tt.has(c);
-    w && await d();
-    const h = {
+  async function i(m, h, f, d = {}, p = !1) {
+    const g = Vt.has(m);
+    g && await s();
+    const c = {
       Accept: "application/json",
       "X-Requested-With": "XMLHttpRequest",
       // Standing headers first, so a caller can still override one for a single request.
       ...o?.(),
-      ...u.headers
+      ...d.headers
     };
-    if (w) {
-      const D = he("XSRF-TOKEN");
-      D !== null && (h["X-XSRF-TOKEN"] = D);
+    if (g) {
+      const $ = he("XSRF-TOKEN");
+      $ !== null && (c["X-XSRF-TOKEN"] = $);
     }
-    m !== void 0 && (h["Content-Type"] = "application/json");
-    const y = await a(Ct(n, f, u.query), {
-      method: c,
+    f !== void 0 && (c["Content-Type"] = "application/json");
+    const w = await a(Ot(n, h, d.query), {
+      method: m,
       credentials: "same-origin",
-      headers: h,
-      signal: u.signal,
-      body: m === void 0 ? void 0 : JSON.stringify(m)
+      headers: c,
+      signal: d.signal,
+      body: f === void 0 ? void 0 : JSON.stringify(f)
     });
-    if (y.status === 419 && w && !v)
-      return await d(!0), s(c, f, m, u, !0);
-    if (y.status === 401 && i?.(), !y.ok)
-      throw await At(y);
-    if (y.status !== 204)
-      return await y.json();
+    if (w.status === 419 && g && !p)
+      return await s(!0), i(m, h, f, d, !0);
+    if (w.status === 401 && u?.(), !w.ok)
+      throw await Ht(w);
+    if (w.status !== 204)
+      return await w.json();
   }
   return {
-    get: (c, f) => s("GET", c, void 0, f),
-    post: (c, f, m) => s("POST", c, f, m),
-    put: (c, f, m) => s("PUT", c, f, m),
-    patch: (c, f, m) => s("PATCH", c, f, m),
-    delete: (c, f) => s("DELETE", c, void 0, f)
+    get: (m, h) => i("GET", m, void 0, h),
+    post: (m, h, f) => i("POST", m, h, f),
+    put: (m, h, f) => i("PUT", m, h, f),
+    patch: (m, h, f) => i("PATCH", m, h, f),
+    delete: (m, h) => i("DELETE", m, void 0, h)
   };
 }
-async function At(e) {
+async function Ht(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}`, i = t.errors !== null && typeof t.errors == "object" ? t.errors : {}, o = e.headers.get("Retry-After"), l = o === null ? null : Number.parseInt(o, 10);
-  return new ie(
+  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 : {}, o = e.headers.get("Retry-After"), l = o === null ? null : Number.parseInt(o, 10);
+  return new re(
     a,
     e.status,
-    i,
+    u,
     Number.isFinite(l) ? l : null,
     n
   );
 }
-function Ct(e, n, t) {
-  const i = /^https?:\/\//i.test(n) ? n : `${e}/${n.replace(/^\//, "")}`;
+function Ot(e, n, t) {
+  const u = /^https?:\/\//i.test(n) ? n : `${e}/${n.replace(/^\//, "")}`;
   if (t === void 0)
-    return i;
+    return u;
   const o = new URLSearchParams();
-  for (const [d, s] of Object.entries(t))
-    s != null && o.set(d, String(s));
+  for (const [s, i] of Object.entries(t))
+    i != null && o.set(s, String(i));
   const l = o.toString();
-  return l === "" ? i : `${i}${i.includes("?") ? "&" : "?"}${l}`;
+  return l === "" ? u : `${u}${u.includes("?") ? "&" : "?"}${l}`;
 }
 function he(e) {
   if (typeof document > "u")
@@ -688,7 +889,7 @@ function he(e) {
   }
   return null;
 }
-const xe = {
+const _e = {
   shell: {
     loading: "Loading the panel…",
     "error-title": "The panel could not start",
@@ -709,6 +910,8 @@ const xe = {
   // the way to rename it. A module that opens an editor should not be inventing these.
   editor: {
     back: "Back",
+    // The head's ··· on a screen that has no name to give the menu.
+    more: "More",
     rename: "Rename",
     save: "Save"
   },
@@ -719,6 +922,13 @@ const xe = {
   },
   // 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.
+  // The two words every list needs the moment it has filters: what the funnel is called,
+  // and the way out of all of them at once. The names of the filters themselves belong to
+  // whatever is being filtered, and travel with that module's own words.
+  filters: {
+    title: "Filters",
+    reset: "Reset all"
+  },
   dates: {
     today: "today at :time",
     yesterday: "yesterday at :time",
@@ -797,197 +1007,200 @@ const xe = {
     forbidden: "You may not read the notes of this record.",
     "not-yours": "A note is edited by whoever wrote it."
   }
-}, be = "webx.locale";
-function hn(e = {}) {
-  const n = e.manifestUrl ?? Ut() ?? "/api/cms/manifest", t = e.apiPath ?? n.replace(/\/manifest\/?$/, ""), a = e.basePath ?? "/cms", i = e.modules ?? [], o = [...e.routes ?? []];
-  for (const h of i)
-    o.push(...h.routes ?? []);
-  if (!o.some((h) => h.path === "/")) {
-    const h = i.find((y) => y.landing === !0);
+}, $e = "webx.locale";
+function Sn(e = {}) {
+  const n = e.manifestUrl ?? Gt() ?? "/api/cms/manifest", t = e.apiPath ?? n.replace(/\/manifest\/?$/, ""), a = e.basePath ?? "/cms", u = e.modules ?? [], o = [...e.routes ?? []];
+  for (const c of u)
+    o.push(...c.routes ?? []);
+  if (!o.some((c) => c.path === "/")) {
+    const c = u.find((w) => w.landing === !0);
     o.push({
       path: "/",
       name: "webx.home",
-      component: ft,
-      props: { landing: h?.path ?? h?.routes?.[0]?.path ?? null }
+      component: zt,
+      props: { landing: c?.path ?? c?.routes?.[0]?.path ?? null }
     });
   }
-  const l = We({
-    history: Ee(a),
+  const l = De({
+    history: Ne(a),
     routes: o
-  }), d = ue({ locale: e.locale ?? Rt() }), s = e.http ?? St({
+  }), s = de({ locale: e.locale ?? qt() }), i = e.http ?? Ft({
     baseUrl: "",
     onUnauthenticated: () => {
-      f.setUser(null), f.state.status = "unauthenticated";
+      h.setUser(null), h.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": d.state.locale })
+    headers: () => ({ "X-Webx-Locale": s.state.locale })
   });
-  d.defaults("webx-admin", xe);
-  async function c(h) {
-    const y = await s.get(`${t}/translations/${h}`);
-    d.load(y.data.namespaces, y.data.locale, y.data.fallback), zt(y.data.locale), Et(y.data.locale, d.state.panelLocales);
+  s.defaults("webx-admin", _e);
+  async function m(c) {
+    const w = await i.get(`${t}/translations/${c}`);
+    s.load(w.data.namespaces, w.data.locale, w.data.fallback), Yt(w.data.locale), Xt(w.data.locale, s.state.panelLocales);
   }
-  const f = ut({
-    http: s,
+  const h = St({
+    http: i,
     basePath: a,
     apiPath: t,
-    modules: i,
-    i18n: d,
-    loadDictionary: c,
+    modules: u,
+    i18n: s,
+    loadDictionary: m,
     types: e.types,
     screens: e.screens,
-    loadManifest: async () => (await s.get(n)).data
-  }), m = Ce(Lt(e));
-  m.use(He), ct(m, f), st(m, d);
-  const u = L("");
-  m.provide(Fe, {
-    list: k(
-      () => d.state.contentLocales.map((h) => ({
-        code: h.code,
-        label: h.code.toUpperCase()
+    loadManifest: async () => (await i.get(n)).data
+  }), f = Ee(jt(e));
+  f.use(Je), Ct(f, h), dt(f, s);
+  const d = E("");
+  f.provide(
+    Qe,
+    x(() => s.state.locale)
+  ), f.provide(Ze, {
+    list: x(
+      () => s.state.contentLocales.map((c) => ({
+        code: c.code,
+        label: c.code.toUpperCase()
       }))
     ),
-    active: k({
-      get: () => u.value || (d.state.contentLocales[0]?.code ?? ""),
-      set: (h) => {
-        u.value = h;
+    active: x({
+      get: () => d.value || (s.state.contentLocales[0]?.code ?? ""),
+      set: (c) => {
+        d.value = c;
       }
     })
   });
-  const v = {
-    app: m,
+  const p = {
+    app: f,
     router: l,
-    context: f,
-    i18n: d,
+    context: h,
+    i18n: s,
     async mount() {
-      await Promise.all([w(), c(d.state.locale)]).catch(() => {
-      }), m.mount(e.el ?? "#webx-app"), await f.reload();
+      await Promise.all([g(), m(s.state.locale)]).catch(() => {
+      }), f.mount(e.el ?? "#webx-app"), await h.reload();
     }
   };
-  async function w() {
-    const h = await s.get(`${t}/locales`);
-    d.state.panelLocales = h.data.panel, d.state.contentLocales = h.data.content;
+  async function g() {
+    const c = await i.get(`${t}/locales`);
+    s.state.panelLocales = c.data.panel, s.state.contentLocales = c.data.content;
   }
-  for (const h of e.plugins ?? [])
-    h.install(v);
-  return m.use(l), v;
+  for (const c of e.plugins ?? [])
+    c.install(p);
+  return f.use(l), p;
 }
-function Lt(e) {
+function jt(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) => O(ht, { collapsed: t.collapsed === !0, onSelect: t.select })
+    nav: (t) => X(Wt, { collapsed: t.collapsed === !0, onSelect: t.select })
   };
-  return e.brand !== void 0 && (n.brand = () => O(e.brand)), e.userMenu !== void 0 && (n.user = (t) => O(e.userMenu, { expanded: t.expanded === !0 })), { render: () => O($t, null, n) };
+  return e.brand !== void 0 && (n.brand = () => X(e.brand)), e.userMenu !== void 0 && (n.user = (t) => X(e.userMenu, { expanded: t.expanded === !0 })), { render: () => X(Pt, null, n) };
 }
-function Rt() {
-  const e = Wt(be);
+function qt() {
+  const e = Kt($e);
   return e !== null ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator > "u" ? "en" : navigator.language;
 }
-function zt(e) {
+function Yt(e) {
   try {
-    localStorage.setItem(be, e);
+    localStorage.setItem($e, e);
   } catch {
   }
 }
-function Wt(e) {
+function Kt(e) {
   try {
     return localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function Et(e, n) {
+function Xt(e, n) {
   typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = n.find((t) => t.code === e)?.direction ?? "ltr");
 }
-function Ut() {
+function Gt() {
   return typeof document > "u" ? null : document.querySelector('meta[name="webx-manifest"]')?.getAttribute("content") ?? null;
 }
-function It(e) {
+function Jt(e) {
   const n = e.replace(/\r\n?/g, `
 `).split(`
 `), t = [];
   let a = 0;
   for (; a < n.length; ) {
-    const i = n[a] ?? "";
-    if (i.trim() === "") {
+    const u = n[a] ?? "";
+    if (u.trim() === "") {
       a += 1;
       continue;
     }
-    if (/^```([\w-]*)\s*$/.exec(i)) {
-      const s = [];
+    if (/^```([\w-]*)\s*$/.exec(u)) {
+      const i = [];
       for (a += 1; a < n.length && !/^```\s*$/.test(n[a] ?? ""); )
-        s.push(n[a] ?? ""), a += 1;
-      a += 1, t.push(`<pre><code>${re(s.join(`
+        i.push(n[a] ?? ""), a += 1;
+      a += 1, t.push(`<pre><code>${ue(i.join(`
 `))}</code></pre>`);
       continue;
     }
-    const l = /^(#{1,4})\s+(.*)$/.exec(i);
+    const l = /^(#{1,4})\s+(.*)$/.exec(u);
     if (l) {
-      const s = Math.min(l[1].length + 1, 5);
-      t.push(`<h${s}>${ne(l[2] ?? "")}</h${s}>`), a += 1;
+      const i = Math.min(l[1].length + 1, 5);
+      t.push(`<h${i}>${oe(l[2] ?? "")}</h${i}>`), a += 1;
       continue;
     }
-    if (q(i)) {
-      const s = /^\s*\d+[.)]\s+/.test(i), c = [];
-      for (; a < n.length && q(n[a] ?? ""); )
-        for (c.push((n[a] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), a += 1; a < n.length; ) {
-          const m = n[a] ?? "";
-          if (m.trim() === "" || q(m) || /^(#{1,4})\s/.test(m) || /^```/.test(m))
+    if (J(u)) {
+      const i = /^\s*\d+[.)]\s+/.test(u), m = [];
+      for (; a < n.length && J(n[a] ?? ""); )
+        for (m.push((n[a] ?? "").replace(/^\s*(?:[-*+]|\d+[.)])\s+/, "")), a += 1; a < n.length; ) {
+          const f = n[a] ?? "";
+          if (f.trim() === "" || J(f) || /^(#{1,4})\s/.test(f) || /^```/.test(f))
             break;
-          c[c.length - 1] += ` ${m.trim()}`, a += 1;
+          m[m.length - 1] += ` ${f.trim()}`, a += 1;
         }
-      const f = s ? "ol" : "ul";
-      t.push(`<${f}>${c.map((m) => `<li>${ne(m)}</li>`).join("")}</${f}>`);
+      const h = i ? "ol" : "ul";
+      t.push(`<${h}>${m.map((f) => `<li>${oe(f)}</li>`).join("")}</${h}>`);
       continue;
     }
-    const d = [];
+    const s = [];
     for (; a < n.length; ) {
-      const s = n[a] ?? "";
-      if (s.trim() === "" || q(s) || /^(#{1,4})\s/.test(s) || /^```/.test(s)) break;
-      d.push(s.trim()), a += 1;
+      const i = n[a] ?? "";
+      if (i.trim() === "" || J(i) || /^(#{1,4})\s/.test(i) || /^```/.test(i)) break;
+      s.push(i.trim()), a += 1;
     }
-    t.push(`<p>${ne(d.join(" "))}</p>`);
+    t.push(`<p>${oe(s.join(" "))}</p>`);
   }
   return t.join("");
 }
-const j = "\0";
-function q(e) {
+const G = "\0";
+function J(e) {
   return /^\s*(?:[-*+]|\d+[.)])\s+/.test(e);
 }
-function ne(e) {
-  const n = [], t = e.replace(/`([^`]+)`/g, (i, o) => (n.push(`<code>${re(o)}</code>`), `${j}${n.length - 1}${j}`));
-  return re(t).replace(
+function oe(e) {
+  const n = [], t = e.replace(/`([^`]+)`/g, (u, o) => (n.push(`<code>${ue(o)}</code>`), `${G}${n.length - 1}${G}`));
+  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"),
-    (i, o) => n[Number(o)] ?? ""
+    new RegExp(`${G}(\\d+)${G}`, "g"),
+    (u, o) => n[Number(o)] ?? ""
   );
 }
-function re(e) {
+function ue(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Dt(e) {
+function Qt(e) {
   const n = e.scope("webx-admin"), t = /* @__PURE__ */ new Map();
-  function a(o, l, d) {
-    const s = e.state.locale, c = `${s}:${o}`;
-    let f = t.get(c);
-    return f === void 0 && (f = new Intl.DateTimeFormat(s, l), t.set(c, f)), f.format(d);
+  function a(o, l, s) {
+    const i = e.state.locale, m = `${i}:${o}`;
+    let h = t.get(m);
+    return h === void 0 && (h = new Intl.DateTimeFormat(i, l), t.set(m, h)), h.format(s);
   }
-  const i = (o) => a("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, o);
+  const u = (o) => a("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, o);
   return {
     short(o) {
-      const l = ae(o);
+      const l = Z(o);
       if (l === null)
         return n("dates.never");
-      const d = /* @__PURE__ */ new Date(), s = Nt(l, d);
-      return s === 0 ? n("dates.today", { time: i(l) }) : s === -1 ? n("dates.yesterday", { time: i(l) }) : l.getFullYear() === d.getFullYear() ? a(
+      const s = /* @__PURE__ */ new Date(), i = ve(l, s);
+      return i === 0 ? n("dates.today", { time: u(l) }) : i === -1 ? n("dates.yesterday", { time: u(l) }) : l.getFullYear() === s.getFullYear() ? a(
         "this-year",
         {
           day: "numeric",
@@ -999,73 +1212,80 @@ function Dt(e) {
         l
       ) : a("earlier", { day: "numeric", month: "long", year: "numeric" }, l);
     },
+    compact(o) {
+      const l = Z(o);
+      if (l === null)
+        return n("dates.never");
+      const s = /* @__PURE__ */ new Date();
+      return ve(l, s) === 0 ? u(l) : l.getFullYear() === s.getFullYear() ? a("compact", { day: "numeric", month: "short" }, l) : a("compact-earlier", { dateStyle: "short" }, l);
+    },
     exact(o) {
-      const l = ae(o);
+      const l = Z(o);
       return l === null ? "" : a("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, l);
     },
     iso(o) {
-      const l = ae(o);
+      const l = Z(o);
       return l === null ? "" : l.toISOString();
     }
   };
 }
-function Mt() {
-  const e = G(Q, null);
-  return Dt(e ?? Bt());
+function Zt() {
+  const e = ee(ne, null);
+  return Qt(e ?? en());
 }
-let K = null;
-function Bt() {
-  return K === null && (K = ue(), K.defaults("webx-admin", xe)), K;
+let Q = null;
+function en() {
+  return Q === null && (Q = de(), Q.defaults("webx-admin", _e)), Q;
 }
-function ae(e) {
+function Z(e) {
   if (e == null || e === "")
     return null;
   const n = e instanceof Date ? e : new Date(e);
   return Number.isNaN(n.getTime()) ? null : n;
 }
-function Nt(e, n) {
+function ve(e, n) {
   const t = (a) => Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
   return Math.round((t(e) - t(n)) / 864e5);
 }
-function Pt(e, n, t) {
-  const a = e instanceof ie ? e.status : Ht(e);
+function tn(e, n, t) {
+  const a = e instanceof re ? e.status : an(e);
   if (a === 422)
-    return Ft(e) ?? t ?? n("errors.unknown");
+    return ln(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 i = e instanceof ie ? e.retryAfter : null;
-    return i === null ? n("errors.throttled") : n("errors.throttled-in", { seconds: i });
+    const u = e instanceof re ? e.retryAfter : null;
+    return u === null ? n("errors.throttled") : n("errors.throttled-in", { seconds: u });
   }
   return a !== null && a >= 500 ? n("errors.server") : a === null ? n("errors.offline") : t ?? n("errors.unknown");
 }
-function Vt() {
+function nn() {
   const e = I("webx-admin");
-  return (n, t) => Pt(n, e, t);
+  return (n, t) => tn(n, e, t);
 }
-function Ht(e) {
+function an(e) {
   const n = e?.status;
   return typeof n == "number" ? n : null;
 }
-function Ft(e) {
+function ln(e) {
   const t = e?.body?.message;
   return typeof t == "string" && t !== "" ? t : null;
 }
-function Ot(e, n, t) {
-  const a = `${e.apiPath}/entities/${n}/${t}/notes`, i = (l) => `${e.apiPath}/notes/${l}`, o = (l) => l.data;
+function on(e, n, t) {
+  const a = `${e.apiPath}/entities/${n}/${t}/notes`, u = (l) => `${e.apiPath}/notes/${l}`, o = (l) => l.data;
   return {
     list: () => e.http.get(a).then(o),
     add: (l) => e.http.post(a, { body: l }).then(o),
-    save: (l, d) => e.http.put(i(l), { body: d }).then(o),
-    remove: (l) => e.http.delete(i(l)).then(() => {
+    save: (l, s) => e.http.put(u(l), { body: s }).then(o),
+    remove: (l) => e.http.delete(u(l)).then(() => {
     })
   };
 }
-const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
+const sn = { class: "wx-screen-host" }, Cn = /* @__PURE__ */ U({
   __name: "Screen",
-  props: /* @__PURE__ */ oe({
+  props: /* @__PURE__ */ ie({
     name: {},
     errors: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -1076,34 +1296,34 @@ const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ oe(["loaded"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ie(["loaded"], ["update:modelValue"]),
   setup(e, { expose: n, emit: t }) {
-    const a = e, i = t, o = pe(e, "modelValue"), l = H(), d = I("webx-admin"), s = L(null), c = L(null);
-    async function f() {
-      s.value = null, c.value = null;
+    const a = e, u = t, o = ge(e, "modelValue"), l = H(), s = I("webx-admin"), i = E(null), m = E(null);
+    async function h() {
+      i.value = null, m.value = null;
       try {
-        const m = await l.loadScreen(a.name);
-        s.value = m, i("loaded", m);
-      } catch (m) {
-        c.value = m instanceof Error ? m.message : String(m);
+        const f = await l.loadScreen(a.name);
+        i.value = f, u("loaded", f);
+      } catch (f) {
+        m.value = f instanceof Error ? f.message : String(f);
       }
     }
-    return J([() => a.name, () => l.i18n.state.locale], () => {
-      f();
-    }, { immediate: !0 }), n({ reload: f }), (m, u) => (p(), b("div", jt, [
-      c.value ? (p(), _(r(Oe), {
+    return te([() => a.name, () => l.i18n.state.locale], () => {
+      h();
+    }, { immediate: !0 }), n({ reload: h }), (f, d) => (v(), k("div", sn, [
+      m.value ? (v(), y(r(et), {
         key: 0,
         type: "danger",
-        title: r(d)("shell.error-title"),
-        description: c.value
-      }, null, 8, ["title", "description"])) : s.value === null ? (p(), _(r(we), {
+        title: r(s)("shell.error-title"),
+        description: m.value
+      }, null, 8, ["title", "description"])) : i.value === null ? (v(), y(r(ye), {
         key: 1,
         rows: 4
-      })) : (p(), _(r(et), {
+      })) : (v(), y(r(ut), {
         key: 2,
         modelValue: o.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (v) => o.value = v),
-        root: s.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (p) => o.value = p),
+        root: i.value,
         patch: r(l).screenPatch(e.name),
         types: r(l).types,
         errors: e.errors,
@@ -1116,77 +1336,27 @@ const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
       }, null, 8, ["modelValue", "root", "patch", "types", "errors", "translate", "can", "disabled", "label-position", "label-width", "size"]))
     ]));
   }
-}), qt = {
-  key: 0,
-  class: "wx-dropdown__divider"
-}, Kt = /* @__PURE__ */ W({
-  __name: "RowMenu",
+}), Ln = 76, zn = /* @__PURE__ */ U({
+  __name: "FilterChips",
   props: {
-    actions: {},
-    label: { default: void 0 },
-    size: { default: "sm" }
+    filters: {}
   },
   setup(e) {
-    const n = e, t = k(() => [
-      ...n.actions.filter((i) => !i.danger),
-      ...n.actions.filter((i) => i.danger)
-    ]), a = k(() => {
-      const i = t.value.find((o) => o.danger);
-      return i && t.value[0] !== i ? i.key : null;
-    });
-    return (i, o) => t.value.length > 0 ? (p(), _(r(je), {
-      key: 0,
-      class: "wx-row-menu",
-      collapse: "always",
-      align: "end",
-      size: e.size,
-      "aria-label": e.label,
-      onClick: o[0] || (o[0] = ve(() => {
-      }, ["stop"]))
+    return (n, t) => (v(!0), k(B, null, N(e.filters, (a) => (v(), y(r(tt), {
+      key: a.key,
+      class: "wx-filter-chip",
+      size: "sm",
+      round: "",
+      closable: "",
+      onClose: (u) => a.clear()
     }, {
-      collapsed: g(() => [
-        (p(!0), b(U, null, F(t.value, (l) => (p(), b(U, {
-          key: l.key
-        }, [
-          l.key === a.value ? (p(), b("hr", qt)) : E("", !0),
-          x(r(qe), {
-            icon: l.icon,
-            tone: l.danger ? "danger" : "default",
-            href: l.href,
-            target: l.href ? l.target ?? "_blank" : void 0,
-            disabled: l.disabled,
-            onClick: (d) => l.run?.()
-          }, {
-            default: g(() => [
-              R(C(l.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"])
-        ], 64))), 128))
+      default: b(() => [
+        z(C(a.label), 1)
       ]),
-      _: 1
-    }, 8, ["size", "aria-label"])) : E("", !0);
-  }
-}), Yt = /* @__PURE__ */ V(Kt, [["__scopeId", "data-v-4a08eb39"]]), vn = /* @__PURE__ */ W({
-  __name: "BackButton",
-  props: {
-    to: {},
-    label: { default: void 0 },
-    size: { default: "sm" }
-  },
-  setup(e) {
-    const n = e, t = I("webx-admin"), a = k(() => n.label ?? t("editor.back"));
-    return (i, o) => (p(), _(r(de), {
-      icon: "arrow-left",
-      class: "wx-back-button",
-      as: r(Ue),
-      to: e.to,
-      title: a.value,
-      size: e.size,
-      "tooltip-side": "bottom"
-    }, null, 8, ["as", "to", "title", "size"]));
+      _: 2
+    }, 1032, ["onClose"]))), 128));
   }
-}), Xt = { class: "wx-rename__footer" }, Gt = /* @__PURE__ */ W({
+}), rn = { class: "wx-rename__footer" }, un = /* @__PURE__ */ U({
   __name: "RenameButton",
   props: {
     name: { default: "" },
@@ -1197,57 +1367,57 @@ const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
   },
   emits: ["rename"],
   setup(e, { emit: n }) {
-    const t = e, a = n, i = I("webx-admin"), o = L(!1), l = L(t.name), d = L(null), s = k(() => t.label ?? i("editor.rename"));
-    J(o, async (f) => {
-      f && (l.value = t.name, await Le(), d.value?.focus(), d.value?.select());
+    const t = e, a = n, u = I("webx-admin"), o = E(!1), l = E(t.name), s = E(null), i = x(() => t.label ?? u("editor.rename"));
+    te(o, async (h) => {
+      h && (l.value = t.name, await Ue(), s.value?.focus(), s.value?.select());
     });
-    function c() {
-      const f = l.value.trim();
-      if (f === "" || f === t.name) {
+    function m() {
+      const h = l.value.trim();
+      if (h === "" || h === t.name) {
         o.value = !1;
         return;
       }
-      a("rename", f), o.value = !1;
+      a("rename", h), o.value = !1;
     }
-    return (f, m) => (p(), _(r(Ke), {
+    return (h, f) => (v(), y(r(nt), {
       open: o.value,
-      "onUpdate:open": m[2] || (m[2] = (u) => o.value = u),
-      title: s.value,
+      "onUpdate:open": f[2] || (f[2] = (d) => o.value = d),
+      title: i.value,
       width: 320,
       side: "bottom",
       align: "start",
       teleport: ""
     }, {
-      trigger: g(() => [
-        x(r(de), {
+      trigger: b(() => [
+        _(r(Y), {
           type: "edit",
-          title: s.value,
+          title: i.value,
           size: e.size,
           disabled: e.disabled
         }, null, 8, ["title", "size", "disabled"])
       ]),
-      default: g(() => [
+      default: b(() => [
         M("form", {
           class: "wx-rename",
-          onSubmit: ve(c, ["prevent"])
+          onSubmit: pe(m, ["prevent"])
         }, [
-          x(r(Ye), {
+          _(r(at), {
             ref_key: "field",
-            ref: d,
+            ref: s,
             modelValue: l.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (u) => l.value = u),
-            "aria-label": s.value,
+            "onUpdate:modelValue": f[0] || (f[0] = (d) => l.value = d),
+            "aria-label": i.value,
             placeholder: e.placeholder,
-            onKeydown: m[1] || (m[1] = Re((u) => o.value = !1, ["esc"]))
+            onKeydown: f[1] || (f[1] = Be((d) => o.value = !1, ["esc"]))
           }, null, 8, ["modelValue", "aria-label", "placeholder"]),
-          M("div", Xt, [
-            x(r(Y), {
+          M("div", rn, [
+            _(r(O), {
               type: "primary",
               size: "sm",
               "native-type": "submit"
             }, {
-              default: g(() => [
-                R(C(r(i)("editor.save")), 1)
+              default: b(() => [
+                z(C(r(u)("editor.save")), 1)
               ]),
               _: 1
             })
@@ -1257,7 +1427,7 @@ const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), gn = /* @__PURE__ */ V(Gt, [["__scopeId", "data-v-d879e8d3"]]), Jt = ["innerHTML"], Qt = /* @__PURE__ */ W({
+}), Wn = /* @__PURE__ */ P(un, [["__scopeId", "data-v-d879e8d3"]]), dn = ["innerHTML"], cn = /* @__PURE__ */ U({
   __name: "HelpButton",
   props: {
     body: {},
@@ -1267,81 +1437,82 @@ const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
     width: { default: 720 }
   },
   setup(e) {
-    const n = e, t = I("webx-admin"), a = L(!1), i = k(() => n.title ?? t("help.title")), o = k(() => It(n.body));
-    return (l, d) => (p(), b(U, null, [
-      x(r(de), {
+    const n = e, t = I("webx-admin"), a = E(!1), u = x(() => n.title ?? t("help.title")), o = x(() => Jt(n.body));
+    return (l, s) => (v(), k(B, null, [
+      _(r(Y), {
         type: "details",
         icon: "question",
         tone: "neutral",
         size: e.size,
-        title: e.label ?? i.value,
-        onClick: d[0] || (d[0] = (s) => a.value = !0)
+        title: e.label ?? u.value,
+        onClick: s[0] || (s[0] = (i) => a.value = !0)
       }, null, 8, ["size", "title"]),
-      x(r(Xe), {
+      _(r(lt), {
         open: a.value,
-        "onUpdate:open": d[1] || (d[1] = (s) => a.value = s),
-        title: i.value,
+        "onUpdate:open": s[1] || (s[1] = (i) => a.value = i),
+        title: u.value,
         width: e.width
       }, {
-        default: g(() => [
+        default: b(() => [
           M("div", {
             class: "wx-help",
             innerHTML: o.value
-          }, null, 8, Jt)
+          }, null, 8, dn)
         ]),
         _: 1
       }, 8, ["open", "title", "width"])
     ], 64));
   }
-}), wn = /* @__PURE__ */ V(Qt, [["__scopeId", "data-v-6c280d42"]]), Zt = /* @__PURE__ */ W({
+}), An = /* @__PURE__ */ P(cn, [["__scopeId", "data-v-6c280d42"]]), mn = /* @__PURE__ */ U({
   name: "WxDate",
   __name: "DateText",
   props: {
     value: {},
+    compact: { type: Boolean, default: !1 },
     size: { default: "sm" },
     tone: { default: "muted" }
   },
   setup(e) {
-    const n = e, t = Mt(), a = k(() => t.short(n.value)), i = k(() => t.exact(n.value)), o = k(() => t.iso(n.value));
-    return (l, d) => i.value ? (p(), _(r(Ge), {
+    const n = e, t = Zt(), a = x(() => n.compact ? t.compact(n.value) : t.short(n.value)), u = x(() => t.exact(n.value)), o = x(() => t.iso(n.value));
+    return (l, s) => u.value ? (v(), y(r(ot), {
       key: 0,
-      content: i.value
+      content: u.value
     }, {
-      default: g(() => [
-        x(r(X), {
+      default: b(() => [
+        _(r(q), {
           as: "time",
           datetime: o.value,
           size: e.size,
           tone: e.tone
         }, {
-          default: g(() => [
-            R(C(a.value), 1)
+          default: b(() => [
+            z(C(a.value), 1)
           ]),
           _: 1
         }, 8, ["datetime", "size", "tone"])
       ]),
       _: 1
-    }, 8, ["content"])) : (p(), _(r(X), {
+    }, 8, ["content"])) : (v(), y(r(q), {
       key: 1,
       size: e.size,
       tone: e.tone
     }, {
-      default: g(() => [
-        R(C(a.value), 1)
+      default: b(() => [
+        z(C(a.value), 1)
       ]),
       _: 1
     }, 8, ["size", "tone"]));
   }
-}), en = { class: "wx-notes" }, tn = {
+}), fn = { class: "wx-notes" }, hn = {
   key: 3,
   class: "wx-notes__list"
-}, nn = { class: "wx-note__body" }, an = { class: "wx-note__head" }, ln = { class: "wx-note__buttons" }, on = {
+}, vn = { class: "wx-note__body" }, pn = { class: "wx-note__head" }, bn = { class: "wx-note__buttons" }, gn = {
   key: 1,
   class: "wx-note__text"
-}, sn = {
+}, wn = {
   key: 4,
   class: "wx-notes__new"
-}, rn = /* @__PURE__ */ W({
+}, yn = /* @__PURE__ */ U({
   name: "WxNotes",
   __name: "NotesFeed",
   props: {
@@ -1352,52 +1523,52 @@ const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
   },
   emits: ["change"],
   setup(e, { emit: n }) {
-    const t = e, a = n, i = H(), o = I("webx-admin"), l = Vt(), d = L([]), s = L(!0), c = L(""), f = L(!1), m = L(null), u = L(""), v = k(() => Ot(i, t.type, t.id)), w = k(() => t.title ?? o("notes.title"));
-    async function h() {
-      s.value = !0;
+    const t = e, a = n, u = H(), o = I("webx-admin"), l = nn(), s = E([]), i = E(!0), m = E(""), h = E(!1), f = E(null), d = E(""), p = x(() => on(u, t.type, t.id)), g = x(() => t.title ?? o("notes.title"));
+    async function c() {
+      i.value = !0;
       try {
-        d.value = await v.value.list();
-      } catch ($) {
-        P.danger(l($));
+        s.value = await p.value.list();
+      } catch (T) {
+        F.danger(l(T));
       } finally {
-        s.value = !1;
+        i.value = !1;
       }
     }
-    J(
+    te(
       () => [t.type, t.id],
       () => {
-        m.value = null, c.value = "", h();
+        f.value = null, m.value = "", c();
       },
       { immediate: !0 }
     );
-    async function y() {
-      const $ = c.value.trim();
-      if (!($ === "" || f.value)) {
-        f.value = !0;
+    async function w() {
+      const T = m.value.trim();
+      if (!(T === "" || h.value)) {
+        h.value = !0;
         try {
-          d.value = [...d.value, await v.value.add($)], c.value = "", a("change");
-        } catch (S) {
-          P.danger(l(S));
+          s.value = [...s.value, await p.value.add(T)], m.value = "", a("change");
+        } catch (A) {
+          F.danger(l(A));
         } finally {
-          f.value = !1;
+          h.value = !1;
         }
       }
     }
-    function D($) {
-      m.value = $.id, u.value = $.body;
+    function $(T) {
+      f.value = T.id, d.value = T.body;
     }
-    async function Z($) {
-      const S = u.value.trim();
-      if (S !== "")
+    async function K(T) {
+      const A = d.value.trim();
+      if (A !== "")
         try {
-          const T = await v.value.save($.id, S);
-          d.value = d.value.map((B) => B.id === T.id ? T : B), m.value = null, P.success(o("notes.saved")), a("change");
-        } catch (T) {
-          P.danger(l(T));
+          const S = await p.value.save(T.id, A);
+          s.value = s.value.map((D) => D.id === S.id ? S : D), f.value = null, F.success(o("notes.saved")), a("change");
+        } catch (S) {
+          F.danger(l(S));
         }
     }
-    async function ee($) {
-      if (await Ze({
+    async function ae(T) {
+      if (await rt({
         title: o("notes.delete-title"),
         message: o("notes.delete-text"),
         confirmText: o("notes.delete"),
@@ -1405,164 +1576,167 @@ const jt = { class: "wx-screen-host" }, pn = /* @__PURE__ */ W({
         tone: "danger"
       }))
         try {
-          await v.value.remove($.id), d.value = d.value.filter((T) => T.id !== $.id), P.success(o("notes.deleted")), a("change");
-        } catch (T) {
-          P.danger(l(T));
+          await p.value.remove(T.id), s.value = s.value.filter((S) => S.id !== T.id), F.success(o("notes.deleted")), a("change");
+        } catch (S) {
+          F.danger(l(S));
         }
     }
-    function te($) {
-      return !t.can || !$.is_mine ? [] : [
-        { key: "edit", icon: "edit", label: o("notes.edit"), run: () => D($) },
+    function le(T) {
+      return !t.can || !T.is_mine ? [] : [
+        { key: "edit", icon: "edit", label: o("notes.edit"), run: () => $(T) },
         {
           key: "delete",
           icon: "trash",
           label: o("notes.delete"),
           danger: !0,
           run: () => {
-            ee($);
+            ae(T);
           }
         }
       ];
     }
-    function N($) {
-      return $.author?.name ?? o("notes.unknown-author");
+    function V(T) {
+      return T.author?.name ?? o("notes.unknown-author");
     }
-    return ($, S) => (p(), b("section", en, [
-      w.value ? (p(), _(r(X), {
+    return (T, A) => (v(), k("section", fn, [
+      g.value ? (v(), y(r(q), {
         key: 0,
         weight: "medium",
         class: "wx-notes__title"
       }, {
-        default: g(() => [
-          R(C(w.value), 1)
+        default: b(() => [
+          z(C(g.value), 1)
         ]),
         _: 1
-      })) : E("", !0),
-      s.value ? (p(), _(r(we), {
+      })) : W("", !0),
+      i.value ? (v(), y(r(ye), {
         key: 1,
         rows: 2
-      })) : d.value.length === 0 ? (p(), _(r(Je), {
+      })) : s.value.length === 0 ? (v(), y(r(st), {
         key: 2,
         size: "sm",
         description: r(o)("notes.empty")
-      }, null, 8, ["description"])) : (p(), b("ul", tn, [
-        (p(!0), b(U, null, F(d.value, (T) => (p(), b("li", {
-          key: T.id,
+      }, null, 8, ["description"])) : (v(), k("ul", hn, [
+        (v(!0), k(B, null, N(s.value, (S) => (v(), k("li", {
+          key: S.id,
           class: "wx-note"
         }, [
-          x(r(Qe), {
-            name: N(T),
+          _(r(it), {
+            name: V(S),
             size: "sm",
             tone: "auto"
           }, null, 8, ["name"]),
-          M("div", nn, [
-            M("div", an, [
-              x(r(X), {
+          M("div", vn, [
+            M("div", pn, [
+              _(r(q), {
                 size: "sm",
                 weight: "medium",
                 truncate: ""
               }, {
-                default: g(() => [
-                  R(C(N(T)), 1)
+                default: b(() => [
+                  z(C(V(S)), 1)
                 ]),
                 _: 2
               }, 1024),
-              x(Zt, {
-                value: T.created_at
+              _(mn, {
+                value: S.created_at
               }, null, 8, ["value"]),
-              x(Yt, {
-                actions: te(T),
-                label: N(T)
+              _(xe, {
+                actions: le(S),
+                label: V(S)
               }, null, 8, ["actions", "label"])
             ]),
-            m.value === T.id ? (p(), b(U, { key: 0 }, [
-              x(r(fe), {
-                modelValue: u.value,
-                "onUpdate:modelValue": S[0] || (S[0] = (B) => u.value = B),
+            f.value === S.id ? (v(), k(B, { key: 0 }, [
+              _(r(fe), {
+                modelValue: d.value,
+                "onUpdate:modelValue": A[0] || (A[0] = (D) => d.value = D),
                 autosize: { minRows: 2, maxRows: 10 }
               }, null, 8, ["modelValue"]),
-              M("div", ln, [
-                x(r(Y), {
+              M("div", bn, [
+                _(r(O), {
                   size: "sm",
                   type: "primary",
-                  onClick: (B) => Z(T)
+                  onClick: (D) => K(S)
                 }, {
-                  default: g(() => [
-                    R(C(r(o)("notes.save")), 1)
+                  default: b(() => [
+                    z(C(r(o)("notes.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                x(r(Y), {
+                _(r(O), {
                   size: "sm",
                   variant: "text",
-                  onClick: S[1] || (S[1] = (B) => m.value = null)
+                  onClick: A[1] || (A[1] = (D) => f.value = null)
                 }, {
-                  default: g(() => [
-                    R(C(r(o)("notes.cancel")), 1)
+                  default: b(() => [
+                    z(C(r(o)("notes.cancel")), 1)
                   ]),
                   _: 1
                 })
               ])
-            ], 64)) : (p(), b("p", on, C(T.body), 1))
+            ], 64)) : (v(), k("p", gn, C(S.body), 1))
           ])
         ]))), 128))
       ])),
-      e.can ? (p(), b("div", sn, [
-        x(r(fe), {
-          modelValue: c.value,
-          "onUpdate:modelValue": S[2] || (S[2] = (T) => c.value = T),
+      e.can ? (v(), k("div", wn, [
+        _(r(fe), {
+          modelValue: m.value,
+          "onUpdate:modelValue": A[2] || (A[2] = (S) => m.value = S),
           placeholder: r(o)("notes.placeholder"),
           autosize: { minRows: 2, maxRows: 8 }
         }, null, 8, ["modelValue", "placeholder"]),
-        x(r(Y), {
+        _(r(O), {
           size: "sm",
           type: "primary",
-          disabled: c.value.trim() === "",
-          loading: f.value,
-          onClick: y
+          disabled: m.value.trim() === "",
+          loading: h.value,
+          onClick: w
         }, {
-          default: g(() => [
-            R(C(r(o)("notes.add")), 1)
+          default: b(() => [
+            z(C(r(o)("notes.add")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "loading"])
-      ])) : E("", !0)
+      ])) : W("", !0)
     ]));
   }
-}), yn = /* @__PURE__ */ V(rn, [["__scopeId", "data-v-71004c1a"]]);
+}), Rn = /* @__PURE__ */ P(yn, [["__scopeId", "data-v-71004c1a"]]);
 export {
-  ft as AdminLanding,
-  ht as AdminNav,
-  $t as AdminShell,
-  ie as HttpError,
-  vn as WxBackButton,
-  Zt as WxDate,
-  wn as WxHelpButton,
-  ot as WxListScreen,
-  yn as WxNotes,
-  gn as WxRenameButton,
-  rt as WxRichTextField,
-  Yt as WxRowMenu,
-  pn as WxScreen,
-  ye as adminKey,
-  xe as adminMessages,
-  dt as adminTypes,
-  hn as createAdmin,
-  ut as createAdminContext,
-  Dt as createDates,
-  St as createHttp,
-  ue as createI18n,
-  Ot as createNotesApi,
-  Pt as errorText,
-  Q as i18nKey,
-  ct as provideAdmin,
-  st as provideI18n,
+  zt as AdminLanding,
+  Wt as AdminNav,
+  Pt as AdminShell,
+  re as HttpError,
+  mt as WxBackButton,
+  mn as WxDate,
+  zn as WxFilterChips,
+  An as WxHelpButton,
+  _t as WxListScreen,
+  Rn as WxNotes,
+  Wn as WxRenameButton,
+  $t as WxRichTextField,
+  xe as WxRowMenu,
+  Cn as WxScreen,
+  yt as WxScreenHead,
+  ke as adminKey,
+  _e as adminMessages,
+  Tt as adminTypes,
+  Sn as createAdmin,
+  St as createAdminContext,
+  Qt as createDates,
+  Ft as createHttp,
+  de as createI18n,
+  on as createNotesApi,
+  tn as errorText,
+  ne as i18nKey,
+  Ct as provideAdmin,
+  dt as provideI18n,
   he as readCookie,
-  It as renderMarkdown,
+  Jt as renderMarkdown,
+  Ln as rowMenuWidth,
   H as useAdmin,
-  Mt as useDates,
-  Vt as useErrorText,
-  fn as useI18n,
+  Zt as useDates,
+  nn as useErrorText,
+  Tn as useI18n,
   I as useTranslate
 };
 //# sourceMappingURL=index.js.map