@webx-ui/module-auth 0.5.4 → 0.6.1

package/dist/index.js

@@ -1,36 +1,43 @@
-import { inject as me, defineComponent as O, computed as F, ref as g, useTemplateRef as le, onBeforeUnmount as Fe, resolveComponent as z, openBlock as k, createBlock as U, withCtx as l, createVNode as n, withModifiers as ze, createCommentVNode as M, createElementVNode as E, createTextVNode as S, toDisplayString as $, watch as Q, unref as e, isRef as ve, createElementBlock as j, resolveDynamicComponent as Be, createSlots as ne, Fragment as te, renderList as pe, h as fe } from "vue";
-import { useTranslate as R, HttpError as Te, useAdmin as H, useI18n as he, useErrorText as be, WxDate as Me, WxRowMenu as ue, WxListScreen as Pe } from "@webx-ui/module-admin";
-import { useModal as we, WxDialog as ye, WxFormItem as K, WxInput as ee, WxSelect as G, WxSpace as N, WxCheckbox as de, WxText as oe, WxButton as q, toast as J, WxTable as Ee, WxBadge as ae, WxAvatar as Ne, createModal as ge, confirm as Oe } from "@webx-ui/core";
-const _e = /* @__PURE__ */ Symbol("webx-auth");
-function xe() {
-  const a = me(_e, 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 Re(a) {
+function Ie(a) {
   const i = `${a.apiPath}/auth`;
   return {
     async me() {
       try {
         return (await a.http.get(`${i}/me`)).data;
-      } catch (o) {
-        if (De(o))
+      } catch (s) {
+        if (Ye(s))
           return null;
-        throw o;
+        throw s;
       }
     },
-    async login(o) {
-      const t = await a.http.post(`${i}/login`, {
-        email: o.email,
-        password: o.password,
-        remember: o.remember ?? !1
+    async login(s) {
+      const o = await a.http.post(`${i}/login`, {
+        email: s.email,
+        password: s.password,
+        remember: s.remember ?? !1
       });
-      return a.setUser(t.data), await a.reload(), t.data;
+      return a.setUser(o.data), await a.reload(), o.data;
     },
-    async setLocale(o) {
-      const t = await a.http.put(`${i}/locale`, { locale: o });
-      a.setUser(t.data), await a.setLocale(o);
+    async 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 Re(a) {
     }
   };
 }
-const ke = /* @__PURE__ */ Symbol("webx-auth-avatar");
-function Ie(a, i, o = null) {
-  a.provide(_e, i), a.provide(ke, o);
+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 De(a) {
+function Ye(a) {
   return typeof a == "object" && a !== null && "status" in a && a.status === 401;
 }
-const Ke = ["title", "aria-label", "aria-pressed"], je = /* @__PURE__ */ O({
+const je = ["title", "aria-label", "aria-pressed"], qe = /* @__PURE__ */ R({
   __name: "LoginCard",
   props: {
     emailLabel: { default: void 0 },
@@ -63,171 +70,171 @@ const Ke = ["title", "aria-label", "aria-pressed"], je = /* @__PURE__ */ O({
     autofocus: { type: Boolean, default: !0 }
   },
   emits: ["success"],
-  setup(a, { expose: i, emit: o }) {
-    const t = a, r = o, x = xe(), m = R("webx-auth"), u = F(() => ({
-      email: t.emailLabel ?? m("card.email"),
-      password: t.passwordLabel ?? m("card.password"),
-      remember: t.rememberLabel ?? m("card.remember"),
-      submit: t.submitLabel ?? m("card.submit"),
-      capsLock: t.capsLockWarning ?? m("card.caps-lock"),
-      reveal: t.revealLabel ?? m("card.reveal"),
-      hide: t.hideLabel ?? m("card.hide")
-    })), p = g(""), L = g(""), V = g(!1), c = g(!1), f = g(!1), s = g(!1), _ = g(""), A = g({}), W = g(0), T = le("emailField");
-    let C = null;
-    Fe(I);
-    const B = F(() => W.value > 0), b = F(
-      () => t.throttleMessage === void 0 ? m("card.throttled", { seconds: W.value }) : t.throttleMessage.replace(":seconds", String(W.value))
+  setup(a, { expose: i, emit: s }) {
+    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 v() {
-      if (!(c.value || B.value)) {
-        c.value = !0, _.value = "", A.value = {};
+    async function c() {
+      if (!(d.value || z.value)) {
+        d.value = !0, b.value = "", _.value = {};
         try {
-          await x.login({
+          await k.login({
             email: p.value,
-            password: L.value,
+            password: C.value,
             remember: V.value
-          }), L.value = "", r("success");
-        } catch (h) {
-          w(h);
+          }), C.value = "", u("success");
+        } catch (y) {
+          x(y);
         } finally {
-          c.value = !1;
+          d.value = !1;
         }
       }
     }
-    function w(h) {
-      if (!(h instanceof Te)) {
-        _.value = h instanceof Error ? h.message : String(h);
+    function x(y) {
+      if (!(y instanceof Me)) {
+        b.value = y instanceof Error ? y.message : String(y);
         return;
       }
-      if (h.isValidation) {
-        A.value = h.errors;
+      if (y.isValidation) {
+        _.value = y.errors;
         return;
       }
-      if (h.isThrottled) {
-        Y(h.retryAfter ?? 60);
+      if (y.isThrottled) {
+        Q(y.retryAfter ?? 60);
         return;
       }
-      _.value = h.message;
+      b.value = y.message;
     }
-    function Y(h) {
-      I(), W.value = h, C = setInterval(() => {
-        W.value -= 1, W.value <= 0 && I();
+    function Q(y) {
+      H(), f.value = y, W = setInterval(() => {
+        f.value -= 1, f.value <= 0 && H();
       }, 1e3);
     }
-    function I() {
-      C !== null && (clearInterval(C), C = null), W.value = 0;
+    function H() {
+      W !== null && (clearInterval(W), W = null), f.value = 0;
     }
-    function y(h) {
-      s.value = h.getModifierState("CapsLock");
+    function A(y) {
+      r.value = y.getModifierState("CapsLock");
     }
-    return i({ focus: () => T.value?.focus() }), (h, d) => {
-      const D = z("wx-alert"), Z = z("wx-icon"), ie = z("wx-input"), re = z("wx-form-item"), $e = z("wx-checkbox"), Se = z("wx-button"), Ue = z("wx-form"), We = z("wx-card");
-      return k(), U(We, {
+    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(() => [
-          n(Ue, {
-            errors: A.value,
-            disabled: c.value,
+          t(We, {
+            errors: _.value,
+            disabled: d.value,
             gap: "md",
-            onSubmit: ze(v, ["prevent"])
+            onSubmit: Be(c, ["prevent"])
           }, {
             default: l(() => [
-              _.value !== "" ? (k(), U(D, {
+              b.value !== "" ? (L(), S(G, {
                 key: 0,
                 type: "danger",
                 variant: "soft",
                 live: "",
-                description: _.value,
+                description: b.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : B.value ? (k(), U(D, {
+              }, null, 8, ["description"])) : z.value ? (L(), S(G, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: b.value,
+                description: h.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : M("", !0),
-              n(re, { name: "email" }, {
+              }, null, 8, ["description"])) : T("", !0),
+              t(we, { name: "email" }, {
                 default: l(() => [
-                  n(ie, {
+                  t(fe, {
                     ref_key: "emailField",
-                    ref: T,
+                    ref: U,
                     modelValue: p.value,
-                    "onUpdate:modelValue": d[0] || (d[0] = (P) => p.value = P),
+                    "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(() => [
-                      n(Z, { name: "mail" })
+                      t(ee, { name: "mail" })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "placeholder", "aria-label", "autofocus"])
                 ]),
                 _: 1
               }),
-              n(re, {
+              t(we, {
                 name: "password",
-                help: s.value ? u.value.capsLock : void 0
+                help: r.value ? n.value.capsLock : void 0
               }, {
                 default: l(() => [
-                  n(ie, {
-                    modelValue: L.value,
-                    "onUpdate:modelValue": d[2] || (d[2] = (P) => L.value = P),
-                    type: f.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: y,
-                    onKeyup: y
+                    onKeydown: A,
+                    onKeyup: A
                   }, {
                     prefix: l(() => [
-                      n(Z, { name: "lock" })
+                      t(ee, { name: "lock" })
                     ]),
                     suffix: l(() => [
-                      E("button", {
+                      N("button", {
                         type: "button",
                         class: "wx-login__reveal",
-                        title: f.value ? u.value.hide : u.value.reveal,
-                        "aria-label": f.value ? u.value.hide : u.value.reveal,
-                        "aria-pressed": f.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: d[1] || (d[1] = (P) => f.value = !f.value)
+                        onClick: v[1] || (v[1] = (K) => w.value = !w.value)
                       }, [
-                        n(Z, {
-                          name: f.value ? "eye-off" : "eye"
+                        t(ee, {
+                          name: w.value ? "eye-off" : "eye"
                         }, null, 8, ["name"])
-                      ], 8, Ke)
+                      ], 8, je)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "type", "placeholder", "aria-label"])
                 ]),
                 _: 1
               }, 8, ["help"]),
-              a.remember ? (k(), U($e, {
+              a.remember ? (L(), S(Fe, {
                 key: 2,
                 modelValue: V.value,
-                "onUpdate:modelValue": d[3] || (d[3] = (P) => V.value = P),
-                label: u.value.remember,
+                "onUpdate:modelValue": v[3] || (v[3] = (K) => V.value = K),
+                label: n.value.remember,
                 class: "wx-login__remember"
-              }, null, 8, ["modelValue", "label"])) : M("", !0),
-              n(Se, {
+              }, null, 8, ["modelValue", "label"])) : T("", !0),
+              t(Se, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
-                loading: c.value,
-                disabled: B.value
+                loading: d.value,
+                disabled: z.value
               }, {
                 default: l(() => [
-                  S($(u.value.submit), 1)
+                  F($(n.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -239,12 +246,12 @@ const Ke = ["title", "aria-label", "aria-pressed"], je = /* @__PURE__ */ O({
       });
     };
   }
-}), Ve = (a, i) => {
-  const o = a.__vccOpts || a;
-  for (const [t, r] of i)
-    o[t] = r;
-  return o;
-}, qe = /* @__PURE__ */ Ve(je, [["__scopeId", "data-v-3c206e31"]]), Ae = {
+}), ve = (a, i) => {
+  const s = a.__vccOpts || a;
+  for (const [o, u] of i)
+    s[o] = u;
+  return s;
+}, He = /* @__PURE__ */ ve(qe, [["__scopeId", "data-v-3c206e31"]]), $e = {
   card: {
     email: "Email",
     password: "Password",
@@ -302,52 +309,67 @@ const Ke = ["title", "aria-label", "aria-pressed"], je = /* @__PURE__ */ O({
     "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`, o = (t) => t.data;
+function pe(a) {
+  const i = `${a.apiPath}/auth`, s = (o) => o.data;
   return {
-    list: (t = {}) => a.http.get(`${i}/admins`, {
+    list: (o = {}) => a.http.get(`${i}/admins`, {
       query: {
-        q: t.q || void 0,
-        role: t.role ?? void 0,
-        active: t.active ?? void 0,
-        sort: t.sort,
-        page: t.page,
-        per_page: t.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: (t) => a.http.get(`${i}/admins/${t}`).then(o),
-    create: (t) => a.http.post(`${i}/admins`, t).then(o),
-    update: (t, r) => a.http.patch(`${i}/admins/${t}`, r).then(o),
-    remove: (t) => a.http.delete(`${i}/admins/${t}`),
-    roles: () => a.http.get(`${i}/roles`).then(o)
+    }).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 ce = /* @__PURE__ */ new WeakSet();
-function X() {
+const ye = /* @__PURE__ */ new WeakSet();
+function J() {
   try {
-    const { i18n: a } = H();
-    ce.has(a) || (a.defaults("webx-auth", Ae), ce.add(a));
+    const { i18n: a } = q();
+    ye.has(a) || (a.defaults("webx-auth", $e), ye.add(a));
   } catch {
   }
 }
-const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge = {
+const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe = {
   key: 0,
   class: "wx-admin-form__aside"
-}, Je = { class: "wx-admin-form__fields" }, Qe = /* @__PURE__ */ O({
+}, 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: o, dismiss: t, open: r } = we(), x = H(), m = se(x), u = he();
-    X();
-    const p = R("webx-auth"), L = be(), V = g([]), c = g(!1), f = g({}), s = g({
+    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: "",
@@ -356,81 +378,81 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
       is_super: !1,
       locale: null,
       roles: []
-    }), _ = F({
-      get: () => s.value.avatar ? { path: s.value.avatar } : null,
-      set: (b) => {
-        s.value.avatar = b?.path ?? null;
+    }), b = P({
+      get: () => r.value.avatar ? { path: r.value.avatar } : null,
+      set: (h) => {
+        r.value.avatar = h?.path ?? null;
       }
-    }), A = F(() => i.admin !== null), W = F(() => V.value.map((b) => ({ value: b.id, label: b.name }))), T = F(() => [
+    }), _ = 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") },
-      ...u.state.panelLocales.map((b) => ({ value: b.code, label: b.nativeName }))
+      ...n.state.panelLocales.map((h) => ({ value: h.code, label: h.nativeName }))
     ]);
-    m.roles().then((b) => V.value = b), Q(
+    m.roles().then((h) => V.value = h), Z(
       () => i.admin,
-      (b) => {
-        s.value = {
-          name: b?.name ?? "",
-          email: b?.email ?? "",
+      (h) => {
+        r.value = {
+          name: h?.name ?? "",
+          email: h?.email ?? "",
           password: "",
-          avatar: b?.avatar ?? null,
-          is_active: b?.is_active ?? !0,
-          is_super: b?.is_super ?? !1,
-          locale: b?.locale ?? "auto",
-          roles: b?.roles.map((v) => v.id) ?? []
-        }, f.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 C(b) {
-      return f.value[b]?.[0];
+    function W(h) {
+      return w.value[h]?.[0];
     }
-    async function B() {
-      c.value = !0, f.value = {};
-      const b = {
-        name: s.value.name,
-        email: s.value.email,
-        avatar: s.value.avatar,
-        is_active: s.value.is_active,
-        is_super: s.value.is_super,
-        locale: s.value.locale === "auto" ? null : s.value.locale,
-        roles: s.value.roles ?? []
+    async function z() {
+      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 ?? []
       };
-      s.value.password && (b.password = s.value.password);
+      r.value.password && (h.password = r.value.password);
       try {
-        const v = i.admin ? await m.update(i.admin.id, b) : await m.create(b);
-        J.success(p(A.value ? "admins.updated" : "admins.created")), o(v);
-      } catch (v) {
-        const w = v.body;
-        w?.errors ? f.value = w.errors : J.danger(L(v));
+        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 {
-        c.value = !1;
+        d.value = !1;
       }
     }
-    return (b, v) => (k(), U(e(ye), {
-      open: e(r),
-      "onUpdate:open": v[9] || (v[9] = (w) => ve(r) ? r.value = w : null),
-      title: A.value ? e(p)("admins.edit-short") : e(p)("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(() => [
-        n(e(N), { size: "sm" }, {
+        t(e(Y), { size: "sm" }, {
           default: l(() => [
-            n(e(q), {
+            t(e(D), {
               variant: "outline",
-              onClick: v[8] || (v[8] = (w) => e(t)())
+              onClick: c[8] || (c[8] = (x) => e(o)())
             }, {
               default: l(() => [
-                S($(e(p)("admins.cancel")), 1)
+                F($(e(p)("admins.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(q), {
+            t(e(D), {
               type: "primary",
-              loading: c.value,
-              onClick: B
+              loading: d.value,
+              onClick: z
             }, {
               default: l(() => [
-                S($(e(p)("admins.save")), 1)
+                F($(e(p)("admins.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -439,39 +461,39 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
         })
       ]),
       default: l(() => [
-        E("div", He, [
-          E("div", Ye, [
-            a.avatarField ? (k(), j("div", Ge, [
-              (k(), U(Be(a.avatarField), {
-                modelValue: _.value,
-                "onUpdate:modelValue": v[0] || (v[0] = (w) => _.value = w),
+        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"]))
-            ])) : M("", !0),
-            E("div", Je, [
-              n(e(K), {
+            ])) : T("", !0),
+            N("div", Xe, [
+              t(e(M), {
                 label: e(p)("admins.name"),
-                error: C("name")
+                error: W("name")
               }, {
                 default: l(() => [
-                  n(e(ee), {
-                    modelValue: s.value.name,
-                    "onUpdate:modelValue": v[1] || (v[1] = (w) => s.value.name = w),
+                  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"]),
-              n(e(K), {
+              t(e(M), {
                 label: e(p)("admins.email"),
-                error: C("email")
+                error: W("email")
               }, {
                 default: l(() => [
-                  n(e(ee), {
-                    modelValue: s.value.email,
-                    "onUpdate:modelValue": v[2] || (v[2] = (w) => s.value.email = w),
+                  t(e(E), {
+                    modelValue: r.value.email,
+                    "onUpdate:modelValue": c[2] || (c[2] = (x) => r.value.email = x),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -479,15 +501,15 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              n(e(K), {
+              t(e(M), {
                 label: e(p)("admins.password"),
-                error: C("password"),
-                help: A.value ? e(p)("admins.password-keep") : e(p)("admins.password-hint")
+                error: W("password"),
+                help: _.value ? e(p)("admins.password-keep") : e(p)("admins.password-hint")
               }, {
                 default: l(() => [
-                  n(e(ee), {
-                    modelValue: s.value.password,
-                    "onUpdate:modelValue": v[3] || (v[3] = (w) => s.value.password = w),
+                  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"
@@ -495,53 +517,53 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              n(e(K), {
+              t(e(M), {
                 label: e(p)("admins.roles"),
-                error: C("roles")
+                error: W("roles")
               }, {
                 default: l(() => [
-                  n(e(G), {
-                    modelValue: s.value.roles,
-                    "onUpdate:modelValue": v[4] || (v[4] = (w) => s.value.roles = w),
-                    options: W.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"]),
-              n(e(K), {
+              t(e(M), {
                 label: e(p)("admins.locale")
               }, {
                 default: l(() => [
-                  n(e(G), {
-                    modelValue: s.value.locale,
-                    "onUpdate:modelValue": v[5] || (v[5] = (w) => s.value.locale = w),
-                    options: T.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"]),
-              n(e(N), { size: "md" }, {
+              t(e(Y), { size: "md" }, {
                 default: l(() => [
-                  n(e(de), {
-                    modelValue: s.value.is_active,
-                    "onUpdate:modelValue": v[6] || (v[6] = (w) => s.value.is_active = w),
+                  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"]),
-                  n(e(de), {
-                    modelValue: s.value.is_super,
-                    "onUpdate:modelValue": v[7] || (v[7] = (w) => s.value.is_super = w),
+                  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
               }),
-              n(e(oe), {
+              t(e(de), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: l(() => [
-                  S($(e(p)("admins.super-hint")), 1)
+                  F($(e(p)("admins.super-hint")), 1)
                 ]),
                 _: 1
               })
@@ -552,7 +574,7 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Xe = { class: "wx-admin-list" }, Le = /* @__PURE__ */ O({
+}), ea = { class: "wx-admin-list" }, Ce = /* @__PURE__ */ R({
   __name: "AdminList",
   props: {
     picking: { type: Boolean, default: !1 },
@@ -562,26 +584,26 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
     resolveAvatar: { type: Function, default: void 0 }
   },
   emits: ["open", "chosen", "selection", "remove"],
-  setup(a, { expose: i, emit: o }) {
-    const t = a, r = o, x = H(), m = se(x);
-    X();
-    const u = R("webx-auth"), p = g(null), L = g([]), V = g(!1), c = g("all"), f = g("any"), s = g([]), _ = g({});
-    let A = { page: 1, perPage: 20, sort: null, search: "" };
-    const W = F(() => [
-      { value: "all", label: u("admins.all-roles") },
-      ...L.value.map((y) => ({ value: y.slug, label: y.name }))
-    ]), T = F(() => [
-      { value: "any", label: u("admins.any-state") },
-      { value: "yes", label: u("admins.only-active") },
-      { value: "no", label: u("admins.only-inactive") }
-    ]), C = F(() => [
-      { 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 },
+  setup(a, { expose: i, emit: s }) {
+    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
@@ -593,156 +615,156 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
         label: "",
         width: 56,
         align: "right",
-        hidden: !t.removable,
+        hidden: !o.removable,
         // A card puts them along its top instead, through the `card-actions` slot.
         hideOnCards: !0
       }
     ]);
-    m.roles().then((y) => L.value = y), Q([c, f], () => B(A));
-    async function B(y) {
-      A = y, V.value = !0;
+    m.roles().then((A) => C.value = A), Z([d, w], () => z(_));
+    async function z(A) {
+      _ = A, V.value = !0;
       try {
         p.value = await m.list({
-          q: y.search,
-          role: c.value === "all" ? null : c.value,
-          active: f.value === "any" ? null : f.value,
-          sort: y.sort ? `${y.sort.order === "desc" ? "-" : ""}${y.sort.key}` : "name",
-          page: y.page,
-          per_page: y.perPage
-        }), b();
+          q: A.search,
+          role: d.value === "all" ? null : d.value,
+          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 {
         V.value = !1;
       }
     }
-    async function b() {
-      const y = t.resolveAvatar;
-      if (y)
-        for (const h of p.value?.data ?? []) {
-          if (!h.avatar || _.value[h.avatar]) continue;
-          const d = await y(h.avatar);
-          d && (_.value = { ..._.value, [h.avatar]: d });
+    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 v(y) {
+    function c(A) {
       return [
         {
           key: "delete",
           icon: "trash",
-          label: u("admins.delete"),
+          label: n("admins.delete"),
           danger: !0,
-          run: () => r("remove", y)
+          run: () => u("remove", A)
         }
       ];
     }
-    function w(y) {
-      if (t.picking) {
-        r("chosen", [y]);
+    function x(A) {
+      if (o.picking) {
+        u("chosen", [A]);
         return;
       }
-      r("open", y);
+      u("open", A);
     }
-    const Y = F(() => !(t.picking && t.multiple));
-    function I(y, h) {
-      s.value = h, r("selection", h);
+    const Q = P(() => !(o.picking && o.multiple));
+    function H(A, y) {
+      r.value = y, u("selection", y);
     }
-    return i({ reload: () => B(A), chosen: () => s.value }), (y, h) => (k(), j("div", Xe, [
-      n(e(Ee), {
+    return i({ reload: () => z(_), chosen: () => r.value }), (A, y) => (L(), O("div", ea, [
+      t(e(Oe), {
         data: p.value,
-        columns: C.value,
+        columns: W.value,
         "row-key": "id",
         searchable: "",
-        clickable: Y.value,
-        hover: Y.value,
+        clickable: Q.value,
+        hover: Q.value,
         flush: "",
         loading: V.value,
-        "search-placeholder": e(u)("admins.search"),
-        "empty-text": e(u)("admins.empty"),
+        "search-placeholder": e(n)("admins.search"),
+        "empty-text": e(n)("admins.empty"),
         selectable: a.picking && a.multiple,
-        onRowClick: w,
-        onStateChange: B,
-        onSelectionChange: I
+        onRowClick: x,
+        onStateChange: z,
+        onSelectionChange: H
       }, ne({
-        "cell-name": l(({ row: d }) => [
-          n(e(N), {
+        "cell-name": l(({ row: v }) => [
+          t(e(Y), {
             size: "sm",
             align: "center"
           }, {
             default: l(() => [
-              n(e(Ne), {
-                name: d.name,
-                src: d.avatar ? _.value[d.avatar] : void 0,
+              t(e(De), {
+                name: v.name,
+                src: v.avatar ? b.value[v.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              E("span", null, $(d.name), 1),
-              d.is_super ? (k(), U(e(ae), {
+              N("span", null, $(v.name), 1),
+              v.is_super ? (L(), S(e(ae), {
                 key: 0,
                 type: "warning"
               }, {
                 default: l(() => [
-                  S($(e(u)("admins.super")), 1)
+                  F($(e(n)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : T("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-roles": l(({ row: d }) => [
-          d.roles.length > 0 ? (k(), U(e(N), {
+        "cell-roles": l(({ row: v }) => [
+          v.roles.length > 0 ? (L(), S(e(Y), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
             default: l(() => [
-              (k(!0), j(te, null, pe(d.roles, (D) => (k(), U(e(ae), {
-                key: D.id
+              (L(!0), O(le, null, _e(v.roles, (G) => (L(), S(e(ae), {
+                key: G.id
               }, {
                 default: l(() => [
-                  S($(D.name), 1)
+                  F($(G.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 2
-          }, 1024)) : (k(), U(e(oe), {
+          }, 1024)) : (L(), S(e(de), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: l(() => [
-              S($(e(u)("admins.no-roles")), 1)
+              F($(e(n)("admins.no-roles")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-is_active": l(({ row: d }) => [
-          n(e(ae), {
-            type: d.is_active ? "success" : "default",
+        "cell-is_active": l(({ row: v }) => [
+          t(e(ae), {
+            type: v.is_active ? "success" : "default",
             dot: ""
           }, {
             default: l(() => [
-              S($(d.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: d }) => [
-          a.removable ? (k(), U(e(ue), {
+        "card-actions": l(({ row: v }) => [
+          a.removable ? (L(), S(e(he), {
             key: 0,
-            actions: v(d),
-            label: d.name
-          }, null, 8, ["actions", "label"])) : M("", !0)
+            actions: c(v),
+            label: v.name
+          }, null, 8, ["actions", "label"])) : T("", !0)
         ]),
-        "cell-actions": l(({ row: d }) => [
-          n(e(ue), {
-            actions: v(d),
-            label: d.name
+        "cell-actions": l(({ row: v }) => [
+          t(e(he), {
+            actions: c(v),
+            label: v.name
           }, null, 8, ["actions", "label"])
         ]),
-        "cell-last_login_at": l(({ row: d }) => [
-          n(e(Me), {
-            value: d.last_login_at,
-            tone: d.last_login_at ? "default" : "muted"
+        "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
@@ -750,19 +772,19 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
         a.filters ? {
           name: "actions",
           fn: l(() => [
-            n(e(N), { size: "sm" }, {
+            t(e(Y), { size: "sm" }, {
               default: l(() => [
-                n(e(G), {
-                  modelValue: c.value,
-                  "onUpdate:modelValue": h[0] || (h[0] = (d) => c.value = d),
-                  options: W.value,
+                t(e(X), {
+                  modelValue: d.value,
+                  "onUpdate:modelValue": y[0] || (y[0] = (v) => d.value = v),
+                  options: f.value,
                   size: "sm",
                   style: { width: "180px" }
                 }, null, 8, ["modelValue", "options"]),
-                n(e(G), {
-                  modelValue: f.value,
-                  "onUpdate:modelValue": h[1] || (h[1] = (d) => f.value = d),
-                  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"])
@@ -775,58 +797,58 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
       ]), 1032, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "selectable"])
     ]));
   }
-}), Ze = /* @__PURE__ */ O({
+}), aa = /* @__PURE__ */ R({
   __name: "AdminsPage",
   props: {
     avatarField: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, o = H(), t = se(o);
-    X();
-    const r = R("webx-auth"), x = be(), m = le("list"), u = g(null), p = ge(Qe), L = o.can("admins.manage"), V = F(
-      () => o.state.manifest?.modules.find((s) => s.id === "admins")?.title ?? r("admins.title")
+    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 c(s) {
-      u.value = s, await p({ admin: s, avatarField: i.avatarField }) && m.value?.reload();
+    async function d(r) {
+      n.value = r, await p({ admin: r, avatarField: i.avatarField }) && m.value?.reload();
     }
-    async function f(s) {
-      if (await Oe({
-        title: r("admins.delete-title", { name: s.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 t.remove(s.id), J.success(r("admins.deleted")), m.value?.reload();
-        } catch (A) {
-          J.danger(x(A));
+          await o.remove(r.id), j.success(u("admins.deleted")), m.value?.reload();
+        } catch (_) {
+          j.danger(k(_));
         }
     }
-    return (s, _) => (k(), U(e(Pe), { title: V.value }, ne({
+    return (r, b) => (L(), S(e(Ee), { title: V.value }, ne({
       default: l(() => [
-        n(Le, {
+        t(Ce, {
           ref_key: "list",
           ref: m,
-          removable: e(L),
+          removable: e(C),
           "resolve-avatar": i.resolveAvatar,
-          onOpen: c,
-          onRemove: f
+          onOpen: d,
+          onRemove: w
         }, null, 8, ["removable", "resolve-avatar"])
       ]),
       _: 2
     }, [
-      e(L) ? {
+      e(C) ? {
         name: "actions",
         fn: l(() => [
-          n(e(q), {
+          t(e(D), {
             type: "primary",
             icon: "add",
-            onClick: _[0] || (_[0] = (A) => c(null))
+            onClick: b[0] || (b[0] = (_) => d(null))
           }, {
             default: l(() => [
-              S($(e(r)("admins.new-short")), 1)
+              F($(e(u)("admins.new-short")), 1)
             ]),
             _: 1
           })
@@ -836,7 +858,7 @@ const He = { class: "wx-admin-form" }, Ye = { class: "wx-admin-form__grid" }, Ge
     ]), 1032, ["title"]));
   }
 });
-function sa(a = {}) {
+function fa(a = {}) {
   const i = a.path ?? "/admins";
   return {
     id: "admins",
@@ -846,7 +868,7 @@ function sa(a = {}) {
         path: i,
         name: "webx.admins",
         component: {
-          render: () => fe(Ze, {
+          render: () => xe(aa, {
             avatarField: a.avatarField,
             resolveAvatar: a.resolveAvatar
           })
@@ -855,7 +877,7 @@ function sa(a = {}) {
     ]
   };
 }
-const ea = /* @__PURE__ */ O({
+const ta = /* @__PURE__ */ R({
   __name: "AdminPicker",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -863,30 +885,30 @@ const ea = /* @__PURE__ */ O({
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, { open: o, resolve: t, dismiss: r } = we();
-    X();
-    const x = R("webx-auth"), m = le("list"), u = g(0);
+    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) {
-      t(V);
+      o(V);
     }
-    function L(V) {
-      u.value = V.length;
+    function C(V) {
+      n.value = V.length;
     }
-    return (V, c) => (k(), U(e(ye), {
-      open: e(o),
-      "onUpdate:open": c[2] || (c[2] = (f) => ve(o) ? o.value = f : null),
-      title: a.title ?? e(x)(a.multiple ? "admins.select-many" : "admins.select-one"),
+    return (V, d) => (L(), S(e(ue), {
+      open: e(s),
+      "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(() => [
-        n(Le, {
+        t(Ce, {
           ref_key: "list",
           ref: m,
           picking: "",
           multiple: a.multiple,
           "resolve-avatar": i.resolveAvatar,
           onChosen: p,
-          onSelection: L
+          onSelection: C
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
@@ -894,36 +916,36 @@ const ea = /* @__PURE__ */ O({
       a.multiple ? {
         name: "footer",
         fn: l(() => [
-          n(e(N), {
+          t(e(Y), {
             size: "sm",
             align: "center"
           }, {
             default: l(() => [
-              n(e(oe), {
+              t(e(de), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: l(() => [
-                  S($(e(x)("admins.chosen", { count: u.value })), 1)
+                  F($(e(k)("admins.chosen", { count: n.value })), 1)
                 ]),
                 _: 1
               }),
-              n(e(q), {
+              t(e(D), {
                 variant: "outline",
-                onClick: c[0] || (c[0] = (f) => e(r)())
+                onClick: d[0] || (d[0] = (w) => e(u)())
               }, {
                 default: l(() => [
-                  S($(e(x)("admins.cancel")), 1)
+                  F($(e(k)("admins.cancel")), 1)
                 ]),
                 _: 1
               }),
-              n(e(q), {
+              t(e(D), {
                 type: "primary",
-                disabled: u.value === 0,
-                onClick: c[1] || (c[1] = (f) => e(t)(m.value?.chosen() ?? []))
+                disabled: n.value === 0,
+                onClick: d[1] || (d[1] = (w) => e(o)(m.value?.chosen() ?? []))
               }, {
                 default: l(() => [
-                  S($(e(x)("admins.save")), 1)
+                  F($(e(k)("admins.save")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -935,131 +957,294 @@ const ea = /* @__PURE__ */ O({
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), Ce = ge(ea);
-async function ia(a = {}) {
-  return (await Ce({ ...a, multiple: !1 }))?.[0];
+}), Ue = ce(ta);
+async function wa(a = {}) {
+  return (await Ue({ ...a, multiple: !1 }))?.[0];
 }
-function ra(a = {}) {
-  return Ce({ ...a, multiple: !0 });
+function ha(a = {}) {
+  return Ue({ ...a, multiple: !0 });
 }
-const aa = ["title"], ta = /* @__PURE__ */ O({
+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, o = H(), t = xe(), r = he(), x = R("webx-auth"), m = F(() => o.state.user), u = F(
-      () => r.state.panelLocales.length > 1 ? r.state.panelLocales : []
-    ), p = me(ke, null), L = g(void 0);
-    Q(
+    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 (c) => {
-        const f = i.resolveAvatar ?? p;
-        if (c === null || c === "" || f === null) {
-          L.value = void 0;
+      async (b) => {
+        const _ = i.resolveAvatar ?? p;
+        if (b === null || b === "" || _ === null) {
+          V.value = void 0;
           return;
         }
-        const s = await f(c);
-        m.value?.avatar === c && (L.value = s ?? void 0);
+        const f = await _(b);
+        m.value?.avatar === b && (V.value = f ?? void 0);
       },
       { immediate: !0 }
     );
-    async function V(c) {
-      c !== r.state.locale && await t.setLocale(c);
+    const d = ce(ia);
+    function w() {
+      setTimeout(
+        () => {
+          d({ avatarField: i.avatarField ?? C ?? void 0 });
+        },
+        0
+      );
     }
-    return (c, f) => {
-      const s = z("wx-avatar"), _ = z("wx-text"), A = z("wx-dropdown-item"), W = z("wx-divider"), T = z("wx-dropdown");
-      return m.value !== null ? (k(), U(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(() => [
-          E("button", {
+          N("button", {
             type: "button",
-            class: "wx-user-menu__trigger",
+            class: Te(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": a.expanded }]),
             title: m.value.name
           }, [
-            n(s, {
+            t(f, {
               name: m.value.name,
-              src: L.value,
+              src: V.value,
               size: "lg"
-            }, null, 8, ["name", "src"])
-          ], 8, aa)
+            }, null, 8, ["name", "src"]),
+            a.expanded ? (L(), O("span", da, $(m.value.name), 1)) : T("", !0)
+          ], 10, ua)
         ]),
         default: l(() => [
-          n(A, { disabled: "" }, {
+          t(W, { disabled: "" }, {
             default: l(() => [
-              n(_, { size: "sm" }, {
+              t(U, { size: "sm" }, {
                 default: l(() => [
-                  S($(m.value.email), 1)
+                  F($(m.value.email), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          u.value.length > 0 ? (k(), j(te, { key: 0 }, [
-            n(W, { spacing: "sm" }),
-            n(A, { 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(() => [
-                n(_, {
+                t(U, {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: l(() => [
-                    S($(e(x)("menu.language")), 1)
+                    F($(e(k)("menu.language")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            (k(!0), j(te, null, pe(u.value, (C) => (k(), U(A, {
-              key: C.code,
-              icon: C.code === e(r).state.locale ? "check" : void 0,
-              onClick: (B) => V(C.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(() => [
-                S($(C.nativeName), 1)
+                F($(c.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            n(W, { spacing: "sm" })
-          ], 64)) : M("", !0),
-          n(A, {
+            t(z, { spacing: "sm" })
+          ], 64)) : T("", !0),
+          t(W, {
             icon: "logout",
-            onClick: f[0] || (f[0] = (C) => e(t).logout())
+            onClick: _[0] || (_[0] = (c) => e(o).logout())
           }, {
             default: l(() => [
-              S($(a.signOutLabel ?? e(x)("menu.sign-out")), 1)
+              F($(a.signOutLabel ?? e(k)("menu.sign-out")), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : M("", !0);
+      })) : T("", !0);
     };
   }
-}), ua = /* @__PURE__ */ Ve(ta, [["__scopeId", "data-v-d9c92170"]]);
-function da(a = {}) {
+}), ba = /* @__PURE__ */ ve(ca, [["__scopeId", "data-v-d51d13e4"]]);
+function ya(a = {}) {
   const i = a.path ?? "/login";
   return {
-    install(o) {
-      const t = Re(o.context);
-      o.i18n.defaults("webx-auth", Ae), Ie(o.app, t, a.resolveAvatar ?? null), o.context.useSessionLoader(() => t.me()), o.router.addRoute({
+    install(s) {
+      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: () => fe(qe, { ...a.card }) }
-      }), o.router.beforeEach((r) => r.meta.public === !0 || o.context.state.status !== "unauthenticated" ? !0 : { path: i, query: r.fullPath === "/" ? {} : { next: r.fullPath } }), Q(
-        () => o.context.state.status,
-        (r) => {
-          const x = o.router.currentRoute.value;
-          if (r === "unauthenticated" && x.path !== i) {
-            o.router.replace({ path: i, query: { next: x.fullPath } });
+        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,
+        (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" && x.path === i) {
-            const m = x.query.next;
-            o.router.replace(typeof m == "string" ? m : "/");
+          if (u === "ready" && k.path === i) {
+            const m = k.query.next;
+            s.router.replace(typeof m == "string" ? m : "/");
           }
         }
       );
@@ -1067,20 +1252,22 @@ function da(a = {}) {
   };
 }
 export {
-  Le as WxAdminList,
-  Ze as WxAdminsPage,
-  qe as WxLoginCard,
-  ua as WxUserMenu,
-  sa as admins,
-  da as auth,
-  _e as authKey,
-  Ae as authMessages,
-  ke as avatarResolverKey,
-  se as createAdminsApi,
-  Re as createAuthSession,
-  Ie as provideAuth,
-  ia as selectAdmin,
-  ra as selectAdmins,
-  xe 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