@webx-ui/module-auth 0.5.3 → 0.6.0

package/dist/index.js

@@ -1,36 +1,43 @@
-import { inject as pe, defineComponent as R, computed as B, ref as b, useTemplateRef as oe, onBeforeUnmount as Fe, resolveComponent as F, openBlock as k, createBlock as S, withCtx as l, createVNode as o, withModifiers as te, createCommentVNode as P, createElementVNode as O, createTextVNode as L, toDisplayString as C, watch as J, unref as e, isRef as fe, createElementBlock as K, resolveDynamicComponent as Be, createSlots as ne, Fragment as le, renderList as he, h as be } from "vue";
-import { useTranslate as I, HttpError as Te, useAdmin as q, useI18n as ye } from "@webx-ui/module-admin";
-import { useModal as we, WxDialog as ge, WxFormItem as D, WxInput as ee, WxSelect as H, WxSpace as E, WxCheckbox as de, WxText as Y, WxButton as j, toast as G, WxTable as Me, WxActions as ce, WxAction as me, WxBadge as ae, WxAvatar as Pe, createModal as _e, WxCard as Ne, confirm as Oe } from "@webx-ui/core";
-const xe = /* @__PURE__ */ Symbol("webx-auth");
-function ke() {
-  const a = pe(xe, null);
+import { inject as te, defineComponent as R, computed as P, ref as g, useTemplateRef as oe, onBeforeUnmount as ze, resolveComponent as B, openBlock as L, createBlock as S, withCtx as l, createVNode as t, withModifiers as Be, createCommentVNode as T, createElementVNode as N, createTextVNode as F, toDisplayString as $, watch as Z, unref as e, isRef as se, createElementBlock as O, resolveDynamicComponent as ge, createSlots as ne, Fragment as le, renderList as _e, h as xe, normalizeClass as Te } from "vue";
+import { useTranslate as I, HttpError as Me, useAdmin as q, useI18n as ke, useErrorText as re, WxDate as Ne, WxRowMenu as he, WxListScreen as Ee } from "@webx-ui/module-admin";
+import { useModal as ie, WxDialog as ue, WxFormItem as M, WxInput as E, WxSelect as X, WxSpace as Y, WxCheckbox as be, WxText as de, WxButton as D, toast as j, WxTable as Oe, WxBadge as ae, WxAvatar as De, createModal as ce, confirm as Re } from "@webx-ui/core";
+const Ve = /* @__PURE__ */ Symbol("webx-auth");
+function me() {
+  const a = te(Ve, null);
   if (a === null)
     throw new Error("useAuth() was called outside a panel that installed the auth plugin.");
   return a;
 }
-function Ee(a) {
+function Ie(a) {
   const i = `${a.apiPath}/auth`;
   return {
     async me() {
       try {
         return (await a.http.get(`${i}/me`)).data;
       } catch (s) {
-        if (Ie(s))
+        if (Ye(s))
           return null;
         throw s;
       }
     },
     async login(s) {
-      const n = await a.http.post(`${i}/login`, {
+      const o = await a.http.post(`${i}/login`, {
         email: s.email,
         password: s.password,
         remember: s.remember ?? !1
       });
-      return a.setUser(n.data), await a.reload(), n.data;
+      return a.setUser(o.data), await a.reload(), o.data;
     },
     async setLocale(s) {
-      const n = await a.http.put(`${i}/locale`, { locale: s });
-      a.setUser(n.data), await a.setLocale(s);
+      const o = await a.http.put(`${i}/locale`, { locale: s });
+      a.setUser(o.data), await a.setLocale(s);
+    },
+    async updateProfile(s) {
+      const o = await a.http.put(
+        `${i}/me`,
+        s
+      );
+      return a.setUser(o.data), o.data;
     },
     async logout() {
       try {
@@ -41,14 +48,14 @@ function Ee(a) {
     }
   };
 }
-const Ve = /* @__PURE__ */ Symbol("webx-auth-avatar");
-function Re(a, i, s = null) {
-  a.provide(xe, i), a.provide(Ve, s);
+const Ae = /* @__PURE__ */ Symbol("webx-auth-avatar"), Le = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
+function Ke(a, i, s = null, o = null) {
+  a.provide(Ve, i), a.provide(Ae, s), a.provide(Le, o);
 }
-function Ie(a) {
+function Ye(a) {
   return typeof a == "object" && a !== null && "status" in a && a.status === 401;
 }
-const De = ["title", "aria-label", "aria-pressed"], Ke = /* @__PURE__ */ R({
+const je = ["title", "aria-label", "aria-pressed"], qe = /* @__PURE__ */ R({
   __name: "LoginCard",
   props: {
     emailLabel: { default: void 0 },
@@ -64,170 +71,170 @@ const De = ["title", "aria-label", "aria-pressed"], Ke = /* @__PURE__ */ R({
   },
   emits: ["success"],
   setup(a, { expose: i, emit: s }) {
-    const n = a, r = s, y = ke(), v = I("webx-auth"), u = B(() => ({
-      email: n.emailLabel ?? v("card.email"),
-      password: n.passwordLabel ?? v("card.password"),
-      remember: n.rememberLabel ?? v("card.remember"),
-      submit: n.submitLabel ?? v("card.submit"),
-      capsLock: n.capsLockWarning ?? v("card.caps-lock"),
-      reveal: n.revealLabel ?? v("card.reveal"),
-      hide: n.hideLabel ?? v("card.hide")
-    })), m = b(""), V = b(""), _ = b(!1), d = b(!1), t = b(!1), $ = b(!1), A = b(""), U = b({}), W = b(0), T = oe("emailField");
-    let z = null;
-    Fe(x);
-    const c = B(() => W.value > 0), p = B(
-      () => n.throttleMessage === void 0 ? v("card.throttled", { seconds: W.value }) : n.throttleMessage.replace(":seconds", String(W.value))
+    const o = a, u = s, k = me(), m = I("webx-auth"), n = P(() => ({
+      email: o.emailLabel ?? m("card.email"),
+      password: o.passwordLabel ?? m("card.password"),
+      remember: o.rememberLabel ?? m("card.remember"),
+      submit: o.submitLabel ?? m("card.submit"),
+      capsLock: o.capsLockWarning ?? m("card.caps-lock"),
+      reveal: o.revealLabel ?? m("card.reveal"),
+      hide: o.hideLabel ?? m("card.hide")
+    })), p = g(""), C = g(""), V = g(!1), d = g(!1), w = g(!1), r = g(!1), b = g(""), _ = g({}), f = g(0), U = oe("emailField");
+    let W = null;
+    ze(H);
+    const z = P(() => f.value > 0), h = P(
+      () => o.throttleMessage === void 0 ? m("card.throttled", { seconds: f.value }) : o.throttleMessage.replace(":seconds", String(f.value))
     );
-    async function h() {
-      if (!(d.value || c.value)) {
-        d.value = !0, A.value = "", U.value = {};
+    async function c() {
+      if (!(d.value || z.value)) {
+        d.value = !0, b.value = "", _.value = {};
         try {
-          await y.login({
-            email: m.value,
-            password: V.value,
-            remember: _.value
-          }), V.value = "", r("success");
-        } catch (g) {
-          X(g);
+          await k.login({
+            email: p.value,
+            password: C.value,
+            remember: V.value
+          }), C.value = "", u("success");
+        } catch (y) {
+          x(y);
         } finally {
           d.value = !1;
         }
       }
     }
-    function X(g) {
-      if (!(g instanceof Te)) {
-        A.value = g instanceof Error ? g.message : String(g);
+    function x(y) {
+      if (!(y instanceof Me)) {
+        b.value = y instanceof Error ? y.message : String(y);
         return;
       }
-      if (g.isValidation) {
-        U.value = g.errors;
+      if (y.isValidation) {
+        _.value = y.errors;
         return;
       }
-      if (g.isThrottled) {
-        w(g.retryAfter ?? 60);
+      if (y.isThrottled) {
+        Q(y.retryAfter ?? 60);
         return;
       }
-      A.value = g.message;
+      b.value = y.message;
     }
-    function w(g) {
-      x(), W.value = g, z = setInterval(() => {
-        W.value -= 1, W.value <= 0 && x();
+    function Q(y) {
+      H(), f.value = y, W = setInterval(() => {
+        f.value -= 1, f.value <= 0 && H();
       }, 1e3);
     }
-    function x() {
-      z !== null && (clearInterval(z), z = null), W.value = 0;
+    function H() {
+      W !== null && (clearInterval(W), W = null), f.value = 0;
     }
-    function f(g) {
-      $.value = g.getModifierState("CapsLock");
+    function A(y) {
+      r.value = y.getModifierState("CapsLock");
     }
-    return i({ focus: () => T.value?.focus() }), (g, M) => {
-      const ie = F("wx-alert"), Z = F("wx-icon"), re = F("wx-input"), ue = F("wx-form-item"), Se = F("wx-checkbox"), Ue = F("wx-button"), We = F("wx-form"), ze = F("wx-card");
-      return k(), S(ze, {
+    return i({ focus: () => U.value?.focus() }), (y, v) => {
+      const G = B("wx-alert"), ee = B("wx-icon"), fe = B("wx-input"), we = B("wx-form-item"), Fe = B("wx-checkbox"), Se = B("wx-button"), We = B("wx-form"), Pe = B("wx-card");
+      return L(), S(Pe, {
         class: "wx-login",
         padding: 24
       }, {
         default: l(() => [
-          o(We, {
-            errors: U.value,
+          t(We, {
+            errors: _.value,
             disabled: d.value,
             gap: "md",
-            onSubmit: te(h, ["prevent"])
+            onSubmit: Be(c, ["prevent"])
           }, {
             default: l(() => [
-              A.value !== "" ? (k(), S(ie, {
+              b.value !== "" ? (L(), S(G, {
                 key: 0,
                 type: "danger",
                 variant: "soft",
                 live: "",
-                description: A.value,
+                description: b.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : c.value ? (k(), S(ie, {
+              }, null, 8, ["description"])) : z.value ? (L(), S(G, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: p.value,
+                description: h.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : P("", !0),
-              o(ue, { name: "email" }, {
+              }, null, 8, ["description"])) : T("", !0),
+              t(we, { name: "email" }, {
                 default: l(() => [
-                  o(re, {
+                  t(fe, {
                     ref_key: "emailField",
-                    ref: T,
-                    modelValue: m.value,
-                    "onUpdate:modelValue": M[0] || (M[0] = (N) => m.value = N),
+                    ref: U,
+                    modelValue: p.value,
+                    "onUpdate:modelValue": v[0] || (v[0] = (K) => p.value = K),
                     type: "email",
-                    placeholder: u.value.email,
-                    "aria-label": u.value.email,
+                    placeholder: n.value.email,
+                    "aria-label": n.value.email,
                     autocomplete: "username",
                     autofocus: a.autofocus,
                     inputmode: "email",
                     size: "lg"
                   }, {
                     prefix: l(() => [
-                      o(Z, { name: "mail" })
+                      t(ee, { name: "mail" })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "placeholder", "aria-label", "autofocus"])
                 ]),
                 _: 1
               }),
-              o(ue, {
+              t(we, {
                 name: "password",
-                help: $.value ? u.value.capsLock : void 0
+                help: r.value ? n.value.capsLock : void 0
               }, {
                 default: l(() => [
-                  o(re, {
-                    modelValue: V.value,
-                    "onUpdate:modelValue": M[2] || (M[2] = (N) => V.value = N),
-                    type: t.value ? "text" : "password",
-                    placeholder: u.value.password,
-                    "aria-label": u.value.password,
+                  t(fe, {
+                    modelValue: C.value,
+                    "onUpdate:modelValue": v[2] || (v[2] = (K) => C.value = K),
+                    type: w.value ? "text" : "password",
+                    placeholder: n.value.password,
+                    "aria-label": n.value.password,
                     autocomplete: "current-password",
                     size: "lg",
-                    onKeydown: f,
-                    onKeyup: f
+                    onKeydown: A,
+                    onKeyup: A
                   }, {
                     prefix: l(() => [
-                      o(Z, { name: "lock" })
+                      t(ee, { name: "lock" })
                     ]),
                     suffix: l(() => [
-                      O("button", {
+                      N("button", {
                         type: "button",
                         class: "wx-login__reveal",
-                        title: t.value ? u.value.hide : u.value.reveal,
-                        "aria-label": t.value ? u.value.hide : u.value.reveal,
-                        "aria-pressed": t.value,
+                        title: w.value ? n.value.hide : n.value.reveal,
+                        "aria-label": w.value ? n.value.hide : n.value.reveal,
+                        "aria-pressed": w.value,
                         tabindex: "-1",
-                        onClick: M[1] || (M[1] = (N) => t.value = !t.value)
+                        onClick: v[1] || (v[1] = (K) => w.value = !w.value)
                       }, [
-                        o(Z, {
-                          name: t.value ? "eye-off" : "eye"
+                        t(ee, {
+                          name: w.value ? "eye-off" : "eye"
                         }, null, 8, ["name"])
-                      ], 8, De)
+                      ], 8, je)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "type", "placeholder", "aria-label"])
                 ]),
                 _: 1
               }, 8, ["help"]),
-              a.remember ? (k(), S(Se, {
+              a.remember ? (L(), S(Fe, {
                 key: 2,
-                modelValue: _.value,
-                "onUpdate:modelValue": M[3] || (M[3] = (N) => _.value = N),
-                label: u.value.remember,
+                modelValue: V.value,
+                "onUpdate:modelValue": v[3] || (v[3] = (K) => V.value = K),
+                label: n.value.remember,
                 class: "wx-login__remember"
-              }, null, 8, ["modelValue", "label"])) : P("", !0),
-              o(Ue, {
+              }, null, 8, ["modelValue", "label"])) : T("", !0),
+              t(Se, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
                 loading: d.value,
-                disabled: c.value
+                disabled: z.value
               }, {
                 default: l(() => [
-                  L(C(u.value.submit), 1)
+                  F($(n.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -239,12 +246,12 @@ const De = ["title", "aria-label", "aria-pressed"], Ke = /* @__PURE__ */ R({
       });
     };
   }
-}), Ae = (a, i) => {
+}), ve = (a, i) => {
   const s = a.__vccOpts || a;
-  for (const [n, r] of i)
-    s[n] = r;
+  for (const [o, u] of i)
+    s[o] = u;
   return s;
-}, je = /* @__PURE__ */ Ae(Ke, [["__scopeId", "data-v-3c206e31"]]), Ce = {
+}, He = /* @__PURE__ */ ve(qe, [["__scopeId", "data-v-3c206e31"]]), $e = {
   card: {
     email: "Email",
     password: "Password",
@@ -278,7 +285,6 @@ const De = ["title", "aria-label", "aria-pressed"], Ke = /* @__PURE__ */ R({
     locale: "Panel language",
     "locale-auto": "Follow the browser",
     "last-login": "Last signed in",
-    never: "Never",
     save: "Save",
     cancel: "Cancel",
     delete: "Delete",
@@ -303,52 +309,67 @@ const De = ["title", "aria-label", "aria-pressed"], Ke = /* @__PURE__ */ R({
     "not-yourself": "You cannot do that to your own account.",
     "last-super": "There has to be one super administrator left."
   },
+  // Somebody editing themselves, which is a shorter list than an administrator editing them.
+  profile: {
+    title: "Your profile",
+    menu: "Edit your profile",
+    name: "Name",
+    avatar: "Photo",
+    password: "New password",
+    "password-hint": "At least 12 characters. Leave blank to keep the current one.",
+    "current-password": "Current password",
+    "current-password-hint": "Asked for before the password is changed.",
+    "wrong-password": "That is not the current password.",
+    saved: "Your profile is saved.",
+    save: "Save",
+    cancel: "Cancel"
+  },
   menu: {
     "sign-out": "Sign out",
     language: "Interface language"
   }
 };
-function se(a) {
-  const i = `${a.apiPath}/auth`, s = (n) => n.data;
+function pe(a) {
+  const i = `${a.apiPath}/auth`, s = (o) => o.data;
   return {
-    list: (n = {}) => a.http.get(`${i}/admins`, {
+    list: (o = {}) => a.http.get(`${i}/admins`, {
       query: {
-        q: n.q || void 0,
-        role: n.role ?? void 0,
-        active: n.active ?? void 0,
-        sort: n.sort,
-        page: n.page,
-        per_page: n.per_page
+        q: o.q || void 0,
+        role: o.role ?? void 0,
+        active: o.active ?? void 0,
+        sort: o.sort,
+        page: o.page,
+        per_page: o.per_page
       }
-    }).then((r) => ({ ...r.meta, data: r.data })),
-    get: (n) => a.http.get(`${i}/admins/${n}`).then(s),
-    create: (n) => a.http.post(`${i}/admins`, n).then(s),
-    update: (n, r) => a.http.patch(`${i}/admins/${n}`, r).then(s),
-    remove: (n) => a.http.delete(`${i}/admins/${n}`),
+    }).then((u) => ({ ...u.meta, data: u.data })),
+    get: (o) => a.http.get(`${i}/admins/${o}`).then(s),
+    create: (o) => a.http.post(`${i}/admins`, o).then(s),
+    update: (o, u) => a.http.patch(`${i}/admins/${o}`, u).then(s),
+    remove: (o) => a.http.delete(`${i}/admins/${o}`),
     roles: () => a.http.get(`${i}/roles`).then(s)
   };
 }
-const ve = /* @__PURE__ */ new WeakSet();
-function Q() {
+const ye = /* @__PURE__ */ new WeakSet();
+function J() {
   try {
     const { i18n: a } = q();
-    ve.has(a) || (a.defaults("webx-auth", Ce), ve.add(a));
+    ye.has(a) || (a.defaults("webx-auth", $e), ye.add(a));
   } catch {
   }
 }
-const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye = {
+const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe = {
   key: 0,
   class: "wx-admin-form__aside"
-}, Ge = { class: "wx-admin-form__fields" }, Je = /* @__PURE__ */ R({
+}, Xe = { class: "wx-admin-form__fields" }, Ze = /* @__PURE__ */ R({
   __name: "AdminDialog",
   props: {
     admin: { default: null },
     avatarField: { default: void 0 }
   },
   setup(a) {
-    const i = a, { resolve: s, dismiss: n, open: r } = we(), y = q(), v = se(y), u = ye();
-    Q();
-    const m = I("webx-auth"), V = b([]), _ = b(!1), d = b({}), t = b({
+    const i = a, { resolve: s, dismiss: o, open: u } = ie(), k = q(), m = pe(k), n = ke();
+    J();
+    const p = I("webx-auth"), C = re(), V = g([]), d = g(!1), w = g({}), r = g({
       name: "",
       email: "",
       password: "",
@@ -357,81 +378,81 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
       is_super: !1,
       locale: null,
       roles: []
-    }), $ = B({
-      get: () => t.value.avatar ? { path: t.value.avatar } : null,
-      set: (c) => {
-        t.value.avatar = c?.path ?? null;
+    }), b = P({
+      get: () => r.value.avatar ? { path: r.value.avatar } : null,
+      set: (h) => {
+        r.value.avatar = h?.path ?? null;
       }
-    }), A = B(() => i.admin !== null), U = B(() => V.value.map((c) => ({ value: c.id, label: c.name }))), W = B(() => [
-      { value: "auto", label: m("admins.locale-auto") },
-      ...u.state.panelLocales.map((c) => ({ value: c.code, label: c.nativeName }))
+    }), _ = P(() => i.admin !== null), f = P(() => V.value.map((h) => ({ value: h.id, label: h.name }))), U = P(() => [
+      { value: "auto", label: p("admins.locale-auto") },
+      ...n.state.panelLocales.map((h) => ({ value: h.code, label: h.nativeName }))
     ]);
-    v.roles().then((c) => V.value = c), J(
+    m.roles().then((h) => V.value = h), Z(
       () => i.admin,
-      (c) => {
-        t.value = {
-          name: c?.name ?? "",
-          email: c?.email ?? "",
+      (h) => {
+        r.value = {
+          name: h?.name ?? "",
+          email: h?.email ?? "",
           password: "",
-          avatar: c?.avatar ?? null,
-          is_active: c?.is_active ?? !0,
-          is_super: c?.is_super ?? !1,
-          locale: c?.locale ?? "auto",
-          roles: c?.roles.map((p) => p.id) ?? []
-        }, d.value = {};
+          avatar: h?.avatar ?? null,
+          is_active: h?.is_active ?? !0,
+          is_super: h?.is_super ?? !1,
+          locale: h?.locale ?? "auto",
+          roles: h?.roles.map((c) => c.id) ?? []
+        }, w.value = {};
       },
       { immediate: !0 }
     );
-    function T(c) {
-      return d.value[c]?.[0];
+    function W(h) {
+      return w.value[h]?.[0];
     }
     async function z() {
-      _.value = !0, d.value = {};
-      const c = {
-        name: t.value.name,
-        email: t.value.email,
-        avatar: t.value.avatar,
-        is_active: t.value.is_active,
-        is_super: t.value.is_super,
-        locale: t.value.locale === "auto" ? null : t.value.locale,
-        roles: t.value.roles ?? []
+      d.value = !0, w.value = {};
+      const h = {
+        name: r.value.name,
+        email: r.value.email,
+        avatar: r.value.avatar,
+        is_active: r.value.is_active,
+        is_super: r.value.is_super,
+        locale: r.value.locale === "auto" ? null : r.value.locale,
+        roles: r.value.roles ?? []
       };
-      t.value.password && (c.password = t.value.password);
+      r.value.password && (h.password = r.value.password);
       try {
-        const p = i.admin ? await v.update(i.admin.id, c) : await v.create(c);
-        G.success(m(A.value ? "admins.updated" : "admins.created")), s(p);
-      } catch (p) {
-        const h = p.body;
-        h?.errors ? d.value = h.errors : h?.message && G.danger(h.message);
+        const c = i.admin ? await m.update(i.admin.id, h) : await m.create(h);
+        j.success(p(_.value ? "admins.updated" : "admins.created")), s(c);
+      } catch (c) {
+        const x = c.body;
+        x?.errors ? w.value = x.errors : j.danger(C(c));
       } finally {
-        _.value = !1;
+        d.value = !1;
       }
     }
-    return (c, p) => (k(), S(e(ge), {
-      open: e(r),
-      "onUpdate:open": p[9] || (p[9] = (h) => fe(r) ? r.value = h : null),
-      title: A.value ? e(m)("admins.edit-short") : e(m)("admins.new-short"),
+    return (h, c) => (L(), S(e(ue), {
+      open: e(u),
+      "onUpdate:open": c[9] || (c[9] = (x) => se(u) ? u.value = x : null),
+      title: _.value ? e(p)("admins.edit-short") : e(p)("admins.new-short"),
       width: 720
     }, {
       footer: l(() => [
-        o(e(E), { size: "sm" }, {
+        t(e(Y), { size: "sm" }, {
           default: l(() => [
-            o(e(j), {
+            t(e(D), {
               variant: "outline",
-              onClick: p[8] || (p[8] = (h) => e(n)())
+              onClick: c[8] || (c[8] = (x) => e(o)())
             }, {
               default: l(() => [
-                L(C(e(m)("admins.cancel")), 1)
+                F($(e(p)("admins.cancel")), 1)
               ]),
               _: 1
             }),
-            o(e(j), {
+            t(e(D), {
               type: "primary",
-              loading: _.value,
+              loading: d.value,
               onClick: z
             }, {
               default: l(() => [
-                L(C(e(m)("admins.save")), 1)
+                F($(e(p)("admins.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -440,39 +461,39 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
         })
       ]),
       default: l(() => [
-        O("div", qe, [
-          O("div", He, [
-            a.avatarField ? (k(), K("div", Ye, [
-              (k(), S(Be(a.avatarField), {
-                modelValue: $.value,
-                "onUpdate:modelValue": p[0] || (p[0] = (h) => $.value = h),
-                label: e(m)("admins.avatar"),
+        N("div", Ge, [
+          N("div", Je, [
+            a.avatarField ? (L(), O("div", Qe, [
+              (L(), S(ge(a.avatarField), {
+                modelValue: b.value,
+                "onUpdate:modelValue": c[0] || (c[0] = (x) => b.value = x),
+                label: e(p)("admins.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : P("", !0),
-            O("div", Ge, [
-              o(e(D), {
-                label: e(m)("admins.name"),
-                error: T("name")
+            ])) : T("", !0),
+            N("div", Xe, [
+              t(e(M), {
+                label: e(p)("admins.name"),
+                error: W("name")
               }, {
                 default: l(() => [
-                  o(e(ee), {
-                    modelValue: t.value.name,
-                    "onUpdate:modelValue": p[1] || (p[1] = (h) => t.value.name = h),
+                  t(e(E), {
+                    modelValue: r.value.name,
+                    "onUpdate:modelValue": c[1] || (c[1] = (x) => r.value.name = x),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              o(e(D), {
-                label: e(m)("admins.email"),
-                error: T("email")
+              t(e(M), {
+                label: e(p)("admins.email"),
+                error: W("email")
               }, {
                 default: l(() => [
-                  o(e(ee), {
-                    modelValue: t.value.email,
-                    "onUpdate:modelValue": p[2] || (p[2] = (h) => t.value.email = h),
+                  t(e(E), {
+                    modelValue: r.value.email,
+                    "onUpdate:modelValue": c[2] || (c[2] = (x) => r.value.email = x),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -480,15 +501,15 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              o(e(D), {
-                label: e(m)("admins.password"),
-                error: T("password"),
-                help: A.value ? e(m)("admins.password-keep") : e(m)("admins.password-hint")
+              t(e(M), {
+                label: e(p)("admins.password"),
+                error: W("password"),
+                help: _.value ? e(p)("admins.password-keep") : e(p)("admins.password-hint")
               }, {
                 default: l(() => [
-                  o(e(ee), {
-                    modelValue: t.value.password,
-                    "onUpdate:modelValue": p[3] || (p[3] = (h) => t.value.password = h),
+                  t(e(E), {
+                    modelValue: r.value.password,
+                    "onUpdate:modelValue": c[3] || (c[3] = (x) => r.value.password = x),
                     type: "password",
                     name: "password",
                     autocomplete: "new-password"
@@ -496,53 +517,53 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              o(e(D), {
-                label: e(m)("admins.roles"),
-                error: T("roles")
+              t(e(M), {
+                label: e(p)("admins.roles"),
+                error: W("roles")
               }, {
                 default: l(() => [
-                  o(e(H), {
-                    modelValue: t.value.roles,
-                    "onUpdate:modelValue": p[4] || (p[4] = (h) => t.value.roles = h),
-                    options: U.value,
+                  t(e(X), {
+                    modelValue: r.value.roles,
+                    "onUpdate:modelValue": c[4] || (c[4] = (x) => r.value.roles = x),
+                    options: f.value,
                     multiple: ""
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              o(e(D), {
-                label: e(m)("admins.locale")
+              t(e(M), {
+                label: e(p)("admins.locale")
               }, {
                 default: l(() => [
-                  o(e(H), {
-                    modelValue: t.value.locale,
-                    "onUpdate:modelValue": p[5] || (p[5] = (h) => t.value.locale = h),
-                    options: W.value
+                  t(e(X), {
+                    modelValue: r.value.locale,
+                    "onUpdate:modelValue": c[5] || (c[5] = (x) => r.value.locale = x),
+                    options: U.value
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              o(e(E), { size: "md" }, {
+              t(e(Y), { size: "md" }, {
                 default: l(() => [
-                  o(e(de), {
-                    modelValue: t.value.is_active,
-                    "onUpdate:modelValue": p[6] || (p[6] = (h) => t.value.is_active = h),
-                    label: e(m)("admins.active")
+                  t(e(be), {
+                    modelValue: r.value.is_active,
+                    "onUpdate:modelValue": c[6] || (c[6] = (x) => r.value.is_active = x),
+                    label: e(p)("admins.active")
                   }, null, 8, ["modelValue", "label"]),
-                  o(e(de), {
-                    modelValue: t.value.is_super,
-                    "onUpdate:modelValue": p[7] || (p[7] = (h) => t.value.is_super = h),
-                    label: e(m)("admins.super")
+                  t(e(be), {
+                    modelValue: r.value.is_super,
+                    "onUpdate:modelValue": c[7] || (c[7] = (x) => r.value.is_super = x),
+                    label: e(p)("admins.super")
                   }, null, 8, ["modelValue", "label"])
                 ]),
                 _: 1
               }),
-              o(e(Y), {
+              t(e(de), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: l(() => [
-                  L(C(e(m)("admins.super-hint")), 1)
+                  F($(e(p)("admins.super-hint")), 1)
                 ]),
                 _: 1
               })
@@ -553,7 +574,7 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Qe = { class: "wx-admin-list" }, Le = /* @__PURE__ */ R({
+}), ea = { class: "wx-admin-list" }, Ce = /* @__PURE__ */ R({
   __name: "AdminList",
   props: {
     picking: { type: Boolean, default: !1 },
@@ -564,25 +585,25 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
   },
   emits: ["open", "chosen", "selection", "remove"],
   setup(a, { expose: i, emit: s }) {
-    const n = a, r = s, y = q(), v = se(y);
-    Q();
-    const u = I("webx-auth"), m = b(null), V = b([]), _ = b(!1), d = b("all"), t = b("any"), $ = b([]), A = b({});
-    let U = { page: 1, perPage: 20, sort: null, search: "" };
-    const W = B(() => [
-      { value: "all", label: u("admins.all-roles") },
-      ...V.value.map((w) => ({ value: w.slug, label: w.name }))
-    ]), T = B(() => [
-      { value: "any", label: u("admins.any-state") },
-      { value: "yes", label: u("admins.only-active") },
-      { value: "no", label: u("admins.only-inactive") }
-    ]), z = B(() => [
-      { key: "name", label: u("admins.name"), sortable: !0 },
-      { key: "email", label: u("admins.email"), sortable: !0, hideBelow: 560 },
-      { key: "roles", label: u("admins.roles"), hideBelow: 760 },
-      { key: "is_active", label: u("admins.active"), align: "center", hideBelow: 660 },
+    const o = a, u = s, k = q(), m = pe(k);
+    J();
+    const n = I("webx-auth"), p = g(null), C = g([]), V = g(!1), d = g("all"), w = g("any"), r = g([]), b = g({});
+    let _ = { page: 1, perPage: 20, sort: null, search: "" };
+    const f = P(() => [
+      { value: "all", label: n("admins.all-roles") },
+      ...C.value.map((A) => ({ value: A.slug, label: A.name }))
+    ]), U = P(() => [
+      { value: "any", label: n("admins.any-state") },
+      { value: "yes", label: n("admins.only-active") },
+      { value: "no", label: n("admins.only-inactive") }
+    ]), W = P(() => [
+      { key: "name", label: n("admins.name"), sortable: !0 },
+      { key: "email", label: n("admins.email"), sortable: !0, hideBelow: 560 },
+      { key: "roles", label: n("admins.roles"), hideBelow: 760 },
+      { key: "is_active", label: n("admins.active"), align: "center", hideBelow: 660 },
       {
         key: "last_login_at",
-        label: u("admins.last-login"),
+        label: n("admins.last-login"),
         sortable: !0,
         hideBelow: 900,
         // The first thing to go when a row becomes a card: it is a date somebody scans down a
@@ -594,188 +615,176 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
         label: "",
         width: 56,
         align: "right",
-        hidden: !n.removable,
+        hidden: !o.removable,
         // A card puts them along its top instead, through the `card-actions` slot.
         hideOnCards: !0
       }
     ]);
-    v.roles().then((w) => V.value = w), J([d, t], () => c(U));
-    async function c(w) {
-      U = w, _.value = !0;
+    m.roles().then((A) => C.value = A), Z([d, w], () => z(_));
+    async function z(A) {
+      _ = A, V.value = !0;
       try {
-        m.value = await v.list({
-          q: w.search,
+        p.value = await m.list({
+          q: A.search,
           role: d.value === "all" ? null : d.value,
-          active: t.value === "any" ? null : t.value,
-          sort: w.sort ? `${w.sort.order === "desc" ? "-" : ""}${w.sort.key}` : "name",
-          page: w.page,
-          per_page: w.perPage
-        }), p();
+          active: w.value === "any" ? null : w.value,
+          sort: A.sort ? `${A.sort.order === "desc" ? "-" : ""}${A.sort.key}` : "name",
+          page: A.page,
+          per_page: A.perPage
+        }), h();
       } finally {
-        _.value = !1;
+        V.value = !1;
       }
     }
-    async function p() {
-      const w = n.resolveAvatar;
-      if (w)
-        for (const x of m.value?.data ?? []) {
-          if (!x.avatar || A.value[x.avatar]) continue;
-          const f = await w(x.avatar);
-          f && (A.value = { ...A.value, [x.avatar]: f });
+    async function h() {
+      const A = o.resolveAvatar;
+      if (A)
+        for (const y of p.value?.data ?? []) {
+          if (!y.avatar || b.value[y.avatar]) continue;
+          const v = await A(y.avatar);
+          v && (b.value = { ...b.value, [y.avatar]: v });
+        }
+    }
+    function c(A) {
+      return [
+        {
+          key: "delete",
+          icon: "trash",
+          label: n("admins.delete"),
+          danger: !0,
+          run: () => u("remove", A)
         }
+      ];
     }
-    function h(w) {
-      if (!n.picking) {
-        r("open", w);
+    function x(A) {
+      if (o.picking) {
+        u("chosen", [A]);
         return;
       }
-      n.multiple || r("chosen", [w]);
+      u("open", A);
     }
-    function X(w, x) {
-      $.value = x, r("selection", x);
+    const Q = P(() => !(o.picking && o.multiple));
+    function H(A, y) {
+      r.value = y, u("selection", y);
     }
-    return i({ reload: () => c(U), chosen: () => $.value }), (w, x) => (k(), K("div", Qe, [
-      o(e(Me), {
-        data: m.value,
-        columns: z.value,
+    return i({ reload: () => z(_), chosen: () => r.value }), (A, y) => (L(), O("div", ea, [
+      t(e(Oe), {
+        data: p.value,
+        columns: W.value,
         "row-key": "id",
         searchable: "",
-        hover: "",
+        clickable: Q.value,
+        hover: Q.value,
         flush: "",
-        loading: _.value,
-        "search-placeholder": e(u)("admins.search"),
-        "empty-text": e(u)("admins.empty"),
+        loading: V.value,
+        "search-placeholder": e(n)("admins.search"),
+        "empty-text": e(n)("admins.empty"),
         selectable: a.picking && a.multiple,
-        onStateChange: c,
-        onRowClick: h,
-        onSelectionChange: X
+        onRowClick: x,
+        onStateChange: z,
+        onSelectionChange: H
       }, ne({
-        "cell-name": l(({ row: f }) => [
-          o(e(E), {
+        "cell-name": l(({ row: v }) => [
+          t(e(Y), {
             size: "sm",
             align: "center"
           }, {
             default: l(() => [
-              o(e(Pe), {
-                name: f.name,
-                src: f.avatar ? A.value[f.avatar] : void 0,
+              t(e(De), {
+                name: v.name,
+                src: v.avatar ? b.value[v.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              O("span", null, C(f.name), 1),
-              f.is_super ? (k(), S(e(ae), {
+              N("span", null, $(v.name), 1),
+              v.is_super ? (L(), S(e(ae), {
                 key: 0,
                 type: "warning"
               }, {
                 default: l(() => [
-                  L(C(e(u)("admins.super")), 1)
+                  F($(e(n)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : P("", !0)
+              })) : T("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-roles": l(({ row: f }) => [
-          f.roles.length > 0 ? (k(), S(e(E), {
+        "cell-roles": l(({ row: v }) => [
+          v.roles.length > 0 ? (L(), S(e(Y), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
             default: l(() => [
-              (k(!0), K(le, null, he(f.roles, (g) => (k(), S(e(ae), {
-                key: g.id
+              (L(!0), O(le, null, _e(v.roles, (G) => (L(), S(e(ae), {
+                key: G.id
               }, {
                 default: l(() => [
-                  L(C(g.name), 1)
+                  F($(G.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 2
-          }, 1024)) : (k(), S(e(Y), {
+          }, 1024)) : (L(), S(e(de), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: l(() => [
-              L(C(e(u)("admins.no-roles")), 1)
+              F($(e(n)("admins.no-roles")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-is_active": l(({ row: f }) => [
-          o(e(ae), {
-            type: f.is_active ? "success" : "default",
+        "cell-is_active": l(({ row: v }) => [
+          t(e(ae), {
+            type: v.is_active ? "success" : "default",
             dot: ""
           }, {
             default: l(() => [
-              L(C(f.is_active ? e(u)("admins.active") : e(u)("admins.only-inactive")), 1)
+              F($(v.is_active ? e(n)("admins.active") : e(n)("admins.only-inactive")), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "card-actions": l(({ row: f }) => [
-          a.removable ? (k(), S(e(ce), {
+        "card-actions": l(({ row: v }) => [
+          a.removable ? (L(), S(e(he), {
             key: 0,
-            size: "sm",
-            onClick: x[2] || (x[2] = te(() => {
-            }, ["stop"]))
-          }, {
-            default: l(() => [
-              o(e(me), {
-                type: "remove",
-                title: e(u)("admins.delete"),
-                onClick: (g) => r("remove", f)
-              }, null, 8, ["title", "onClick"])
-            ]),
-            _: 2
-          }, 1024)) : P("", !0)
+            actions: c(v),
+            label: v.name
+          }, null, 8, ["actions", "label"])) : T("", !0)
         ]),
-        "cell-actions": l(({ row: f }) => [
-          o(e(ce), {
-            size: "sm",
-            onClick: x[3] || (x[3] = te(() => {
-            }, ["stop"]))
-          }, {
-            default: l(() => [
-              o(e(me), {
-                type: "remove",
-                title: e(u)("admins.delete"),
-                onClick: (g) => r("remove", f)
-              }, null, 8, ["title", "onClick"])
-            ]),
-            _: 2
-          }, 1024)
+        "cell-actions": l(({ row: v }) => [
+          t(e(he), {
+            actions: c(v),
+            label: v.name
+          }, null, 8, ["actions", "label"])
         ]),
-        "cell-last_login_at": l(({ row: f }) => [
-          o(e(Y), {
-            size: "sm",
-            tone: f.last_login_at ? "default" : "muted"
-          }, {
-            default: l(() => [
-              L(C(f.last_login_at ? new Date(f.last_login_at).toLocaleString() : e(u)("admins.never")), 1)
-            ]),
-            _: 2
-          }, 1032, ["tone"])
+        "cell-last_login_at": l(({ row: v }) => [
+          t(e(Ne), {
+            value: v.last_login_at,
+            tone: v.last_login_at ? "default" : "muted"
+          }, null, 8, ["value", "tone"])
         ]),
         _: 2
       }, [
         a.filters ? {
           name: "actions",
           fn: l(() => [
-            o(e(E), { size: "sm" }, {
+            t(e(Y), { size: "sm" }, {
               default: l(() => [
-                o(e(H), {
+                t(e(X), {
                   modelValue: d.value,
-                  "onUpdate:modelValue": x[0] || (x[0] = (f) => d.value = f),
-                  options: W.value,
+                  "onUpdate:modelValue": y[0] || (y[0] = (v) => d.value = v),
+                  options: f.value,
                   size: "sm",
                   style: { width: "180px" }
                 }, null, 8, ["modelValue", "options"]),
-                o(e(H), {
-                  modelValue: t.value,
-                  "onUpdate:modelValue": x[1] || (x[1] = (f) => t.value = f),
-                  options: T.value,
+                t(e(X), {
+                  modelValue: w.value,
+                  "onUpdate:modelValue": y[1] || (y[1] = (v) => w.value = v),
+                  options: U.value,
                   size: "sm",
                   style: { width: "180px" }
                 }, null, 8, ["modelValue", "options"])
@@ -785,73 +794,71 @@ const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["data", "columns", "loading", "search-placeholder", "empty-text", "selectable"])
+      ]), 1032, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "selectable"])
     ]));
   }
-}), Xe = /* @__PURE__ */ R({
+}), aa = /* @__PURE__ */ R({
   __name: "AdminsPage",
   props: {
     avatarField: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, s = q(), n = se(s);
-    Q();
-    const r = I("webx-auth"), y = oe("list"), v = b(null), u = _e(Je), m = s.can("admins.manage");
-    async function V(d) {
-      v.value = d, await u({ admin: d, avatarField: i.avatarField }) && y.value?.reload();
+    const i = a, s = q(), o = pe(s);
+    J();
+    const u = I("webx-auth"), k = re(), m = oe("list"), n = g(null), p = ce(Ze), C = s.can("admins.manage"), V = P(
+      () => s.state.manifest?.modules.find((r) => r.id === "admins")?.title ?? u("admins.title")
+    );
+    async function d(r) {
+      n.value = r, await p({ admin: r, avatarField: i.avatarField }) && m.value?.reload();
     }
-    async function _(d) {
-      if (await Oe({
-        title: r("admins.delete-title", { name: d.name }),
-        message: r("admins.delete-text"),
-        confirmText: r("admins.delete"),
-        cancelText: r("admins.cancel"),
+    async function w(r) {
+      if (await Re({
+        title: u("admins.delete-title", { name: r.name }),
+        message: u("admins.delete-text"),
+        confirmText: u("admins.delete"),
+        cancelText: u("admins.cancel"),
         tone: "danger"
       }))
         try {
-          await n.remove(d.id), G.success(r("admins.deleted")), y.value?.reload();
-        } catch ($) {
-          const A = $.body;
-          G.danger(A?.message ?? r("errors.forbidden"));
+          await o.remove(r.id), j.success(u("admins.deleted")), m.value?.reload();
+        } catch (_) {
+          j.danger(k(_));
         }
     }
-    return (d, t) => (k(), S(e(Ne), null, ne({
-      header: l(() => [
-        L(C(e(r)("admins.title")), 1)
-      ]),
+    return (r, b) => (L(), S(e(Ee), { title: V.value }, ne({
       default: l(() => [
-        o(Le, {
+        t(Ce, {
           ref_key: "list",
-          ref: y,
-          removable: e(m),
+          ref: m,
+          removable: e(C),
           "resolve-avatar": i.resolveAvatar,
-          onOpen: V,
-          onRemove: _
+          onOpen: d,
+          onRemove: w
         }, null, 8, ["removable", "resolve-avatar"])
       ]),
       _: 2
     }, [
-      e(m) ? {
-        name: "extra",
+      e(C) ? {
+        name: "actions",
         fn: l(() => [
-          o(e(j), {
+          t(e(D), {
             type: "primary",
             icon: "add",
-            onClick: t[0] || (t[0] = ($) => V(null))
+            onClick: b[0] || (b[0] = (_) => d(null))
           }, {
             default: l(() => [
-              L(C(e(r)("admins.new-short")), 1)
+              F($(e(u)("admins.new-short")), 1)
             ]),
             _: 1
           })
         ]),
         key: "0"
       } : void 0
-    ]), 1024));
+    ]), 1032, ["title"]));
   }
 });
-function na(a = {}) {
+function fa(a = {}) {
   const i = a.path ?? "/admins";
   return {
     id: "admins",
@@ -861,7 +868,7 @@ function na(a = {}) {
         path: i,
         name: "webx.admins",
         component: {
-          render: () => be(Xe, {
+          render: () => xe(aa, {
             avatarField: a.avatarField,
             resolveAvatar: a.resolveAvatar
           })
@@ -870,7 +877,7 @@ function na(a = {}) {
     ]
   };
 }
-const Ze = /* @__PURE__ */ R({
+const ta = /* @__PURE__ */ R({
   __name: "AdminPicker",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -878,30 +885,30 @@ const Ze = /* @__PURE__ */ R({
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, { open: s, resolve: n, dismiss: r } = we();
-    Q();
-    const y = I("webx-auth"), v = oe("list"), u = b(0);
-    function m(_) {
-      n(_);
+    const i = a, { open: s, resolve: o, dismiss: u } = ie();
+    J();
+    const k = I("webx-auth"), m = oe("list"), n = g(0);
+    function p(V) {
+      o(V);
     }
-    function V(_) {
-      u.value = _.length;
+    function C(V) {
+      n.value = V.length;
     }
-    return (_, d) => (k(), S(e(ge), {
+    return (V, d) => (L(), S(e(ue), {
       open: e(s),
-      "onUpdate:open": d[2] || (d[2] = (t) => fe(s) ? s.value = t : null),
-      title: a.title ?? e(y)(a.multiple ? "admins.select-many" : "admins.select-one"),
+      "onUpdate:open": d[2] || (d[2] = (w) => se(s) ? s.value = w : null),
+      title: a.title ?? e(k)(a.multiple ? "admins.select-many" : "admins.select-one"),
       width: 880
     }, ne({
       default: l(() => [
-        o(Le, {
+        t(Ce, {
           ref_key: "list",
-          ref: v,
+          ref: m,
           picking: "",
           multiple: a.multiple,
           "resolve-avatar": i.resolveAvatar,
-          onChosen: m,
-          onSelection: V
+          onChosen: p,
+          onSelection: C
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
@@ -909,36 +916,36 @@ const Ze = /* @__PURE__ */ R({
       a.multiple ? {
         name: "footer",
         fn: l(() => [
-          o(e(E), {
+          t(e(Y), {
             size: "sm",
             align: "center"
           }, {
             default: l(() => [
-              o(e(Y), {
+              t(e(de), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: l(() => [
-                  L(C(e(y)("admins.chosen", { count: u.value })), 1)
+                  F($(e(k)("admins.chosen", { count: n.value })), 1)
                 ]),
                 _: 1
               }),
-              o(e(j), {
+              t(e(D), {
                 variant: "outline",
-                onClick: d[0] || (d[0] = (t) => e(r)())
+                onClick: d[0] || (d[0] = (w) => e(u)())
               }, {
                 default: l(() => [
-                  L(C(e(y)("admins.cancel")), 1)
+                  F($(e(k)("admins.cancel")), 1)
                 ]),
                 _: 1
               }),
-              o(e(j), {
+              t(e(D), {
                 type: "primary",
-                disabled: u.value === 0,
-                onClick: d[1] || (d[1] = (t) => e(n)(v.value?.chosen() ?? []))
+                disabled: n.value === 0,
+                onClick: d[1] || (d[1] = (w) => e(o)(m.value?.chosen() ?? []))
               }, {
                 default: l(() => [
-                  L(C(e(y)("admins.save")), 1)
+                  F($(e(k)("admins.save")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -950,131 +957,294 @@ const Ze = /* @__PURE__ */ R({
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), $e = _e(Ze);
-async function sa(a = {}) {
-  return (await $e({ ...a, multiple: !1 }))?.[0];
+}), Ue = ce(ta);
+async function wa(a = {}) {
+  return (await Ue({ ...a, multiple: !1 }))?.[0];
 }
-function ia(a = {}) {
-  return $e({ ...a, multiple: !0 });
+function ha(a = {}) {
+  return Ue({ ...a, multiple: !0 });
 }
-const ea = ["title"], aa = /* @__PURE__ */ R({
+const la = { class: "wx-profile-host" }, oa = { class: "wx-profile" }, sa = {
+  key: 0,
+  class: "wx-profile__aside"
+}, na = { class: "wx-profile__fields" }, ra = /* @__PURE__ */ R({
+  __name: "ProfileDialog",
+  props: {
+    avatarField: { default: void 0 }
+  },
+  setup(a) {
+    const i = a, { resolve: s, dismiss: o, open: u } = ie(), k = q(), m = me();
+    J();
+    const n = I("webx-auth"), p = re(), C = g(!1), V = g({}), d = g({
+      name: k.state.user?.name ?? "",
+      avatar: k.state.user?.avatar ?? null,
+      password: "",
+      current_password: ""
+    }), w = g(d.value.avatar ? { path: d.value.avatar } : null);
+    function r(_) {
+      return V.value[_]?.[0];
+    }
+    async function b() {
+      C.value = !0, V.value = {};
+      try {
+        await m.updateProfile({
+          name: d.value.name,
+          avatar: w.value?.path ?? null,
+          // Blank is left out entirely rather than sent as an empty string: the server reads a
+          // filled password as "change it", and an empty one would be a change to nothing.
+          ...d.value.password ? { password: d.value.password, current_password: d.value.current_password } : {}
+        }), j.success(n("profile.saved")), s(!0);
+      } catch (_) {
+        const f = _.body;
+        f?.errors ? V.value = f.errors : j.danger(p(_));
+      } finally {
+        C.value = !1;
+      }
+    }
+    return (_, f) => (L(), S(e(ue), {
+      open: e(u),
+      "onUpdate:open": f[5] || (f[5] = (U) => se(u) ? u.value = U : null),
+      title: e(n)("profile.title"),
+      width: 560
+    }, {
+      footer: l(() => [
+        t(e(D), {
+          onClick: f[4] || (f[4] = (U) => e(o)())
+        }, {
+          default: l(() => [
+            F($(e(n)("profile.cancel")), 1)
+          ]),
+          _: 1
+        }),
+        t(e(D), {
+          type: "primary",
+          loading: C.value,
+          onClick: b
+        }, {
+          default: l(() => [
+            F($(e(n)("profile.save")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading"])
+      ]),
+      default: l(() => [
+        N("div", la, [
+          N("div", oa, [
+            i.avatarField ? (L(), O("div", sa, [
+              (L(), S(ge(i.avatarField), {
+                modelValue: w.value,
+                "onUpdate:modelValue": f[0] || (f[0] = (U) => w.value = U),
+                label: e(n)("profile.avatar"),
+                aspect: "1/1",
+                captions: !1
+              }, null, 8, ["modelValue", "label"]))
+            ])) : T("", !0),
+            N("div", na, [
+              t(e(M), {
+                label: e(n)("profile.name"),
+                error: r("name")
+              }, {
+                default: l(() => [
+                  t(e(E), {
+                    modelValue: d.value.name,
+                    "onUpdate:modelValue": f[1] || (f[1] = (U) => d.value.name = U),
+                    name: "name"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label", "error"]),
+              t(e(M), {
+                label: e(n)("admins.email")
+              }, {
+                default: l(() => [
+                  t(e(E), {
+                    "model-value": e(k).state.user?.email ?? "",
+                    readonly: ""
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(e(M), {
+                label: e(n)("profile.password"),
+                help: e(n)("profile.password-hint"),
+                error: r("password")
+              }, {
+                default: l(() => [
+                  t(e(E), {
+                    modelValue: d.value.password,
+                    "onUpdate:modelValue": f[2] || (f[2] = (U) => d.value.password = U),
+                    type: "password",
+                    autocomplete: "new-password"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label", "help", "error"]),
+              d.value.password ? (L(), S(e(M), {
+                key: 0,
+                label: e(n)("profile.current-password"),
+                help: e(n)("profile.current-password-hint"),
+                error: r("current_password")
+              }, {
+                default: l(() => [
+                  t(e(E), {
+                    modelValue: d.value.current_password,
+                    "onUpdate:modelValue": f[3] || (f[3] = (U) => d.value.current_password = U),
+                    type: "password",
+                    autocomplete: "current-password"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label", "help", "error"])) : T("", !0)
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), ia = /* @__PURE__ */ ve(ra, [["__scopeId", "data-v-9583a67a"]]), ua = ["title"], da = {
+  key: 0,
+  class: "wx-user-menu__name"
+}, ca = /* @__PURE__ */ R({
   __name: "UserMenu",
   props: {
     signOutLabel: { default: void 0 },
-    resolveAvatar: { type: Function, default: void 0 }
+    resolveAvatar: { type: Function, default: void 0 },
+    avatarField: { default: void 0 },
+    expanded: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const i = a, s = q(), n = ke(), r = ye(), y = I("webx-auth"), v = B(() => s.state.user), u = B(
-      () => r.state.panelLocales.length > 1 ? r.state.panelLocales : []
-    ), m = pe(Ve, null), V = b(void 0);
-    J(
-      () => typeof v.value?.avatar == "string" ? v.value.avatar : null,
-      async (d) => {
-        const t = i.resolveAvatar ?? m;
-        if (d === null || d === "" || t === null) {
+    const i = a, s = q(), o = me(), u = ke(), k = I("webx-auth"), m = P(() => s.state.user), n = P(
+      () => u.state.panelLocales.length > 1 ? u.state.panelLocales : []
+    ), p = te(Ae, null), C = te(Le, null), V = g(void 0);
+    Z(
+      () => typeof m.value?.avatar == "string" ? m.value.avatar : null,
+      async (b) => {
+        const _ = i.resolveAvatar ?? p;
+        if (b === null || b === "" || _ === null) {
           V.value = void 0;
           return;
         }
-        const $ = await t(d);
-        v.value?.avatar === d && (V.value = $ ?? void 0);
+        const f = await _(b);
+        m.value?.avatar === b && (V.value = f ?? void 0);
       },
       { immediate: !0 }
     );
-    async function _(d) {
-      d !== r.state.locale && await n.setLocale(d);
+    const d = ce(ia);
+    function w() {
+      setTimeout(
+        () => {
+          d({ avatarField: i.avatarField ?? C ?? void 0 });
+        },
+        0
+      );
     }
-    return (d, t) => {
-      const $ = F("wx-avatar"), A = F("wx-text"), U = F("wx-dropdown-item"), W = F("wx-divider"), T = F("wx-dropdown");
-      return v.value !== null ? (k(), S(T, { key: 0 }, {
+    async function r(b) {
+      b !== u.state.locale && await o.setLocale(b);
+    }
+    return (b, _) => {
+      const f = B("wx-avatar"), U = B("wx-text"), W = B("wx-dropdown-item"), z = B("wx-divider"), h = B("wx-dropdown");
+      return m.value !== null ? (L(), S(h, { key: 0 }, {
         trigger: l(() => [
-          O("button", {
+          N("button", {
             type: "button",
-            class: "wx-user-menu__trigger",
-            title: v.value.name
+            class: Te(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": a.expanded }]),
+            title: m.value.name
           }, [
-            o($, {
-              name: v.value.name,
+            t(f, {
+              name: m.value.name,
               src: V.value,
               size: "lg"
-            }, null, 8, ["name", "src"])
-          ], 8, ea)
+            }, null, 8, ["name", "src"]),
+            a.expanded ? (L(), O("span", da, $(m.value.name), 1)) : T("", !0)
+          ], 10, ua)
         ]),
         default: l(() => [
-          o(U, { disabled: "" }, {
+          t(W, { disabled: "" }, {
             default: l(() => [
-              o(A, { size: "sm" }, {
+              t(U, { size: "sm" }, {
                 default: l(() => [
-                  L(C(v.value.email), 1)
+                  F($(m.value.email), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          u.value.length > 0 ? (k(), K(le, { key: 0 }, [
-            o(W, { spacing: "sm" }),
-            o(U, { disabled: "" }, {
+          t(z, { spacing: "sm" }),
+          t(W, {
+            icon: "user",
+            onClick: w
+          }, {
+            default: l(() => [
+              F($(e(k)("profile.menu")), 1)
+            ]),
+            _: 1
+          }),
+          n.value.length > 0 ? (L(), O(le, { key: 0 }, [
+            t(z, { spacing: "sm" }),
+            t(W, { disabled: "" }, {
               default: l(() => [
-                o(A, {
+                t(U, {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: l(() => [
-                    L(C(e(y)("menu.language")), 1)
+                    F($(e(k)("menu.language")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            (k(!0), K(le, null, he(u.value, (z) => (k(), S(U, {
-              key: z.code,
-              icon: z.code === e(r).state.locale ? "check" : void 0,
-              onClick: (c) => _(z.code)
+            (L(!0), O(le, null, _e(n.value, (c) => (L(), S(W, {
+              key: c.code,
+              icon: c.code === e(u).state.locale ? "check" : void 0,
+              onClick: (x) => r(c.code)
             }, {
               default: l(() => [
-                L(C(z.nativeName), 1)
+                F($(c.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            o(W, { spacing: "sm" })
-          ], 64)) : P("", !0),
-          o(U, {
+            t(z, { spacing: "sm" })
+          ], 64)) : T("", !0),
+          t(W, {
             icon: "logout",
-            onClick: t[0] || (t[0] = (z) => e(n).logout())
+            onClick: _[0] || (_[0] = (c) => e(o).logout())
           }, {
             default: l(() => [
-              L(C(a.signOutLabel ?? e(y)("menu.sign-out")), 1)
+              F($(a.signOutLabel ?? e(k)("menu.sign-out")), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : P("", !0);
+      })) : T("", !0);
     };
   }
-}), ra = /* @__PURE__ */ Ae(aa, [["__scopeId", "data-v-d9c92170"]]);
-function ua(a = {}) {
+}), ba = /* @__PURE__ */ ve(ca, [["__scopeId", "data-v-d51d13e4"]]);
+function ya(a = {}) {
   const i = a.path ?? "/login";
   return {
     install(s) {
-      const n = Ee(s.context);
-      s.i18n.defaults("webx-auth", Ce), Re(s.app, n, a.resolveAvatar ?? null), s.context.useSessionLoader(() => n.me()), s.router.addRoute({
+      const o = Ie(s.context);
+      s.i18n.defaults("webx-auth", $e), Ke(s.app, o, a.resolveAvatar ?? null, a.avatarField ?? null), s.context.useSessionLoader(() => o.me()), s.router.addRoute({
         path: i,
         name: "webx.login",
         meta: { public: !0 },
-        component: { render: () => be(je, { ...a.card }) }
-      }), s.router.beforeEach((r) => r.meta.public === !0 || s.context.state.status !== "unauthenticated" ? !0 : { path: i, query: r.fullPath === "/" ? {} : { next: r.fullPath } }), J(
+        component: { render: () => xe(He, { ...a.card }) }
+      }), s.router.beforeEach((u) => u.meta.public === !0 || s.context.state.status !== "unauthenticated" ? !0 : { path: i, query: u.fullPath === "/" ? {} : { next: u.fullPath } }), Z(
         () => s.context.state.status,
-        (r) => {
-          const y = s.router.currentRoute.value;
-          if (r === "unauthenticated" && y.path !== i) {
-            s.router.replace({ path: i, query: { next: y.fullPath } });
+        (u) => {
+          const k = s.router.currentRoute.value;
+          if (u === "unauthenticated" && k.path !== i) {
+            s.router.replace({ path: i, query: { next: k.fullPath } });
             return;
           }
-          if (r === "ready" && y.path === i) {
-            const v = y.query.next;
-            s.router.replace(typeof v == "string" ? v : "/");
+          if (u === "ready" && k.path === i) {
+            const m = k.query.next;
+            s.router.replace(typeof m == "string" ? m : "/");
           }
         }
       );
@@ -1082,20 +1252,22 @@ function ua(a = {}) {
   };
 }
 export {
-  Le as WxAdminList,
-  Xe as WxAdminsPage,
-  je as WxLoginCard,
-  ra as WxUserMenu,
-  na as admins,
-  ua as auth,
-  xe as authKey,
-  Ce as authMessages,
-  Ve as avatarResolverKey,
-  se as createAdminsApi,
-  Ee as createAuthSession,
-  Re as provideAuth,
-  sa as selectAdmin,
-  ia as selectAdmins,
-  ke as useAuth
+  Ce as WxAdminList,
+  aa as WxAdminsPage,
+  He as WxLoginCard,
+  ia as WxProfileDialog,
+  ba as WxUserMenu,
+  fa as admins,
+  ya as auth,
+  Ve as authKey,
+  $e as authMessages,
+  Le as avatarFieldKey,
+  Ae as avatarResolverKey,
+  pe as createAdminsApi,
+  Ie as createAuthSession,
+  Ke as provideAuth,
+  wa as selectAdmin,
+  ha as selectAdmins,
+  me as useAuth
 };
 //# sourceMappingURL=index.js.map