@webx-ui/module-auth 0.8.14 → 0.9.0

package/dist/index.js

@@ -1,22 +1,22 @@
-import { inject as ye, defineComponent as Q, computed as P, ref as T, useTemplateRef as re, onBeforeUnmount as qe, resolveComponent as H, openBlock as p, createBlock as V, withCtx as t, createVNode as a, withModifiers as Pe, createCommentVNode as E, createElementVNode as W, createTextVNode as d, toDisplayString as i, watch as ue, unref as e, isRef as be, createElementBlock as Y, resolveDynamicComponent as Fe, createSlots as Oe, Fragment as me, renderList as _e, h as Re, normalizeClass as Qe } from "vue";
-import { useTranslate as j, HttpError as Xe, useAdmin as ee, useI18n as Be, useErrorText as ve, rowMenuWidth as Ze, WxDate as ie, WxRowMenu as Ve, WxFilterChips as Ee, WxListScreen as De, useTheme as et } from "@webx-ui/module-admin";
-import { useRouter as tt, useRoute as at } from "vue-router";
-import { useModal as ge, WxDialog as we, WxFormItem as M, WxInput as le, WxSelect as ne, WxSpace as oe, WxCheckbox as ze, WxText as B, WxButton as I, toast as q, useElementWidth as xe, WxTable as ke, WxEntityCard as Ce, WxBadge as K, WxAvatar as lt, WxIcon as Z, confirm as Ne, createModal as $e, WxCard as Le, WxHeading as he, WxTabs as nt, WxTab as de, WxAlert as ot, WxThemeSwitch as st } from "@webx-ui/core";
-const Ie = /* @__PURE__ */ Symbol("webx-auth");
+import { inject as ye, defineComponent as X, computed as U, ref as T, useTemplateRef as re, onBeforeUnmount as Ze, resolveComponent as H, openBlock as h, createBlock as V, withCtx as t, createVNode as a, withModifiers as Pe, createCommentVNode as E, createElementVNode as W, createTextVNode as m, toDisplayString as s, watch as ue, unref as e, isRef as be, normalizeClass as Fe, createElementBlock as G, resolveDynamicComponent as Oe, createSlots as Re, Fragment as ce, renderList as _e, h as Be } from "vue";
+import { useTranslate as J, HttpError as et, useAdmin as ee, useI18n as Ee, useErrorText as ve, rowMenuWidth as tt, WxDate as ie, WxRowMenu as Ve, WxFilterChips as De, WxListScreen as Ne, useTheme as at } from "@webx-ui/module-admin";
+import { useRouter as lt, useRoute as nt } from "vue-router";
+import { useModal as ge, WxDialog as we, WxFormItem as K, WxInput as le, WxSelect as ne, WxSpace as oe, WxCheckbox as ze, WxText as B, WxButton as M, toast as Q, useElementWidth as xe, WxTable as ke, WxEntityCard as Ce, WxBadge as j, WxAvatar as ot, WxIcon as Z, confirm as Ie, createModal as $e, WxCard as Le, WxHeading as he, WxTabs as st, WxTab as me, WxAlert as it, WxThemeSwitch as rt } from "@webx-ui/core";
+const Me = /* @__PURE__ */ Symbol("webx-auth");
 function Ae() {
-  const n = ye(Ie, null);
+  const n = ye(Me, null);
   if (n === null)
     throw new Error("useAuth() was called outside a panel that installed the auth plugin.");
   return n;
 }
-function it(n) {
+function ut(n) {
   const u = `${n.apiPath}/auth`;
   return {
     async me() {
       try {
         return (await n.http.get(`${u}/me`)).data;
       } catch (l) {
-        if (ut(l))
+        if (dt(l))
           return null;
         throw l;
       }
@@ -55,14 +55,14 @@ function it(n) {
     }
   };
 }
-const Me = /* @__PURE__ */ Symbol("webx-auth-avatar"), He = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
-function rt(n, u, l = null, o = null) {
-  n.provide(Ie, u), n.provide(Me, l), n.provide(He, o);
+const He = /* @__PURE__ */ Symbol("webx-auth-avatar"), Ke = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
+function ct(n, u, l = null, o = null) {
+  n.provide(Me, u), n.provide(He, l), n.provide(Ke, o);
 }
-function ut(n) {
+function dt(n) {
   return typeof n == "object" && n !== null && "status" in n && n.status === 401;
 }
-const ct = ["title", "aria-label", "aria-pressed"], dt = /* @__PURE__ */ Q({
+const mt = ["title", "aria-label", "aria-pressed"], vt = /* @__PURE__ */ X({
   __name: "LoginCard",
   props: {
     emailLabel: { default: void 0 },
@@ -78,98 +78,98 @@ const ct = ["title", "aria-label", "aria-pressed"], dt = /* @__PURE__ */ Q({
   },
   emits: ["success"],
   setup(n, { expose: u, emit: l }) {
-    const o = n, y = l, c = Ae(), _ = j("webx-auth"), r = P(() => ({
-      email: o.emailLabel ?? _("card.email"),
-      password: o.passwordLabel ?? _("card.password"),
-      remember: o.rememberLabel ?? _("card.remember"),
-      submit: o.submitLabel ?? _("card.submit"),
-      capsLock: o.capsLockWarning ?? _("card.caps-lock"),
-      reveal: o.revealLabel ?? _("card.reveal"),
-      hide: o.hideLabel ?? _("card.hide")
-    })), g = T(""), O = T(""), v = T(!1), b = T(!1), w = T(!1), m = T(!1), k = T(""), f = T({}), h = T(0), z = re("emailField");
-    let A = null;
-    qe(D);
-    const S = P(() => h.value > 0), s = P(
-      () => o.throttleMessage === void 0 ? _("card.throttled", { seconds: h.value }) : o.throttleMessage.replace(":seconds", String(h.value))
+    const o = n, b = l, c = Ae(), z = J("webx-auth"), r = U(() => ({
+      email: o.emailLabel ?? z("card.email"),
+      password: o.passwordLabel ?? z("card.password"),
+      remember: o.rememberLabel ?? z("card.remember"),
+      submit: o.submitLabel ?? z("card.submit"),
+      capsLock: o.capsLockWarning ?? z("card.caps-lock"),
+      reveal: o.revealLabel ?? z("card.reveal"),
+      hide: o.hideLabel ?? z("card.hide")
+    })), f = T(""), F = T(""), p = T(!1), g = T(!1), w = T(!1), d = T(!1), x = T(""), y = T({}), _ = T(0), L = re("emailField");
+    let $ = null;
+    Ze(Y);
+    const O = U(() => _.value > 0), i = U(
+      () => o.throttleMessage === void 0 ? z("card.throttled", { seconds: _.value }) : o.throttleMessage.replace(":seconds", String(_.value))
     );
-    async function x() {
-      if (!(b.value || S.value)) {
-        b.value = !0, k.value = "", f.value = {};
+    async function v() {
+      if (!(g.value || O.value)) {
+        g.value = !0, x.value = "", y.value = {};
         try {
           await c.login({
-            email: g.value,
-            password: O.value,
-            remember: v.value
-          }), O.value = "", y("success");
-        } catch (C) {
-          U(C);
+            email: f.value,
+            password: F.value,
+            remember: p.value
+          }), F.value = "", b("success");
+        } catch (k) {
+          A(k);
         } finally {
-          b.value = !1;
+          g.value = !1;
         }
       }
     }
-    function U(C) {
-      if (!(C instanceof Xe)) {
-        k.value = C instanceof Error ? C.message : String(C);
+    function A(k) {
+      if (!(k instanceof et)) {
+        x.value = k instanceof Error ? k.message : String(k);
         return;
       }
-      if (C.isValidation) {
-        f.value = C.errors;
+      if (k.isValidation) {
+        y.value = k.errors;
         return;
       }
-      if (C.isThrottled) {
-        X(C.retryAfter ?? 60);
+      if (k.isThrottled) {
+        I(k.retryAfter ?? 60);
         return;
       }
-      k.value = C.message;
+      x.value = k.message;
     }
-    function X(C) {
-      D(), h.value = C, A = setInterval(() => {
-        h.value -= 1, h.value <= 0 && D();
+    function I(k) {
+      Y(), _.value = k, $ = setInterval(() => {
+        _.value -= 1, _.value <= 0 && Y();
       }, 1e3);
     }
-    function D() {
-      A !== null && (clearInterval(A), A = null), h.value = 0;
+    function Y() {
+      $ !== null && (clearInterval($), $ = null), _.value = 0;
     }
-    function G(C) {
-      m.value = C.getModifierState("CapsLock");
+    function D(k) {
+      d.value = k.getModifierState("CapsLock");
     }
-    return u({ focus: () => z.value?.focus() }), (C, R) => {
-      const $ = H("wx-alert"), J = H("wx-icon"), ce = H("wx-input"), F = H("wx-form-item"), N = H("wx-checkbox"), L = H("wx-button"), ae = H("wx-form"), Je = H("wx-card");
-      return p(), V(Je, {
+    return u({ focus: () => L.value?.focus() }), (k, R) => {
+      const C = H("wx-alert"), q = H("wx-icon"), de = H("wx-input"), P = H("wx-form-item"), N = H("wx-checkbox"), S = H("wx-button"), ae = H("wx-form"), Xe = H("wx-card");
+      return h(), V(Xe, {
         class: "wx-login",
         padding: 24
       }, {
         default: t(() => [
           a(ae, {
-            errors: f.value,
-            disabled: b.value,
+            errors: y.value,
+            disabled: g.value,
             gap: "md",
-            onSubmit: Pe(x, ["prevent"])
+            onSubmit: Pe(v, ["prevent"])
           }, {
             default: t(() => [
-              k.value !== "" ? (p(), V($, {
+              x.value !== "" ? (h(), V(C, {
                 key: 0,
                 type: "danger",
                 variant: "soft",
                 live: "",
-                description: k.value,
+                description: x.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : S.value ? (p(), V($, {
+              }, null, 8, ["description"])) : O.value ? (h(), V(C, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: s.value,
+                description: i.value,
                 class: "wx-login__message"
               }, null, 8, ["description"])) : E("", !0),
-              a(F, { name: "email" }, {
+              a(P, { name: "email" }, {
                 default: t(() => [
-                  a(ce, {
+                  a(de, {
                     ref_key: "emailField",
-                    ref: z,
-                    modelValue: g.value,
-                    "onUpdate:modelValue": R[0] || (R[0] = (se) => g.value = se),
+                    ref: L,
+                    modelValue: f.value,
+                    "onUpdate:modelValue": R[0] || (R[0] = (se) => f.value = se),
                     type: "email",
                     placeholder: r.value.email,
                     "aria-label": r.value.email,
@@ -179,31 +179,31 @@ const ct = ["title", "aria-label", "aria-pressed"], dt = /* @__PURE__ */ Q({
                     size: "lg"
                   }, {
                     prefix: t(() => [
-                      a(J, { name: "mail" })
+                      a(q, { name: "mail" })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "placeholder", "aria-label", "autofocus"])
                 ]),
                 _: 1
               }),
-              a(F, {
+              a(P, {
                 name: "password",
-                help: m.value ? r.value.capsLock : void 0
+                help: d.value ? r.value.capsLock : void 0
               }, {
                 default: t(() => [
-                  a(ce, {
-                    modelValue: O.value,
-                    "onUpdate:modelValue": R[2] || (R[2] = (se) => O.value = se),
+                  a(de, {
+                    modelValue: F.value,
+                    "onUpdate:modelValue": R[2] || (R[2] = (se) => F.value = se),
                     type: w.value ? "text" : "password",
                     placeholder: r.value.password,
                     "aria-label": r.value.password,
                     autocomplete: "current-password",
                     size: "lg",
-                    onKeydown: G,
-                    onKeyup: G
+                    onKeydown: D,
+                    onKeyup: D
                   }, {
                     prefix: t(() => [
-                      a(J, { name: "lock" })
+                      a(q, { name: "lock" })
                     ]),
                     suffix: t(() => [
                       W("button", {
@@ -215,33 +215,33 @@ const ct = ["title", "aria-label", "aria-pressed"], dt = /* @__PURE__ */ Q({
                         tabindex: "-1",
                         onClick: R[1] || (R[1] = (se) => w.value = !w.value)
                       }, [
-                        a(J, {
+                        a(q, {
                           name: w.value ? "eye-off" : "eye"
                         }, null, 8, ["name"])
-                      ], 8, ct)
+                      ], 8, mt)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "type", "placeholder", "aria-label"])
                 ]),
                 _: 1
               }, 8, ["help"]),
-              n.remember ? (p(), V(N, {
+              n.remember ? (h(), V(N, {
                 key: 2,
-                modelValue: v.value,
-                "onUpdate:modelValue": R[3] || (R[3] = (se) => v.value = se),
+                modelValue: p.value,
+                "onUpdate:modelValue": R[3] || (R[3] = (se) => p.value = se),
                 label: r.value.remember,
                 class: "wx-login__remember"
               }, null, 8, ["modelValue", "label"])) : E("", !0),
-              a(L, {
+              a(S, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
-                loading: b.value,
-                disabled: S.value
+                loading: g.value,
+                disabled: O.value
               }, {
                 default: t(() => [
-                  d(i(r.value.submit), 1)
+                  m(s(r.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -255,10 +255,18 @@ const ct = ["title", "aria-label", "aria-pressed"], dt = /* @__PURE__ */ Q({
   }
 }), pe = (n, u) => {
   const l = n.__vccOpts || n;
-  for (const [o, y] of u)
-    l[o] = y;
+  for (const [o, b] of u)
+    l[o] = b;
   return l;
-}, mt = /* @__PURE__ */ pe(dt, [["__scopeId", "data-v-3c206e31"]]), Ke = {
+}, pt = /* @__PURE__ */ pe(vt, [["__scopeId", "data-v-3c206e31"]]);
+function Ye(n) {
+  return n.types["wx-media"]?.component ?? null;
+}
+function je(n) {
+  const u = n.assetUrls;
+  return u ? async (l) => (await u([l]))[l] ?? null : null;
+}
+const Ge = {
   card: {
     email: "Email",
     password: "Password",
@@ -435,10 +443,10 @@ function fe(n) {
         page: o.page,
         per_page: o.per_page
       }
-    }).then((y) => ({ ...y.meta, data: y.data })),
+    }).then((b) => ({ ...b.meta, data: b.data })),
     get: (o) => n.http.get(`${u}/admins/${o}`).then(l),
     create: (o) => n.http.post(`${u}/admins`, o).then(l),
-    update: (o, y) => n.http.patch(`${u}/admins/${o}`, y).then(l),
+    update: (o, b) => n.http.patch(`${u}/admins/${o}`, b).then(l),
     remove: (o) => n.http.delete(`${u}/admins/${o}`),
     roles: () => n.http.get(`${u}/roles`).then(l),
     calls: (o = {}) => n.http.get(`${u}/mcp-calls`, {
@@ -449,30 +457,30 @@ function fe(n) {
         page: o.page,
         per_page: o.per_page
       }
-    }).then((y) => ({ ...y.meta, data: y.data, filters: y.filters }))
+    }).then((b) => ({ ...b.meta, data: b.data, filters: b.filters }))
   };
 }
 const Se = /* @__PURE__ */ new WeakSet();
 function te() {
   try {
     const { i18n: n } = ee();
-    Se.has(n) || (n.defaults("webx-auth", Ke), Se.add(n));
+    Se.has(n) || (n.defaults("webx-auth", Ge), Se.add(n));
   } catch {
   }
 }
-const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft = {
+const ft = { class: "wx-admin-form" }, ht = {
   key: 0,
   class: "wx-admin-form__aside"
-}, ht = { class: "wx-admin-form__fields" }, yt = /* @__PURE__ */ Q({
+}, yt = { class: "wx-admin-form__fields" }, _t = /* @__PURE__ */ X({
   __name: "AdminDialog",
   props: {
     admin: { default: null },
     avatarField: { default: void 0 }
   },
   setup(n) {
-    const u = n, { resolve: l, dismiss: o, open: y } = ge(), c = ee(), _ = fe(c), r = Be();
+    const u = n, { resolve: l, dismiss: o, open: b } = ge(), c = ee(), z = fe(c), r = Ee();
     te();
-    const g = j("webx-auth"), O = ve(), v = T([]), b = T(!1), w = T({}), m = T({
+    const f = J("webx-auth"), F = ve(), p = T([]), g = T(!1), w = T({}), d = T({
       name: "",
       email: "",
       password: "",
@@ -481,81 +489,81 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
       is_super: !1,
       locale: null,
       roles: []
-    }), k = P({
-      get: () => m.value.avatar ? { path: m.value.avatar } : null,
-      set: (s) => {
-        m.value.avatar = s?.path ?? null;
+    }), x = U({
+      get: () => d.value.avatar ? { path: d.value.avatar } : null,
+      set: (i) => {
+        d.value.avatar = i?.path ?? null;
       }
-    }), f = P(() => u.admin !== null), h = P(() => v.value.map((s) => ({ value: s.id, label: s.name }))), z = P(() => [
-      { value: "auto", label: g("admins.locale-auto") },
-      ...r.state.panelLocales.map((s) => ({ value: s.code, label: s.nativeName }))
+    }), y = U(() => u.admin !== null), _ = U(() => p.value.map((i) => ({ value: i.id, label: i.name }))), L = U(() => [
+      { value: "auto", label: f("admins.locale-auto") },
+      ...r.state.panelLocales.map((i) => ({ value: i.code, label: i.nativeName }))
     ]);
-    _.roles().then((s) => v.value = s), ue(
+    z.roles().then((i) => p.value = i), ue(
       () => u.admin,
-      (s) => {
-        m.value = {
-          name: s?.name ?? "",
-          email: s?.email ?? "",
+      (i) => {
+        d.value = {
+          name: i?.name ?? "",
+          email: i?.email ?? "",
           password: "",
-          avatar: s?.avatar ?? null,
-          is_active: s?.is_active ?? !0,
-          is_super: s?.is_super ?? !1,
-          locale: s?.locale ?? "auto",
-          roles: s?.roles.map((x) => x.id) ?? []
+          avatar: i?.avatar ?? null,
+          is_active: i?.is_active ?? !0,
+          is_super: i?.is_super ?? !1,
+          locale: i?.locale ?? "auto",
+          roles: i?.roles.map((v) => v.id) ?? []
         }, w.value = {};
       },
       { immediate: !0 }
     );
-    function A(s) {
-      return w.value[s]?.[0];
+    function $(i) {
+      return w.value[i]?.[0];
     }
-    async function S() {
-      b.value = !0, w.value = {};
-      const s = {
-        name: m.value.name,
-        email: m.value.email,
-        avatar: m.value.avatar,
-        is_active: m.value.is_active,
-        is_super: m.value.is_super,
-        locale: m.value.locale === "auto" ? null : m.value.locale,
-        roles: m.value.roles ?? []
+    async function O() {
+      g.value = !0, w.value = {};
+      const i = {
+        name: d.value.name,
+        email: d.value.email,
+        avatar: d.value.avatar,
+        is_active: d.value.is_active,
+        is_super: d.value.is_super,
+        locale: d.value.locale === "auto" ? null : d.value.locale,
+        roles: d.value.roles ?? []
       };
-      m.value.password && (s.password = m.value.password);
+      d.value.password && (i.password = d.value.password);
       try {
-        const x = u.admin ? await _.update(u.admin.id, s) : await _.create(s);
-        q.success(g(f.value ? "admins.updated" : "admins.created")), l(x);
-      } catch (x) {
-        const U = x.body;
-        U?.errors ? w.value = U.errors : q.danger(O(x));
+        const v = u.admin ? await z.update(u.admin.id, i) : await z.create(i);
+        Q.success(f(y.value ? "admins.updated" : "admins.created")), l(v);
+      } catch (v) {
+        const A = v.body;
+        A?.errors ? w.value = A.errors : Q.danger(F(v));
       } finally {
-        b.value = !1;
+        g.value = !1;
       }
     }
-    return (s, x) => (p(), V(e(we), {
-      open: e(y),
-      "onUpdate:open": x[9] || (x[9] = (U) => be(y) ? y.value = U : null),
-      title: f.value ? e(g)("admins.edit-short") : e(g)("admins.new-short"),
+    return (i, v) => (h(), V(e(we), {
+      open: e(b),
+      "onUpdate:open": v[9] || (v[9] = (A) => be(b) ? b.value = A : null),
+      title: y.value ? e(f)("admins.edit-short") : e(f)("admins.new-short"),
       width: 720
     }, {
       footer: t(() => [
         a(e(oe), { size: "sm" }, {
           default: t(() => [
-            a(e(I), {
+            a(e(M), {
               variant: "outline",
-              onClick: x[8] || (x[8] = (U) => e(o)())
+              onClick: v[8] || (v[8] = (A) => e(o)())
             }, {
               default: t(() => [
-                d(i(e(g)("admins.cancel")), 1)
+                m(s(e(f)("admins.cancel")), 1)
               ]),
               _: 1
             }),
-            a(e(I), {
+            a(e(M), {
               type: "primary",
-              loading: b.value,
-              onClick: S
+              loading: g.value,
+              onClick: O
             }, {
               default: t(() => [
-                d(i(e(g)("admins.save")), 1)
+                m(s(e(f)("admins.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -564,39 +572,41 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
         })
       ]),
       default: t(() => [
-        W("div", vt, [
-          W("div", pt, [
-            n.avatarField ? (p(), Y("div", ft, [
-              (p(), V(Fe(n.avatarField), {
-                modelValue: k.value,
-                "onUpdate:modelValue": x[0] || (x[0] = (U) => k.value = U),
-                label: e(g)("admins.avatar"),
+        W("div", ft, [
+          W("div", {
+            class: Fe(["wx-admin-form__grid", { "has-aside": n.avatarField }])
+          }, [
+            n.avatarField ? (h(), G("div", ht, [
+              (h(), V(Oe(n.avatarField), {
+                modelValue: x.value,
+                "onUpdate:modelValue": v[0] || (v[0] = (A) => x.value = A),
+                label: e(f)("admins.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
             ])) : E("", !0),
-            W("div", ht, [
-              a(e(M), {
-                label: e(g)("admins.name"),
-                error: A("name")
+            W("div", yt, [
+              a(e(K), {
+                label: e(f)("admins.name"),
+                error: $("name")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: m.value.name,
-                    "onUpdate:modelValue": x[1] || (x[1] = (U) => m.value.name = U),
+                    modelValue: d.value.name,
+                    "onUpdate:modelValue": v[1] || (v[1] = (A) => d.value.name = A),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(M), {
-                label: e(g)("admins.email"),
-                error: A("email")
+              a(e(K), {
+                label: e(f)("admins.email"),
+                error: $("email")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: m.value.email,
-                    "onUpdate:modelValue": x[2] || (x[2] = (U) => m.value.email = U),
+                    modelValue: d.value.email,
+                    "onUpdate:modelValue": v[2] || (v[2] = (A) => d.value.email = A),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -604,15 +614,15 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(M), {
-                label: e(g)("admins.password"),
-                error: A("password"),
-                help: f.value ? e(g)("admins.password-keep") : e(g)("admins.password-hint")
+              a(e(K), {
+                label: e(f)("admins.password"),
+                error: $("password"),
+                help: y.value ? e(f)("admins.password-keep") : e(f)("admins.password-hint")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: m.value.password,
-                    "onUpdate:modelValue": x[3] || (x[3] = (U) => m.value.password = U),
+                    modelValue: d.value.password,
+                    "onUpdate:modelValue": v[3] || (v[3] = (A) => d.value.password = A),
                     type: "password",
                     name: "password",
                     autocomplete: "new-password"
@@ -620,28 +630,28 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              a(e(M), {
-                label: e(g)("admins.roles"),
-                error: A("roles")
+              a(e(K), {
+                label: e(f)("admins.roles"),
+                error: $("roles")
               }, {
                 default: t(() => [
                   a(e(ne), {
-                    modelValue: m.value.roles,
-                    "onUpdate:modelValue": x[4] || (x[4] = (U) => m.value.roles = U),
-                    options: h.value,
+                    modelValue: d.value.roles,
+                    "onUpdate:modelValue": v[4] || (v[4] = (A) => d.value.roles = A),
+                    options: _.value,
                     multiple: ""
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(M), {
-                label: e(g)("admins.locale")
+              a(e(K), {
+                label: e(f)("admins.locale")
               }, {
                 default: t(() => [
                   a(e(ne), {
-                    modelValue: m.value.locale,
-                    "onUpdate:modelValue": x[5] || (x[5] = (U) => m.value.locale = U),
-                    options: z.value
+                    modelValue: d.value.locale,
+                    "onUpdate:modelValue": v[5] || (v[5] = (A) => d.value.locale = A),
+                    options: L.value
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
@@ -649,14 +659,14 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
               a(e(oe), { size: "md" }, {
                 default: t(() => [
                   a(e(ze), {
-                    modelValue: m.value.is_active,
-                    "onUpdate:modelValue": x[6] || (x[6] = (U) => m.value.is_active = U),
-                    label: e(g)("admins.active")
+                    modelValue: d.value.is_active,
+                    "onUpdate:modelValue": v[6] || (v[6] = (A) => d.value.is_active = A),
+                    label: e(f)("admins.active")
                   }, null, 8, ["modelValue", "label"]),
                   a(e(ze), {
-                    modelValue: m.value.is_super,
-                    "onUpdate:modelValue": x[7] || (x[7] = (U) => m.value.is_super = U),
-                    label: e(g)("admins.super")
+                    modelValue: d.value.is_super,
+                    "onUpdate:modelValue": v[7] || (v[7] = (A) => d.value.is_super = A),
+                    label: e(f)("admins.super")
                   }, null, 8, ["modelValue", "label"])
                 ]),
                 _: 1
@@ -666,18 +676,18 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(i(e(g)("admins.super-hint")), 1)
+                  m(s(e(f)("admins.super-hint")), 1)
                 ]),
                 _: 1
               })
             ])
-          ])
+          ], 2)
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), We = 480, Ye = /* @__PURE__ */ Q({
+}), We = 480, Je = /* @__PURE__ */ X({
   __name: "AdminList",
   props: {
     picking: { type: Boolean, default: !1 },
@@ -688,40 +698,40 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
   },
   emits: ["open", "chosen", "selection", "remove"],
   setup(n, { expose: u, emit: l }) {
-    const o = n, y = l, c = ee(), _ = fe(c);
+    const o = n, b = l, c = ee(), z = fe(c);
     te();
-    const r = re("root"), g = xe(r), O = P(() => g.value > 0 && g.value < We), v = j("webx-auth"), b = j("webx-admin"), w = T(null), m = T([]), k = T(!1), f = T("all"), h = T("any"), z = T([]), A = T({});
-    let S = { page: 1, perPage: 20, sort: null, search: "" };
-    const s = P(() => [
-      { value: "all", label: v("admins.all-roles") },
-      ...m.value.map((F) => ({ value: F.slug, label: F.name }))
-    ]), x = P(() => [
-      { value: "any", label: v("admins.any-state") },
-      { value: "yes", label: v("admins.only-active") },
-      { value: "no", label: v("admins.only-inactive") }
-    ]), U = P(() => {
-      const F = [], N = m.value.find((L) => L.slug === f.value);
-      return N && F.push({
+    const r = re("root"), f = xe(r), F = U(() => f.value > 0 && f.value < We), p = J("webx-auth"), g = J("webx-admin"), w = T(null), d = T([]), x = T(!1), y = T("all"), _ = T("any"), L = T([]), $ = T({});
+    let O = { page: 1, perPage: 20, sort: null, search: "" };
+    const i = U(() => [
+      { value: "all", label: p("admins.all-roles") },
+      ...d.value.map((P) => ({ value: P.slug, label: P.name }))
+    ]), v = U(() => [
+      { value: "any", label: p("admins.any-state") },
+      { value: "yes", label: p("admins.only-active") },
+      { value: "no", label: p("admins.only-inactive") }
+    ]), A = U(() => {
+      const P = [], N = d.value.find((S) => S.slug === y.value);
+      return N && P.push({
         key: "role",
-        label: `${v("admins.filter-role")}: ${N.name}`,
-        clear: () => f.value = "all"
-      }), h.value !== "any" && F.push({
+        label: `${p("admins.filter-role")}: ${N.name}`,
+        clear: () => y.value = "all"
+      }), _.value !== "any" && P.push({
         key: "state",
-        label: `${v("admins.filter-state")}: ${h.value === "yes" ? v("admins.only-active") : v("admins.only-inactive")}`,
-        clear: () => h.value = "any"
-      }), F;
+        label: `${p("admins.filter-state")}: ${_.value === "yes" ? p("admins.only-active") : p("admins.only-inactive")}`,
+        clear: () => _.value = "any"
+      }), P;
     });
-    function X() {
-      f.value = "all", h.value = "any";
+    function I() {
+      y.value = "all", _.value = "any";
     }
-    const D = P(() => O.value ? [{ key: "card", label: "" }] : [
-      { key: "name", label: v("admins.name"), sortable: !0 },
-      { key: "email", label: v("admins.email"), sortable: !0, hideBelow: 560 },
-      { key: "roles", label: v("admins.roles"), hideBelow: 760 },
-      { key: "is_active", label: v("admins.active"), align: "center", hideBelow: 660 },
+    const Y = U(() => F.value ? [{ key: "card", label: "" }] : [
+      { key: "name", label: p("admins.name"), sortable: !0 },
+      { key: "email", label: p("admins.email"), sortable: !0, hideBelow: 560 },
+      { key: "roles", label: p("admins.roles"), hideBelow: 760 },
+      { key: "is_active", label: p("admins.active"), align: "center", hideBelow: 660 },
       {
         key: "last_login_at",
-        label: v("admins.last-login"),
+        label: p("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
@@ -731,104 +741,104 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
       {
         key: "actions",
         label: "",
-        width: Ze,
+        width: tt,
         align: "right",
         hidden: !o.removable,
         // A card puts them along its top instead, through the `card-actions` slot.
         hideOnCards: !0
       }
     ]);
-    _.roles().then((F) => m.value = F), ue([f, h], () => G(S));
-    async function G(F) {
-      S = F, k.value = !0;
+    z.roles().then((P) => d.value = P), ue([y, _], () => D(O));
+    async function D(P) {
+      O = P, x.value = !0;
       try {
-        w.value = await _.list({
-          q: F.search,
-          role: f.value === "all" ? null : f.value,
-          active: h.value === "any" ? null : h.value,
-          sort: F.sort ? `${F.sort.order === "desc" ? "-" : ""}${F.sort.key}` : "name",
-          page: F.page,
-          per_page: F.perPage
-        }), C();
+        w.value = await z.list({
+          q: P.search,
+          role: y.value === "all" ? null : y.value,
+          active: _.value === "any" ? null : _.value,
+          sort: P.sort ? `${P.sort.order === "desc" ? "-" : ""}${P.sort.key}` : "name",
+          page: P.page,
+          per_page: P.perPage
+        }), k();
       } finally {
-        k.value = !1;
+        x.value = !1;
       }
     }
-    async function C() {
-      const F = o.resolveAvatar;
-      if (F)
+    async function k() {
+      const P = o.resolveAvatar;
+      if (P)
         for (const N of w.value?.data ?? []) {
-          if (!N.avatar || A.value[N.avatar]) continue;
-          const L = await F(N.avatar);
-          L && (A.value = { ...A.value, [N.avatar]: L });
+          if (!N.avatar || $.value[N.avatar]) continue;
+          const S = await P(N.avatar);
+          S && ($.value = { ...$.value, [N.avatar]: S });
         }
     }
-    function R(F) {
+    function R(P) {
       return [
         {
           key: "delete",
           icon: "trash",
-          label: v("admins.delete"),
+          label: p("admins.delete"),
           danger: !0,
-          run: () => y("remove", F)
+          run: () => b("remove", P)
         }
       ];
     }
-    function $(F) {
+    function C(P) {
       if (o.picking) {
-        y("chosen", [F]);
+        b("chosen", [P]);
         return;
       }
-      y("open", F);
+      b("open", P);
     }
-    const J = P(() => !(o.picking && o.multiple));
-    function ce(F, N) {
-      z.value = N, y("selection", N);
+    const q = U(() => !(o.picking && o.multiple));
+    function de(P, N) {
+      L.value = N, b("selection", N);
     }
-    return u({ reload: () => G(S), chosen: () => z.value }), (F, N) => (p(), Y("div", {
+    return u({ reload: () => D(O), chosen: () => L.value }), (P, N) => (h(), G("div", {
       ref_key: "root",
       ref: r,
       class: "wx-admin-list"
     }, [
       a(e(ke), {
         data: w.value,
-        columns: D.value,
+        columns: Y.value,
         "row-key": "id",
         searchable: "",
-        clickable: J.value,
-        hover: J.value,
+        clickable: q.value,
+        hover: q.value,
         flush: "",
-        loading: k.value,
-        "search-placeholder": e(v)("admins.search"),
-        "empty-text": e(v)("admins.empty"),
+        loading: x.value,
+        "search-placeholder": e(p)("admins.search"),
+        "empty-text": e(p)("admins.empty"),
         selectable: n.picking && n.multiple,
-        "select-row-label": e(b)("filters.select-row"),
-        "select-all-label": e(b)("filters.select-all"),
+        "select-row-label": e(g)("filters.select-row"),
+        "select-all-label": e(g)("filters.select-all"),
         "cards-below": We,
-        "filters-count": U.value.length,
-        "filters-label": e(b)("filters.title"),
-        onRowClick: $,
-        onStateChange: G,
-        onSelectionChange: ce
-      }, Oe({
-        "cell-name": t(({ row: L }) => [
+        "filters-count": A.value.length,
+        "filters-label": e(g)("filters.title"),
+        onRowClick: C,
+        onStateChange: D,
+        onSelectionChange: de
+      }, Re({
+        "cell-name": t(({ row: S }) => [
           a(e(oe), {
             size: "sm",
             align: "center"
           }, {
             default: t(() => [
-              a(e(lt), {
-                name: L.name,
-                src: L.avatar ? A.value[L.avatar] : void 0,
+              a(e(ot), {
+                name: S.name,
+                src: S.avatar ? $.value[S.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              W("span", null, i(L.name), 1),
-              L.is_super ? (p(), V(e(K), {
+              W("span", null, s(S.name), 1),
+              S.is_super ? (h(), V(e(j), {
                 key: 0,
                 type: "warning"
               }, {
                 default: t(() => [
-                  d(i(e(v)("admins.super")), 1)
+                  m(s(e(p)("admins.super")), 1)
                 ]),
                 _: 1
               })) : E("", !0)
@@ -836,100 +846,100 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
             _: 2
           }, 1024)
         ]),
-        "cell-roles": t(({ row: L }) => [
-          L.roles.length > 0 ? (p(), V(e(oe), {
+        "cell-roles": t(({ row: S }) => [
+          S.roles.length > 0 ? (h(), V(e(oe), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
             default: t(() => [
-              (p(!0), Y(me, null, _e(L.roles, (ae) => (p(), V(e(K), {
+              (h(!0), G(ce, null, _e(S.roles, (ae) => (h(), V(e(j), {
                 key: ae.id
               }, {
                 default: t(() => [
-                  d(i(ae.name), 1)
+                  m(s(ae.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 2
-          }, 1024)) : (p(), V(e(B), {
+          }, 1024)) : (h(), V(e(B), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              d(i(e(v)("admins.no-roles")), 1)
+              m(s(e(p)("admins.no-roles")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-is_active": t(({ row: L }) => [
-          a(e(K), {
-            type: L.is_active ? "success" : "default",
+        "cell-is_active": t(({ row: S }) => [
+          a(e(j), {
+            type: S.is_active ? "success" : "default",
             dot: ""
           }, {
             default: t(() => [
-              d(i(L.is_active ? e(v)("admins.active") : e(v)("admins.only-inactive")), 1)
+              m(s(S.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "card-actions": t(({ row: L }) => [
-          n.removable ? (p(), V(e(Ve), {
+        "card-actions": t(({ row: S }) => [
+          n.removable ? (h(), V(e(Ve), {
             key: 0,
-            actions: R(L),
-            label: L.name
+            actions: R(S),
+            label: S.name
           }, null, 8, ["actions", "label"])) : E("", !0)
         ]),
-        "cell-actions": t(({ row: L }) => [
+        "cell-actions": t(({ row: S }) => [
           a(e(Ve), {
-            actions: R(L),
-            label: L.name
+            actions: R(S),
+            label: S.name
           }, null, 8, ["actions", "label"])
         ]),
-        "cell-last_login_at": t(({ row: L }) => [
+        "cell-last_login_at": t(({ row: S }) => [
           a(e(ie), {
-            value: L.last_login_at,
-            tone: L.last_login_at ? "default" : "muted",
+            value: S.last_login_at,
+            tone: S.last_login_at ? "default" : "muted",
             compact: ""
           }, null, 8, ["value", "tone"])
         ]),
-        "cell-card": t(({ row: L }) => [
+        "cell-card": t(({ row: S }) => [
           a(e(Ce), {
             variant: "plain",
             shape: "circle",
-            title: L.name,
-            image: L.avatar ? A.value[L.avatar] : void 0,
-            subtitle: L.email
+            title: S.name,
+            image: S.avatar ? $.value[S.avatar] : void 0,
+            subtitle: S.email
           }, {
             meta: t(() => [
-              L.is_super ? (p(), V(e(K), {
+              S.is_super ? (h(), V(e(j), {
                 key: 0,
                 type: "warning",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(i(e(v)("admins.super")), 1)
+                  m(s(e(p)("admins.super")), 1)
                 ]),
                 _: 1
               })) : E("", !0),
-              (p(!0), Y(me, null, _e(L.roles, (ae) => (p(), V(e(K), {
+              (h(!0), G(ce, null, _e(S.roles, (ae) => (h(), V(e(j), {
                 key: ae.id,
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(i(ae.name), 1)
+                  m(s(ae.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128)),
-              a(e(K), {
-                type: L.is_active ? "success" : "default",
+              a(e(j), {
+                type: S.is_active ? "success" : "default",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(i(L.is_active ? e(v)("admins.active") : e(v)("admins.only-inactive")), 1)
+                  m(s(S.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
                 ]),
                 _: 2
               }, 1032, ["type"])
@@ -942,44 +952,44 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
         n.filters ? {
           name: "filters",
           fn: t(() => [
-            a(e(M), {
-              label: e(v)("admins.filter-role")
+            a(e(K), {
+              label: e(p)("admins.filter-role")
             }, {
               default: t(() => [
                 a(e(ne), {
-                  modelValue: f.value,
-                  "onUpdate:modelValue": N[0] || (N[0] = (L) => f.value = L),
-                  options: s.value,
+                  modelValue: y.value,
+                  "onUpdate:modelValue": N[0] || (N[0] = (S) => y.value = S),
+                  options: i.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            a(e(M), {
-              label: e(v)("admins.filter-state")
+            a(e(K), {
+              label: e(p)("admins.filter-state")
             }, {
               default: t(() => [
                 a(e(ne), {
-                  modelValue: h.value,
-                  "onUpdate:modelValue": N[1] || (N[1] = (L) => h.value = L),
-                  options: x.value,
+                  modelValue: _.value,
+                  "onUpdate:modelValue": N[1] || (N[1] = (S) => _.value = S),
+                  options: v.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            U.value.length > 0 ? (p(), V(e(I), {
+            A.value.length > 0 ? (h(), V(e(M), {
               key: 0,
               variant: "text",
               size: "sm",
               block: "",
-              onClick: X
+              onClick: I
             }, {
               icon: t(() => [
                 a(e(Z), { name: "close" })
               ]),
               default: t(() => [
-                d(" " + i(e(b)("filters.reset")), 1)
+                m(" " + s(e(g)("filters.reset")), 1)
               ]),
               _: 1
             })) : E("", !0)
@@ -989,68 +999,68 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
         n.filters ? {
           name: "applied",
           fn: t(() => [
-            a(e(Ee), { filters: U.value }, null, 8, ["filters"])
+            a(e(De), { filters: A.value }, null, 8, ["filters"])
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "selectable", "select-row-label", "select-all-label", "filters-count", "filters-label"])
     ], 512));
   }
-}), _t = { class: "wx-call-list__details" }, bt = {
+}), bt = { class: "wx-call-list__details" }, gt = {
   key: 1,
   class: "wx-call-list__arguments"
-}, gt = {
+}, wt = {
   class: "wx-call-list__glyph",
   "aria-hidden": "true"
-}, wt = {
+}, xt = {
   key: 1,
   class: "wx-call-list__arguments"
-}, Te = 480, xt = /* @__PURE__ */ Q({
+}, Te = 480, kt = /* @__PURE__ */ X({
   __name: "CallList",
   setup(n, { expose: u }) {
     const l = ee(), o = fe(l);
     te();
-    const y = re("root"), c = xe(y), _ = P(() => c.value > 0 && c.value < Te), r = j("webx-auth"), g = j("webx-admin"), O = T(null), v = T({ users: [], tools: [] }), b = T(!1), w = T("all"), m = T("all"), k = T("any");
-    let f = { page: 1, perPage: 30, sort: null, search: "" };
-    function h(C) {
-      return C === null ? r("calls.local") : C.name ?? r("calls.deleted", { id: C.id });
+    const b = re("root"), c = xe(b), z = U(() => c.value > 0 && c.value < Te), r = J("webx-auth"), f = J("webx-admin"), F = T(null), p = T({ users: [], tools: [] }), g = T(!1), w = T("all"), d = T("all"), x = T("any");
+    let y = { page: 1, perPage: 30, sort: null, search: "" };
+    function _(k) {
+      return k === null ? r("calls.local") : k.name ?? r("calls.deleted", { id: k.id });
     }
-    const z = P(() => [
+    const L = U(() => [
       { value: "all", label: r("calls.everybody") },
-      ...v.value.users.map((C) => ({
-        value: C.id === null ? "none" : String(C.id),
-        label: h(C.id === null ? null : { id: C.id, name: C.name })
+      ...p.value.users.map((k) => ({
+        value: k.id === null ? "none" : String(k.id),
+        label: _(k.id === null ? null : { id: k.id, name: k.name })
       }))
-    ]), A = P(() => [
+    ]), $ = U(() => [
       { value: "all", label: r("calls.all-tools") },
-      ...v.value.tools.map((C) => ({ value: C, label: C }))
-    ]), S = P(() => [
+      ...p.value.tools.map((k) => ({ value: k, label: k }))
+    ]), O = U(() => [
       { value: "any", label: r("calls.any-outcome") },
       { value: "ok", label: r("calls.only-answered") },
       { value: "failed", label: r("calls.only-refused") },
       { value: "dry", label: r("calls.only-dry") }
-    ]), s = P(() => {
-      const C = [], R = z.value.find((J) => J.value === w.value);
-      w.value !== "all" && R && C.push({
+    ]), i = U(() => {
+      const k = [], R = L.value.find((q) => q.value === w.value);
+      w.value !== "all" && R && k.push({
         key: "user",
         label: `${r("calls.filter-user")}: ${R.label}`,
         clear: () => w.value = "all"
-      }), m.value !== "all" && C.push({
+      }), d.value !== "all" && k.push({
         key: "tool",
-        label: `${r("calls.filter-tool")}: ${m.value}`,
-        clear: () => m.value = "all"
+        label: `${r("calls.filter-tool")}: ${d.value}`,
+        clear: () => d.value = "all"
       });
-      const $ = S.value.find((J) => J.value === k.value);
-      return k.value !== "any" && $ && C.push({
+      const C = O.value.find((q) => q.value === x.value);
+      return x.value !== "any" && C && k.push({
         key: "outcome",
-        label: `${r("calls.filter-outcome")}: ${$.label}`,
-        clear: () => k.value = "any"
-      }), C;
+        label: `${r("calls.filter-outcome")}: ${C.label}`,
+        clear: () => x.value = "any"
+      }), k;
     });
-    function x() {
-      w.value = "all", m.value = "all", k.value = "any";
+    function v() {
+      w.value = "all", d.value = "all", x.value = "any";
     }
-    const U = P(() => _.value ? [{ key: "card", label: "" }] : [
+    const A = U(() => z.value ? [{ key: "card", label: "" }] : [
       { key: "at", label: r("calls.when") },
       { key: "user", label: r("calls.who"), hideBelow: 640 },
       { key: "tool", label: r("calls.tool") },
@@ -1058,258 +1068,258 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
       { key: "duration_ms", label: r("calls.took"), align: "right", hideBelow: 820 },
       { key: "client", label: r("calls.client"), hideBelow: 960 }
     ]);
-    ue([w, m, k], () => X({ ...f, page: 1 }));
-    async function X(C) {
-      f = C, b.value = !0;
+    ue([w, d, x], () => I({ ...y, page: 1 }));
+    async function I(k) {
+      y = k, g.value = !0;
       try {
-        O.value = await o.calls({
+        F.value = await o.calls({
           user: w.value === "all" ? null : w.value,
-          tool: m.value === "all" ? null : m.value,
-          outcome: k.value === "any" ? null : k.value,
-          page: C.page,
-          per_page: C.perPage
-        }), v.value = O.value.filters;
+          tool: d.value === "all" ? null : d.value,
+          outcome: x.value === "any" ? null : x.value,
+          page: k.page,
+          per_page: k.perPage
+        }), p.value = F.value.filters;
       } finally {
-        b.value = !1;
+        g.value = !1;
       }
     }
-    function D(C) {
-      return C.ok ? C.dry_run ? { type: "info", label: r("calls.dry-run") } : { type: "success", label: r("calls.answered") } : { type: "danger", label: r("calls.refused") };
+    function Y(k) {
+      return k.ok ? k.dry_run ? { type: "info", label: r("calls.dry-run") } : { type: "success", label: r("calls.answered") } : { type: "danger", label: r("calls.refused") };
     }
-    function G(C) {
-      return C.arguments !== null || C.error !== null;
+    function D(k) {
+      return k.arguments !== null || k.error !== null;
     }
-    return u({ reload: () => X(f) }), (C, R) => (p(), Y("div", {
+    return u({ reload: () => I(y) }), (k, R) => (h(), G("div", {
       ref_key: "root",
-      ref: y,
+      ref: b,
       class: "wx-call-list"
     }, [
       a(e(ke), {
-        data: O.value,
-        columns: U.value,
+        data: F.value,
+        columns: A.value,
         "row-key": "id",
         flush: "",
-        loading: b.value,
+        loading: g.value,
         clickable: !1,
-        expandable: !_.value,
-        "expandable-if": G,
+        expandable: !z.value,
+        "expandable-if": D,
         "empty-text": e(r)("calls.empty"),
         "cards-below": Te,
-        "filters-count": s.value.length,
-        "filters-label": e(g)("filters.title"),
-        onStateChange: X
+        "filters-count": i.value.length,
+        "filters-label": e(f)("filters.title"),
+        onStateChange: I
       }, {
         filters: t(() => [
-          a(e(M), {
+          a(e(K), {
             label: e(r)("calls.filter-user")
           }, {
             default: t(() => [
               a(e(ne), {
                 modelValue: w.value,
-                "onUpdate:modelValue": R[0] || (R[0] = ($) => w.value = $),
-                options: z.value,
+                "onUpdate:modelValue": R[0] || (R[0] = (C) => w.value = C),
+                options: L.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          a(e(M), {
+          a(e(K), {
             label: e(r)("calls.filter-tool")
           }, {
             default: t(() => [
               a(e(ne), {
-                modelValue: m.value,
-                "onUpdate:modelValue": R[1] || (R[1] = ($) => m.value = $),
-                options: A.value,
+                modelValue: d.value,
+                "onUpdate:modelValue": R[1] || (R[1] = (C) => d.value = C),
+                options: $.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          a(e(M), {
+          a(e(K), {
             label: e(r)("calls.filter-outcome")
           }, {
             default: t(() => [
               a(e(ne), {
-                modelValue: k.value,
-                "onUpdate:modelValue": R[2] || (R[2] = ($) => k.value = $),
-                options: S.value,
+                modelValue: x.value,
+                "onUpdate:modelValue": R[2] || (R[2] = (C) => x.value = C),
+                options: O.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          s.value.length > 0 ? (p(), V(e(I), {
+          i.value.length > 0 ? (h(), V(e(M), {
             key: 0,
             variant: "text",
             size: "sm",
             block: "",
-            onClick: x
+            onClick: v
           }, {
             icon: t(() => [
               a(e(Z), { name: "close" })
             ]),
             default: t(() => [
-              d(" " + i(e(g)("filters.reset")), 1)
+              m(" " + s(e(f)("filters.reset")), 1)
             ]),
             _: 1
           })) : E("", !0)
         ]),
         applied: t(() => [
-          a(e(Ee), { filters: s.value }, null, 8, ["filters"])
+          a(e(De), { filters: i.value }, null, 8, ["filters"])
         ]),
-        "cell-at": t(({ row: $ }) => [
+        "cell-at": t(({ row: C }) => [
           a(e(ie), {
-            value: $.at,
+            value: C.at,
             tone: "default",
             compact: ""
           }, null, 8, ["value"])
         ]),
-        "cell-user": t(({ row: $ }) => [
+        "cell-user": t(({ row: C }) => [
           a(e(B), {
-            tone: $.user === null || $.user.name === null ? "muted" : "default"
+            tone: C.user === null || C.user.name === null ? "muted" : "default"
           }, {
             default: t(() => [
-              d(i(h($.user)), 1)
+              m(s(_(C.user)), 1)
             ]),
             _: 2
           }, 1032, ["tone"])
         ]),
-        "cell-tool": t(({ row: $ }) => [
+        "cell-tool": t(({ row: C }) => [
           a(e(B), {
             mono: "",
             size: "sm"
           }, {
             default: t(() => [
-              d(i($.tool), 1)
+              m(s(C.tool), 1)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-outcome": t(({ row: $ }) => [
-          a(e(K), {
-            type: D($).type,
+        "cell-outcome": t(({ row: C }) => [
+          a(e(j), {
+            type: Y(C).type,
             dot: ""
           }, {
             default: t(() => [
-              d(i(D($).label), 1)
+              m(s(Y(C).label), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "cell-duration_ms": t(({ row: $ }) => [
+        "cell-duration_ms": t(({ row: C }) => [
           a(e(B), {
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              d(i(e(r)("calls.ms", { count: $.duration_ms })), 1)
+              m(s(e(r)("calls.ms", { count: C.duration_ms })), 1)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-client": t(({ row: $ }) => [
-          $.client ? (p(), V(e(B), {
+        "cell-client": t(({ row: C }) => [
+          C.client ? (h(), V(e(B), {
             key: 0,
             size: "sm"
           }, {
             default: t(() => [
-              d(i($.client), 1)
+              m(s(C.client), 1)
             ]),
             _: 2
-          }, 1024)) : (p(), V(e(B), {
+          }, 1024)) : (h(), V(e(B), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [...R[3] || (R[3] = [
-              d("—", -1)
+              m("—", -1)
             ])]),
             _: 1
           }))
         ]),
-        expanded: t(({ row: $ }) => [
-          W("div", _t, [
-            $.error ? (p(), V(e(B), {
+        expanded: t(({ row: C }) => [
+          W("div", bt, [
+            C.error ? (h(), V(e(B), {
               key: 0,
               tone: "danger",
               size: "sm",
               class: "wx-call-list__error"
             }, {
               default: t(() => [
-                W("strong", null, i(e(r)("calls.error")) + ":", 1),
-                d(" " + i($.error), 1)
+                W("strong", null, s(e(r)("calls.error")) + ":", 1),
+                m(" " + s(C.error), 1)
               ]),
               _: 2
             }, 1024)) : E("", !0),
-            $.arguments ? (p(), Y("pre", bt, i($.arguments), 1)) : (p(), V(e(B), {
+            C.arguments ? (h(), G("pre", gt, s(C.arguments), 1)) : (h(), V(e(B), {
               key: 2,
               size: "sm",
               tone: "muted"
             }, {
               default: t(() => [
-                d(i(e(r)("calls.no-arguments")), 1)
+                m(s(e(r)("calls.no-arguments")), 1)
               ]),
               _: 1
             }))
           ])
         ]),
-        "cell-card": t(({ row: $ }) => [
+        "cell-card": t(({ row: C }) => [
           a(e(Ce), {
             variant: "plain",
-            title: $.tool,
-            subtitle: h($.user)
+            title: C.tool,
+            subtitle: _(C.user)
           }, {
             media: t(() => [
-              W("span", gt, [
+              W("span", wt, [
                 a(e(Z), { name: "sliders" })
               ])
             ]),
             meta: t(() => [
-              a(e(K), {
-                type: D($).type,
+              a(e(j), {
+                type: Y(C).type,
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(i(D($).label), 1)
+                  m(s(Y(C).label), 1)
                 ]),
                 _: 2
               }, 1032, ["type"]),
               a(e(ie), {
-                value: $.at,
+                value: C.at,
                 compact: ""
               }, null, 8, ["value"]),
-              $.client ? (p(), V(e(B), {
+              C.client ? (h(), V(e(B), {
                 key: 0,
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(i($.client), 1)
+                  m(s(C.client), 1)
                 ]),
                 _: 2
               }, 1024)) : E("", !0)
             ]),
             default: t(() => [
-              G($) ? (p(), V(e(oe), {
+              D(C) ? (h(), V(e(oe), {
                 key: 0,
                 direction: "vertical",
                 size: "xs",
                 class: "wx-call-list__card-details"
               }, {
                 default: t(() => [
-                  $.error ? (p(), V(e(B), {
+                  C.error ? (h(), V(e(B), {
                     key: 0,
                     tone: "danger",
                     size: "sm"
                   }, {
                     default: t(() => [
-                      d(i($.error), 1)
+                      m(s(C.error), 1)
                     ]),
                     _: 2
                   }, 1024)) : E("", !0),
-                  $.arguments ? (p(), Y("pre", wt, i($.arguments), 1)) : E("", !0)
+                  C.arguments ? (h(), G("pre", xt, s(C.arguments), 1)) : E("", !0)
                 ]),
                 _: 2
               }, 1024)) : E("", !0)
@@ -1322,7 +1332,7 @@ const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft
     ], 512));
   }
 });
-function kt(n) {
+function Ct(n) {
   const u = `${n.apiPath}/auth/connections`;
   return {
     list: (l = "mine") => n.http.get(u, { query: { all: l === "all" ? 1 : void 0 } }).then((o) => ({
@@ -1333,18 +1343,18 @@ function kt(n) {
     disconnect: (l) => n.http.delete(`${u}/${l}`).then((o) => o.data)
   };
 }
-const Ct = {
+const $t = {
   class: "wx-connection-list__glyph",
   "aria-hidden": "true"
-}, Ue = 560, je = /* @__PURE__ */ Q({
+}, Ue = 560, qe = /* @__PURE__ */ X({
   __name: "ConnectionList",
   props: {
     scope: { default: "mine" }
   },
   setup(n, { expose: u }) {
-    const l = n, o = ee(), y = kt(o);
+    const l = n, o = ee(), b = Ct(o);
     te();
-    const c = j("webx-auth"), _ = ve(), r = re("root"), g = xe(r), O = P(() => g.value > 0 && g.value < Ue), v = T([]), b = T(!1), w = T(null), m = P(() => O.value ? [{ key: "card", label: "" }] : [
+    const c = J("webx-auth"), z = ve(), r = re("root"), f = xe(r), F = U(() => f.value > 0 && f.value < Ue), p = T([]), g = T(!1), w = T(null), d = U(() => F.value ? [{ key: "card", label: "" }] : [
       { key: "client", label: c("connections.client"), minWidth: 210 },
       ...l.scope === "all" ? [{ key: "user", label: c("connections.who"), minWidth: 140 }] : [],
       { key: "read_only", label: c("connections.allowed"), minWidth: 160 },
@@ -1352,72 +1362,72 @@ const Ct = {
       { key: "last_used_at", label: c("connections.last-used"), minWidth: 130 },
       { key: "end", label: "", align: "right", width: 140 }
     ]);
-    function k(A) {
-      return A.user.name ?? c("calls.deleted", { id: A.user.id });
+    function x($) {
+      return $.user.name ?? c("calls.deleted", { id: $.user.id });
     }
-    function f(A) {
-      if (A.read_only) return c("connections.read-only");
+    function y($) {
+      if ($.read_only) return c("connections.read-only");
       if (l.scope !== "all") return c("connections.full-you");
-      const S = A.user.name?.split(" ")[0];
-      return c("connections.full", { name: S || k(A) });
+      const O = $.user.name?.split(" ")[0];
+      return c("connections.full", { name: O || x($) });
     }
-    async function h() {
-      b.value = !0;
+    async function _() {
+      g.value = !0;
       try {
-        v.value = (await y.list(l.scope)).data;
-      } catch (A) {
-        q.danger(_(A));
+        p.value = (await b.list(l.scope)).data;
+      } catch ($) {
+        Q.danger(z($));
       } finally {
-        b.value = !1;
+        g.value = !1;
       }
     }
-    async function z(A) {
-      if (await Ne({
-        title: c("connections.confirm-title", { client: A.client }),
+    async function L($) {
+      if (await Ie({
+        title: c("connections.confirm-title", { client: $.client }),
         message: c("connections.confirm-text"),
         confirmText: c("connections.confirm"),
         cancelText: c("connections.cancel"),
         tone: "danger"
       })) {
-        w.value = A.id;
+        w.value = $.id;
         try {
-          const s = await y.disconnect(A.id);
-          v.value = v.value.map((x) => x.id === s.id ? s : x), q.success(c("connections.done", { client: A.client }));
-        } catch (s) {
-          q.danger(_(s));
+          const i = await b.disconnect($.id);
+          p.value = p.value.map((v) => v.id === i.id ? i : v), Q.success(c("connections.done", { client: $.client }));
+        } catch (i) {
+          Q.danger(z(i));
         } finally {
           w.value = null;
         }
       }
     }
-    return ue(() => l.scope, h, { immediate: !0 }), u({ reload: h }), (A, S) => (p(), Y("div", {
+    return ue(() => l.scope, _, { immediate: !0 }), u({ reload: _ }), ($, O) => (h(), G("div", {
       ref_key: "root",
       ref: r,
       class: "wx-connection-list"
     }, [
       a(e(ke), {
-        data: v.value,
-        columns: m.value,
+        data: p.value,
+        columns: d.value,
         "row-key": "id",
         flush: "",
-        loading: b.value,
+        loading: g.value,
         clickable: !1,
         "empty-text": n.scope === "all" ? e(c)("connections.empty-all") : e(c)("connections.empty"),
         "cards-below": Ue,
-        "row-class": (s) => s.revoked_at ? "is-ended" : ""
+        "row-class": (i) => i.revoked_at ? "is-ended" : ""
       }, {
-        "cell-client": t(({ row: s }) => [
+        "cell-client": t(({ row: i }) => [
           a(e(oe), {
             direction: "vertical",
             size: "none"
           }, {
             default: t(() => [
               a(e(B), {
-                tone: s.revoked_at ? "muted" : "default",
+                tone: i.revoked_at ? "muted" : "default",
                 weight: "medium"
               }, {
                 default: t(() => [
-                  d(i(s.client), 1)
+                  m(s(i.client), 1)
                 ]),
                 _: 2
               }, 1032, ["tone"]),
@@ -1426,7 +1436,7 @@ const Ct = {
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(i(e(c)("connections.returns-to", { host: s.host })), 1)
+                  m(s(e(c)("connections.returns-to", { host: i.host })), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1434,145 +1444,145 @@ const Ct = {
             _: 2
           }, 1024)
         ]),
-        "cell-user": t(({ row: s }) => [
+        "cell-user": t(({ row: i }) => [
           a(e(B), {
-            tone: s.user.name === null ? "muted" : "default"
+            tone: i.user.name === null ? "muted" : "default"
           }, {
             default: t(() => [
-              d(i(k(s)), 1)
+              m(s(x(i)), 1)
             ]),
             _: 2
           }, 1032, ["tone"])
         ]),
-        "cell-read_only": t(({ row: s }) => [
-          s.revoked_at ? (p(), V(e(K), {
+        "cell-read_only": t(({ row: i }) => [
+          i.revoked_at ? (h(), V(e(j), {
             key: 0,
             type: "default",
             dot: ""
           }, {
             default: t(() => [
-              d(i(e(c)("connections.disconnected")), 1)
+              m(s(e(c)("connections.disconnected")), 1)
             ]),
             _: 1
-          })) : (p(), V(e(K), {
+          })) : (h(), V(e(j), {
             key: 1,
-            type: s.read_only ? "info" : "success",
+            type: i.read_only ? "info" : "success",
             dot: ""
           }, {
             default: t(() => [
-              d(i(f(s)), 1)
+              m(s(y(i)), 1)
             ]),
             _: 2
           }, 1032, ["type"]))
         ]),
-        "cell-connected_at": t(({ row: s }) => [
+        "cell-connected_at": t(({ row: i }) => [
           a(e(ie), {
-            value: s.connected_at,
+            value: i.connected_at,
             tone: "muted",
             compact: ""
           }, null, 8, ["value"])
         ]),
-        "cell-last_used_at": t(({ row: s }) => [
-          s.last_used_at ? (p(), V(e(ie), {
+        "cell-last_used_at": t(({ row: i }) => [
+          i.last_used_at ? (h(), V(e(ie), {
             key: 0,
-            value: s.last_used_at,
+            value: i.last_used_at,
             tone: "default",
             compact: ""
-          }, null, 8, ["value"])) : (p(), V(e(B), {
+          }, null, 8, ["value"])) : (h(), V(e(B), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              d(i(e(c)("connections.never-used")), 1)
+              m(s(e(c)("connections.never-used")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-end": t(({ row: s }) => [
-          s.revoked_at ? E("", !0) : (p(), V(e(I), {
+        "cell-end": t(({ row: i }) => [
+          i.revoked_at ? E("", !0) : (h(), V(e(M), {
             key: 0,
             type: "danger",
             variant: "text",
             size: "sm",
-            loading: w.value === s.id,
-            onClick: (x) => z(s)
+            loading: w.value === i.id,
+            onClick: (v) => L(i)
           }, {
             default: t(() => [
-              d(i(e(c)("connections.disconnect")), 1)
+              m(s(e(c)("connections.disconnect")), 1)
             ]),
             _: 1
           }, 8, ["loading", "onClick"]))
         ]),
-        "cell-card": t(({ row: s }) => [
+        "cell-card": t(({ row: i }) => [
           a(e(Ce), {
             variant: "plain",
-            title: s.client,
-            subtitle: e(c)("connections.returns-to", { host: s.host })
+            title: i.client,
+            subtitle: e(c)("connections.returns-to", { host: i.host })
           }, {
             media: t(() => [
-              W("span", Ct, [
+              W("span", $t, [
                 a(e(Z), { name: "link" })
               ])
             ]),
             meta: t(() => [
-              s.revoked_at ? (p(), V(e(K), {
+              i.revoked_at ? (h(), V(e(j), {
                 key: 0,
                 type: "default",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(i(e(c)("connections.disconnected")), 1)
+                  m(s(e(c)("connections.disconnected")), 1)
                 ]),
                 _: 1
-              })) : (p(), V(e(K), {
+              })) : (h(), V(e(j), {
                 key: 1,
-                type: s.read_only ? "info" : "success",
+                type: i.read_only ? "info" : "success",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(i(f(s)), 1)
+                  m(s(y(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["type"])),
-              n.scope === "all" ? (p(), V(e(B), {
+              n.scope === "all" ? (h(), V(e(B), {
                 key: 2,
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(i(k(s)), 1)
+                  m(s(x(i)), 1)
                 ]),
                 _: 2
               }, 1024)) : E("", !0),
-              s.last_used_at ? (p(), V(e(ie), {
+              i.last_used_at ? (h(), V(e(ie), {
                 key: 3,
-                value: s.last_used_at,
+                value: i.last_used_at,
                 compact: ""
-              }, null, 8, ["value"])) : (p(), V(e(B), {
+              }, null, 8, ["value"])) : (h(), V(e(B), {
                 key: 4,
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(i(e(c)("connections.never-used")), 1)
+                  m(s(e(c)("connections.never-used")), 1)
                 ]),
                 _: 1
               }))
             ]),
             actions: t(() => [
-              s.revoked_at ? E("", !0) : (p(), V(e(I), {
+              i.revoked_at ? E("", !0) : (h(), V(e(M), {
                 key: 0,
                 type: "danger",
                 variant: "text",
                 size: "sm",
-                loading: w.value === s.id,
-                onClick: (x) => z(s)
+                loading: w.value === i.id,
+                onClick: (v) => L(i)
               }, {
                 default: t(() => [
-                  d(i(e(c)("connections.disconnect")), 1)
+                  m(s(e(c)("connections.disconnect")), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "onClick"]))
@@ -1584,7 +1594,7 @@ const Ct = {
       }, 8, ["data", "columns", "loading", "empty-text", "row-class"])
     ], 512));
   }
-}), $t = /* @__PURE__ */ Q({
+}), At = /* @__PURE__ */ X({
   __name: "AdminsPage",
   props: {
     base: { default: "/admins" },
@@ -1593,135 +1603,135 @@ const Ct = {
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(n) {
-    const u = n, l = ee(), o = fe(l), y = tt(), c = at();
+    const u = n, l = ee(), o = fe(l), b = u.avatarField ?? Ye(l) ?? void 0, c = u.resolveAvatar ?? je(l) ?? void 0, z = lt(), r = nt();
     te();
-    const _ = j("webx-auth"), r = ve(), g = re("list"), O = T(null), v = $e(yt), b = l.can("admins.manage"), w = l.can("admins.audit"), m = P(
-      () => l.state.manifest?.modules.find((S) => S.id === "admins")?.title ?? _("admins.title")
-    ), k = P(() => {
-      const S = [{ value: "admins", label: m.value }];
-      return w && S.push({ value: "calls", label: _("calls.title") }), b && S.push({ value: "connections", label: _("connections.title") }), S.length > 1 ? S : void 0;
-    }), f = P({
+    const f = J("webx-auth"), F = ve(), p = re("list"), g = T(null), w = $e(_t), d = l.can("admins.manage"), x = l.can("admins.audit"), y = U(
+      () => l.state.manifest?.modules.find((v) => v.id === "admins")?.title ?? f("admins.title")
+    ), _ = U(() => {
+      const v = [{ value: "admins", label: y.value }];
+      return x && v.push({ value: "calls", label: f("calls.title") }), d && v.push({ value: "connections", label: f("connections.title") }), v.length > 1 ? v : void 0;
+    }), L = U({
       get: () => u.current,
-      set: (S) => {
-        const s = S === "admins" ? u.base : `${u.base}/${String(S)}`;
-        s !== c.path && y.push(s);
+      set: (v) => {
+        const A = v === "admins" ? u.base : `${u.base}/${String(v)}`;
+        A !== r.path && z.push(A);
       }
-    }), h = P(
-      () => b && u.current === "admins" ? [
+    }), $ = U(
+      () => d && u.current === "admins" ? [
         {
           key: "new",
-          label: _("admins.new-short"),
+          label: f("admins.new-short"),
           icon: "plus",
           primary: !0,
           run: () => {
-            z(null);
+            O(null);
           }
         }
       ] : []
     );
-    async function z(S) {
-      O.value = S, await v({ admin: S, avatarField: u.avatarField }) && g.value?.reload();
+    async function O(v) {
+      g.value = v, await w({ admin: v, avatarField: b }) && p.value?.reload();
     }
-    async function A(S) {
-      if (await Ne({
-        title: _("admins.delete-title", { name: S.name }),
-        message: _("admins.delete-text"),
-        confirmText: _("admins.delete"),
-        cancelText: _("admins.cancel"),
+    async function i(v) {
+      if (await Ie({
+        title: f("admins.delete-title", { name: v.name }),
+        message: f("admins.delete-text"),
+        confirmText: f("admins.delete"),
+        cancelText: f("admins.cancel"),
         tone: "danger"
       }))
         try {
-          await o.remove(S.id), q.success(_("admins.deleted")), g.value?.reload();
-        } catch (x) {
-          q.danger(r(x));
+          await o.remove(v.id), Q.success(f("admins.deleted")), p.value?.reload();
+        } catch (I) {
+          Q.danger(F(I));
         }
     }
-    return (S, s) => (p(), V(e(De), {
-      view: f.value,
-      "onUpdate:view": s[0] || (s[0] = (x) => f.value = x),
-      title: m.value,
-      views: k.value,
-      actions: h.value
+    return (v, A) => (h(), V(e(Ne), {
+      view: L.value,
+      "onUpdate:view": A[0] || (A[0] = (I) => L.value = I),
+      title: y.value,
+      views: _.value,
+      actions: $.value
     }, {
       default: t(() => [
-        n.current === "calls" ? (p(), V(xt, { key: 0 })) : n.current === "connections" ? (p(), V(je, {
+        n.current === "calls" ? (h(), V(kt, { key: 0 })) : n.current === "connections" ? (h(), V(qe, {
           key: 1,
           scope: "all"
-        })) : (p(), V(Ye, {
+        })) : (h(), V(Je, {
           key: 2,
           ref_key: "list",
-          ref: g,
-          removable: e(b),
-          "resolve-avatar": u.resolveAvatar,
-          onOpen: z,
-          onRemove: A
+          ref: p,
+          removable: e(d),
+          "resolve-avatar": e(c),
+          onOpen: O,
+          onRemove: i
         }, null, 8, ["removable", "resolve-avatar"]))
       ]),
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), At = { class: "wx-connect" }, Vt = { class: "wx-connect__row" }, zt = { class: "wx-connect__url" }, Lt = { class: "wx-connect__section" }, St = { class: "wx-connect__steps" }, Wt = { class: "wx-connect__steps" }, Tt = { class: "wx-connect__snippet" }, Ut = { class: "wx-connect__snippet" }, Pt = { class: "wx-connect__section" }, Ft = { class: "wx-connect__links" }, Ot = { class: "wx-connect__steps" }, Rt = { class: "wx-connect__section" }, Bt = /* @__PURE__ */ Q({
+}), Vt = { class: "wx-connect" }, zt = { class: "wx-connect__row" }, Lt = { class: "wx-connect__url" }, St = { class: "wx-connect__section" }, Wt = { class: "wx-connect__steps" }, Tt = { class: "wx-connect__steps" }, Ut = { class: "wx-connect__snippet" }, Pt = { class: "wx-connect__snippet" }, Ft = { class: "wx-connect__section" }, Ot = { class: "wx-connect__links" }, Rt = { class: "wx-connect__steps" }, Bt = { class: "wx-connect__section" }, Et = /* @__PURE__ */ X({
   __name: "ConnectPage",
   setup(n) {
     const u = ee();
     te();
-    const l = j("webx-auth"), o = T(!1);
-    let y;
-    const c = P(() => {
-      const k = u.state.manifest?.modules.find((f) => f.id === "connect")?.meta;
-      return typeof k?.url == "string" ? k.url : "";
-    }), _ = P(() => {
+    const l = J("webx-auth"), o = T(!1);
+    let b;
+    const c = U(() => {
+      const x = u.state.manifest?.modules.find((y) => y.id === "connect")?.meta;
+      return typeof x?.url == "string" ? x.url : "";
+    }), z = U(() => {
       try {
         return new URL(c.value).hostname.split(".")[0] || "webx";
       } catch {
         return "webx";
       }
-    }), r = P(() => `claude mcp add --transport http ${_.value} ${c.value}`), g = P(() => `[mcp_servers.${_.value}]
-url = "${c.value}"`), O = P(() => {
-      const k = b(JSON.stringify({ url: c.value }));
-      return `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(_.value)}&config=${k}`;
-    }), v = P(() => {
-      const k = JSON.stringify({ name: _.value, type: "http", url: c.value });
-      return `vscode:mcp/install?${encodeURIComponent(k)}`;
+    }), r = U(() => `claude mcp add --transport http ${z.value} ${c.value}`), f = U(() => `[mcp_servers.${z.value}]
+url = "${c.value}"`), F = U(() => {
+      const x = g(JSON.stringify({ url: c.value }));
+      return `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(z.value)}&config=${x}`;
+    }), p = U(() => {
+      const x = JSON.stringify({ name: z.value, type: "http", url: c.value });
+      return `vscode:mcp/install?${encodeURIComponent(x)}`;
     });
-    function b(k) {
-      const f = new TextEncoder().encode(k);
-      let h = "";
-      for (const z of f) h += String.fromCharCode(z);
-      return encodeURIComponent(btoa(h));
+    function g(x) {
+      const y = new TextEncoder().encode(x);
+      let _ = "";
+      for (const L of y) _ += String.fromCharCode(L);
+      return encodeURIComponent(btoa(_));
     }
-    async function w(k) {
+    async function w(x) {
       try {
         if (navigator.clipboard?.writeText)
-          await navigator.clipboard.writeText(k);
-        else if (!m(k))
+          await navigator.clipboard.writeText(x);
+        else if (!d(x))
           throw new Error("no clipboard");
-        o.value = !0, clearTimeout(y), y = setTimeout(() => o.value = !1, 2e3);
+        o.value = !0, clearTimeout(b), b = setTimeout(() => o.value = !1, 2e3);
       } catch {
-        if (m(k)) return;
-        q.danger(l("connect.copy-failed"));
+        if (d(x)) return;
+        Q.danger(l("connect.copy-failed"));
       }
     }
-    function m(k) {
-      const f = document.createElement("textarea");
-      f.value = k, f.setAttribute("readonly", ""), f.style.position = "fixed", f.style.opacity = "0", document.body.append(f), f.select();
+    function d(x) {
+      const y = document.createElement("textarea");
+      y.value = x, y.setAttribute("readonly", ""), y.style.position = "fixed", y.style.opacity = "0", document.body.append(y), y.select();
       try {
         return document.execCommand("copy");
       } catch {
         return !1;
       } finally {
-        f.remove();
+        y.remove();
       }
     }
-    return (k, f) => (p(), V(e(De), {
+    return (x, y) => (h(), V(e(Ne), {
       title: e(l)("connect.title"),
       card: !1
     }, {
       default: t(() => [
-        W("div", At, [
+        W("div", Vt, [
           a(e(B), { class: "wx-connect__lead" }, {
             default: t(() => [
-              d(i(e(l)("connect.lead")), 1)
+              m(s(e(l)("connect.lead")), 1)
             ]),
             _: 1
           }),
@@ -1733,16 +1743,16 @@ url = "${c.value}"`), O = P(() => {
                 class: "wx-connect__label"
               }, {
                 default: t(() => [
-                  d(i(e(l)("connect.address")), 1)
+                  m(s(e(l)("connect.address")), 1)
                 ]),
                 _: 1
               }),
-              W("div", Vt, [
-                W("code", zt, i(c.value), 1),
-                a(e(I), {
+              W("div", zt, [
+                W("code", Lt, s(c.value), 1),
+                a(e(M), {
                   type: "primary",
                   disabled: c.value === "",
-                  onClick: f[0] || (f[0] = (h) => w(c.value))
+                  onClick: y[0] || (y[0] = (_) => w(c.value))
                 }, {
                   icon: t(() => [
                     a(e(Z), {
@@ -1750,7 +1760,7 @@ url = "${c.value}"`), O = P(() => {
                     }, null, 8, ["name"])
                   ]),
                   default: t(() => [
-                    d(" " + i(o.value ? e(l)("connect.copied") : e(l)("connect.copy")), 1)
+                    m(" " + s(o.value ? e(l)("connect.copied") : e(l)("connect.copy")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
@@ -1758,70 +1768,70 @@ url = "${c.value}"`), O = P(() => {
             ]),
             _: 1
           }),
-          W("section", Lt, [
+          W("section", St, [
             a(e(he), {
               level: 2,
               size: "sm"
             }, {
               default: t(() => [
-                d(i(e(l)("connect.how")), 1)
+                m(s(e(l)("connect.how")), 1)
               ]),
               _: 1
             }),
-            a(e(nt), {
+            a(e(st), {
               variant: "line",
               "aria-label": e(l)("connect.how")
             }, {
               default: t(() => [
-                a(e(de), {
+                a(e(me), {
                   value: "claude",
                   label: e(l)("connect.claude-title")
                 }, {
                   default: t(() => [
-                    W("ol", St, [
-                      W("li", null, i(e(l)("connect.claude-1")), 1),
-                      W("li", null, i(e(l)("connect.claude-2")), 1),
-                      W("li", null, i(e(l)("connect.claude-3")), 1)
+                    W("ol", Wt, [
+                      W("li", null, s(e(l)("connect.claude-1")), 1),
+                      W("li", null, s(e(l)("connect.claude-2")), 1),
+                      W("li", null, s(e(l)("connect.claude-3")), 1)
                     ])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(e(de), {
+                a(e(me), {
                   value: "chatgpt",
                   label: e(l)("connect.chatgpt-title")
                 }, {
                   default: t(() => [
-                    W("ol", Wt, [
-                      W("li", null, i(e(l)("connect.chatgpt-1")), 1),
-                      W("li", null, i(e(l)("connect.chatgpt-2")), 1),
-                      W("li", null, i(e(l)("connect.chatgpt-3")), 1)
+                    W("ol", Tt, [
+                      W("li", null, s(e(l)("connect.chatgpt-1")), 1),
+                      W("li", null, s(e(l)("connect.chatgpt-2")), 1),
+                      W("li", null, s(e(l)("connect.chatgpt-3")), 1)
                     ])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(e(de), {
+                a(e(me), {
                   value: "claude-code",
                   label: e(l)("connect.claude-code-title")
                 }, {
                   default: t(() => [
                     a(e(B), { size: "sm" }, {
                       default: t(() => [
-                        d(i(e(l)("connect.claude-code-hint")), 1)
+                        m(s(e(l)("connect.claude-code-hint")), 1)
                       ]),
                       _: 1
                     }),
-                    W("div", Tt, [
-                      W("pre", null, i(r.value), 1),
-                      a(e(I), {
+                    W("div", Ut, [
+                      W("pre", null, s(r.value), 1),
+                      a(e(M), {
                         variant: "text",
                         size: "sm",
-                        onClick: f[1] || (f[1] = (h) => w(r.value))
+                        onClick: y[1] || (y[1] = (_) => w(r.value))
                       }, {
                         icon: t(() => [
                           a(e(Z), { name: "copy" })
                         ]),
                         default: t(() => [
-                          d(" " + i(e(l)("connect.copy-line")), 1)
+                          m(" " + s(e(l)("connect.copy-line")), 1)
                         ]),
                         _: 1
                       })
@@ -1829,29 +1839,29 @@ url = "${c.value}"`), O = P(() => {
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(e(de), {
+                a(e(me), {
                   value: "codex",
                   label: e(l)("connect.codex-title")
                 }, {
                   default: t(() => [
                     a(e(B), { size: "sm" }, {
                       default: t(() => [
-                        d(i(e(l)("connect.codex-hint")), 1)
+                        m(s(e(l)("connect.codex-hint")), 1)
                       ]),
                       _: 1
                     }),
-                    W("div", Ut, [
-                      W("pre", null, i(g.value), 1),
-                      a(e(I), {
+                    W("div", Pt, [
+                      W("pre", null, s(f.value), 1),
+                      a(e(M), {
                         variant: "text",
                         size: "sm",
-                        onClick: f[2] || (f[2] = (h) => w(g.value))
+                        onClick: y[2] || (y[2] = (_) => w(f.value))
                       }, {
                         icon: t(() => [
                           a(e(Z), { name: "copy" })
                         ]),
                         default: t(() => [
-                          d(" " + i(e(l)("connect.copy-line")), 1)
+                          m(" " + s(e(l)("connect.copy-line")), 1)
                         ]),
                         _: 1
                       })
@@ -1863,13 +1873,13 @@ url = "${c.value}"`), O = P(() => {
               _: 1
             }, 8, ["aria-label"])
           ]),
-          W("section", Pt, [
+          W("section", Ft, [
             a(e(he), {
               level: 2,
               size: "sm"
             }, {
               default: t(() => [
-                d(i(e(l)("connect.one-click")), 1)
+                m(s(e(l)("connect.one-click")), 1)
               ]),
               _: 1
             }),
@@ -1878,13 +1888,13 @@ url = "${c.value}"`), O = P(() => {
               tone: "muted"
             }, {
               default: t(() => [
-                d(i(e(l)("connect.one-click-hint")), 1)
+                m(s(e(l)("connect.one-click-hint")), 1)
               ]),
               _: 1
             }),
-            W("div", Ft, [
-              a(e(I), {
-                href: O.value,
+            W("div", Ot, [
+              a(e(M), {
+                href: F.value,
                 variant: "outline",
                 disabled: c.value === "",
                 class: "wx-connect__link"
@@ -1893,12 +1903,12 @@ url = "${c.value}"`), O = P(() => {
                   a(e(Z), { name: "external-link" })
                 ]),
                 default: t(() => [
-                  d(" " + i(e(l)("connect.install-in", { client: e(l)("connect.cursor-title") })), 1)
+                  m(" " + s(e(l)("connect.install-in", { client: e(l)("connect.cursor-title") })), 1)
                 ]),
                 _: 1
               }, 8, ["href", "disabled"]),
-              a(e(I), {
-                href: v.value,
+              a(e(M), {
+                href: p.value,
                 variant: "outline",
                 disabled: c.value === "",
                 class: "wx-connect__link"
@@ -1907,38 +1917,38 @@ url = "${c.value}"`), O = P(() => {
                   a(e(Z), { name: "external-link" })
                 ]),
                 default: t(() => [
-                  d(" " + i(e(l)("connect.install-in", { client: e(l)("connect.vscode-title") })), 1)
+                  m(" " + s(e(l)("connect.install-in", { client: e(l)("connect.vscode-title") })), 1)
                 ]),
                 _: 1
               }, 8, ["href", "disabled"])
             ])
           ]),
-          a(e(ot), {
+          a(e(it), {
             type: "info",
             title: e(l)("connect.next")
           }, {
             default: t(() => [
-              W("ol", Ot, [
-                W("li", null, i(e(l)("connect.next-1")), 1),
-                W("li", null, i(e(l)("connect.next-2")), 1),
-                W("li", null, i(e(l)("connect.next-3")), 1)
+              W("ol", Rt, [
+                W("li", null, s(e(l)("connect.next-1")), 1),
+                W("li", null, s(e(l)("connect.next-2")), 1),
+                W("li", null, s(e(l)("connect.next-3")), 1)
               ])
             ]),
             _: 1
           }, 8, ["title"]),
-          W("section", Rt, [
+          W("section", Bt, [
             a(e(he), {
               level: 2,
               size: "sm"
             }, {
               default: t(() => [
-                d(i(e(l)("connect.mine")), 1)
+                m(s(e(l)("connect.mine")), 1)
               ]),
               _: 1
             }),
             a(e(Le), { padding: "none" }, {
               default: t(() => [
-                a(je, { scope: "mine" })
+                a(qe, { scope: "mine" })
               ]),
               _: 1
             })
@@ -1948,10 +1958,10 @@ url = "${c.value}"`), O = P(() => {
       _: 1
     }, 8, ["title"]));
   }
-}), Et = /* @__PURE__ */ pe(Bt, [["__scopeId", "data-v-92d62c98"]]);
-function ta(n = {}) {
+}), Dt = /* @__PURE__ */ pe(Et, [["__scopeId", "data-v-92d62c98"]]);
+function na(n = {}) {
   const u = n.path ?? "/admins", l = (o) => ({
-    render: () => Re($t, {
+    render: () => Be(At, {
       base: u,
       current: o,
       avatarField: n.avatarField,
@@ -1975,15 +1985,15 @@ function ta(n = {}) {
     ]
   };
 }
-function aa(n = {}) {
+function oa(n = {}) {
   const u = n.path ?? "/connect";
   return {
     id: "connect",
     path: u,
-    routes: [{ path: u, name: "webx.connect", component: Et }]
+    routes: [{ path: u, name: "webx.connect", component: Dt }]
   };
 }
-const Dt = /* @__PURE__ */ Q({
+const Nt = /* @__PURE__ */ X({
   __name: "AdminPicker",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1991,30 +2001,30 @@ const Dt = /* @__PURE__ */ Q({
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(n) {
-    const u = n, { open: l, resolve: o, dismiss: y } = ge();
+    const u = n, { open: l, resolve: o, dismiss: b } = ge();
     te();
-    const c = j("webx-auth"), _ = re("list"), r = T(0);
-    function g(v) {
-      o(v);
+    const c = J("webx-auth"), z = re("list"), r = T(0);
+    function f(p) {
+      o(p);
     }
-    function O(v) {
-      r.value = v.length;
+    function F(p) {
+      r.value = p.length;
     }
-    return (v, b) => (p(), V(e(we), {
+    return (p, g) => (h(), V(e(we), {
       open: e(l),
-      "onUpdate:open": b[2] || (b[2] = (w) => be(l) ? l.value = w : null),
+      "onUpdate:open": g[2] || (g[2] = (w) => be(l) ? l.value = w : null),
       title: n.title ?? e(c)(n.multiple ? "admins.select-many" : "admins.select-one"),
       width: 880
-    }, Oe({
+    }, Re({
       default: t(() => [
-        a(Ye, {
+        a(Je, {
           ref_key: "list",
-          ref: _,
+          ref: z,
           picking: "",
           multiple: n.multiple,
           "resolve-avatar": u.resolveAvatar,
-          onChosen: g,
-          onSelection: O
+          onChosen: f,
+          onSelection: F
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
@@ -2032,26 +2042,26 @@ const Dt = /* @__PURE__ */ Q({
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(i(e(c)("admins.chosen", { count: r.value })), 1)
+                  m(s(e(c)("admins.chosen", { count: r.value })), 1)
                 ]),
                 _: 1
               }),
-              a(e(I), {
+              a(e(M), {
                 variant: "outline",
-                onClick: b[0] || (b[0] = (w) => e(y)())
+                onClick: g[0] || (g[0] = (w) => e(b)())
               }, {
                 default: t(() => [
-                  d(i(e(c)("admins.cancel")), 1)
+                  m(s(e(c)("admins.cancel")), 1)
                 ]),
                 _: 1
               }),
-              a(e(I), {
+              a(e(M), {
                 type: "primary",
                 disabled: r.value === 0,
-                onClick: b[1] || (b[1] = (w) => e(o)(_.value?.chosen() ?? []))
+                onClick: g[1] || (g[1] = (w) => e(o)(z.value?.chosen() ?? []))
               }, {
                 default: t(() => [
-                  d(i(e(c)("admins.save")), 1)
+                  m(s(e(c)("admins.save")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2063,103 +2073,103 @@ const Dt = /* @__PURE__ */ Q({
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), Ge = $e(Dt);
-async function la(n = {}) {
-  return (await Ge({ ...n, multiple: !1 }))?.[0];
+}), Qe = $e(Nt);
+async function sa(n = {}) {
+  return (await Qe({ ...n, multiple: !1 }))?.[0];
 }
-function na(n = {}) {
-  return Ge({ ...n, multiple: !0 });
+function ia(n = {}) {
+  return Qe({ ...n, multiple: !0 });
 }
-const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
+const It = { class: "wx-profile-host" }, Mt = { class: "wx-profile" }, Ht = {
   key: 0,
   class: "wx-profile__aside"
-}, Ht = { class: "wx-profile__fields" }, Kt = /* @__PURE__ */ Q({
+}, Kt = { class: "wx-profile__fields" }, Yt = /* @__PURE__ */ X({
   __name: "ProfileDialog",
   props: {
     avatarField: { default: void 0 }
   },
   setup(n) {
-    const u = n, { resolve: l, dismiss: o, open: y } = ge(), c = ee(), _ = Ae();
+    const u = n, { resolve: l, dismiss: o, open: b } = ge(), c = ee(), z = Ae();
     te();
-    const r = j("webx-auth"), g = ve(), O = T(!1), v = T({}), b = T({
+    const r = J("webx-auth"), f = ve(), F = T(!1), p = T({}), g = T({
       name: c.state.user?.name ?? "",
       avatar: c.state.user?.avatar ?? null,
       password: "",
       current_password: ""
-    }), w = T(b.value.avatar ? { path: b.value.avatar } : null);
-    function m(f) {
-      return v.value[f]?.[0];
+    }), w = T(g.value.avatar ? { path: g.value.avatar } : null);
+    function d(y) {
+      return p.value[y]?.[0];
     }
-    async function k() {
-      O.value = !0, v.value = {};
+    async function x() {
+      F.value = !0, p.value = {};
       try {
-        await _.updateProfile({
-          name: b.value.name,
+        await z.updateProfile({
+          name: g.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.
-          ...b.value.password ? { password: b.value.password, current_password: b.value.current_password } : {}
-        }), q.success(r("profile.saved")), l(!0);
-      } catch (f) {
-        const h = f.body;
-        h?.errors ? v.value = h.errors : q.danger(g(f));
+          ...g.value.password ? { password: g.value.password, current_password: g.value.current_password } : {}
+        }), Q.success(r("profile.saved")), l(!0);
+      } catch (y) {
+        const _ = y.body;
+        _?.errors ? p.value = _.errors : Q.danger(f(y));
       } finally {
-        O.value = !1;
+        F.value = !1;
       }
     }
-    return (f, h) => (p(), V(e(we), {
-      open: e(y),
-      "onUpdate:open": h[5] || (h[5] = (z) => be(y) ? y.value = z : null),
+    return (y, _) => (h(), V(e(we), {
+      open: e(b),
+      "onUpdate:open": _[5] || (_[5] = (L) => be(b) ? b.value = L : null),
       title: e(r)("profile.title"),
       width: 560
     }, {
       footer: t(() => [
-        a(e(I), {
-          onClick: h[4] || (h[4] = (z) => e(o)())
+        a(e(M), {
+          onClick: _[4] || (_[4] = (L) => e(o)())
         }, {
           default: t(() => [
-            d(i(e(r)("profile.cancel")), 1)
+            m(s(e(r)("profile.cancel")), 1)
           ]),
           _: 1
         }),
-        a(e(I), {
+        a(e(M), {
           type: "primary",
-          loading: O.value,
-          onClick: k
+          loading: F.value,
+          onClick: x
         }, {
           default: t(() => [
-            d(i(e(r)("profile.save")), 1)
+            m(s(e(r)("profile.save")), 1)
           ]),
           _: 1
         }, 8, ["loading"])
       ]),
       default: t(() => [
-        W("div", Nt, [
-          W("div", It, [
-            u.avatarField ? (p(), Y("div", Mt, [
-              (p(), V(Fe(u.avatarField), {
+        W("div", It, [
+          W("div", Mt, [
+            u.avatarField ? (h(), G("div", Ht, [
+              (h(), V(Oe(u.avatarField), {
                 modelValue: w.value,
-                "onUpdate:modelValue": h[0] || (h[0] = (z) => w.value = z),
+                "onUpdate:modelValue": _[0] || (_[0] = (L) => w.value = L),
                 label: e(r)("profile.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
             ])) : E("", !0),
-            W("div", Ht, [
-              a(e(M), {
+            W("div", Kt, [
+              a(e(K), {
                 label: e(r)("profile.name"),
-                error: m("name")
+                error: d("name")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: b.value.name,
-                    "onUpdate:modelValue": h[1] || (h[1] = (z) => b.value.name = z),
+                    modelValue: g.value.name,
+                    "onUpdate:modelValue": _[1] || (_[1] = (L) => g.value.name = L),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(M), {
+              a(e(K), {
                 label: e(r)("admins.email")
               }, {
                 default: t(() => [
@@ -2170,31 +2180,31 @@ const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
                 ]),
                 _: 1
               }, 8, ["label"]),
-              a(e(M), {
+              a(e(K), {
                 label: e(r)("profile.password"),
                 help: e(r)("profile.password-hint"),
-                error: m("password")
+                error: d("password")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: b.value.password,
-                    "onUpdate:modelValue": h[2] || (h[2] = (z) => b.value.password = z),
+                    modelValue: g.value.password,
+                    "onUpdate:modelValue": _[2] || (_[2] = (L) => g.value.password = L),
                     type: "password",
                     autocomplete: "new-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "help", "error"]),
-              b.value.password ? (p(), V(e(M), {
+              g.value.password ? (h(), V(e(K), {
                 key: 0,
                 label: e(r)("profile.current-password"),
                 help: e(r)("profile.current-password-hint"),
-                error: m("current_password")
+                error: d("current_password")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: b.value.current_password,
-                    "onUpdate:modelValue": h[3] || (h[3] = (z) => b.value.current_password = z),
+                    modelValue: g.value.current_password,
+                    "onUpdate:modelValue": _[3] || (_[3] = (L) => g.value.current_password = L),
                     type: "password",
                     autocomplete: "current-password"
                   }, null, 8, ["modelValue"])
@@ -2208,10 +2218,7 @@ const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Yt = /* @__PURE__ */ pe(Kt, [["__scopeId", "data-v-9583a67a"]]), jt = ["title"], Gt = {
-  key: 0,
-  class: "wx-user-menu__name"
-}, Jt = /* @__PURE__ */ Q({
+}), jt = /* @__PURE__ */ pe(Yt, [["__scopeId", "data-v-9583a67a"]]), Gt = ["title"], Jt = { class: "wx-user-menu__who" }, qt = { class: "wx-user-menu__name" }, Qt = { class: "wx-user-menu__email" }, Xt = /* @__PURE__ */ X({
   __name: "UserMenu",
   props: {
     signOutLabel: { default: void 0 },
@@ -2220,88 +2227,98 @@ const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
     expanded: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const u = n, l = ee(), o = Ae(), y = Be(), c = et(), _ = j("webx-auth"), r = y.scope("webx-admin"), g = P(() => l.state.user), O = P(
-      () => y.state.panelLocales.length > 1 ? y.state.panelLocales : []
-    ), v = ye(Me, null), b = ye(He, null), w = T(void 0);
+    const u = n, l = ee(), o = Ae(), b = Ee(), c = at(), z = J("webx-auth"), r = b.scope("webx-admin"), f = U(() => l.state.user), F = U(
+      () => b.state.panelLocales.length > 1 ? b.state.panelLocales : []
+    ), p = ye(He, null), g = ye(Ke, null), w = T(void 0);
     ue(
-      () => typeof g.value?.avatar == "string" ? g.value.avatar : null,
-      async (z) => {
-        const A = u.resolveAvatar ?? v;
-        if (z === null || z === "" || A === null) {
+      () => typeof f.value?.avatar == "string" ? f.value.avatar : null,
+      async (L) => {
+        const $ = u.resolveAvatar ?? p;
+        if (L === null || L === "" || $ === null) {
           w.value = void 0;
           return;
         }
-        const S = await A(z);
-        g.value?.avatar === z && (w.value = S ?? void 0);
+        const O = await $(L);
+        f.value?.avatar === L && (w.value = O ?? void 0);
       },
       { immediate: !0 }
     );
-    const m = $e(Yt);
-    function k() {
+    const d = $e(jt);
+    function x() {
       setTimeout(
         () => {
-          m({ avatarField: u.avatarField ?? b ?? void 0 });
+          d({ avatarField: u.avatarField ?? g ?? void 0 });
         },
         0
       );
     }
-    const f = P({
+    const y = U({
       get: () => c.state.preference,
-      set: (z) => {
-        c.set(z), o.setTheme(z);
+      set: (L) => {
+        c.set(L), o.setTheme(L);
       }
     });
-    async function h(z) {
-      z !== y.state.locale && await o.setLocale(z);
+    async function _(L) {
+      L !== b.state.locale && await o.setLocale(L);
     }
-    return (z, A) => {
-      const S = H("wx-avatar"), s = H("wx-text"), x = H("wx-dropdown-item"), U = H("wx-divider"), X = H("wx-dropdown");
-      return g.value !== null ? (p(), V(X, { key: 0 }, {
+    return (L, $) => {
+      const O = H("wx-avatar"), i = H("wx-icon"), v = H("wx-text"), A = H("wx-dropdown-item"), I = H("wx-divider"), Y = H("wx-dropdown");
+      return f.value !== null ? (h(), V(Y, { key: 0 }, {
         trigger: t(() => [
           W("button", {
             type: "button",
-            class: Qe(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": n.expanded }]),
-            title: g.value.name
+            class: Fe(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": n.expanded }]),
+            title: f.value.name
           }, [
-            a(S, {
-              name: g.value.name,
+            a(O, {
+              name: f.value.name,
               src: w.value,
               size: "lg"
             }, null, 8, ["name", "src"]),
-            n.expanded ? (p(), Y("span", Gt, i(g.value.name), 1)) : E("", !0)
-          ], 10, jt)
+            n.expanded ? (h(), G(ce, { key: 0 }, [
+              W("span", Jt, [
+                W("span", qt, s(f.value.name), 1),
+                W("span", Qt, s(f.value.email), 1)
+              ]),
+              a(i, {
+                name: "chevron-up",
+                size: "sm",
+                class: "wx-user-menu__chevron"
+              })
+            ], 64)) : E("", !0)
+          ], 10, Gt)
         ]),
         default: t(() => [
-          a(x, { disabled: "" }, {
+          a(A, { disabled: "" }, {
             default: t(() => [
-              a(s, { size: "sm" }, {
+              a(v, { size: "sm" }, {
                 default: t(() => [
-                  d(i(g.value.email), 1)
+                  m(s(f.value.email), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          a(U, { spacing: "sm" }),
-          a(x, {
+          a(I, { spacing: "sm" }),
+          a(A, {
             icon: "user",
-            onClick: k
+            onClick: x
           }, {
             default: t(() => [
-              d(i(e(_)("profile.menu")), 1)
+              m(s(e(z)("profile.menu")), 1)
             ]),
             _: 1
           }),
-          a(U, { spacing: "sm" }),
-          a(x, { disabled: "" }, {
+          a(I, { spacing: "sm" }),
+          a(A, { disabled: "" }, {
             default: t(() => [
-              a(s, {
+              a(v, {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(i(e(r)("theme.label")), 1)
+                  m(s(e(r)("theme.label")), 1)
                 ]),
                 _: 1
               })
@@ -2310,12 +2327,12 @@ const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
           }),
           W("div", {
             class: "wx-user-menu__theme",
-            onClick: A[1] || (A[1] = Pe(() => {
+            onClick: $[1] || ($[1] = Pe(() => {
             }, ["stop"]))
           }, [
-            a(e(st), {
-              modelValue: f.value,
-              "onUpdate:modelValue": A[0] || (A[0] = (D) => f.value = D),
+            a(e(rt), {
+              modelValue: y.value,
+              "onUpdate:modelValue": $[0] || ($[0] = (D) => y.value = D),
               size: "sm",
               block: "",
               "aria-label": e(r)("theme.label"),
@@ -2324,40 +2341,40 @@ const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
               "system-label": e(r)("theme.system")
             }, null, 8, ["modelValue", "aria-label", "light-label", "dark-label", "system-label"])
           ]),
-          O.value.length > 0 ? (p(), Y(me, { key: 0 }, [
-            a(U, { spacing: "sm" }),
-            a(x, { disabled: "" }, {
+          F.value.length > 0 ? (h(), G(ce, { key: 0 }, [
+            a(I, { spacing: "sm" }),
+            a(A, { disabled: "" }, {
               default: t(() => [
-                a(s, {
+                a(v, {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: t(() => [
-                    d(i(e(_)("menu.language")), 1)
+                    m(s(e(z)("menu.language")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            (p(!0), Y(me, null, _e(O.value, (D) => (p(), V(x, {
+            (h(!0), G(ce, null, _e(F.value, (D) => (h(), V(A, {
               key: D.code,
-              icon: D.code === e(y).state.locale ? "check" : void 0,
-              onClick: (G) => h(D.code)
+              icon: D.code === e(b).state.locale ? "check" : void 0,
+              onClick: (k) => _(D.code)
             }, {
               default: t(() => [
-                d(i(D.nativeName), 1)
+                m(s(D.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            a(U, { spacing: "sm" })
+            a(I, { spacing: "sm" })
           ], 64)) : E("", !0),
-          a(x, {
+          a(A, {
             icon: "logout",
-            onClick: A[2] || (A[2] = (D) => e(o).logout())
+            onClick: $[2] || ($[2] = (D) => e(o).logout())
           }, {
             default: t(() => [
-              d(i(n.signOutLabel ?? e(_)("menu.sign-out")), 1)
+              m(s(n.signOutLabel ?? e(z)("menu.sign-out")), 1)
             ]),
             _: 1
           })
@@ -2366,39 +2383,44 @@ const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
       })) : E("", !0);
     };
   }
-}), oa = /* @__PURE__ */ pe(Jt, [["__scopeId", "data-v-4dbd81da"]]);
-function sa(n = {}) {
+}), ra = /* @__PURE__ */ pe(Xt, [["__scopeId", "data-v-09f012fd"]]);
+function ua(n = {}) {
   const u = n.path ?? "/login";
   return {
     install(l) {
-      const o = it(l.context);
-      l.i18n.defaults("webx-auth", Ke), rt(l.app, o, n.resolveAvatar ?? null, n.avatarField ?? null), l.context.useSessionLoader(() => o.me()), l.router.addRoute({
+      const o = ut(l.context);
+      l.i18n.defaults("webx-auth", Ge), ct(
+        l.app,
+        o,
+        n.resolveAvatar ?? je(l.context),
+        n.avatarField ?? Ye(l.context)
+      ), l.context.useSessionLoader(() => o.me()), l.router.addRoute({
         path: u,
         name: "webx.login",
         meta: { public: !0 },
-        component: { render: () => Re(mt, { ...n.card }) }
-      }), l.router.beforeEach((y) => y.meta.public === !0 || l.context.state.status !== "unauthenticated" ? !0 : { path: u, query: y.fullPath === "/" ? {} : { next: y.fullPath } }), ue(
+        component: { render: () => Be(pt, { ...n.card }) }
+      }), l.router.beforeEach((b) => b.meta.public === !0 || l.context.state.status !== "unauthenticated" ? !0 : { path: u, query: b.fullPath === "/" ? {} : { next: b.fullPath } }), ue(
         () => l.context.state.status,
-        (y) => {
+        (b) => {
           const c = l.router.currentRoute.value;
-          if (y === "unauthenticated" && c.path !== u) {
+          if (b === "unauthenticated" && c.path !== u) {
             l.router.replace({ path: u, query: { next: c.fullPath } });
             return;
           }
-          if (y === "ready" && c.path === u) {
-            const _ = c.query.next;
-            if (typeof _ == "string" && qt(_)) {
-              location.assign(_);
+          if (b === "ready" && c.path === u) {
+            const z = c.query.next;
+            if (typeof z == "string" && Zt(z)) {
+              location.assign(z);
               return;
             }
-            l.router.replace(typeof _ == "string" ? _ : "/");
+            l.router.replace(typeof z == "string" ? z : "/");
           }
         }
       );
     }
   };
 }
-function qt(n) {
+function Zt(n) {
   if (!/^https?:\/\//i.test(n))
     return !1;
   try {
@@ -2408,27 +2430,27 @@ function qt(n) {
   }
 }
 export {
-  Ye as WxAdminList,
-  $t as WxAdminsPage,
-  xt as WxAgentCallList,
-  Et as WxConnectPage,
-  je as WxConnectionList,
-  mt as WxLoginCard,
-  Yt as WxProfileDialog,
-  oa as WxUserMenu,
-  ta as admins,
-  sa as auth,
-  Ie as authKey,
-  Ke as authMessages,
-  He as avatarFieldKey,
-  Me as avatarResolverKey,
-  aa as connect,
+  Je as WxAdminList,
+  At as WxAdminsPage,
+  kt as WxAgentCallList,
+  Dt as WxConnectPage,
+  qe as WxConnectionList,
+  pt as WxLoginCard,
+  jt as WxProfileDialog,
+  ra as WxUserMenu,
+  na as admins,
+  ua as auth,
+  Me as authKey,
+  Ge as authMessages,
+  Ke as avatarFieldKey,
+  He as avatarResolverKey,
+  oa as connect,
   fe as createAdminsApi,
-  it as createAuthSession,
-  kt as createConnectionsApi,
-  rt as provideAuth,
-  la as selectAdmin,
-  na as selectAdmins,
+  ut as createAuthSession,
+  Ct as createConnectionsApi,
+  ct as provideAuth,
+  sa as selectAdmin,
+  ia as selectAdmins,
   Ae as useAuth
 };
 //# sourceMappingURL=index.js.map