@webx-ui/module-admin 0.4.2 → 0.5.0

package/dist/index.js

@@ -1,93 +1,177 @@
-import { inject as R, reactive as C, computed as k, defineComponent as M, resolveComponent as y, openBlock as w, createBlock as S, unref as d, withCtx as x, createElementBlock as _, Fragment as U, renderList as P, ref as T, createVNode as b, createTextVNode as I, toDisplayString as W, renderSlot as $, createCommentVNode as J, isRef as Q, createApp as Y, h as A, useModel as Z, watch as ee, mergeModels as D } from "vue";
-import { useRouter as te, useRoute as ne, createRouter as ae, createWebHistory as le } from "vue-router";
-import { useResponsiveShell as oe, WxToaster as se, WebxUI as re, localesKey as ie, WxAlert as ce, WxSkeleton as ue } from "@webx-ui/core";
-import { WxScreenRenderer as de } from "@webx-ui/schema";
-const F = /* @__PURE__ */ Symbol("webx-admin");
-function N() {
-  const e = R(F, null);
+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 = {
+  key: 0,
+  class: "wx-list-screen__head"
+}, De = {
+  key: 1,
+  class: "wx-list-screen__actions"
+}, ze = /* @__PURE__ */ A({
+  __name: "ListScreen",
+  props: /* @__PURE__ */ j({
+    title: { default: void 0 },
+    views: { default: void 0 },
+    card: { type: Boolean, default: !0 },
+    padding: { default: void 0 },
+    fill: { type: Boolean, default: !1 },
+    collapseBelow: { default: 560 }
+  }, {
+    view: { default: void 0 },
+    viewModifiers: {}
+  }),
+  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 }]),
+      "data-wx-fill": e.fill ? "" : void 0
+    }, [
+      e.title || n.$slots.actions ? (v(), p("div", Me, [
+        e.title ? (v(), b(f(be), {
+          key: 0,
+          level: 2,
+          class: "wx-list-screen__title"
+        }, {
+          default: g(() => [
+            C(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), {
+        key: 1,
+        modelValue: t.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+        class: "wx-list-screen__views",
+        items: e.views,
+        "collapse-below": e.collapseBelow,
+        "aria-label": e.title
+      }, {
+        default: g(() => [
+          e.card ? (v(), b(f(G), {
+            key: 0,
+            class: "wx-list-screen__card",
+            padding: e.padding
+          }, {
+            default: g(() => [
+              $(n.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["padding"])) : $(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), {
+          key: 0,
+          class: "wx-list-screen__card",
+          padding: e.padding
+        }, {
+          default: g(() => [
+            $(n.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["padding"])) : $(n.$slots, "default", {}, void 0, !0, 1)
+      ], 64))
+    ], 10, We));
+  }
+}), ee = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, u] of t)
+    n[l] = u;
+  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);
   if (e === null)
     throw new Error("useAdmin() was called outside a panel created by createAdmin().");
   return e;
 }
-function fe(e) {
-  const n = C({
+function Ie(e) {
+  const t = F({
     status: "loading",
     manifest: null,
     user: null,
     error: null
-  }), o = k(() => {
-    const t = n.manifest;
-    if (t === null)
+  }), n = k(() => {
+    const a = t.manifest;
+    if (a === null)
       return [];
-    const a = [];
-    for (const c of t.modules) {
-      const s = e.modules.find((h) => h.id === c.id);
-      if (s === void 0)
+    const o = [];
+    for (const h of a.modules) {
+      const d = e.modules.find((w) => w.id === h.id);
+      if (d === void 0)
         continue;
-      const v = s.path ?? s.routes?.[0]?.path;
-      v !== void 0 && a.push({
-        id: c.id,
-        title: c.title,
-        icon: c.icon,
-        path: v,
-        group: c.group ?? null
+      const y = d.path ?? d.routes?.[0]?.path;
+      y !== void 0 && o.push({
+        id: h.id,
+        title: h.title,
+        icon: h.icon,
+        path: y,
+        group: h.group ?? null
       });
     }
-    return a;
-  }), u = k(() => {
-    const t = n.manifest?.groups ?? [], a = [], c = /* @__PURE__ */ new Map();
-    for (const s of o.value)
-      if (s.group !== null && t.some((v) => v.id === s.group)) {
-        const v = c.get(s.group) ?? [];
-        v.push(s), c.set(s.group, v);
+    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);
       } else
-        a.push(s);
+        o.push(d);
     return {
-      top: a,
-      groups: t.filter((s) => c.has(s.id)).map((s) => ({
-        id: s.id,
-        title: s.title,
-        entries: c.get(s.id) ?? []
+      top: o,
+      groups: a.filter((d) => h.has(d.id)).map((d) => ({
+        id: d.id,
+        title: d.title,
+        entries: h.get(d.id) ?? []
       }))
     };
-  }), f = {};
-  for (const t of e.modules)
-    Object.assign(f, t.types);
-  Object.assign(f, e.types);
+  }), 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 p(t) {
-    const a = `${e.i18n.state.locale}:${t}`;
-    let c = m.get(a);
-    return c === void 0 && (c = e.http.get(`${e.apiPath}/screens/${t}`).then((s) => s.data.root).catch((s) => {
-      throw m.delete(a), s;
-    }), m.set(a, c)), c;
+  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;
   }
-  let r = null;
+  let c = null;
   async function i() {
-    n.status = "loading", n.error = null;
+    t.status = "loading", t.error = null;
     try {
-      if (r !== null && (n.user = await r(), n.user === null)) {
-        n.manifest = null, n.status = "unauthenticated";
+      if (c !== null && (t.user = await c(), t.user === null)) {
+        t.manifest = null, t.status = "unauthenticated";
         return;
       }
-      const t = await e.loadManifest();
-      n.manifest = t, e.i18n.state.contentLocales = t.locales ?? [], e.i18n.state.panelLocales = t.panelLocales ?? e.i18n.state.panelLocales, t.locale !== void 0 && t.locale !== e.i18n.state.locale && await l(t.locale), n.status = "ready";
-    } catch (t) {
-      if (pe(t)) {
-        n.manifest = null, n.user = null, n.status = "unauthenticated";
+      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)) {
+        t.manifest = null, t.user = null, t.status = "unauthenticated";
         return;
       }
-      n.error = t instanceof Error ? t.message : String(t), n.status = "error";
+      t.error = a instanceof Error ? a.message : String(a), t.status = "error";
     }
   }
-  async function l(t) {
+  async function r(a) {
     if (e.loadDictionary === void 0) {
-      e.i18n.state.locale = t;
+      e.i18n.state.locale = a;
       return;
     }
-    if (await e.loadDictionary(t), n.manifest !== null)
+    if (await e.loadDictionary(a), t.manifest !== null)
       try {
-        n.manifest = await e.loadManifest();
+        t.manifest = await e.loadManifest();
       } catch {
       }
   }
@@ -95,134 +179,134 @@ function fe(e) {
     http: e.http,
     basePath: e.basePath,
     apiPath: e.apiPath,
-    state: n,
+    state: t,
     i18n: e.i18n,
     modules: e.modules,
-    nav: o,
-    groups: u,
-    types: f,
+    nav: n,
+    groups: l,
+    types: u,
     reload: i,
-    setLocale: l,
-    setUser(t) {
-      n.user = t;
+    setLocale: r,
+    setUser(a) {
+      t.user = a;
     },
-    useSessionLoader(t) {
-      r = t;
+    useSessionLoader(a) {
+      c = a;
     },
-    can(t) {
-      const a = n.user;
-      return a === null ? !1 : a.isSuper || a.permissions.includes(t);
+    can(a) {
+      const o = t.user;
+      return o === null ? !1 : o.isSuper || o.permissions.includes(a);
     },
-    loadScreen: p,
-    screenPatch(t) {
-      return e.screens?.[t] ?? [];
+    loadScreen: s,
+    screenPatch(a) {
+      return e.screens?.[a] ?? [];
     }
   };
 }
-function me(e, n) {
-  e.provide(F, n);
+function Ve(e, t) {
+  e.provide(te, t);
 }
-function pe(e) {
+function Oe(e) {
   return typeof e == "object" && e !== null && "status" in e && e.status === 401;
 }
-const O = /* @__PURE__ */ Symbol("webx-i18n");
-function De() {
-  const e = R(O, null);
+const N = /* @__PURE__ */ Symbol("webx-i18n");
+function St() {
+  const e = z(N, null);
   if (e === null)
     throw new Error("useI18n() was called outside a panel created by createAdmin().");
   return e;
 }
-function j(e) {
-  const n = R(O, null);
-  return n === null ? X().scope(e) : n.scope(e);
+function R(e) {
+  const t = z(N, null);
+  return t === null ? X().scope(e) : t.scope(e);
 }
-function he(e, n) {
-  e.provide(O, n);
+function je(e, t) {
+  e.provide(N, t);
 }
 function X(e = {}) {
-  const n = e.fallback ?? "en", o = C({
-    locale: e.locale ?? n,
-    fallback: n,
+  const t = e.fallback ?? "en", n = F({
+    locale: e.locale ?? t,
+    fallback: t,
     panelLocales: [],
     contentLocales: []
-  }), u = {}, f = C({ value: {} });
-  function m(r, i, l) {
-    let t = r[i]?.[l[0] ?? ""];
-    for (const a of l.slice(1)) {
-      if (typeof t != "object" || t === null)
+  }), 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)
         return null;
-      t = t[a];
+      a = a[o];
     }
-    return typeof t == "string" ? t : null;
+    return typeof a == "string" ? a : null;
   }
-  function p(r, i, l) {
-    const [t, a] = i.includes("::") ? i.split("::", 2) : [r, i], c = a.split("."), s = m(f.value, t, c) ?? m(u, t, c) ?? // Not an empty string: a key on screen is ugly, but it says which key, and a blank
+  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
     // label says nothing to anybody trying to fix it.
     i;
-    return l === void 0 ? s : ve(s, l);
+    return r === void 0 ? d : Fe(d, r);
   }
   return {
-    state: o,
-    defaults(r, i) {
-      u[r] = { ...u[r], ...i };
+    state: n,
+    defaults(c, i) {
+      l[c] = { ...l[c], ...i };
     },
-    load(r, i, l) {
-      f.value = r ?? {}, o.locale = i ?? o.locale, l !== void 0 && (o.fallback = l);
+    load(c, i, r) {
+      u.value = c ?? {}, n.locale = i ?? n.locale, r !== void 0 && (n.fallback = r);
     },
-    scope(r) {
-      return (i, l) => p(r, i, l);
+    scope(c) {
+      return (i, r) => s(c, i, r);
     },
-    t: (r, i) => p("", r, i)
+    t: (c, i) => s("", c, i)
   };
 }
-function ve(e, n) {
-  let o = e;
-  for (const [u, f] of Object.entries(n))
-    o = o.replaceAll(`:${u}`, String(f));
-  return o;
+function Fe(e, t) {
+  let n = e;
+  for (const [l, u] of Object.entries(t))
+    n = n.replaceAll(`:${l}`, String(u));
+  return n;
 }
-const we = /* @__PURE__ */ M({
+const Be = /* @__PURE__ */ A({
   __name: "AdminNav",
   props: {
     collapsed: { type: Boolean }
   },
   emits: ["select"],
-  setup(e, { emit: n }) {
-    const o = n, u = N(), f = j("webx-admin"), m = te(), p = ne(), r = k({
-      get: () => u.nav.value.find((l) => p.path.startsWith(l.path))?.id ?? "",
+  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 l = u.nav.value.find((t) => t.id === i);
-        l !== void 0 && m.push(l.path);
+        const r = l.nav.value.find((a) => a.id === i);
+        r !== void 0 && m.push(r.path);
       }
     });
-    return (i, l) => {
-      const t = y("wx-menu-item"), a = y("wx-submenu"), c = y("wx-menu");
-      return w(), S(c, {
-        modelValue: r.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => r.value = s),
+    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),
         collapsed: e.collapsed,
-        label: d(f)("nav.sections"),
-        onSelect: l[1] || (l[1] = (s) => o("select"))
+        label: f(u)("nav.sections"),
+        onSelect: r[1] || (r[1] = (d) => n("select"))
       }, {
-        default: x(() => [
-          (w(!0), _(U, null, P(d(u).groups.value.top, (s) => (w(), S(t, {
-            key: s.id,
-            value: s.id,
-            icon: s.icon ?? void 0,
-            label: s.title
+        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
           }, null, 8, ["value", "icon", "label"]))), 128)),
-          (w(!0), _(U, null, P(d(u).groups.value.groups, (s) => (w(), S(a, {
-            key: s.id,
-            value: `group:${s.id}`,
-            title: s.title,
+          (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,
             icon: "gear"
           }, {
-            default: x(() => [
-              (w(!0), _(U, null, P(s.entries, (v) => (w(), S(t, {
-                key: v.id,
-                value: v.id,
-                icon: v.icon ?? void 0,
-                label: v.title
+            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
               }, null, 8, ["value", "icon", "label"]))), 128))
             ]),
             _: 2
@@ -232,138 +316,201 @@ const we = /* @__PURE__ */ M({
       }, 8, ["modelValue", "collapsed", "label"]);
     };
   }
-}), ge = {
+}), He = {
   key: 0,
   class: "wx-root wx-admin-plain"
-}, ye = {
+}, Xe = {
   key: 1,
   class: "wx-root wx-admin-plain"
-}, be = {
+}, Ke = {
   key: 2,
   class: "wx-root wx-admin-plain"
-}, xe = /* @__PURE__ */ M({
+}, 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({
   __name: "AdminShell",
   setup(e) {
-    const n = N(), o = j("webx-admin"), u = T(null), { layout: f, collapsed: m, showAside: p, drawerOpen: r, toggle: i, close: l } = oe(u, {
-      persist: "webx-admin-shell"
-    });
-    return (t, a) => {
-      const c = y("router-view"), s = y("wx-loading"), v = y("wx-button"), h = y("wx-result"), g = y("wx-action"), E = y("wx-text"), K = y("wx-header"), q = y("wx-aside"), B = y("wx-main"), V = y("wx-container"), G = y("wx-drawer");
-      return w(), _(U, null, [
-        b(d(se)),
-        d(n).state.status === "unauthenticated" ? (w(), _("div", ge, [
-          b(c)
-        ])) : d(n).state.status === "loading" ? (w(), _("div", ye, [
-          b(s, {
-            label: d(o)("shell.loading")
+    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,
+      { 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, {
+            label: f(n)("shell.loading")
           }, null, 8, ["label"])
-        ])) : d(n).state.status === "error" ? (w(), _("div", be, [
-          b(h, {
+        ])) : f(t).state.status === "error" ? (v(), p("div", Ke, [
+          S(oe, {
             status: "error",
-            title: d(o)("shell.error-title"),
-            description: d(n).state.error
+            title: f(n)("shell.error-title"),
+            description: f(t).state.error
           }, {
-            default: x(() => [
-              b(v, {
+            default: g(() => [
+              S(se, {
                 type: "primary",
-                onClick: a[0] || (a[0] = (L) => d(n).reload())
+                onClick: x[0] || (x[0] = (Y) => f(t).reload())
               }, {
-                default: x(() => [
-                  I(W(d(o)("shell.retry")), 1)
+                default: g(() => [
+                  C(E(f(n)("shell.retry")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title", "description"])
-        ])) : (w(), _("div", {
+        ])) : (v(), p("div", {
           key: 3,
           ref_key: "shellEl",
-          ref: u,
-          class: "wx-root wx-admin"
+          ref: l,
+          class: O(["wx-root wx-admin", `wx-admin--${y.value}`])
         }, [
-          b(V, { viewport: "" }, {
-            default: x(() => [
-              b(K, null, {
-                end: x(() => [
-                  $(t.$slots, "user", {}, void 0, !0)
+          S(ce, {
+            direction: f(m) === "drawer" ? "vertical" : "horizontal",
+            "full-height": "",
+            class: "wx-admin__frame"
+          }, {
+            default: g(() => [
+              f(m) === "drawer" ? (v(), b(re, {
+                key: 0,
+                class: "wx-admin__header",
+                floating: "",
+                sticky: "",
+                bordered: !1,
+                padding: "sm",
+                height: "var(--wx-admin-header-height)"
+              }, {
+                end: g(() => [
+                  $(w.$slots, "user", {}, void 0, !0)
                 ]),
-                default: x(() => [
-                  b(g, {
-                    icon: d(f) === "drawer" ? "menu" : "sidebar",
-                    title: d(f) === "drawer" ? d(o)("nav.menu") : d(o)("nav.collapse"),
-                    onClick: d(i)
-                  }, null, 8, ["icon", "title", "onClick"]),
-                  $(t.$slots, "brand", {}, () => [
-                    b(E, { weight: "semibold" }, {
-                      default: x(() => [
-                        I(W(d(n).state.manifest?.title), 1)
+                default: g(() => [
+                  S(K, {
+                    icon: "menu",
+                    title: f(n)("nav.menu"),
+                    onClick: f(r)
+                  }, null, 8, ["title", "onClick"]),
+                  $(w.$slots, "brand", {}, () => [
+                    h.value ? (v(), p("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, {
+                      key: 1,
+                      weight: "semibold",
+                      truncate: ""
+                    }, {
+                      default: g(() => [
+                        C(E(o.value), 1)
                       ]),
                       _: 1
-                    })
+                    }))
                   ], !0)
                 ]),
                 _: 3
-              }),
-              b(V, { direction: "horizontal" }, {
-                default: x(() => [
-                  d(p) ? (w(), S(q, {
-                    key: 0,
-                    collapsed: d(m),
-                    width: 220,
-                    scroll: ""
-                  }, {
-                    default: x(() => [
-                      $(t.$slots, "nav", { collapsed: d(m) }, void 0, !0)
-                    ]),
-                    _: 3
-                  }, 8, ["collapsed"])) : J("", !0),
-                  b(B, {
-                    padding: "md",
-                    scroll: "",
-                    class: "wx-admin__screen"
-                  }, {
-                    default: x(() => [
-                      b(c)
-                    ]),
-                    _: 1
-                  })
+              })) : T("", !0),
+              f(c) ? (v(), b(ie, {
+                key: 1,
+                class: "wx-admin__aside",
+                sticky: "",
+                floating: "",
+                scroll: "",
+                bordered: !1,
+                collapsed: f(s),
+                width: 220,
+                "collapsed-width": 56
+              }, {
+                top: g(() => [
+                  I("div", {
+                    class: O(["wx-admin__brand", { "wx-admin__brand--stacked": f(s) && d.value }])
+                  }, [
+                    f(s) ? d.value ? (v(), p("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", {
+                        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, {
+                        key: 1,
+                        weight: "semibold",
+                        truncate: "",
+                        class: "wx-admin__title"
+                      }, {
+                        default: g(() => [
+                          C(E(o.value), 1)
+                        ]),
+                        _: 1
+                      }))
+                    ], !0, 0),
+                    S(K, {
+                      icon: "sidebar",
+                      title: f(s) ? f(n)("nav.expand") : f(n)("nav.collapse"),
+                      onClick: f(r)
+                    }, null, 8, ["title", "onClick"])
+                  ], 2)
+                ]),
+                bottom: g(() => [
+                  I("div", Je, [
+                    $(w.$slots, "user", {}, void 0, !0)
+                  ])
+                ]),
+                default: g(() => [
+                  $(w.$slots, "nav", { collapsed: f(s) }, void 0, !0)
                 ]),
                 _: 3
+              }, 8, ["collapsed"])) : T("", !0),
+              S(ue, {
+                padding: "none",
+                class: "wx-admin__screen"
+              }, {
+                default: g(() => [
+                  S(U)
+                ]),
+                _: 1
               })
             ]),
             _: 3
-          }),
-          b(G, {
-            open: d(r),
-            "onUpdate:open": a[2] || (a[2] = (L) => Q(r) ? r.value = L : null),
-            title: d(o)("nav.menu"),
+          }, 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,
             side: "left",
             size: 260,
             closable: ""
           }, {
-            default: x(() => [
-              $(t.$slots, "nav", {
+            footer: g(() => [
+              I("div", Qe, [
+                $(w.$slots, "user", {}, void 0, !0)
+              ])
+            ]),
+            default: g(() => [
+              $(w.$slots, "nav", {
                 collapsed: !1,
-                onSelect: a[1] || (a[1] = //@ts-ignore
-                (...L) => d(l) && d(l)(...L))
+                select: f(a)
               }, void 0, !0)
             ]),
             _: 3
           }, 8, ["open", "title"])
-        ], 512))
+        ], 2))
       ], 64);
     };
   }
-}), _e = (e, n) => {
-  const o = e.__vccOpts || e;
-  for (const [u, f] of n)
-    o[u] = f;
-  return o;
-}, Se = /* @__PURE__ */ _e(xe, [["__scopeId", "data-v-9ef35d4d"]]);
-class ke extends Error {
-  constructor(n, o, u = {}, f = null, m = null) {
-    super(n), this.status = o, this.errors = u, this.retryAfter = f, this.body = m, this.name = "HttpError";
+}), 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";
   }
   status;
   errors;
@@ -380,86 +527,86 @@ class ke extends Error {
     return this.status === 429;
   }
 }
-const Ee = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);
-function Le(e = {}) {
-  const n = (e.baseUrl ?? "").replace(/\/$/, ""), o = e.csrfUrl ?? "/sanctum/csrf-cookie", u = e.fetch ?? globalThis.fetch.bind(globalThis), f = e.onUnauthenticated, m = e.headers;
-  let p = !1;
-  async function r(l = !1) {
-    p && !l && H("XSRF-TOKEN") !== null || (await u(o, { credentials: "same-origin" }), p = !0);
+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);
   }
-  async function i(l, t, a, c = {}, s = !1) {
-    const v = Ee.has(l);
-    v && await r();
-    const h = {
+  async function i(r, a, o, h = {}, d = !1) {
+    const y = tt.has(r);
+    y && await c();
+    const w = {
       Accept: "application/json",
       "X-Requested-With": "XMLHttpRequest",
       // Standing headers first, so a caller can still override one for a single request.
       ...m?.(),
-      ...c.headers
+      ...h.headers
     };
-    if (v) {
-      const E = H("XSRF-TOKEN");
-      E !== null && (h["X-XSRF-TOKEN"] = E);
+    if (y) {
+      const U = Q("XSRF-TOKEN");
+      U !== null && (w["X-XSRF-TOKEN"] = U);
     }
-    a !== void 0 && (h["Content-Type"] = "application/json");
-    const g = await u(Ae(n, t, c.query), {
-      method: l,
+    o !== void 0 && (w["Content-Type"] = "application/json");
+    const x = await l(lt(t, a, h.query), {
+      method: r,
       credentials: "same-origin",
-      headers: h,
-      signal: c.signal,
-      body: a === void 0 ? void 0 : JSON.stringify(a)
+      headers: w,
+      signal: h.signal,
+      body: o === void 0 ? void 0 : JSON.stringify(o)
     });
-    if (g.status === 419 && v && !s)
-      return await r(!0), i(l, t, a, c, !0);
-    if (g.status === 401 && f?.(), !g.ok)
-      throw await $e(g);
-    if (g.status !== 204)
-      return await g.json();
+    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 !== 204)
+      return await x.json();
   }
   return {
-    get: (l, t) => i("GET", l, void 0, t),
-    post: (l, t, a) => i("POST", l, t, a),
-    put: (l, t, a) => i("PUT", l, t, a),
-    patch: (l, t, a) => i("PATCH", l, t, a),
-    delete: (l, t) => i("DELETE", l, void 0, t)
+    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)
   };
 }
-async function $e(e) {
-  let n = null;
+async function at(e) {
+  let t = null;
   try {
-    n = await e.json();
+    t = await e.json();
   } catch {
   }
-  const o = n ?? {}, u = typeof o.message == "string" && o.message !== "" ? o.message : e.statusText || `Request failed with ${e.status}`, f = o.errors !== null && typeof o.errors == "object" ? o.errors : {}, m = e.headers.get("Retry-After"), p = m === null ? null : Number.parseInt(m, 10);
-  return new ke(
-    u,
+  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,
     e.status,
-    f,
-    Number.isFinite(p) ? p : null,
-    n
+    u,
+    Number.isFinite(s) ? s : null,
+    t
   );
 }
-function Ae(e, n, o) {
-  const f = /^https?:\/\//i.test(n) ? n : `${e}/${n.replace(/^\//, "")}`;
-  if (o === void 0)
-    return f;
+function lt(e, t, n) {
+  const u = /^https?:\/\//i.test(t) ? t : `${e}/${t.replace(/^\//, "")}`;
+  if (n === void 0)
+    return u;
   const m = new URLSearchParams();
-  for (const [r, i] of Object.entries(o))
-    i != null && m.set(r, String(i));
-  const p = m.toString();
-  return p === "" ? f : `${f}${f.includes("?") ? "&" : "?"}${p}`;
+  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 H(e) {
+function Q(e) {
   if (typeof document > "u")
     return null;
-  for (const n of document.cookie.split(";")) {
-    const [o, ...u] = n.trim().split("=");
-    if (o === e)
-      return decodeURIComponent(u.join("="));
+  for (const t of document.cookie.split(";")) {
+    const [n, ...l] = t.trim().split("=");
+    if (n === e)
+      return decodeURIComponent(l.join("="));
   }
   return null;
 }
-const Ue = {
+const ne = {
   shell: {
     loading: "Loading the panel…",
     "error-title": "The panel could not start",
@@ -471,110 +618,218 @@ const Ue = {
     sections: "Sections",
     menu: "Menu",
     collapse: "Collapse the menu",
-    language: "Language"
+    expand: "Expand the menu",
+    language: "Language",
+    // The one menu group the panel names itself; a module's own group is named by the module.
+    system: "System"
+  },
+  // 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: {
+    today: "today at :time",
+    yesterday: "yesterday at :time",
+    // Not an empty cell and not a dash: a column that says nothing leaves a reader wondering
+    // whether the panel failed to load it.
+    never: "never"
+  },
+  // How a request fails, in the panel's words rather than the server's (§13.3). `errors.ts`
+  // decides which of these a status gets.
+  errors: {
+    "signed-out": "You are signed out. Sign in again and try once more.",
+    forbidden: "You are not allowed to do that.",
+    gone: "It is not there any more — somebody may have deleted it.",
+    conflict: "Somebody changed this while you were working on it.",
+    throttled: "Too many attempts. Try again in a moment.",
+    "throttled-in": "Too many attempts. Try again in :seconds seconds.",
+    server: "The server could not do that. Try again in a moment.",
+    offline: "The server did not answer. Check the connection and try again.",
+    unknown: "That did not work."
   }
-}, z = "webx.locale";
-function He(e = {}) {
-  const n = e.manifestUrl ?? Ne() ?? "/api/cms/manifest", o = e.apiPath ?? n.replace(/\/manifest\/?$/, ""), u = e.basePath ?? "/cms", f = e.modules ?? [], m = [...e.routes ?? []];
-  for (const h of f)
-    m.push(...h.routes ?? []);
-  const p = ae({
-    history: le(u),
+}, 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
-  }), r = X({ locale: e.locale ?? Pe() }), i = e.http ?? Le({
+  }), c = X({ locale: e.locale ?? ot() }), i = e.http ?? nt({
     baseUrl: "",
     onUnauthenticated: () => {
-      t.setUser(null), t.state.status = "unauthenticated";
+      a.setUser(null), a.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": r.state.locale })
+    headers: () => ({ "X-Webx-Locale": c.state.locale })
   });
-  r.defaults("webx-admin", Ue);
-  async function l(h) {
-    const g = await i.get(`${o}/translations/${h}`);
-    r.load(g.data.namespaces, g.data.locale, g.data.fallback), Ce(g.data.locale), Me(g.data.locale, r.state.panelLocales);
+  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);
   }
-  const t = fe({
+  const a = Ie({
     http: i,
-    basePath: u,
-    apiPath: o,
-    modules: f,
-    i18n: r,
-    loadDictionary: l,
+    basePath: l,
+    apiPath: n,
+    modules: u,
+    i18n: c,
+    loadDictionary: r,
     types: e.types,
     screens: e.screens,
-    loadManifest: async () => (await i.get(n)).data
-  }), a = Y(Te(e));
-  a.use(re), me(a, t), he(a, r);
-  const c = T("");
-  a.provide(ie, {
+    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, {
     list: k(
-      () => r.state.contentLocales.map((h) => ({
-        code: h.code,
-        label: h.code.toUpperCase()
+      () => c.state.contentLocales.map((w) => ({
+        code: w.code,
+        label: w.code.toUpperCase()
       }))
     ),
     active: k({
-      get: () => c.value || (r.state.contentLocales[0]?.code ?? ""),
-      set: (h) => {
-        c.value = h;
+      get: () => h.value || (c.state.contentLocales[0]?.code ?? ""),
+      set: (w) => {
+        h.value = w;
       }
     })
   });
-  const s = {
-    app: a,
-    router: p,
-    context: t,
-    i18n: r,
+  const d = {
+    app: o,
+    router: s,
+    context: a,
+    i18n: c,
     async mount() {
-      await Promise.all([v(), l(r.state.locale)]).catch(() => {
-      }), a.mount(e.el ?? "#webx-app"), await t.reload();
+      await Promise.all([y(), r(c.state.locale)]).catch(() => {
+      }), o.mount(e.el ?? "#webx-app"), await a.reload();
     }
   };
-  async function v() {
-    const h = await i.get(`${o}/locales`);
-    r.state.panelLocales = h.data.panel, r.state.contentLocales = h.data.content;
+  async function y() {
+    const w = await i.get(`${n}/locales`);
+    c.state.panelLocales = w.data.panel, c.state.contentLocales = w.data.content;
   }
-  for (const h of e.plugins ?? [])
-    h.install(s);
-  return a.use(p), s;
+  for (const w of e.plugins ?? [])
+    w.install(d);
+  return o.use(s), d;
 }
-function Te(e) {
-  const n = {
+function st(e) {
+  const t = {
     // The menu is the panel's own: it is the manifest, drawn.
-    nav: (o) => A(we, { collapsed: o.collapsed === !0 })
+    // 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 })
   };
-  return e.brand !== void 0 && (n.brand = () => A(e.brand)), e.userMenu !== void 0 && (n.user = () => A(e.userMenu)), { render: () => A(Se, null, n) };
+  return e.brand !== void 0 && (t.brand = () => P(e.brand)), e.userMenu !== void 0 && (t.user = () => P(e.userMenu)), { render: () => P(et, null, t) };
 }
-function Pe() {
-  const e = Re(z);
+function ot() {
+  const e = it(ae);
   return e !== null ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator > "u" ? "en" : navigator.language;
 }
-function Ce(e) {
+function rt(e) {
   try {
-    localStorage.setItem(z, e);
+    localStorage.setItem(ae, e);
   } catch {
   }
 }
-function Re(e) {
+function it(e) {
   try {
     return localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function Me(e, n) {
-  typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = n.find((o) => o.code === e)?.direction ?? "ltr");
+function ut(e, t) {
+  typeof document > "u" || (document.documentElement.lang = e, document.documentElement.dir = t.find((n) => n.code === e)?.direction ?? "ltr");
 }
-function Ne() {
+function ct() {
   return typeof document > "u" ? null : document.querySelector('meta[name="webx-manifest"]')?.getAttribute("content") ?? null;
 }
-const Oe = { class: "wx-screen-host" }, Fe = /* @__PURE__ */ M({
+function dt(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);
+  }
+  const u = (m) => l("time", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }, m);
+  return {
+    short(m) {
+      const s = V(m);
+      if (s === 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(
+        "this-year",
+        {
+          day: "numeric",
+          month: "long",
+          hour: "2-digit",
+          minute: "2-digit",
+          hourCycle: "h23"
+        },
+        s
+      ) : l("earlier", { day: "numeric", month: "long", year: "numeric" }, s);
+    },
+    exact(m) {
+      const s = V(m);
+      return s === null ? "" : l("exact", { dateStyle: "long", timeStyle: "medium", hourCycle: "h23" }, s);
+    },
+    iso(m) {
+      const s = V(m);
+      return s === null ? "" : s.toISOString();
+    }
+  };
+}
+function ft() {
+  const e = z(N, null);
+  return dt(e ?? mt());
+}
+let W = null;
+function mt() {
+  return W === null && (W = X(), W.defaults("webx-admin", ne)), W;
+}
+function V(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());
+  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 });
+  }
+  return l !== null && l >= 500 ? t("errors.server") : l === null ? t("errors.offline") : n ?? t("errors.unknown");
+}
+function Tt() {
+  const e = R("webx-admin");
+  return (t, n) => vt(t, e, n);
+}
+function wt(e) {
+  const t = e?.status;
+  return typeof t == "number" ? t : null;
+}
+function gt(e) {
+  const n = e?.body?.message;
+  return typeof n == "string" && n !== "" ? n : null;
+}
+const yt = { class: "wx-screen-host" }, Ct = /* @__PURE__ */ A({
   __name: "Screen",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ j({
     name: {},
     errors: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
@@ -585,39 +840,39 @@ const Oe = { class: "wx-screen-host" }, Fe = /* @__PURE__ */ M({
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ D(["loaded"], ["update:modelValue"]),
-  setup(e, { expose: n, emit: o }) {
-    const u = e, f = o, m = Z(e, "modelValue"), p = N(), r = j("webx-admin"), i = T(null), l = T(null);
-    async function t() {
-      i.value = null, l.value = null;
+  emits: /* @__PURE__ */ j(["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;
       try {
-        const a = await p.loadScreen(u.name);
-        i.value = a, f("loaded", a);
-      } catch (a) {
-        l.value = a instanceof Error ? a.message : String(a);
+        const o = await s.loadScreen(l.name);
+        i.value = o, u("loaded", o);
+      } catch (o) {
+        r.value = o instanceof Error ? o.message : String(o);
       }
     }
-    return ee([() => u.name, () => p.i18n.state.locale], () => {
-      t();
-    }, { immediate: !0 }), n({ reload: t }), (a, c) => (w(), _("div", Oe, [
-      l.value ? (w(), S(d(ce), {
+    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), {
         key: 0,
         type: "danger",
-        title: d(r)("shell.error-title"),
-        description: l.value
-      }, null, 8, ["title", "description"])) : i.value === null ? (w(), S(d(ue), {
+        title: f(c)("shell.error-title"),
+        description: r.value
+      }, null, 8, ["title", "description"])) : i.value === null ? (v(), b(f(Ee), {
         key: 1,
         rows: 4
-      })) : (w(), S(d(de), {
+      })) : (v(), b(f(Pe), {
         key: 2,
         modelValue: m.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (s) => m.value = s),
+        "onUpdate:modelValue": h[0] || (h[0] = (d) => m.value = d),
         root: i.value,
-        patch: d(p).screenPatch(e.name),
-        types: d(p).types,
+        patch: f(s).screenPatch(e.name),
+        types: f(s).types,
         errors: e.errors,
-        translate: d(p).i18n.t,
-        can: d(p).can,
+        translate: f(s).i18n.t,
+        can: f(s).can,
         disabled: e.disabled,
         "label-position": e.labelPosition,
         "label-width": e.labelWidth,
@@ -625,24 +880,121 @@ const Oe = { class: "wx-screen-host" }, Fe = /* @__PURE__ */ M({
       }, null, 8, ["modelValue", "root", "patch", "types", "errors", "translate", "can", "disabled", "label-position", "label-width", "size"]))
     ]));
   }
+}), pt = {
+  key: 0,
+  class: "wx-dropdown__divider"
+}, Et = /* @__PURE__ */ A({
+  __name: "RowMenu",
+  props: {
+    actions: {},
+    label: { default: void 0 },
+    size: { default: "sm" }
+  },
+  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;
+    });
+    return (u, m) => n.value.length > 0 ? (v(), b(f(Le), {
+      key: 0,
+      collapse: "always",
+      align: "end",
+      size: e.size,
+      "aria-label": e.label,
+      onClick: m[0] || (m[0] = ve(() => {
+      }, ["stop"]))
+    }, {
+      collapsed: g(() => [
+        (v(!0), p(L, null, M(n.value, (s) => (v(), p(L, {
+          key: s.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?.()
+          }, {
+            default: g(() => [
+              C(E(s.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"])
+        ], 64))), 128))
+      ]),
+      _: 1
+    }, 8, ["size", "aria-label"])) : T("", !0);
+  }
+}), Lt = /* @__PURE__ */ A({
+  name: "WxDate",
+  __name: "DateText",
+  props: {
+    value: {},
+    size: { default: "sm" },
+    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), {
+      key: 0,
+      content: u.value
+    }, {
+      default: g(() => [
+        S(f(J), {
+          as: "time",
+          datetime: m.value,
+          size: e.size,
+          tone: e.tone
+        }, {
+          default: g(() => [
+            C(E(l.value), 1)
+          ]),
+          _: 1
+        }, 8, ["datetime", "size", "tone"])
+      ]),
+      _: 1
+    }, 8, ["content"])) : (v(), b(f(J), {
+      key: 1,
+      size: e.size,
+      tone: e.tone
+    }, {
+      default: g(() => [
+        C(E(l.value), 1)
+      ]),
+      _: 1
+    }, 8, ["size", "tone"]));
+  }
 });
 export {
-  we as AdminNav,
-  Se as AdminShell,
-  ke as HttpError,
-  Fe as WxScreen,
-  F as adminKey,
-  Ue as adminMessages,
-  He as createAdmin,
-  fe as createAdminContext,
-  Le as createHttp,
+  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,
-  O as i18nKey,
-  me as provideAdmin,
-  he as provideI18n,
-  H as readCookie,
-  N as useAdmin,
-  De as useI18n,
-  j as useTranslate
+  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
 };
 //# sourceMappingURL=index.js.map