@webx-ui/module-auth 0.4.1 → 0.5.0

package/dist/index.js

@@ -1,14 +1,14 @@
-import { inject as We, defineComponent as I, computed as B, ref as w, useTemplateRef as le, onBeforeUnmount as ze, resolveComponent as W, openBlock as k, createBlock as S, withCtx as l, createVNode as n, withModifiers as ae, createCommentVNode as P, createElementVNode as O, createTextVNode as L, toDisplayString as V, watch as oe, unref as e, isRef as pe, createElementBlock as K, resolveDynamicComponent as Be, createSlots as ne, Fragment as te, renderList as fe, h as he } from "vue";
-import { useTranslate as R, HttpError as Fe, useAdmin as q, useI18n as be } from "@webx-ui/module-admin";
-import { useModal as ye, WxDialog as we, WxFormItem as D, WxInput as Z, WxSelect as H, WxSpace as E, WxCheckbox as de, WxText as Y, WxButton as j, toast as G, WxTable as Te, WxActions as ce, WxAction as me, WxBadge as ee, WxAvatar as Me, createModal as ge, WxCard as Pe, confirm as Ne } from "@webx-ui/core";
-const _e = /* @__PURE__ */ Symbol("webx-auth");
-function xe() {
-  const a = We(_e, null);
+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);
   if (a === null)
     throw new Error("useAuth() was called outside a panel that installed the auth plugin.");
   return a;
 }
-function Oe(a) {
+function Ee(a) {
   const i = `${a.apiPath}/auth`;
   return {
     async me() {
@@ -21,16 +21,16 @@ function Oe(a) {
       }
     },
     async login(s) {
-      const o = await a.http.post(`${i}/login`, {
+      const n = await a.http.post(`${i}/login`, {
         email: s.email,
         password: s.password,
         remember: s.remember ?? !1
       });
-      return a.setUser(o.data), await a.reload(), o.data;
+      return a.setUser(n.data), await a.reload(), n.data;
     },
     async setLocale(s) {
-      const o = await a.http.put(`${i}/locale`, { locale: s });
-      a.setUser(o.data), await a.setLocale(s);
+      const n = await a.http.put(`${i}/locale`, { locale: s });
+      a.setUser(n.data), await a.setLocale(s);
     },
     async logout() {
       try {
@@ -41,13 +41,14 @@ function Oe(a) {
     }
   };
 }
-function Ee(a, i) {
-  a.provide(_e, i);
+const Ve = /* @__PURE__ */ Symbol("webx-auth-avatar");
+function Re(a, i, s = null) {
+  a.provide(xe, i), a.provide(Ve, s);
 }
 function Ie(a) {
   return typeof a == "object" && a !== null && "status" in a && a.status === 401;
 }
-const Re = ["title", "aria-label", "aria-pressed"], De = /* @__PURE__ */ I({
+const De = ["title", "aria-label", "aria-pressed"], Ke = /* @__PURE__ */ R({
   __name: "LoginCard",
   props: {
     emailLabel: { default: void 0 },
@@ -63,169 +64,170 @@ const Re = ["title", "aria-label", "aria-pressed"], De = /* @__PURE__ */ I({
   },
   emits: ["success"],
   setup(a, { expose: i, emit: s }) {
-    const o = a, u = s, b = xe(), h = R("webx-auth"), r = B(() => ({
-      email: o.emailLabel ?? h("card.email"),
-      password: o.passwordLabel ?? h("card.password"),
-      remember: o.rememberLabel ?? h("card.remember"),
-      submit: o.submitLabel ?? h("card.submit"),
-      capsLock: o.capsLockWarning ?? h("card.caps-lock"),
-      reveal: o.revealLabel ?? h("card.reveal"),
-      hide: o.hideLabel ?? h("card.hide")
-    })), d = w(""), A = w(""), _ = w(!1), c = w(!1), t = w(!1), U = w(!1), C = w(""), $ = w({}), z = w(0), F = le("emailField");
-    let T = null;
-    ze(x);
-    const m = B(() => z.value > 0), v = B(
-      () => o.throttleMessage === void 0 ? h("card.throttled", { seconds: z.value }) : o.throttleMessage.replace(":seconds", String(z.value))
+    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))
     );
-    async function f() {
-      if (!(c.value || m.value)) {
-        c.value = !0, C.value = "", $.value = {};
+    async function h() {
+      if (!(d.value || c.value)) {
+        d.value = !0, A.value = "", U.value = {};
         try {
-          await b.login({
-            email: d.value,
-            password: A.value,
+          await y.login({
+            email: m.value,
+            password: V.value,
             remember: _.value
-          }), A.value = "", u("success");
+          }), V.value = "", r("success");
         } catch (g) {
-          Q(g);
+          X(g);
         } finally {
-          c.value = !1;
+          d.value = !1;
         }
       }
     }
-    function Q(g) {
-      if (!(g instanceof Fe)) {
-        C.value = g instanceof Error ? g.message : String(g);
+    function X(g) {
+      if (!(g instanceof Te)) {
+        A.value = g instanceof Error ? g.message : String(g);
         return;
       }
       if (g.isValidation) {
-        $.value = g.errors;
+        U.value = g.errors;
         return;
       }
       if (g.isThrottled) {
-        y(g.retryAfter ?? 60);
+        w(g.retryAfter ?? 60);
         return;
       }
-      C.value = g.message;
+      A.value = g.message;
     }
-    function y(g) {
-      x(), z.value = g, T = setInterval(() => {
-        z.value -= 1, z.value <= 0 && x();
+    function w(g) {
+      x(), W.value = g, z = setInterval(() => {
+        W.value -= 1, W.value <= 0 && x();
       }, 1e3);
     }
     function x() {
-      T !== null && (clearInterval(T), T = null), z.value = 0;
+      z !== null && (clearInterval(z), z = null), W.value = 0;
     }
-    function p(g) {
-      U.value = g.getModifierState("CapsLock");
+    function f(g) {
+      $.value = g.getModifierState("CapsLock");
     }
-    return i({ focus: () => F.value?.focus() }), (g, M) => {
-      const ie = W("wx-alert"), X = W("wx-icon"), re = W("wx-input"), ue = W("wx-form-item"), Le = W("wx-checkbox"), $e = W("wx-button"), Se = W("wx-form"), Ue = W("wx-card");
-      return k(), S(Ue, {
+    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, {
         class: "wx-login",
         padding: 24
       }, {
         default: l(() => [
-          n(Se, {
-            errors: $.value,
-            disabled: c.value,
+          o(We, {
+            errors: U.value,
+            disabled: d.value,
             gap: "md",
-            onSubmit: ae(f, ["prevent"])
+            onSubmit: te(h, ["prevent"])
           }, {
             default: l(() => [
-              C.value !== "" ? (k(), S(ie, {
+              A.value !== "" ? (k(), S(ie, {
                 key: 0,
                 type: "danger",
                 variant: "soft",
                 live: "",
-                description: C.value,
+                description: A.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : m.value ? (k(), S(ie, {
+              }, null, 8, ["description"])) : c.value ? (k(), S(ie, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: v.value,
+                description: p.value,
                 class: "wx-login__message"
               }, null, 8, ["description"])) : P("", !0),
-              n(ue, { name: "email" }, {
+              o(ue, { name: "email" }, {
                 default: l(() => [
-                  n(re, {
+                  o(re, {
                     ref_key: "emailField",
-                    ref: F,
-                    modelValue: d.value,
-                    "onUpdate:modelValue": M[0] || (M[0] = (N) => d.value = N),
+                    ref: T,
+                    modelValue: m.value,
+                    "onUpdate:modelValue": M[0] || (M[0] = (N) => m.value = N),
                     type: "email",
-                    placeholder: r.value.email,
-                    "aria-label": r.value.email,
+                    placeholder: u.value.email,
+                    "aria-label": u.value.email,
                     autocomplete: "username",
                     autofocus: a.autofocus,
                     inputmode: "email",
                     size: "lg"
                   }, {
                     prefix: l(() => [
-                      n(X, { name: "mail" })
+                      o(Z, { name: "mail" })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "placeholder", "aria-label", "autofocus"])
                 ]),
                 _: 1
               }),
-              n(ue, {
+              o(ue, {
                 name: "password",
-                help: U.value ? r.value.capsLock : void 0
+                help: $.value ? u.value.capsLock : void 0
               }, {
                 default: l(() => [
-                  n(re, {
-                    modelValue: A.value,
-                    "onUpdate:modelValue": M[2] || (M[2] = (N) => A.value = N),
+                  o(re, {
+                    modelValue: V.value,
+                    "onUpdate:modelValue": M[2] || (M[2] = (N) => V.value = N),
                     type: t.value ? "text" : "password",
-                    placeholder: r.value.password,
-                    "aria-label": r.value.password,
+                    placeholder: u.value.password,
+                    "aria-label": u.value.password,
                     autocomplete: "current-password",
                     size: "lg",
-                    onKeydown: p,
-                    onKeyup: p
+                    onKeydown: f,
+                    onKeyup: f
                   }, {
                     prefix: l(() => [
-                      n(X, { name: "lock" })
+                      o(Z, { name: "lock" })
                     ]),
                     suffix: l(() => [
                       O("button", {
                         type: "button",
                         class: "wx-login__reveal",
-                        title: t.value ? r.value.hide : r.value.reveal,
-                        "aria-label": t.value ? r.value.hide : r.value.reveal,
+                        title: t.value ? u.value.hide : u.value.reveal,
+                        "aria-label": t.value ? u.value.hide : u.value.reveal,
                         "aria-pressed": t.value,
                         tabindex: "-1",
                         onClick: M[1] || (M[1] = (N) => t.value = !t.value)
                       }, [
-                        n(X, {
+                        o(Z, {
                           name: t.value ? "eye-off" : "eye"
                         }, null, 8, ["name"])
-                      ], 8, Re)
+                      ], 8, De)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "type", "placeholder", "aria-label"])
                 ]),
                 _: 1
               }, 8, ["help"]),
-              a.remember ? (k(), S(Le, {
+              a.remember ? (k(), S(Se, {
                 key: 2,
                 modelValue: _.value,
                 "onUpdate:modelValue": M[3] || (M[3] = (N) => _.value = N),
-                label: r.value.remember
+                label: u.value.remember,
+                class: "wx-login__remember"
               }, null, 8, ["modelValue", "label"])) : P("", !0),
-              n($e, {
+              o(Ue, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
-                loading: c.value,
-                disabled: m.value
+                loading: d.value,
+                disabled: c.value
               }, {
                 default: l(() => [
-                  L(V(r.value.submit), 1)
+                  L(C(u.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -237,12 +239,12 @@ const Re = ["title", "aria-label", "aria-pressed"], De = /* @__PURE__ */ I({
       });
     };
   }
-}), ke = (a, i) => {
+}), Ae = (a, i) => {
   const s = a.__vccOpts || a;
-  for (const [o, u] of i)
-    s[o] = u;
+  for (const [n, r] of i)
+    s[n] = r;
   return s;
-}, Ke = /* @__PURE__ */ ke(De, [["__scopeId", "data-v-52bafd85"]]), Ve = {
+}, je = /* @__PURE__ */ Ae(Ke, [["__scopeId", "data-v-3c206e31"]]), Ce = {
   card: {
     email: "Email",
     password: "Password",
@@ -307,46 +309,46 @@ const Re = ["title", "aria-label", "aria-pressed"], De = /* @__PURE__ */ I({
   }
 };
 function se(a) {
-  const i = `${a.apiPath}/auth`, s = (o) => o.data;
+  const i = `${a.apiPath}/auth`, s = (n) => n.data;
   return {
-    list: (o = {}) => a.http.get(`${i}/admins`, {
+    list: (n = {}) => a.http.get(`${i}/admins`, {
       query: {
-        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
+        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
       }
-    }).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}`),
+    }).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}`),
     roles: () => a.http.get(`${i}/roles`).then(s)
   };
 }
 const ve = /* @__PURE__ */ new WeakSet();
-function J() {
+function Q() {
   try {
     const { i18n: a } = q();
-    ve.has(a) || (a.defaults("webx-auth", Ve), ve.add(a));
+    ve.has(a) || (a.defaults("webx-auth", Ce), ve.add(a));
   } catch {
   }
 }
-const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He = {
+const qe = { class: "wx-admin-form" }, He = { class: "wx-admin-form__grid" }, Ye = {
   key: 0,
   class: "wx-admin-form__aside"
-}, Ye = { class: "wx-admin-form__fields" }, Ge = /* @__PURE__ */ I({
+}, Ge = { class: "wx-admin-form__fields" }, Je = /* @__PURE__ */ R({
   __name: "AdminDialog",
   props: {
     admin: { default: null },
     avatarField: { default: void 0 }
   },
   setup(a) {
-    const i = a, { resolve: s, dismiss: o, open: u } = ye(), b = q(), h = se(b), r = be();
-    J();
-    const d = R("webx-auth"), A = w([]), _ = w(!1), c = w({}), t = w({
+    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({
       name: "",
       email: "",
       password: "",
@@ -355,37 +357,37 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
       is_super: !1,
       locale: null,
       roles: []
-    }), U = B({
+    }), $ = B({
       get: () => t.value.avatar ? { path: t.value.avatar } : null,
-      set: (m) => {
-        t.value.avatar = m?.path ?? null;
+      set: (c) => {
+        t.value.avatar = c?.path ?? null;
       }
-    }), C = B(() => i.admin !== null), $ = B(() => A.value.map((m) => ({ value: m.id, label: m.name }))), z = B(() => [
-      { value: "auto", label: d("admins.locale-auto") },
-      ...r.state.panelLocales.map((m) => ({ value: m.code, label: m.nativeName }))
+    }), 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 }))
     ]);
-    h.roles().then((m) => A.value = m), oe(
+    v.roles().then((c) => V.value = c), J(
       () => i.admin,
-      (m) => {
+      (c) => {
         t.value = {
-          name: m?.name ?? "",
-          email: m?.email ?? "",
+          name: c?.name ?? "",
+          email: c?.email ?? "",
           password: "",
-          avatar: m?.avatar ?? null,
-          is_active: m?.is_active ?? !0,
-          is_super: m?.is_super ?? !1,
-          locale: m?.locale ?? "auto",
-          roles: m?.roles.map((v) => v.id) ?? []
-        }, c.value = {};
+          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 = {};
       },
       { immediate: !0 }
     );
-    function F(m) {
-      return c.value[m]?.[0];
+    function T(c) {
+      return d.value[c]?.[0];
     }
-    async function T() {
-      _.value = !0, c.value = {};
-      const m = {
+    async function z() {
+      _.value = !0, d.value = {};
+      const c = {
         name: t.value.name,
         email: t.value.email,
         avatar: t.value.avatar,
@@ -394,42 +396,42 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
         locale: t.value.locale === "auto" ? null : t.value.locale,
         roles: t.value.roles ?? []
       };
-      t.value.password && (m.password = t.value.password);
+      t.value.password && (c.password = t.value.password);
       try {
-        const v = i.admin ? await h.update(i.admin.id, m) : await h.create(m);
-        G.success(d(C.value ? "admins.updated" : "admins.created")), s(v);
-      } catch (v) {
-        const f = v.body;
-        f?.errors ? c.value = f.errors : f?.message && G.danger(f.message);
+        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);
       } finally {
         _.value = !1;
       }
     }
-    return (m, v) => (k(), S(e(we), {
-      open: e(u),
-      "onUpdate:open": v[9] || (v[9] = (f) => pe(u) ? u.value = f : null),
-      title: C.value ? e(d)("admins.edit-short") : e(d)("admins.new-short"),
+    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"),
       width: 720
     }, {
       footer: l(() => [
-        n(e(E), { size: "sm" }, {
+        o(e(E), { size: "sm" }, {
           default: l(() => [
-            n(e(j), {
+            o(e(j), {
               variant: "outline",
-              onClick: v[8] || (v[8] = (f) => e(o)())
+              onClick: p[8] || (p[8] = (h) => e(n)())
             }, {
               default: l(() => [
-                L(V(e(d)("admins.cancel")), 1)
+                L(C(e(m)("admins.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(j), {
+            o(e(j), {
               type: "primary",
               loading: _.value,
-              onClick: T
+              onClick: z
             }, {
               default: l(() => [
-                L(V(e(d)("admins.save")), 1)
+                L(C(e(m)("admins.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -438,39 +440,39 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
         })
       ]),
       default: l(() => [
-        O("div", je, [
-          O("div", qe, [
-            a.avatarField ? (k(), K("div", He, [
+        O("div", qe, [
+          O("div", He, [
+            a.avatarField ? (k(), K("div", Ye, [
               (k(), S(Be(a.avatarField), {
-                modelValue: U.value,
-                "onUpdate:modelValue": v[0] || (v[0] = (f) => U.value = f),
-                label: e(d)("admins.avatar"),
+                modelValue: $.value,
+                "onUpdate:modelValue": p[0] || (p[0] = (h) => $.value = h),
+                label: e(m)("admins.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
             ])) : P("", !0),
-            O("div", Ye, [
-              n(e(D), {
-                label: e(d)("admins.name"),
-                error: F("name")
+            O("div", Ge, [
+              o(e(D), {
+                label: e(m)("admins.name"),
+                error: T("name")
               }, {
                 default: l(() => [
-                  n(e(Z), {
+                  o(e(ee), {
                     modelValue: t.value.name,
-                    "onUpdate:modelValue": v[1] || (v[1] = (f) => t.value.name = f),
+                    "onUpdate:modelValue": p[1] || (p[1] = (h) => t.value.name = h),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              n(e(D), {
-                label: e(d)("admins.email"),
-                error: F("email")
+              o(e(D), {
+                label: e(m)("admins.email"),
+                error: T("email")
               }, {
                 default: l(() => [
-                  n(e(Z), {
+                  o(e(ee), {
                     modelValue: t.value.email,
-                    "onUpdate:modelValue": v[2] || (v[2] = (f) => t.value.email = f),
+                    "onUpdate:modelValue": p[2] || (p[2] = (h) => t.value.email = h),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -478,15 +480,15 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              n(e(D), {
-                label: e(d)("admins.password"),
-                error: F("password"),
-                help: C.value ? e(d)("admins.password-keep") : e(d)("admins.password-hint")
+              o(e(D), {
+                label: e(m)("admins.password"),
+                error: T("password"),
+                help: A.value ? e(m)("admins.password-keep") : e(m)("admins.password-hint")
               }, {
                 default: l(() => [
-                  n(e(Z), {
+                  o(e(ee), {
                     modelValue: t.value.password,
-                    "onUpdate:modelValue": v[3] || (v[3] = (f) => t.value.password = f),
+                    "onUpdate:modelValue": p[3] || (p[3] = (h) => t.value.password = h),
                     type: "password",
                     name: "password",
                     autocomplete: "new-password"
@@ -494,53 +496,53 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              n(e(D), {
-                label: e(d)("admins.roles"),
-                error: F("roles")
+              o(e(D), {
+                label: e(m)("admins.roles"),
+                error: T("roles")
               }, {
                 default: l(() => [
-                  n(e(H), {
+                  o(e(H), {
                     modelValue: t.value.roles,
-                    "onUpdate:modelValue": v[4] || (v[4] = (f) => t.value.roles = f),
-                    options: $.value,
+                    "onUpdate:modelValue": p[4] || (p[4] = (h) => t.value.roles = h),
+                    options: U.value,
                     multiple: ""
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              n(e(D), {
-                label: e(d)("admins.locale")
+              o(e(D), {
+                label: e(m)("admins.locale")
               }, {
                 default: l(() => [
-                  n(e(H), {
+                  o(e(H), {
                     modelValue: t.value.locale,
-                    "onUpdate:modelValue": v[5] || (v[5] = (f) => t.value.locale = f),
-                    options: z.value
+                    "onUpdate:modelValue": p[5] || (p[5] = (h) => t.value.locale = h),
+                    options: W.value
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              n(e(E), { size: "md" }, {
+              o(e(E), { size: "md" }, {
                 default: l(() => [
-                  n(e(de), {
+                  o(e(de), {
                     modelValue: t.value.is_active,
-                    "onUpdate:modelValue": v[6] || (v[6] = (f) => t.value.is_active = f),
-                    label: e(d)("admins.active")
+                    "onUpdate:modelValue": p[6] || (p[6] = (h) => t.value.is_active = h),
+                    label: e(m)("admins.active")
                   }, null, 8, ["modelValue", "label"]),
-                  n(e(de), {
+                  o(e(de), {
                     modelValue: t.value.is_super,
-                    "onUpdate:modelValue": v[7] || (v[7] = (f) => t.value.is_super = f),
-                    label: e(d)("admins.super")
+                    "onUpdate:modelValue": p[7] || (p[7] = (h) => t.value.is_super = h),
+                    label: e(m)("admins.super")
                   }, null, 8, ["modelValue", "label"])
                 ]),
                 _: 1
               }),
-              n(e(Y), {
+              o(e(Y), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: l(() => [
-                  L(V(e(d)("admins.super-hint")), 1)
+                  L(C(e(m)("admins.super-hint")), 1)
                 ]),
                 _: 1
               })
@@ -551,7 +553,7 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Je = { class: "wx-admin-list" }, Ae = /* @__PURE__ */ I({
+}), Qe = { class: "wx-admin-list" }, Le = /* @__PURE__ */ R({
   __name: "AdminList",
   props: {
     picking: { type: Boolean, default: !1 },
@@ -562,25 +564,25 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
   },
   emits: ["open", "chosen", "selection", "remove"],
   setup(a, { expose: i, emit: s }) {
-    const o = a, u = s, b = q(), h = se(b);
-    J();
-    const r = R("webx-auth"), d = w(null), A = w([]), _ = w(!1), c = w("all"), t = w("any"), U = w([]), C = w({});
-    let $ = { page: 1, perPage: 20, sort: null, search: "" };
-    const z = B(() => [
-      { value: "all", label: r("admins.all-roles") },
-      ...A.value.map((y) => ({ value: y.slug, label: y.name }))
-    ]), F = B(() => [
-      { value: "any", label: r("admins.any-state") },
-      { value: "yes", label: r("admins.only-active") },
-      { value: "no", label: r("admins.only-inactive") }
+    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(() => [
-      { key: "name", label: r("admins.name"), sortable: !0 },
-      { key: "email", label: r("admins.email"), sortable: !0, hideBelow: 560 },
-      { key: "roles", label: r("admins.roles"), hideBelow: 760 },
-      { key: "is_active", label: r("admins.active"), align: "center", hideBelow: 660 },
+      { 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 },
       {
         key: "last_login_at",
-        label: r("admins.last-login"),
+        label: u("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
@@ -592,80 +594,80 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
         label: "",
         width: 56,
         align: "right",
-        hidden: !o.removable,
+        hidden: !n.removable,
         // A card puts them along its top instead, through the `card-actions` slot.
         hideOnCards: !0
       }
     ]);
-    h.roles().then((y) => A.value = y), oe([c, t], () => m($));
-    async function m(y) {
-      $ = y, _.value = !0;
+    v.roles().then((w) => V.value = w), J([d, t], () => c(U));
+    async function c(w) {
+      U = w, _.value = !0;
       try {
-        d.value = await h.list({
-          q: y.search,
-          role: c.value === "all" ? null : c.value,
+        m.value = await v.list({
+          q: w.search,
+          role: d.value === "all" ? null : d.value,
           active: t.value === "any" ? null : t.value,
-          sort: y.sort ? `${y.sort.order === "desc" ? "-" : ""}${y.sort.key}` : "name",
-          page: y.page,
-          per_page: y.perPage
-        }), v();
+          sort: w.sort ? `${w.sort.order === "desc" ? "-" : ""}${w.sort.key}` : "name",
+          page: w.page,
+          per_page: w.perPage
+        }), p();
       } finally {
         _.value = !1;
       }
     }
-    async function v() {
-      const y = o.resolveAvatar;
-      if (y)
-        for (const x of d.value?.data ?? []) {
-          if (!x.avatar || C.value[x.avatar]) continue;
-          const p = await y(x.avatar);
-          p && (C.value = { ...C.value, [x.avatar]: p });
+    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 });
         }
     }
-    function f(y) {
-      if (!o.picking) {
-        u("open", y);
+    function h(w) {
+      if (!n.picking) {
+        r("open", w);
         return;
       }
-      o.multiple || u("chosen", [y]);
+      n.multiple || r("chosen", [w]);
     }
-    function Q(y, x) {
-      U.value = x, u("selection", x);
+    function X(w, x) {
+      $.value = x, r("selection", x);
     }
-    return i({ reload: () => m($), chosen: () => U.value }), (y, x) => (k(), K("div", Je, [
-      n(e(Te), {
-        data: d.value,
-        columns: T.value,
+    return i({ reload: () => c(U), chosen: () => $.value }), (w, x) => (k(), K("div", Qe, [
+      o(e(Me), {
+        data: m.value,
+        columns: z.value,
         "row-key": "id",
         searchable: "",
         hover: "",
         flush: "",
         loading: _.value,
-        "search-placeholder": e(r)("admins.search"),
-        "empty-text": e(r)("admins.empty"),
+        "search-placeholder": e(u)("admins.search"),
+        "empty-text": e(u)("admins.empty"),
         selectable: a.picking && a.multiple,
-        onStateChange: m,
-        onRowClick: f,
-        onSelectionChange: Q
+        onStateChange: c,
+        onRowClick: h,
+        onSelectionChange: X
       }, ne({
-        "cell-name": l(({ row: p }) => [
-          n(e(E), {
+        "cell-name": l(({ row: f }) => [
+          o(e(E), {
             size: "sm",
             align: "center"
           }, {
             default: l(() => [
-              n(e(Me), {
-                name: p.name,
-                src: p.avatar ? C.value[p.avatar] : void 0,
+              o(e(Pe), {
+                name: f.name,
+                src: f.avatar ? A.value[f.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              O("span", null, V(p.name), 1),
-              p.is_super ? (k(), S(e(ee), {
+              O("span", null, C(f.name), 1),
+              f.is_super ? (k(), S(e(ae), {
                 key: 0,
                 type: "warning"
               }, {
                 default: l(() => [
-                  L(V(e(r)("admins.super")), 1)
+                  L(C(e(u)("admins.super")), 1)
                 ]),
                 _: 1
               })) : P("", !0)
@@ -673,18 +675,18 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
             _: 2
           }, 1024)
         ]),
-        "cell-roles": l(({ row: p }) => [
-          p.roles.length > 0 ? (k(), S(e(E), {
+        "cell-roles": l(({ row: f }) => [
+          f.roles.length > 0 ? (k(), S(e(E), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
             default: l(() => [
-              (k(!0), K(te, null, fe(p.roles, (g) => (k(), S(e(ee), {
+              (k(!0), K(le, null, he(f.roles, (g) => (k(), S(e(ae), {
                 key: g.id
               }, {
                 default: l(() => [
-                  L(V(g.name), 1)
+                  L(C(g.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -696,62 +698,62 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
             tone: "muted"
           }, {
             default: l(() => [
-              L(V(e(r)("admins.no-roles")), 1)
+              L(C(e(u)("admins.no-roles")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-is_active": l(({ row: p }) => [
-          n(e(ee), {
-            type: p.is_active ? "success" : "default",
+        "cell-is_active": l(({ row: f }) => [
+          o(e(ae), {
+            type: f.is_active ? "success" : "default",
             dot: ""
           }, {
             default: l(() => [
-              L(V(p.is_active ? e(r)("admins.active") : e(r)("admins.only-inactive")), 1)
+              L(C(f.is_active ? e(u)("admins.active") : e(u)("admins.only-inactive")), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "card-actions": l(({ row: p }) => [
+        "card-actions": l(({ row: f }) => [
           a.removable ? (k(), S(e(ce), {
             key: 0,
             size: "sm",
-            onClick: x[2] || (x[2] = ae(() => {
+            onClick: x[2] || (x[2] = te(() => {
             }, ["stop"]))
           }, {
             default: l(() => [
-              n(e(me), {
+              o(e(me), {
                 type: "remove",
-                title: e(r)("admins.delete"),
-                onClick: (g) => u("remove", p)
+                title: e(u)("admins.delete"),
+                onClick: (g) => r("remove", f)
               }, null, 8, ["title", "onClick"])
             ]),
             _: 2
           }, 1024)) : P("", !0)
         ]),
-        "cell-actions": l(({ row: p }) => [
-          n(e(ce), {
+        "cell-actions": l(({ row: f }) => [
+          o(e(ce), {
             size: "sm",
-            onClick: x[3] || (x[3] = ae(() => {
+            onClick: x[3] || (x[3] = te(() => {
             }, ["stop"]))
           }, {
             default: l(() => [
-              n(e(me), {
+              o(e(me), {
                 type: "remove",
-                title: e(r)("admins.delete"),
-                onClick: (g) => u("remove", p)
+                title: e(u)("admins.delete"),
+                onClick: (g) => r("remove", f)
               }, null, 8, ["title", "onClick"])
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-last_login_at": l(({ row: p }) => [
-          n(e(Y), {
+        "cell-last_login_at": l(({ row: f }) => [
+          o(e(Y), {
             size: "sm",
-            tone: p.last_login_at ? "default" : "muted"
+            tone: f.last_login_at ? "default" : "muted"
           }, {
             default: l(() => [
-              L(V(p.last_login_at ? new Date(p.last_login_at).toLocaleString() : e(r)("admins.never")), 1)
+              L(C(f.last_login_at ? new Date(f.last_login_at).toLocaleString() : e(u)("admins.never")), 1)
             ]),
             _: 2
           }, 1032, ["tone"])
@@ -761,19 +763,19 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
         a.filters ? {
           name: "actions",
           fn: l(() => [
-            n(e(E), { size: "sm" }, {
+            o(e(E), { size: "sm" }, {
               default: l(() => [
-                n(e(H), {
-                  modelValue: c.value,
-                  "onUpdate:modelValue": x[0] || (x[0] = (p) => c.value = p),
-                  options: z.value,
+                o(e(H), {
+                  modelValue: d.value,
+                  "onUpdate:modelValue": x[0] || (x[0] = (f) => d.value = f),
+                  options: W.value,
                   size: "sm",
                   style: { width: "180px" }
                 }, null, 8, ["modelValue", "options"]),
-                n(e(H), {
+                o(e(H), {
                   modelValue: t.value,
-                  "onUpdate:modelValue": x[1] || (x[1] = (p) => t.value = p),
-                  options: F.value,
+                  "onUpdate:modelValue": x[1] || (x[1] = (f) => t.value = f),
+                  options: T.value,
                   size: "sm",
                   style: { width: "180px" }
                 }, null, 8, ["modelValue", "options"])
@@ -786,60 +788,60 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
       ]), 1032, ["data", "columns", "loading", "search-placeholder", "empty-text", "selectable"])
     ]));
   }
-}), Qe = /* @__PURE__ */ I({
+}), Xe = /* @__PURE__ */ R({
   __name: "AdminsPage",
   props: {
     avatarField: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, s = q(), o = se(s);
-    J();
-    const u = R("webx-auth"), b = le("list"), h = w(null), r = ge(Ge), d = s.can("admins.manage");
-    async function A(c) {
-      h.value = c, await r({ admin: c, avatarField: i.avatarField }) && b.value?.reload();
+    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();
     }
-    async function _(c) {
-      if (await Ne({
-        title: u("admins.delete-title", { name: c.name }),
-        message: u("admins.delete-text"),
-        confirmText: u("admins.delete"),
-        cancelText: u("admins.cancel"),
+    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"),
         tone: "danger"
       }))
         try {
-          await o.remove(c.id), G.success(u("admins.deleted")), b.value?.reload();
-        } catch (U) {
-          const C = U.body;
-          G.danger(C?.message ?? u("errors.forbidden"));
+          await n.remove(d.id), G.success(r("admins.deleted")), y.value?.reload();
+        } catch ($) {
+          const A = $.body;
+          G.danger(A?.message ?? r("errors.forbidden"));
         }
     }
-    return (c, t) => (k(), S(e(Pe), null, ne({
+    return (d, t) => (k(), S(e(Ne), null, ne({
       header: l(() => [
-        L(V(e(u)("admins.title")), 1)
+        L(C(e(r)("admins.title")), 1)
       ]),
       default: l(() => [
-        n(Ae, {
+        o(Le, {
           ref_key: "list",
-          ref: b,
-          removable: e(d),
+          ref: y,
+          removable: e(m),
           "resolve-avatar": i.resolveAvatar,
-          onOpen: A,
+          onOpen: V,
           onRemove: _
         }, null, 8, ["removable", "resolve-avatar"])
       ]),
       _: 2
     }, [
-      e(d) ? {
+      e(m) ? {
         name: "extra",
         fn: l(() => [
-          n(e(j), {
+          o(e(j), {
             type: "primary",
             icon: "add",
-            onClick: t[0] || (t[0] = (U) => A(null))
+            onClick: t[0] || (t[0] = ($) => V(null))
           }, {
             default: l(() => [
-              L(V(e(u)("admins.new-short")), 1)
+              L(C(e(r)("admins.new-short")), 1)
             ]),
             _: 1
           })
@@ -849,7 +851,7 @@ const je = { class: "wx-admin-form" }, qe = { class: "wx-admin-form__grid" }, He
     ]), 1024));
   }
 });
-function oa(a = {}) {
+function na(a = {}) {
   const i = a.path ?? "/admins";
   return {
     id: "admins",
@@ -859,7 +861,7 @@ function oa(a = {}) {
         path: i,
         name: "webx.admins",
         component: {
-          render: () => he(Qe, {
+          render: () => be(Xe, {
             avatarField: a.avatarField,
             resolveAvatar: a.resolveAvatar
           })
@@ -868,7 +870,7 @@ function oa(a = {}) {
     ]
   };
 }
-const Xe = /* @__PURE__ */ I({
+const Ze = /* @__PURE__ */ R({
   __name: "AdminPicker",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -876,30 +878,30 @@ const Xe = /* @__PURE__ */ I({
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, { open: s, resolve: o, dismiss: u } = ye();
-    J();
-    const b = R("webx-auth"), h = le("list"), r = w(0);
-    function d(_) {
-      o(_);
+    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(_);
     }
-    function A(_) {
-      r.value = _.length;
+    function V(_) {
+      u.value = _.length;
     }
-    return (_, c) => (k(), S(e(we), {
+    return (_, d) => (k(), S(e(ge), {
       open: e(s),
-      "onUpdate:open": c[2] || (c[2] = (t) => pe(s) ? s.value = t : null),
-      title: a.title ?? e(b)(a.multiple ? "admins.select-many" : "admins.select-one"),
+      "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"),
       width: 880
     }, ne({
       default: l(() => [
-        n(Ae, {
+        o(Le, {
           ref_key: "list",
-          ref: h,
+          ref: v,
           picking: "",
           multiple: a.multiple,
           "resolve-avatar": i.resolveAvatar,
-          onChosen: d,
-          onSelection: A
+          onChosen: m,
+          onSelection: V
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
@@ -907,36 +909,36 @@ const Xe = /* @__PURE__ */ I({
       a.multiple ? {
         name: "footer",
         fn: l(() => [
-          n(e(E), {
+          o(e(E), {
             size: "sm",
             align: "center"
           }, {
             default: l(() => [
-              n(e(Y), {
+              o(e(Y), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: l(() => [
-                  L(V(e(b)("admins.chosen", { count: r.value })), 1)
+                  L(C(e(y)("admins.chosen", { count: u.value })), 1)
                 ]),
                 _: 1
               }),
-              n(e(j), {
+              o(e(j), {
                 variant: "outline",
-                onClick: c[0] || (c[0] = (t) => e(u)())
+                onClick: d[0] || (d[0] = (t) => e(r)())
               }, {
                 default: l(() => [
-                  L(V(e(b)("admins.cancel")), 1)
+                  L(C(e(y)("admins.cancel")), 1)
                 ]),
                 _: 1
               }),
-              n(e(j), {
+              o(e(j), {
                 type: "primary",
-                disabled: r.value === 0,
-                onClick: c[1] || (c[1] = (t) => e(o)(h.value?.chosen() ?? []))
+                disabled: u.value === 0,
+                onClick: d[1] || (d[1] = (t) => e(n)(v.value?.chosen() ?? []))
               }, {
                 default: l(() => [
-                  L(V(e(b)("admins.save")), 1)
+                  L(C(e(y)("admins.save")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -948,86 +950,101 @@ const Xe = /* @__PURE__ */ I({
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), Ce = ge(Xe);
-async function na(a = {}) {
-  return (await Ce({ ...a, multiple: !1 }))?.[0];
+}), $e = _e(Ze);
+async function sa(a = {}) {
+  return (await $e({ ...a, multiple: !1 }))?.[0];
 }
-function sa(a = {}) {
-  return Ce({ ...a, multiple: !0 });
+function ia(a = {}) {
+  return $e({ ...a, multiple: !0 });
 }
-const Ze = ["title"], ea = /* @__PURE__ */ I({
+const ea = ["title"], aa = /* @__PURE__ */ R({
   __name: "UserMenu",
   props: {
-    signOutLabel: { default: void 0 }
+    signOutLabel: { default: void 0 },
+    resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = q(), s = xe(), o = be(), u = R("webx-auth"), b = B(() => i.state.user), h = B(
-      () => o.state.panelLocales.length > 1 ? o.state.panelLocales : []
+    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) {
+          V.value = void 0;
+          return;
+        }
+        const $ = await t(d);
+        v.value?.avatar === d && (V.value = $ ?? void 0);
+      },
+      { immediate: !0 }
     );
-    async function r(d) {
-      d !== o.state.locale && await s.setLocale(d);
+    async function _(d) {
+      d !== r.state.locale && await n.setLocale(d);
     }
-    return (d, A) => {
-      const _ = W("wx-avatar"), c = W("wx-text"), t = W("wx-dropdown-item"), U = W("wx-divider"), C = W("wx-dropdown");
-      return b.value !== null ? (k(), S(C, { key: 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 }, {
         trigger: l(() => [
           O("button", {
             type: "button",
             class: "wx-user-menu__trigger",
-            title: b.value.name
+            title: v.value.name
           }, [
-            n(_, {
-              name: b.value.name,
-              size: "md"
-            }, null, 8, ["name"])
-          ], 8, Ze)
+            o($, {
+              name: v.value.name,
+              src: V.value,
+              size: "lg"
+            }, null, 8, ["name", "src"])
+          ], 8, ea)
         ]),
         default: l(() => [
-          n(t, { disabled: "" }, {
+          o(U, { disabled: "" }, {
             default: l(() => [
-              n(c, { size: "sm" }, {
+              o(A, { size: "sm" }, {
                 default: l(() => [
-                  L(V(b.value.email), 1)
+                  L(C(v.value.email), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          h.value.length > 0 ? (k(), K(te, { key: 0 }, [
-            n(U, { spacing: 4 }),
-            n(t, { disabled: "" }, {
+          u.value.length > 0 ? (k(), K(le, { key: 0 }, [
+            o(W, { spacing: "sm" }),
+            o(U, { disabled: "" }, {
               default: l(() => [
-                n(c, {
+                o(A, {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: l(() => [
-                    L(V(e(u)("menu.language")), 1)
+                    L(C(e(y)("menu.language")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            (k(!0), K(te, null, fe(h.value, ($) => (k(), S(t, {
-              key: $.code,
-              icon: $.code === e(o).state.locale ? "check" : void 0,
-              onClick: (z) => r($.code)
+            (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)
             }, {
               default: l(() => [
-                L(V($.nativeName), 1)
+                L(C(z.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            n(U, { spacing: 4 })
+            o(W, { spacing: "sm" })
           ], 64)) : P("", !0),
-          n(t, {
+          o(U, {
             icon: "logout",
-            onClick: A[0] || (A[0] = ($) => e(s).logout())
+            onClick: t[0] || (t[0] = (z) => e(n).logout())
           }, {
             default: l(() => [
-              L(V(a.signOutLabel ?? e(u)("menu.sign-out")), 1)
+              L(C(a.signOutLabel ?? e(y)("menu.sign-out")), 1)
             ]),
             _: 1
           })
@@ -1036,28 +1053,28 @@ const Ze = ["title"], ea = /* @__PURE__ */ I({
       })) : P("", !0);
     };
   }
-}), ia = /* @__PURE__ */ ke(ea, [["__scopeId", "data-v-b7b5c88d"]]);
-function ra(a = {}) {
+}), ra = /* @__PURE__ */ Ae(aa, [["__scopeId", "data-v-d9c92170"]]);
+function ua(a = {}) {
   const i = a.path ?? "/login";
   return {
     install(s) {
-      const o = Oe(s.context);
-      s.i18n.defaults("webx-auth", Ve), Ee(s.app, o), s.context.useSessionLoader(() => o.me()), s.router.addRoute({
+      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({
         path: i,
         name: "webx.login",
         meta: { public: !0 },
-        component: { render: () => he(Ke, { ...a.card }) }
-      }), s.router.beforeEach((u) => u.meta.public === !0 || s.context.state.status !== "unauthenticated" ? !0 : { path: i, query: u.fullPath === "/" ? {} : { next: u.fullPath } }), oe(
+        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(
         () => s.context.state.status,
-        (u) => {
-          const b = s.router.currentRoute.value;
-          if (u === "unauthenticated" && b.path !== i) {
-            s.router.replace({ path: i, query: { next: b.fullPath } });
+        (r) => {
+          const y = s.router.currentRoute.value;
+          if (r === "unauthenticated" && y.path !== i) {
+            s.router.replace({ path: i, query: { next: y.fullPath } });
             return;
           }
-          if (u === "ready" && b.path === i) {
-            const h = b.query.next;
-            s.router.replace(typeof h == "string" ? h : "/");
+          if (r === "ready" && y.path === i) {
+            const v = y.query.next;
+            s.router.replace(typeof v == "string" ? v : "/");
           }
         }
       );
@@ -1065,19 +1082,20 @@ function ra(a = {}) {
   };
 }
 export {
-  Ae as WxAdminList,
-  Qe as WxAdminsPage,
-  Ke as WxLoginCard,
-  ia as WxUserMenu,
-  oa as admins,
-  ra as auth,
-  _e as authKey,
-  Ve as authMessages,
+  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,
-  Oe as createAuthSession,
-  Ee as provideAuth,
-  na as selectAdmin,
-  sa as selectAdmins,
-  xe as useAuth
+  Ee as createAuthSession,
+  Re as provideAuth,
+  sa as selectAdmin,
+  ia as selectAdmins,
+  ke as useAuth
 };
 //# sourceMappingURL=index.js.map