@webx-ui/module-auth 0.9.3 → 0.10.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { inject as ye, defineComponent as Q, computed as U, ref as W, useTemplateRef as re, onBeforeUnmount as Ze, resolveComponent as q, openBlock as h, createBlock as $, withCtx as t, createVNode as a, withModifiers as Fe, createCommentVNode as O, createElementVNode as L, createTextVNode as d, toDisplayString as o, watch as ue, unref as e, isRef as ge, normalizeClass as Re, createElementBlock as Y, resolveDynamicComponent as Oe, createSlots as we, Fragment as de, renderList as _e, onMounted as et, h as Be } from "vue";
-import { useTranslate as K, HttpError as tt, useAdmin as Z, useI18n as Ee, useErrorText as me, rowMenuWidth as at, WxDate as ie, WxRowMenu as Le, WxFilterChips as De, WxListScreen as Me, WxScreen as lt, useTheme as nt } from "@webx-ui/module-admin";
+import { inject as ye, defineComponent as Q, computed as T, ref as z, useTemplateRef as ue, onBeforeUnmount as Ze, resolveComponent as H, openBlock as h, createBlock as $, withCtx as t, createVNode as a, withModifiers as Fe, createCommentVNode as E, createElementVNode as V, createTextVNode as d, toDisplayString as o, watch as ce, unref as e, isRef as ge, normalizeClass as Re, createElementBlock as Y, resolveDynamicComponent as Be, createSlots as we, Fragment as ie, renderList as _e, onMounted as et, h as Oe } from "vue";
+import { useTranslate as j, HttpError as tt, useAdmin as Z, useI18n as Ee, useErrorText as me, rowMenuWidth as at, WxDate as re, WxRowMenu as Se, WxFilterChips as De, WxListScreen as Me, WxScreen as lt, useTheme as nt } from "@webx-ui/module-admin";
 import { useRouter as st, useRoute as ot } from "vue-router";
-import { useModal as xe, WxDialog as ke, WxFormItem as H, WxInput as le, WxSelect as ne, WxSpace as se, WxCheckbox as Se, WxText as R, WxButton as I, toast as j, useElementWidth as Ce, WxTable as $e, WxEntityCard as Ae, WxBadge as J, WxAvatar as it, WxIcon as ee, confirm as Ne, createModal as Ve, WxHeading as ce, WxCard as be, WxSkeleton as rt, WxTabs as ut, WxTab as fe, WxAlert as ct, WxThemeSwitch as dt } from "@webx-ui/core";
+import { useModal as xe, WxDialog as ke, WxFormItem as K, WxInput as le, WxSelect as ne, WxSpace as se, WxCheckbox as Le, WxText as O, WxButton as N, toast as G, useElementWidth as Ce, WxTable as $e, WxEntityCard as Ae, WxBadge as J, WxAvatar as it, WxIcon as ee, confirm as Ne, createModal as Ve, WxHeading as de, WxCard as be, WxSkeleton as rt, WxTabs as ut, WxTab as fe, WxAlert as ct, WxThemeSwitch as dt } from "@webx-ui/core";
 const Ie = /* @__PURE__ */ Symbol("webx-auth");
 function ze() {
   const n = ye(Ie, null);
@@ -10,11 +10,11 @@ function ze() {
   return n;
 }
 function mt(n) {
-  const r = `${n.apiPath}/auth`;
+  const u = `${n.apiPath}/auth`;
   return {
     async me() {
       try {
-        return (await n.http.get(`${r}/me`)).data;
+        return (await n.http.get(`${u}/me`)).data;
       } catch (l) {
         if (pt(l))
           return null;
@@ -22,7 +22,7 @@ function mt(n) {
       }
     },
     async login(l) {
-      const s = await n.http.post(`${r}/login`, {
+      const s = await n.http.post(`${u}/login`, {
         email: l.email,
         password: l.password,
         remember: l.remember ?? !1
@@ -30,25 +30,29 @@ function mt(n) {
       return n.setUser(s.data), await n.reload(), s.data;
     },
     async setLocale(l) {
-      const s = await n.http.put(`${r}/locale`, { locale: l });
+      const s = await n.http.put(`${u}/locale`, { locale: l });
       n.setUser(s.data), await n.setLocale(l);
     },
     async setTheme(l) {
-      const s = await n.http.put(`${r}/theme`, {
+      const s = await n.http.put(`${u}/theme`, {
         theme: l === "system" ? null : l
       });
       n.setUser(s.data);
     },
+    async setSiteBar(l) {
+      const s = await n.http.put(`${u}/site-bar`, { enabled: l });
+      n.setUser(s.data);
+    },
     async updateProfile(l) {
       const s = await n.http.put(
-        `${r}/me`,
+        `${u}/me`,
         l
       );
       return n.setUser(s.data), s.data;
     },
     async logout() {
       try {
-        await n.http.post(`${r}/logout`);
+        await n.http.post(`${u}/logout`);
       } finally {
         n.setUser(null), n.state.status = "unauthenticated", n.state.manifest = null;
       }
@@ -56,8 +60,8 @@ function mt(n) {
   };
 }
 const qe = /* @__PURE__ */ Symbol("webx-auth-avatar"), He = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
-function vt(n, r, l = null, s = null) {
-  n.provide(Ie, r), n.provide(qe, l), n.provide(He, s);
+function vt(n, u, l = null, s = null) {
+  n.provide(Ie, u), n.provide(qe, l), n.provide(He, s);
 }
 function pt(n) {
   return typeof n == "object" && n !== null && "status" in n && n.status === 401;
@@ -77,8 +81,8 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
     autofocus: { type: Boolean, default: !0 }
   },
   emits: ["success"],
-  setup(n, { expose: r, emit: l }) {
-    const s = n, g = l, c = ze(), A = K("webx-auth"), i = U(() => ({
+  setup(n, { expose: u, emit: l }) {
+    const s = n, g = l, c = ze(), A = j("webx-auth"), r = T(() => ({
       email: s.emailLabel ?? A("card.email"),
       password: s.passwordLabel ?? A("card.password"),
       remember: s.rememberLabel ?? A("card.remember"),
@@ -86,29 +90,29 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
       capsLock: s.capsLockWarning ?? A("card.caps-lock"),
       reveal: s.revealLabel ?? A("card.reveal"),
       hide: s.hideLabel ?? A("card.hide")
-    })), m = W(""), P = W(""), p = W(!1), w = W(!1), x = W(!1), f = W(!1), y = W(""), v = W({}), b = W(0), S = re("emailField");
-    let V = null;
-    Ze(G);
-    const B = U(() => b.value > 0), u = U(
-      () => s.throttleMessage === void 0 ? A("card.throttled", { seconds: b.value }) : s.throttleMessage.replace(":seconds", String(b.value))
+    })), m = z(""), U = z(""), p = z(!1), w = z(!1), x = z(!1), f = z(!1), y = z(""), v = z({}), _ = z(0), P = ue("emailField");
+    let W = null;
+    Ze(D);
+    const F = T(() => _.value > 0), i = T(
+      () => s.throttleMessage === void 0 ? A("card.throttled", { seconds: _.value }) : s.throttleMessage.replace(":seconds", String(_.value))
     );
-    async function _() {
-      if (!(w.value || B.value)) {
+    async function b() {
+      if (!(w.value || F.value)) {
         w.value = !0, y.value = "", v.value = {};
         try {
           await c.login({
             email: m.value,
-            password: P.value,
+            password: U.value,
             remember: p.value
-          }), P.value = "", g("success");
+          }), U.value = "", g("success");
         } catch (k) {
-          z(k);
+          L(k);
         } finally {
           w.value = !1;
         }
       }
     }
-    function z(k) {
+    function L(k) {
       if (!(k instanceof tt)) {
         y.value = k instanceof Error ? k.message : String(k);
         return;
@@ -118,24 +122,24 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
         return;
       }
       if (k.isThrottled) {
-        N(k.retryAfter ?? 60);
+        I(k.retryAfter ?? 60);
         return;
       }
       y.value = k.message;
     }
-    function N(k) {
-      G(), b.value = k, V = setInterval(() => {
-        b.value -= 1, b.value <= 0 && G();
+    function I(k) {
+      D(), _.value = k, W = setInterval(() => {
+        _.value -= 1, _.value <= 0 && D();
       }, 1e3);
     }
-    function G() {
-      V !== null && (clearInterval(V), V = null), b.value = 0;
+    function D() {
+      W !== null && (clearInterval(W), W = null), _.value = 0;
     }
-    function D(k) {
+    function q(k) {
       f.value = k.getModifierState("CapsLock");
     }
-    return r({ focus: () => S.value?.focus() }), (k, E) => {
-      const C = q("wx-alert"), X = q("wx-icon"), pe = q("wx-input"), F = q("wx-form-item"), M = q("wx-checkbox"), T = q("wx-button"), ae = q("wx-form"), Xe = q("wx-card");
+    return u({ focus: () => P.value?.focus() }), (k, R) => {
+      const C = H("wx-alert"), X = H("wx-icon"), pe = H("wx-input"), B = H("wx-form-item"), M = H("wx-checkbox"), S = H("wx-button"), ae = H("wx-form"), Xe = H("wx-card");
       return h(), $(Xe, {
         class: "wx-login",
         padding: 24
@@ -145,7 +149,7 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
             errors: v.value,
             disabled: w.value,
             gap: "md",
-            onSubmit: Fe(_, ["prevent"])
+            onSubmit: Fe(b, ["prevent"])
           }, {
             default: t(() => [
               y.value !== "" ? (h(), $(C, {
@@ -155,24 +159,24 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
                 live: "",
                 description: y.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : B.value ? (h(), $(C, {
+              }, null, 8, ["description"])) : F.value ? (h(), $(C, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: u.value,
+                description: i.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : O("", !0),
-              a(F, { name: "email" }, {
+              }, null, 8, ["description"])) : E("", !0),
+              a(B, { name: "email" }, {
                 default: t(() => [
                   a(pe, {
                     ref_key: "emailField",
-                    ref: S,
+                    ref: P,
                     modelValue: m.value,
-                    "onUpdate:modelValue": E[0] || (E[0] = (oe) => m.value = oe),
+                    "onUpdate:modelValue": R[0] || (R[0] = (oe) => m.value = oe),
                     type: "email",
-                    placeholder: i.value.email,
-                    "aria-label": i.value.email,
+                    placeholder: r.value.email,
+                    "aria-label": r.value.email,
                     autocomplete: "username",
                     autofocus: n.autofocus,
                     inputmode: "email",
@@ -186,34 +190,34 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
                 ]),
                 _: 1
               }),
-              a(F, {
+              a(B, {
                 name: "password",
-                help: f.value ? i.value.capsLock : void 0
+                help: f.value ? r.value.capsLock : void 0
               }, {
                 default: t(() => [
                   a(pe, {
-                    modelValue: P.value,
-                    "onUpdate:modelValue": E[2] || (E[2] = (oe) => P.value = oe),
+                    modelValue: U.value,
+                    "onUpdate:modelValue": R[2] || (R[2] = (oe) => U.value = oe),
                     type: x.value ? "text" : "password",
-                    placeholder: i.value.password,
-                    "aria-label": i.value.password,
+                    placeholder: r.value.password,
+                    "aria-label": r.value.password,
                     autocomplete: "current-password",
                     size: "lg",
-                    onKeydown: D,
-                    onKeyup: D
+                    onKeydown: q,
+                    onKeyup: q
                   }, {
                     prefix: t(() => [
                       a(X, { name: "lock" })
                     ]),
                     suffix: t(() => [
-                      L("button", {
+                      V("button", {
                         type: "button",
                         class: "wx-login__reveal",
-                        title: x.value ? i.value.hide : i.value.reveal,
-                        "aria-label": x.value ? i.value.hide : i.value.reveal,
+                        title: x.value ? r.value.hide : r.value.reveal,
+                        "aria-label": x.value ? r.value.hide : r.value.reveal,
                         "aria-pressed": x.value,
                         tabindex: "-1",
-                        onClick: E[1] || (E[1] = (oe) => x.value = !x.value)
+                        onClick: R[1] || (R[1] = (oe) => x.value = !x.value)
                       }, [
                         a(X, {
                           name: x.value ? "eye-off" : "eye"
@@ -228,20 +232,20 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
               n.remember ? (h(), $(M, {
                 key: 2,
                 modelValue: p.value,
-                "onUpdate:modelValue": E[3] || (E[3] = (oe) => p.value = oe),
-                label: i.value.remember,
+                "onUpdate:modelValue": R[3] || (R[3] = (oe) => p.value = oe),
+                label: r.value.remember,
                 class: "wx-login__remember"
-              }, null, 8, ["modelValue", "label"])) : O("", !0),
-              a(T, {
+              }, null, 8, ["modelValue", "label"])) : E("", !0),
+              a(S, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
                 loading: w.value,
-                disabled: B.value
+                disabled: F.value
               }, {
                 default: t(() => [
-                  d(o(i.value.submit), 1)
+                  d(o(r.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -253,9 +257,9 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
       });
     };
   }
-}), ve = (n, r) => {
+}), ve = (n, u) => {
   const l = n.__vccOpts || n;
-  for (const [s, g] of r)
+  for (const [s, g] of u)
     l[s] = g;
   return l;
 }, yt = /* @__PURE__ */ ve(ht, [["__scopeId", "data-v-3c206e31"]]);
@@ -263,8 +267,8 @@ function Ke(n) {
   return n.types["wx-media"]?.component ?? null;
 }
 function Ye(n) {
-  const r = n.assetUrls;
-  return r ? async (l) => (await r([l]))[l] ?? null : null;
+  const u = n.assetUrls;
+  return u ? async (l) => (await u([l]))[l] ?? null : null;
 }
 const je = {
   card: {
@@ -432,13 +436,14 @@ const je = {
   },
   menu: {
     "sign-out": "Sign out",
-    language: "Interface language"
+    language: "Interface language",
+    "site-bar": "Panel on the site"
   }
 };
 function he(n) {
-  const r = `${n.apiPath}/auth`, l = (s) => s.data;
+  const u = `${n.apiPath}/auth`, l = (s) => s.data;
   return {
-    list: (s = {}) => n.http.get(`${r}/admins`, {
+    list: (s = {}) => n.http.get(`${u}/admins`, {
       query: {
         q: s.q || void 0,
         role: s.role ?? void 0,
@@ -448,12 +453,12 @@ function he(n) {
         per_page: s.per_page
       }
     }).then((g) => ({ ...g.meta, data: g.data })),
-    get: (s) => n.http.get(`${r}/admins/${s}`).then(l),
-    create: (s) => n.http.post(`${r}/admins`, s).then(l),
-    update: (s, g) => n.http.patch(`${r}/admins/${s}`, g).then(l),
-    remove: (s) => n.http.delete(`${r}/admins/${s}`),
-    roles: () => n.http.get(`${r}/roles`).then(l),
-    calls: (s = {}) => n.http.get(`${r}/mcp-calls`, {
+    get: (s) => n.http.get(`${u}/admins/${s}`).then(l),
+    create: (s) => n.http.post(`${u}/admins`, s).then(l),
+    update: (s, g) => n.http.patch(`${u}/admins/${s}`, g).then(l),
+    remove: (s) => n.http.delete(`${u}/admins/${s}`),
+    roles: () => n.http.get(`${u}/roles`).then(l),
+    calls: (s = {}) => n.http.get(`${u}/mcp-calls`, {
       query: {
         user: s.user ?? void 0,
         tool: s.tool ?? void 0,
@@ -482,9 +487,9 @@ const _t = { class: "wx-admin-form" }, bt = {
     avatarField: { default: void 0 }
   },
   setup(n) {
-    const r = n, { resolve: l, dismiss: s, open: g } = xe(), c = Z(), A = he(c), i = Ee();
+    const u = n, { resolve: l, dismiss: s, open: g } = xe(), c = Z(), A = he(c), r = Ee();
     te();
-    const m = K("webx-auth"), P = me(), p = W([]), w = W(!1), x = W({}), f = W({
+    const m = j("webx-auth"), U = me(), p = z([]), w = z(!1), x = z({}), f = z({
       name: "",
       email: "",
       password: "",
@@ -493,37 +498,37 @@ const _t = { class: "wx-admin-form" }, bt = {
       is_super: !1,
       locale: null,
       roles: []
-    }), y = U({
+    }), y = T({
       get: () => f.value.avatar ? { path: f.value.avatar } : null,
-      set: (u) => {
-        f.value.avatar = u?.path ?? null;
+      set: (i) => {
+        f.value.avatar = i?.path ?? null;
       }
-    }), v = U(() => r.admin !== null), b = U(() => p.value.map((u) => ({ value: u.id, label: u.name }))), S = U(() => [
+    }), v = T(() => u.admin !== null), _ = T(() => p.value.map((i) => ({ value: i.id, label: i.name }))), P = T(() => [
       { value: "auto", label: m("admins.locale-auto") },
-      ...i.state.panelLocales.map((u) => ({ value: u.code, label: u.nativeName }))
+      ...r.state.panelLocales.map((i) => ({ value: i.code, label: i.nativeName }))
     ]);
-    A.roles().then((u) => p.value = u), ue(
-      () => r.admin,
-      (u) => {
+    A.roles().then((i) => p.value = i), ce(
+      () => u.admin,
+      (i) => {
         f.value = {
-          name: u?.name ?? "",
-          email: u?.email ?? "",
+          name: i?.name ?? "",
+          email: i?.email ?? "",
           password: "",
-          avatar: u?.avatar ?? null,
-          is_active: u?.is_active ?? !0,
-          is_super: u?.is_super ?? !1,
-          locale: u?.locale ?? "auto",
-          roles: u?.roles.map((_) => _.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((b) => b.id) ?? []
         }, x.value = {};
       },
       { immediate: !0 }
     );
-    function V(u) {
-      return x.value[u]?.[0];
+    function W(i) {
+      return x.value[i]?.[0];
     }
-    async function B() {
+    async function F() {
       w.value = !0, x.value = {};
-      const u = {
+      const i = {
         name: f.value.name,
         email: f.value.email,
         avatar: f.value.avatar,
@@ -532,39 +537,39 @@ const _t = { class: "wx-admin-form" }, bt = {
         locale: f.value.locale === "auto" ? null : f.value.locale,
         roles: f.value.roles ?? []
       };
-      f.value.password && (u.password = f.value.password);
+      f.value.password && (i.password = f.value.password);
       try {
-        const _ = r.admin ? await A.update(r.admin.id, u) : await A.create(u);
-        j.success(m(v.value ? "admins.updated" : "admins.created")), l(_);
-      } catch (_) {
-        const z = _.body;
-        z?.errors ? x.value = z.errors : j.danger(P(_));
+        const b = u.admin ? await A.update(u.admin.id, i) : await A.create(i);
+        G.success(m(v.value ? "admins.updated" : "admins.created")), l(b);
+      } catch (b) {
+        const L = b.body;
+        L?.errors ? x.value = L.errors : G.danger(U(b));
       } finally {
         w.value = !1;
       }
     }
-    return (u, _) => (h(), $(e(ke), {
+    return (i, b) => (h(), $(e(ke), {
       open: e(g),
-      "onUpdate:open": _[9] || (_[9] = (z) => ge(g) ? g.value = z : null),
+      "onUpdate:open": b[9] || (b[9] = (L) => ge(g) ? g.value = L : null),
       title: v.value ? e(m)("admins.edit-short") : e(m)("admins.new-short"),
       width: 720
     }, {
       footer: t(() => [
         a(e(se), { size: "sm" }, {
           default: t(() => [
-            a(e(I), {
+            a(e(N), {
               variant: "outline",
-              onClick: _[8] || (_[8] = (z) => e(s)())
+              onClick: b[8] || (b[8] = (L) => e(s)())
             }, {
               default: t(() => [
                 d(o(e(m)("admins.cancel")), 1)
               ]),
               _: 1
             }),
-            a(e(I), {
+            a(e(N), {
               type: "primary",
               loading: w.value,
-              onClick: B
+              onClick: F
             }, {
               default: t(() => [
                 d(o(e(m)("admins.save")), 1)
@@ -576,41 +581,41 @@ const _t = { class: "wx-admin-form" }, bt = {
         })
       ]),
       default: t(() => [
-        L("div", _t, [
-          L("div", {
+        V("div", _t, [
+          V("div", {
             class: Re(["wx-admin-form__grid", { "has-aside": n.avatarField }])
           }, [
             n.avatarField ? (h(), Y("div", bt, [
-              (h(), $(Oe(n.avatarField), {
+              (h(), $(Be(n.avatarField), {
                 modelValue: y.value,
-                "onUpdate:modelValue": _[0] || (_[0] = (z) => y.value = z),
+                "onUpdate:modelValue": b[0] || (b[0] = (L) => y.value = L),
                 label: e(m)("admins.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : O("", !0),
-            L("div", gt, [
-              a(e(H), {
+            ])) : E("", !0),
+            V("div", gt, [
+              a(e(K), {
                 label: e(m)("admins.name"),
-                error: V("name")
+                error: W("name")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: f.value.name,
-                    "onUpdate:modelValue": _[1] || (_[1] = (z) => f.value.name = z),
+                    "onUpdate:modelValue": b[1] || (b[1] = (L) => f.value.name = L),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(H), {
+              a(e(K), {
                 label: e(m)("admins.email"),
-                error: V("email")
+                error: W("email")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: f.value.email,
-                    "onUpdate:modelValue": _[2] || (_[2] = (z) => f.value.email = z),
+                    "onUpdate:modelValue": b[2] || (b[2] = (L) => f.value.email = L),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -618,15 +623,15 @@ const _t = { class: "wx-admin-form" }, bt = {
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(H), {
+              a(e(K), {
                 label: e(m)("admins.password"),
-                error: V("password"),
+                error: W("password"),
                 help: v.value ? e(m)("admins.password-keep") : e(m)("admins.password-hint")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: f.value.password,
-                    "onUpdate:modelValue": _[3] || (_[3] = (z) => f.value.password = z),
+                    "onUpdate:modelValue": b[3] || (b[3] = (L) => f.value.password = L),
                     type: "password",
                     name: "password",
                     autocomplete: "new-password"
@@ -634,48 +639,48 @@ const _t = { class: "wx-admin-form" }, bt = {
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              a(e(H), {
+              a(e(K), {
                 label: e(m)("admins.roles"),
-                error: V("roles")
+                error: W("roles")
               }, {
                 default: t(() => [
                   a(e(ne), {
                     modelValue: f.value.roles,
-                    "onUpdate:modelValue": _[4] || (_[4] = (z) => f.value.roles = z),
-                    options: b.value,
+                    "onUpdate:modelValue": b[4] || (b[4] = (L) => f.value.roles = L),
+                    options: _.value,
                     multiple: ""
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(H), {
+              a(e(K), {
                 label: e(m)("admins.locale")
               }, {
                 default: t(() => [
                   a(e(ne), {
                     modelValue: f.value.locale,
-                    "onUpdate:modelValue": _[5] || (_[5] = (z) => f.value.locale = z),
-                    options: S.value
+                    "onUpdate:modelValue": b[5] || (b[5] = (L) => f.value.locale = L),
+                    options: P.value
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label"]),
               a(e(se), { size: "md" }, {
                 default: t(() => [
-                  a(e(Se), {
+                  a(e(Le), {
                     modelValue: f.value.is_active,
-                    "onUpdate:modelValue": _[6] || (_[6] = (z) => f.value.is_active = z),
+                    "onUpdate:modelValue": b[6] || (b[6] = (L) => f.value.is_active = L),
                     label: e(m)("admins.active")
                   }, null, 8, ["modelValue", "label"]),
-                  a(e(Se), {
+                  a(e(Le), {
                     modelValue: f.value.is_super,
-                    "onUpdate:modelValue": _[7] || (_[7] = (z) => f.value.is_super = z),
+                    "onUpdate:modelValue": b[7] || (b[7] = (L) => f.value.is_super = L),
                     label: e(m)("admins.super")
                   }, null, 8, ["modelValue", "label"])
                 ]),
                 _: 1
               }),
-              a(e(R), {
+              a(e(O), {
                 size: "sm",
                 tone: "muted"
               }, {
@@ -701,34 +706,34 @@ const _t = { class: "wx-admin-form" }, bt = {
     resolveAvatar: { type: Function, default: void 0 }
   },
   emits: ["open", "chosen", "selection", "remove"],
-  setup(n, { expose: r, emit: l }) {
+  setup(n, { expose: u, emit: l }) {
     const s = n, g = l, c = Z(), A = he(c);
     te();
-    const i = re("root"), m = Ce(i), P = U(() => m.value > 0 && m.value < Te), p = K("webx-auth"), w = K("webx-admin"), x = W(null), f = W([]), y = W(!1), v = W("all"), b = W("any"), S = W([]), V = W({});
-    let B = { page: 1, perPage: 20, sort: null, search: "" };
-    const u = U(() => [
+    const r = ue("root"), m = Ce(r), U = T(() => m.value > 0 && m.value < Te), p = j("webx-auth"), w = j("webx-admin"), x = z(null), f = z([]), y = z(!1), v = z("all"), _ = z("any"), P = z([]), W = z({});
+    let F = { page: 1, perPage: 20, sort: null, search: "" };
+    const i = T(() => [
       { value: "all", label: p("admins.all-roles") },
-      ...f.value.map((F) => ({ value: F.slug, label: F.name }))
-    ]), _ = U(() => [
+      ...f.value.map((B) => ({ value: B.slug, label: B.name }))
+    ]), b = T(() => [
       { value: "any", label: p("admins.any-state") },
       { value: "yes", label: p("admins.only-active") },
       { value: "no", label: p("admins.only-inactive") }
-    ]), z = U(() => {
-      const F = [], M = f.value.find((T) => T.slug === v.value);
-      return M && F.push({
+    ]), L = T(() => {
+      const B = [], M = f.value.find((S) => S.slug === v.value);
+      return M && B.push({
         key: "role",
         label: `${p("admins.filter-role")}: ${M.name}`,
         clear: () => v.value = "all"
-      }), b.value !== "any" && F.push({
+      }), _.value !== "any" && B.push({
         key: "state",
-        label: `${p("admins.filter-state")}: ${b.value === "yes" ? p("admins.only-active") : p("admins.only-inactive")}`,
-        clear: () => b.value = "any"
-      }), F;
+        label: `${p("admins.filter-state")}: ${_.value === "yes" ? p("admins.only-active") : p("admins.only-inactive")}`,
+        clear: () => _.value = "any"
+      }), B;
     });
-    function N() {
-      v.value = "all", b.value = "any";
+    function I() {
+      v.value = "all", _.value = "any";
     }
-    const G = U(() => P.value ? [{ key: "card", label: "" }] : [
+    const D = T(() => U.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 },
@@ -752,61 +757,61 @@ const _t = { class: "wx-admin-form" }, bt = {
         hideOnCards: !0
       }
     ]);
-    A.roles().then((F) => f.value = F), ue([v, b], () => D(B));
-    async function D(F) {
-      B = F, y.value = !0;
+    A.roles().then((B) => f.value = B), ce([v, _], () => q(F));
+    async function q(B) {
+      F = B, y.value = !0;
       try {
         x.value = await A.list({
-          q: F.search,
+          q: B.search,
           role: v.value === "all" ? null : v.value,
-          active: b.value === "any" ? null : b.value,
-          sort: F.sort ? `${F.sort.order === "desc" ? "-" : ""}${F.sort.key}` : "name",
-          page: F.page,
-          per_page: F.perPage
+          active: _.value === "any" ? null : _.value,
+          sort: B.sort ? `${B.sort.order === "desc" ? "-" : ""}${B.sort.key}` : "name",
+          page: B.page,
+          per_page: B.perPage
         }), k();
       } finally {
         y.value = !1;
       }
     }
     async function k() {
-      const F = s.resolveAvatar;
-      if (F)
+      const B = s.resolveAvatar;
+      if (B)
         for (const M of x.value?.data ?? []) {
-          if (!M.avatar || V.value[M.avatar]) continue;
-          const T = await F(M.avatar);
-          T && (V.value = { ...V.value, [M.avatar]: T });
+          if (!M.avatar || W.value[M.avatar]) continue;
+          const S = await B(M.avatar);
+          S && (W.value = { ...W.value, [M.avatar]: S });
         }
     }
-    function E(F) {
+    function R(B) {
       return [
         {
           key: "delete",
           icon: "trash",
           label: p("admins.delete"),
           danger: !0,
-          run: () => g("remove", F)
+          run: () => g("remove", B)
         }
       ];
     }
-    function C(F) {
+    function C(B) {
       if (s.picking) {
-        g("chosen", [F]);
+        g("chosen", [B]);
         return;
       }
-      g("open", F);
+      g("open", B);
     }
-    const X = U(() => !(s.picking && s.multiple));
-    function pe(F, M) {
-      S.value = M, g("selection", M);
+    const X = T(() => !(s.picking && s.multiple));
+    function pe(B, M) {
+      P.value = M, g("selection", M);
     }
-    return r({ reload: () => D(B), chosen: () => S.value }), (F, M) => (h(), Y("div", {
+    return u({ reload: () => q(F), chosen: () => P.value }), (B, M) => (h(), Y("div", {
       ref_key: "root",
-      ref: i,
+      ref: r,
       class: "wx-admin-list"
     }, [
       a(e($e), {
         data: x.value,
-        columns: G.value,
+        columns: D.value,
         "row-key": "id",
         searchable: "",
         clickable: X.value,
@@ -819,25 +824,25 @@ const _t = { class: "wx-admin-form" }, bt = {
         "select-row-label": e(w)("filters.select-row"),
         "select-all-label": e(w)("filters.select-all"),
         "cards-below": Te,
-        "filters-count": z.value.length,
+        "filters-count": L.value.length,
         "filters-label": e(w)("filters.title"),
         onRowClick: C,
-        onStateChange: D,
+        onStateChange: q,
         onSelectionChange: pe
       }, we({
-        "cell-name": t(({ row: T }) => [
+        "cell-name": t(({ row: S }) => [
           a(e(se), {
             size: "sm",
             align: "center"
           }, {
             default: t(() => [
               a(e(it), {
-                name: T.name,
-                src: T.avatar ? V.value[T.avatar] : void 0,
+                name: S.name,
+                src: S.avatar ? W.value[S.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              L("span", null, o(T.name), 1),
-              T.is_super ? (h(), $(e(J), {
+              V("span", null, o(S.name), 1),
+              S.is_super ? (h(), $(e(J), {
                 key: 0,
                 type: "warning"
               }, {
@@ -845,19 +850,19 @@ const _t = { class: "wx-admin-form" }, bt = {
                   d(o(e(p)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : O("", !0)
+              })) : E("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-roles": t(({ row: T }) => [
-          T.roles.length > 0 ? (h(), $(e(se), {
+        "cell-roles": t(({ row: S }) => [
+          S.roles.length > 0 ? (h(), $(e(se), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
             default: t(() => [
-              (h(!0), Y(de, null, _e(T.roles, (ae) => (h(), $(e(J), {
+              (h(!0), Y(ie, null, _e(S.roles, (ae) => (h(), $(e(J), {
                 key: ae.id
               }, {
                 default: t(() => [
@@ -867,7 +872,7 @@ const _t = { class: "wx-admin-form" }, bt = {
               }, 1024))), 128))
             ]),
             _: 2
-          }, 1024)) : (h(), $(e(R), {
+          }, 1024)) : (h(), $(e(O), {
             key: 1,
             size: "sm",
             tone: "muted"
@@ -878,47 +883,47 @@ const _t = { class: "wx-admin-form" }, bt = {
             _: 1
           }))
         ]),
-        "cell-is_active": t(({ row: T }) => [
+        "cell-is_active": t(({ row: S }) => [
           a(e(J), {
-            type: T.is_active ? "success" : "default",
+            type: S.is_active ? "success" : "default",
             dot: ""
           }, {
             default: t(() => [
-              d(o(T.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
+              d(o(S.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "card-actions": t(({ row: T }) => [
-          n.removable ? (h(), $(e(Le), {
+        "card-actions": t(({ row: S }) => [
+          n.removable ? (h(), $(e(Se), {
             key: 0,
-            actions: E(T),
-            label: T.name
-          }, null, 8, ["actions", "label"])) : O("", !0)
+            actions: R(S),
+            label: S.name
+          }, null, 8, ["actions", "label"])) : E("", !0)
         ]),
-        "cell-actions": t(({ row: T }) => [
-          a(e(Le), {
-            actions: E(T),
-            label: T.name
+        "cell-actions": t(({ row: S }) => [
+          a(e(Se), {
+            actions: R(S),
+            label: S.name
           }, null, 8, ["actions", "label"])
         ]),
-        "cell-last_login_at": t(({ row: T }) => [
-          a(e(ie), {
-            value: T.last_login_at,
-            tone: T.last_login_at ? "default" : "muted",
+        "cell-last_login_at": t(({ row: S }) => [
+          a(e(re), {
+            value: S.last_login_at,
+            tone: S.last_login_at ? "default" : "muted",
             compact: ""
           }, null, 8, ["value", "tone"])
         ]),
-        "cell-card": t(({ row: T }) => [
+        "cell-card": t(({ row: S }) => [
           a(e(Ae), {
             variant: "plain",
             shape: "circle",
-            title: T.name,
-            image: T.avatar ? V.value[T.avatar] : void 0,
-            subtitle: T.email
+            title: S.name,
+            image: S.avatar ? W.value[S.avatar] : void 0,
+            subtitle: S.email
           }, {
             meta: t(() => [
-              T.is_super ? (h(), $(e(J), {
+              S.is_super ? (h(), $(e(J), {
                 key: 0,
                 type: "warning",
                 size: "sm"
@@ -927,8 +932,8 @@ const _t = { class: "wx-admin-form" }, bt = {
                   d(o(e(p)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : O("", !0),
-              (h(!0), Y(de, null, _e(T.roles, (ae) => (h(), $(e(J), {
+              })) : E("", !0),
+              (h(!0), Y(ie, null, _e(S.roles, (ae) => (h(), $(e(J), {
                 key: ae.id,
                 size: "sm"
               }, {
@@ -938,12 +943,12 @@ const _t = { class: "wx-admin-form" }, bt = {
                 _: 2
               }, 1024))), 128)),
               a(e(J), {
-                type: T.is_active ? "success" : "default",
+                type: S.is_active ? "success" : "default",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(T.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
+                  d(o(S.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
                 ]),
                 _: 2
               }, 1032, ["type"])
@@ -956,38 +961,38 @@ const _t = { class: "wx-admin-form" }, bt = {
         n.filters ? {
           name: "filters",
           fn: t(() => [
-            a(e(H), {
+            a(e(K), {
               label: e(p)("admins.filter-role")
             }, {
               default: t(() => [
                 a(e(ne), {
                   modelValue: v.value,
-                  "onUpdate:modelValue": M[0] || (M[0] = (T) => v.value = T),
-                  options: u.value,
+                  "onUpdate:modelValue": M[0] || (M[0] = (S) => v.value = S),
+                  options: i.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            a(e(H), {
+            a(e(K), {
               label: e(p)("admins.filter-state")
             }, {
               default: t(() => [
                 a(e(ne), {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": M[1] || (M[1] = (T) => b.value = T),
-                  options: _.value,
+                  modelValue: _.value,
+                  "onUpdate:modelValue": M[1] || (M[1] = (S) => _.value = S),
+                  options: b.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            z.value.length > 0 ? (h(), $(e(I), {
+            L.value.length > 0 ? (h(), $(e(N), {
               key: 0,
               variant: "text",
               size: "sm",
               block: "",
-              onClick: N
+              onClick: I
             }, {
               icon: t(() => [
                 a(e(ee), { name: "close" })
@@ -996,14 +1001,14 @@ const _t = { class: "wx-admin-form" }, bt = {
                 d(" " + o(e(w)("filters.reset")), 1)
               ]),
               _: 1
-            })) : O("", !0)
+            })) : E("", !0)
           ]),
           key: "0"
         } : void 0,
         n.filters ? {
           name: "applied",
           fn: t(() => [
-            a(e(De), { filters: z.value }, null, 8, ["filters"])
+            a(e(De), { filters: L.value }, null, 8, ["filters"])
           ]),
           key: "1"
         } : void 0
@@ -1021,144 +1026,144 @@ const _t = { class: "wx-admin-form" }, bt = {
   class: "wx-call-list__arguments"
 }, Ue = 480, Vt = /* @__PURE__ */ Q({
   __name: "CallList",
-  setup(n, { expose: r }) {
+  setup(n, { expose: u }) {
     const l = Z(), s = he(l);
     te();
-    const g = re("root"), c = Ce(g), A = U(() => c.value > 0 && c.value < Ue), i = K("webx-auth"), m = K("webx-admin"), P = W(null), p = W({ users: [], tools: [] }), w = W(!1), x = W("all"), f = W("all"), y = W("any");
+    const g = ue("root"), c = Ce(g), A = T(() => c.value > 0 && c.value < Ue), r = j("webx-auth"), m = j("webx-admin"), U = z(null), p = z({ users: [], tools: [] }), w = z(!1), x = z("all"), f = z("all"), y = z("any");
     let v = { page: 1, perPage: 30, sort: null, search: "" };
-    function b(k) {
-      return k === null ? i("calls.local") : k.name ?? i("calls.deleted", { id: k.id });
+    function _(k) {
+      return k === null ? r("calls.local") : k.name ?? r("calls.deleted", { id: k.id });
     }
-    const S = U(() => [
-      { value: "all", label: i("calls.everybody") },
+    const P = T(() => [
+      { value: "all", label: r("calls.everybody") },
       ...p.value.users.map((k) => ({
         value: k.id === null ? "none" : String(k.id),
-        label: b(k.id === null ? null : { id: k.id, name: k.name })
+        label: _(k.id === null ? null : { id: k.id, name: k.name })
       }))
-    ]), V = U(() => [
-      { value: "all", label: i("calls.all-tools") },
+    ]), W = T(() => [
+      { value: "all", label: r("calls.all-tools") },
       ...p.value.tools.map((k) => ({ value: k, label: k }))
-    ]), B = U(() => [
-      { value: "any", label: i("calls.any-outcome") },
-      { value: "ok", label: i("calls.only-answered") },
-      { value: "failed", label: i("calls.only-refused") },
-      { value: "dry", label: i("calls.only-dry") }
-    ]), u = U(() => {
-      const k = [], E = S.value.find((X) => X.value === x.value);
-      x.value !== "all" && E && k.push({
+    ]), F = T(() => [
+      { 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") }
+    ]), i = T(() => {
+      const k = [], R = P.value.find((X) => X.value === x.value);
+      x.value !== "all" && R && k.push({
         key: "user",
-        label: `${i("calls.filter-user")}: ${E.label}`,
+        label: `${r("calls.filter-user")}: ${R.label}`,
         clear: () => x.value = "all"
       }), f.value !== "all" && k.push({
         key: "tool",
-        label: `${i("calls.filter-tool")}: ${f.value}`,
+        label: `${r("calls.filter-tool")}: ${f.value}`,
         clear: () => f.value = "all"
       });
-      const C = B.value.find((X) => X.value === y.value);
+      const C = F.value.find((X) => X.value === y.value);
       return y.value !== "any" && C && k.push({
         key: "outcome",
-        label: `${i("calls.filter-outcome")}: ${C.label}`,
+        label: `${r("calls.filter-outcome")}: ${C.label}`,
         clear: () => y.value = "any"
       }), k;
     });
-    function _() {
+    function b() {
       x.value = "all", f.value = "all", y.value = "any";
     }
-    const z = U(() => A.value ? [{ key: "card", label: "" }] : [
-      { key: "at", label: i("calls.when") },
-      { key: "user", label: i("calls.who"), hideBelow: 640 },
-      { key: "tool", label: i("calls.tool") },
-      { key: "outcome", label: i("calls.outcome") },
-      { key: "duration_ms", label: i("calls.took"), align: "right", hideBelow: 820 },
-      { key: "client", label: i("calls.client"), hideBelow: 960 }
+    const L = T(() => A.value ? [{ key: "card", label: "" }] : [
+      { key: "at", label: r("calls.when") },
+      { key: "user", label: r("calls.who"), hideBelow: 640 },
+      { key: "tool", label: r("calls.tool") },
+      { key: "outcome", label: r("calls.outcome") },
+      { key: "duration_ms", label: r("calls.took"), align: "right", hideBelow: 820 },
+      { key: "client", label: r("calls.client"), hideBelow: 960 }
     ]);
-    ue([x, f, y], () => N({ ...v, page: 1 }));
-    async function N(k) {
+    ce([x, f, y], () => I({ ...v, page: 1 }));
+    async function I(k) {
       v = k, w.value = !0;
       try {
-        P.value = await s.calls({
+        U.value = await s.calls({
           user: x.value === "all" ? null : x.value,
           tool: f.value === "all" ? null : f.value,
           outcome: y.value === "any" ? null : y.value,
           page: k.page,
           per_page: k.perPage
-        }), p.value = P.value.filters;
+        }), p.value = U.value.filters;
       } finally {
         w.value = !1;
       }
     }
-    function G(k) {
-      return k.ok ? k.dry_run ? { type: "info", label: i("calls.dry-run") } : { type: "success", label: i("calls.answered") } : { type: "danger", label: i("calls.refused") };
-    }
     function D(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 q(k) {
       return k.arguments !== null || k.error !== null;
     }
-    return r({ reload: () => N(v) }), (k, E) => (h(), Y("div", {
+    return u({ reload: () => I(v) }), (k, R) => (h(), Y("div", {
       ref_key: "root",
       ref: g,
       class: "wx-call-list"
     }, [
       a(e($e), {
-        data: P.value,
-        columns: z.value,
+        data: U.value,
+        columns: L.value,
         "row-key": "id",
         flush: "",
         loading: w.value,
         clickable: !1,
         expandable: !A.value,
-        "expandable-if": D,
-        "empty-text": e(i)("calls.empty"),
+        "expandable-if": q,
+        "empty-text": e(r)("calls.empty"),
         "cards-below": Ue,
-        "filters-count": u.value.length,
+        "filters-count": i.value.length,
         "filters-label": e(m)("filters.title"),
-        onStateChange: N
+        onStateChange: I
       }, {
         filters: t(() => [
-          a(e(H), {
-            label: e(i)("calls.filter-user")
+          a(e(K), {
+            label: e(r)("calls.filter-user")
           }, {
             default: t(() => [
               a(e(ne), {
                 modelValue: x.value,
-                "onUpdate:modelValue": E[0] || (E[0] = (C) => x.value = C),
-                options: S.value,
+                "onUpdate:modelValue": R[0] || (R[0] = (C) => x.value = C),
+                options: P.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          a(e(H), {
-            label: e(i)("calls.filter-tool")
+          a(e(K), {
+            label: e(r)("calls.filter-tool")
           }, {
             default: t(() => [
               a(e(ne), {
                 modelValue: f.value,
-                "onUpdate:modelValue": E[1] || (E[1] = (C) => f.value = C),
-                options: V.value,
+                "onUpdate:modelValue": R[1] || (R[1] = (C) => f.value = C),
+                options: W.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          a(e(H), {
-            label: e(i)("calls.filter-outcome")
+          a(e(K), {
+            label: e(r)("calls.filter-outcome")
           }, {
             default: t(() => [
               a(e(ne), {
                 modelValue: y.value,
-                "onUpdate:modelValue": E[2] || (E[2] = (C) => y.value = C),
-                options: B.value,
+                "onUpdate:modelValue": R[2] || (R[2] = (C) => y.value = C),
+                options: F.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          u.value.length > 0 ? (h(), $(e(I), {
+          i.value.length > 0 ? (h(), $(e(N), {
             key: 0,
             variant: "text",
             size: "sm",
             block: "",
-            onClick: _
+            onClick: b
           }, {
             icon: t(() => [
               a(e(ee), { name: "close" })
@@ -1167,30 +1172,30 @@ const _t = { class: "wx-admin-form" }, bt = {
               d(" " + o(e(m)("filters.reset")), 1)
             ]),
             _: 1
-          })) : O("", !0)
+          })) : E("", !0)
         ]),
         applied: t(() => [
-          a(e(De), { filters: u.value }, null, 8, ["filters"])
+          a(e(De), { filters: i.value }, null, 8, ["filters"])
         ]),
         "cell-at": t(({ row: C }) => [
-          a(e(ie), {
+          a(e(re), {
             value: C.at,
             tone: "default",
             compact: ""
           }, null, 8, ["value"])
         ]),
         "cell-user": t(({ row: C }) => [
-          a(e(R), {
+          a(e(O), {
             tone: C.user === null || C.user.name === null ? "muted" : "default"
           }, {
             default: t(() => [
-              d(o(b(C.user)), 1)
+              d(o(_(C.user)), 1)
             ]),
             _: 2
           }, 1032, ["tone"])
         ]),
         "cell-tool": t(({ row: C }) => [
-          a(e(R), {
+          a(e(O), {
             mono: "",
             size: "sm"
           }, {
@@ -1202,28 +1207,28 @@ const _t = { class: "wx-admin-form" }, bt = {
         ]),
         "cell-outcome": t(({ row: C }) => [
           a(e(J), {
-            type: G(C).type,
+            type: D(C).type,
             dot: ""
           }, {
             default: t(() => [
-              d(o(G(C).label), 1)
+              d(o(D(C).label), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
         "cell-duration_ms": t(({ row: C }) => [
-          a(e(R), {
+          a(e(O), {
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              d(o(e(i)("calls.ms", { count: C.duration_ms })), 1)
+              d(o(e(r)("calls.ms", { count: C.duration_ms })), 1)
             ]),
             _: 2
           }, 1024)
         ]),
         "cell-client": t(({ row: C }) => [
-          C.client ? (h(), $(e(R), {
+          C.client ? (h(), $(e(O), {
             key: 0,
             size: "sm"
           }, {
@@ -1231,58 +1236,58 @@ const _t = { class: "wx-admin-form" }, bt = {
               d(o(C.client), 1)
             ]),
             _: 2
-          }, 1024)) : (h(), $(e(R), {
+          }, 1024)) : (h(), $(e(O), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
-            default: t(() => [...E[3] || (E[3] = [
+            default: t(() => [...R[3] || (R[3] = [
               d("—", -1)
             ])]),
             _: 1
           }))
         ]),
         expanded: t(({ row: C }) => [
-          L("div", xt, [
-            C.error ? (h(), $(e(R), {
+          V("div", xt, [
+            C.error ? (h(), $(e(O), {
               key: 0,
               tone: "danger",
               size: "sm",
               class: "wx-call-list__error"
             }, {
               default: t(() => [
-                L("strong", null, o(e(i)("calls.error")) + ":", 1),
+                V("strong", null, o(e(r)("calls.error")) + ":", 1),
                 d(" " + o(C.error), 1)
               ]),
               _: 2
-            }, 1024)) : O("", !0),
-            L("div", kt, [
-              a(e(R), {
+            }, 1024)) : E("", !0),
+            V("div", kt, [
+              a(e(O), {
                 size: "sm",
                 weight: "semibold"
               }, {
                 default: t(() => [
-                  d(o(e(i)("calls.request")), 1)
+                  d(o(e(r)("calls.request")), 1)
                 ]),
                 _: 1
               }),
-              a(e(R), {
+              a(e(O), {
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(i)("calls.request-hint")), 1)
+                  d(o(e(r)("calls.request-hint")), 1)
                 ]),
                 _: 1
               })
             ]),
-            C.arguments ? (h(), Y("pre", Ct, o(C.arguments), 1)) : (h(), $(e(R), {
+            C.arguments ? (h(), Y("pre", Ct, o(C.arguments), 1)) : (h(), $(e(O), {
               key: 2,
               size: "sm",
               tone: "muted"
             }, {
               default: t(() => [
-                d(o(e(i)("calls.no-arguments")), 1)
+                d(o(e(r)("calls.no-arguments")), 1)
               ]),
               _: 1
             }))
@@ -1292,29 +1297,29 @@ const _t = { class: "wx-admin-form" }, bt = {
           a(e(Ae), {
             variant: "plain",
             title: C.tool,
-            subtitle: b(C.user)
+            subtitle: _(C.user)
           }, {
             media: t(() => [
-              L("span", $t, [
+              V("span", $t, [
                 a(e(ee), { name: "sliders" })
               ])
             ]),
             meta: t(() => [
               a(e(J), {
-                type: G(C).type,
+                type: D(C).type,
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(G(C).label), 1)
+                  d(o(D(C).label), 1)
                 ]),
                 _: 2
               }, 1032, ["type"]),
-              a(e(ie), {
+              a(e(re), {
                 value: C.at,
                 compact: ""
               }, null, 8, ["value"]),
-              C.client ? (h(), $(e(R), {
+              C.client ? (h(), $(e(O), {
                 key: 0,
                 size: "xs",
                 tone: "muted"
@@ -1323,17 +1328,17 @@ const _t = { class: "wx-admin-form" }, bt = {
                   d(o(C.client), 1)
                 ]),
                 _: 2
-              }, 1024)) : O("", !0)
+              }, 1024)) : E("", !0)
             ]),
             default: t(() => [
-              D(C) ? (h(), $(e(se), {
+              q(C) ? (h(), $(e(se), {
                 key: 0,
                 direction: "vertical",
                 size: "xs",
                 class: "wx-call-list__card-details"
               }, {
                 default: t(() => [
-                  C.error ? (h(), $(e(R), {
+                  C.error ? (h(), $(e(O), {
                     key: 0,
                     tone: "danger",
                     size: "sm"
@@ -1342,21 +1347,21 @@ const _t = { class: "wx-admin-form" }, bt = {
                       d(o(C.error), 1)
                     ]),
                     _: 2
-                  }, 1024)) : O("", !0),
-                  C.arguments ? (h(), $(e(R), {
+                  }, 1024)) : E("", !0),
+                  C.arguments ? (h(), $(e(O), {
                     key: 1,
                     size: "xs",
                     tone: "muted"
                   }, {
                     default: t(() => [
-                      d(o(e(i)("calls.request")), 1)
+                      d(o(e(r)("calls.request")), 1)
                     ]),
                     _: 1
-                  })) : O("", !0),
-                  C.arguments ? (h(), Y("pre", At, o(C.arguments), 1)) : O("", !0)
+                  })) : E("", !0),
+                  C.arguments ? (h(), Y("pre", At, o(C.arguments), 1)) : E("", !0)
                 ]),
                 _: 2
-              }, 1024)) : O("", !0)
+              }, 1024)) : E("", !0)
             ]),
             _: 2
           }, 1032, ["title", "subtitle"])
@@ -1367,17 +1372,17 @@ const _t = { class: "wx-admin-form" }, bt = {
   }
 });
 function zt(n) {
-  const r = `${n.apiPath}/auth/connections`;
+  const u = `${n.apiPath}/auth/connections`;
   return {
-    list: (l = "mine") => n.http.get(r, { query: { all: l === "all" ? 1 : void 0 } }).then((s) => ({
+    list: (l = "mine") => n.http.get(u, { query: { all: l === "all" ? 1 : void 0 } }).then((s) => ({
       data: s.data,
       scope: s.meta.scope,
       canSeeEverybody: s.meta.can_see_everybody
     })),
-    disconnect: (l) => n.http.delete(`${r}/${l}`).then((s) => s.data)
+    disconnect: (l) => n.http.delete(`${u}/${l}`).then((s) => s.data)
   };
 }
-const Lt = {
+const St = {
   class: "wx-connection-list__glyph",
   "aria-hidden": "true"
 }, Pe = 560, Je = /* @__PURE__ */ Q({
@@ -1385,10 +1390,10 @@ const Lt = {
   props: {
     scope: { default: "mine" }
   },
-  setup(n, { expose: r }) {
+  setup(n, { expose: u }) {
     const l = n, s = Z(), g = zt(s);
     te();
-    const c = K("webx-auth"), A = me(), i = re("root"), m = Ce(i), P = U(() => m.value > 0 && m.value < Pe), p = W([]), w = W(!1), x = W(null), f = U(() => P.value ? [{ key: "card", label: "" }] : [
+    const c = j("webx-auth"), A = me(), r = ue("root"), m = Ce(r), U = T(() => m.value > 0 && m.value < Pe), p = z([]), w = z(!1), x = z(null), f = T(() => U.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 },
@@ -1396,47 +1401,47 @@ const Lt = {
       { key: "last_used_at", label: c("connections.last-used"), minWidth: 130 },
       { key: "end", label: "", align: "right", width: 140 }
     ]);
-    function y(V) {
-      return V.user.name ?? c("calls.deleted", { id: V.user.id });
+    function y(W) {
+      return W.user.name ?? c("calls.deleted", { id: W.user.id });
     }
-    function v(V) {
-      if (V.read_only) return c("connections.read-only");
+    function v(W) {
+      if (W.read_only) return c("connections.read-only");
       if (l.scope !== "all") return c("connections.full-you");
-      const B = V.user.name?.split(" ")[0];
-      return c("connections.full", { name: B || y(V) });
+      const F = W.user.name?.split(" ")[0];
+      return c("connections.full", { name: F || y(W) });
     }
-    async function b() {
+    async function _() {
       w.value = !0;
       try {
         p.value = (await g.list(l.scope)).data;
-      } catch (V) {
-        j.danger(A(V));
+      } catch (W) {
+        G.danger(A(W));
       } finally {
         w.value = !1;
       }
     }
-    async function S(V) {
+    async function P(W) {
       if (await Ne({
-        title: c("connections.confirm-title", { client: V.client }),
+        title: c("connections.confirm-title", { client: W.client }),
         message: c("connections.confirm-text"),
         confirmText: c("connections.confirm"),
         cancelText: c("connections.cancel"),
         tone: "danger"
       })) {
-        x.value = V.id;
+        x.value = W.id;
         try {
-          const u = await g.disconnect(V.id);
-          p.value = p.value.map((_) => _.id === u.id ? u : _), j.success(c("connections.done", { client: V.client }));
-        } catch (u) {
-          j.danger(A(u));
+          const i = await g.disconnect(W.id);
+          p.value = p.value.map((b) => b.id === i.id ? i : b), G.success(c("connections.done", { client: W.client }));
+        } catch (i) {
+          G.danger(A(i));
         } finally {
           x.value = null;
         }
       }
     }
-    return ue(() => l.scope, b, { immediate: !0 }), r({ reload: b }), (V, B) => (h(), Y("div", {
+    return ce(() => l.scope, _, { immediate: !0 }), u({ reload: _ }), (W, F) => (h(), Y("div", {
       ref_key: "root",
-      ref: i,
+      ref: r,
       class: "wx-connection-list"
     }, [
       a(e($e), {
@@ -1448,29 +1453,29 @@ const Lt = {
         clickable: !1,
         "empty-text": n.scope === "all" ? e(c)("connections.empty-all") : e(c)("connections.empty"),
         "cards-below": Pe,
-        "row-class": (u) => u.revoked_at ? "is-ended" : ""
+        "row-class": (i) => i.revoked_at ? "is-ended" : ""
       }, {
-        "cell-client": t(({ row: u }) => [
+        "cell-client": t(({ row: i }) => [
           a(e(se), {
             direction: "vertical",
             size: "none"
           }, {
             default: t(() => [
-              a(e(R), {
-                tone: u.revoked_at ? "muted" : "default",
+              a(e(O), {
+                tone: i.revoked_at ? "muted" : "default",
                 weight: "medium"
               }, {
                 default: t(() => [
-                  d(o(u.client), 1)
+                  d(o(i.client), 1)
                 ]),
                 _: 2
               }, 1032, ["tone"]),
-              a(e(R), {
+              a(e(O), {
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(c)("connections.returns-to", { host: u.host })), 1)
+                  d(o(e(c)("connections.returns-to", { host: i.host })), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1478,18 +1483,18 @@ const Lt = {
             _: 2
           }, 1024)
         ]),
-        "cell-user": t(({ row: u }) => [
-          a(e(R), {
-            tone: u.user.name === null ? "muted" : "default"
+        "cell-user": t(({ row: i }) => [
+          a(e(O), {
+            tone: i.user.name === null ? "muted" : "default"
           }, {
             default: t(() => [
-              d(o(y(u)), 1)
+              d(o(y(i)), 1)
             ]),
             _: 2
           }, 1032, ["tone"])
         ]),
-        "cell-read_only": t(({ row: u }) => [
-          u.revoked_at ? (h(), $(e(J), {
+        "cell-read_only": t(({ row: i }) => [
+          i.revoked_at ? (h(), $(e(J), {
             key: 0,
             type: "default",
             dot: ""
@@ -1500,29 +1505,29 @@ const Lt = {
             _: 1
           })) : (h(), $(e(J), {
             key: 1,
-            type: u.read_only ? "info" : "success",
+            type: i.read_only ? "info" : "success",
             dot: ""
           }, {
             default: t(() => [
-              d(o(v(u)), 1)
+              d(o(v(i)), 1)
             ]),
             _: 2
           }, 1032, ["type"]))
         ]),
-        "cell-connected_at": t(({ row: u }) => [
-          a(e(ie), {
-            value: u.connected_at,
+        "cell-connected_at": t(({ row: i }) => [
+          a(e(re), {
+            value: i.connected_at,
             tone: "muted",
             compact: ""
           }, null, 8, ["value"])
         ]),
-        "cell-last_used_at": t(({ row: u }) => [
-          u.last_used_at ? (h(), $(e(ie), {
+        "cell-last_used_at": t(({ row: i }) => [
+          i.last_used_at ? (h(), $(e(re), {
             key: 0,
-            value: u.last_used_at,
+            value: i.last_used_at,
             tone: "default",
             compact: ""
-          }, null, 8, ["value"])) : (h(), $(e(R), {
+          }, null, 8, ["value"])) : (h(), $(e(O), {
             key: 1,
             size: "sm",
             tone: "muted"
@@ -1533,14 +1538,14 @@ const Lt = {
             _: 1
           }))
         ]),
-        "cell-end": t(({ row: u }) => [
-          u.revoked_at ? O("", !0) : (h(), $(e(I), {
+        "cell-end": t(({ row: i }) => [
+          i.revoked_at ? E("", !0) : (h(), $(e(N), {
             key: 0,
             type: "danger",
             variant: "text",
             size: "sm",
-            loading: x.value === u.id,
-            onClick: (_) => S(u)
+            loading: x.value === i.id,
+            onClick: (b) => P(i)
           }, {
             default: t(() => [
               d(o(e(c)("connections.disconnect")), 1)
@@ -1548,19 +1553,19 @@ const Lt = {
             _: 1
           }, 8, ["loading", "onClick"]))
         ]),
-        "cell-card": t(({ row: u }) => [
+        "cell-card": t(({ row: i }) => [
           a(e(Ae), {
             variant: "plain",
-            title: u.client,
-            subtitle: e(c)("connections.returns-to", { host: u.host })
+            title: i.client,
+            subtitle: e(c)("connections.returns-to", { host: i.host })
           }, {
             media: t(() => [
-              L("span", Lt, [
+              V("span", St, [
                 a(e(ee), { name: "link" })
               ])
             ]),
             meta: t(() => [
-              u.revoked_at ? (h(), $(e(J), {
+              i.revoked_at ? (h(), $(e(J), {
                 key: 0,
                 type: "default",
                 dot: "",
@@ -1572,30 +1577,30 @@ const Lt = {
                 _: 1
               })) : (h(), $(e(J), {
                 key: 1,
-                type: u.read_only ? "info" : "success",
+                type: i.read_only ? "info" : "success",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(v(u)), 1)
+                  d(o(v(i)), 1)
                 ]),
                 _: 2
               }, 1032, ["type"])),
-              n.scope === "all" ? (h(), $(e(R), {
+              n.scope === "all" ? (h(), $(e(O), {
                 key: 2,
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(y(u)), 1)
+                  d(o(y(i)), 1)
                 ]),
                 _: 2
-              }, 1024)) : O("", !0),
-              u.last_used_at ? (h(), $(e(ie), {
+              }, 1024)) : E("", !0),
+              i.last_used_at ? (h(), $(e(re), {
                 key: 3,
-                value: u.last_used_at,
+                value: i.last_used_at,
                 compact: ""
-              }, null, 8, ["value"])) : (h(), $(e(R), {
+              }, null, 8, ["value"])) : (h(), $(e(O), {
                 key: 4,
                 size: "xs",
                 tone: "muted"
@@ -1607,13 +1612,13 @@ const Lt = {
               }))
             ]),
             actions: t(() => [
-              u.revoked_at ? O("", !0) : (h(), $(e(I), {
+              i.revoked_at ? E("", !0) : (h(), $(e(N), {
                 key: 0,
                 type: "danger",
                 variant: "text",
                 size: "sm",
-                loading: x.value === u.id,
-                onClick: (_) => S(u)
+                loading: x.value === i.id,
+                onClick: (b) => P(i)
               }, {
                 default: t(() => [
                   d(o(e(c)("connections.disconnect")), 1)
@@ -1628,7 +1633,7 @@ const Lt = {
       }, 8, ["data", "columns", "loading", "empty-text", "row-class"])
     ], 512));
   }
-}), St = /* @__PURE__ */ Q({
+}), Lt = /* @__PURE__ */ Q({
   __name: "AdminsPage",
   props: {
     base: { default: "/admins" },
@@ -1637,55 +1642,55 @@ const Lt = {
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(n) {
-    const r = n, l = Z(), s = he(l), g = r.avatarField ?? Ke(l) ?? void 0, c = r.resolveAvatar ?? Ye(l) ?? void 0, A = st(), i = ot();
+    const u = n, l = Z(), s = he(l), g = u.avatarField ?? Ke(l) ?? void 0, c = u.resolveAvatar ?? Ye(l) ?? void 0, A = st(), r = ot();
     te();
-    const m = K("webx-auth"), P = me(), p = re("list"), w = W(null), x = Ve(wt), f = l.can("admins.manage"), y = l.can("admins.audit"), v = U(
-      () => l.state.manifest?.modules.find((_) => _.id === "admins")?.title ?? m("admins.title")
-    ), b = U(() => {
-      const _ = [{ value: "admins", label: v.value }];
-      return y && _.push({ value: "calls", label: m("calls.title") }), f && _.push({ value: "connections", label: m("connections.title") }), _.length > 1 ? _ : void 0;
-    }), S = U({
-      get: () => r.current,
-      set: (_) => {
-        const z = _ === "admins" ? r.base : `${r.base}/${String(_)}`;
-        z !== i.path && A.push(z);
+    const m = j("webx-auth"), U = me(), p = ue("list"), w = z(null), x = Ve(wt), f = l.can("admins.manage"), y = l.can("admins.audit"), v = T(
+      () => l.state.manifest?.modules.find((b) => b.id === "admins")?.title ?? m("admins.title")
+    ), _ = T(() => {
+      const b = [{ value: "admins", label: v.value }];
+      return y && b.push({ value: "calls", label: m("calls.title") }), f && b.push({ value: "connections", label: m("connections.title") }), b.length > 1 ? b : void 0;
+    }), P = T({
+      get: () => u.current,
+      set: (b) => {
+        const L = b === "admins" ? u.base : `${u.base}/${String(b)}`;
+        L !== r.path && A.push(L);
       }
-    }), V = U(
-      () => f && r.current === "admins" ? [
+    }), W = T(
+      () => f && u.current === "admins" ? [
         {
           key: "new",
           label: m("admins.new-short"),
           icon: "plus",
           primary: !0,
           run: () => {
-            B(null);
+            F(null);
           }
         }
       ] : []
     );
-    async function B(_) {
-      w.value = _, await x({ admin: _, avatarField: g }) && p.value?.reload();
+    async function F(b) {
+      w.value = b, await x({ admin: b, avatarField: g }) && p.value?.reload();
     }
-    async function u(_) {
+    async function i(b) {
       if (await Ne({
-        title: m("admins.delete-title", { name: _.name }),
+        title: m("admins.delete-title", { name: b.name }),
         message: m("admins.delete-text"),
         confirmText: m("admins.delete"),
         cancelText: m("admins.cancel"),
         tone: "danger"
       }))
         try {
-          await s.remove(_.id), j.success(m("admins.deleted")), p.value?.reload();
-        } catch (N) {
-          j.danger(P(N));
+          await s.remove(b.id), G.success(m("admins.deleted")), p.value?.reload();
+        } catch (I) {
+          G.danger(U(I));
         }
     }
-    return (_, z) => (h(), $(e(Me), {
-      view: S.value,
-      "onUpdate:view": z[0] || (z[0] = (N) => S.value = N),
+    return (b, L) => (h(), $(e(Me), {
+      view: P.value,
+      "onUpdate:view": L[0] || (L[0] = (I) => P.value = I),
       title: v.value,
-      views: b.value,
-      actions: V.value
+      views: _.value,
+      actions: W.value
     }, {
       default: t(() => [
         n.current === "calls" ? (h(), $(Vt, { key: 0 })) : n.current === "connections" ? (h(), $(Je, {
@@ -1697,8 +1702,8 @@ const Lt = {
           ref: p,
           removable: e(f),
           "resolve-avatar": e(c),
-          onOpen: B,
-          onRemove: u
+          onOpen: F,
+          onRemove: i
         }, null, 8, ["removable", "resolve-avatar"]))
       ]),
       _: 1
@@ -1710,39 +1715,39 @@ const Lt = {
 }, Tt = { class: "wx-content-rules__foot" }, Ut = /* @__PURE__ */ Q({
   __name: "ContentRulesCard",
   setup(n) {
-    const r = Z();
+    const u = Z();
     te();
-    const l = K("webx-auth"), s = K("webx-admin"), g = me(), c = U(() => {
-      const v = r.state.manifest?.modules.find((b) => b.id === "settings")?.meta?.content_screen;
+    const l = j("webx-auth"), s = j("webx-admin"), g = me(), c = T(() => {
+      const v = u.state.manifest?.modules.find((_) => _.id === "settings")?.meta?.content_screen;
       return typeof v == "string" ? v : null;
-    }), A = r.can("settings.view") || r.can("settings.manage"), i = r.can("settings.manage"), m = W({}), P = W({}), p = W(!0), w = W(!1), x = `${r.apiPath}/settings/content`;
+    }), A = u.can("settings.view") || u.can("settings.manage"), r = u.can("settings.manage"), m = z({}), U = z({}), p = z(!0), w = z(!1), x = `${u.apiPath}/settings/content`;
     et(async () => {
       if (!(!c.value || !A))
         try {
-          const y = await r.http.get(x);
+          const y = await u.http.get(x);
           m.value = y.data.values;
         } catch (y) {
-          j.danger(g(y));
+          G.danger(g(y));
         } finally {
           p.value = !1;
         }
     });
     async function f() {
-      w.value = !0, P.value = {};
+      w.value = !0, U.value = {};
       try {
-        const y = await r.http.put(x, {
+        const y = await u.http.put(x, {
           values: m.value
         });
-        m.value = y.data.values, j.success(s("editor.saved"));
+        m.value = y.data.values, G.success(s("editor.saved"));
       } catch (y) {
         const v = y.body;
-        v?.errors && (P.value = v.errors), j.danger(g(y));
+        v?.errors && (U.value = v.errors), G.danger(g(y));
       } finally {
         w.value = !1;
       }
     }
     return (y, v) => c.value && e(A) ? (h(), Y("section", Wt, [
-      a(e(ce), {
+      a(e(de), {
         level: 2,
         size: "sm"
       }, {
@@ -1759,10 +1764,10 @@ const Lt = {
           })) : (h(), $(e(lt), {
             key: 1,
             modelValue: m.value,
-            "onUpdate:modelValue": v[0] || (v[0] = (b) => m.value = b),
+            "onUpdate:modelValue": v[0] || (v[0] = (_) => m.value = _),
             name: c.value,
-            errors: P.value,
-            disabled: !e(i)
+            errors: U.value,
+            disabled: !e(r)
           }, null, 8, ["modelValue", "name", "errors", "disabled"]))
         ]),
         _: 2
@@ -1770,8 +1775,8 @@ const Lt = {
         p.value ? void 0 : {
           name: "footer",
           fn: t(() => [
-            L("div", Tt, [
-              a(e(R), {
+            V("div", Tt, [
+              a(e(O), {
                 size: "sm",
                 tone: "muted"
               }, {
@@ -1780,7 +1785,7 @@ const Lt = {
                 ]),
                 _: 1
               }),
-              e(i) ? (h(), $(e(I), {
+              e(r) ? (h(), $(e(N), {
                 key: 0,
                 type: "primary",
                 loading: w.value,
@@ -1790,43 +1795,43 @@ const Lt = {
                   d(o(e(s)("editor.save")), 1)
                 ]),
                 _: 1
-              }, 8, ["loading"])) : O("", !0)
+              }, 8, ["loading"])) : E("", !0)
             ])
           ]),
           key: "0"
         }
       ]), 1024)
-    ])) : O("", !0);
+    ])) : E("", !0);
   }
-}), Pt = /* @__PURE__ */ ve(Ut, [["__scopeId", "data-v-55be157e"]]), Ft = { class: "wx-connect" }, Rt = { class: "wx-connect__section" }, Ot = { class: "wx-connect__row" }, Bt = { class: "wx-connect__url" }, Et = { class: "wx-connect__section" }, Dt = { class: "wx-connect__steps" }, Mt = { class: "wx-connect__steps" }, Nt = { class: "wx-connect__snippet" }, It = { class: "wx-connect__snippet" }, qt = { class: "wx-connect__section" }, Ht = { class: "wx-connect__links" }, Kt = { class: "wx-connect__steps" }, Yt = { class: "wx-connect__section" }, jt = /* @__PURE__ */ Q({
+}), Pt = /* @__PURE__ */ ve(Ut, [["__scopeId", "data-v-55be157e"]]), Ft = { class: "wx-connect" }, Rt = { class: "wx-connect__section" }, Bt = { class: "wx-connect__row" }, Ot = { class: "wx-connect__url" }, Et = { class: "wx-connect__section" }, Dt = { class: "wx-connect__steps" }, Mt = { class: "wx-connect__steps" }, Nt = { class: "wx-connect__snippet" }, It = { class: "wx-connect__snippet" }, qt = { class: "wx-connect__section" }, Ht = { class: "wx-connect__links" }, Kt = { class: "wx-connect__steps" }, Yt = { class: "wx-connect__section" }, jt = /* @__PURE__ */ Q({
   __name: "ConnectPage",
   setup(n) {
-    const r = Z();
+    const u = Z();
     te();
-    const l = K("webx-auth"), s = W(!1);
+    const l = j("webx-auth"), s = z(!1);
     let g;
-    const c = U(() => {
-      const y = r.state.manifest?.modules.find((v) => v.id === "connect")?.meta;
+    const c = T(() => {
+      const y = u.state.manifest?.modules.find((v) => v.id === "connect")?.meta;
       return typeof y?.url == "string" ? y.url : "";
-    }), A = U(() => {
+    }), A = T(() => {
       try {
         return new URL(c.value).hostname.split(".")[0] || "webx";
       } catch {
         return "webx";
       }
-    }), i = U(() => `claude mcp add --transport http ${A.value} ${c.value}`), m = U(() => `[mcp_servers.${A.value}]
-url = "${c.value}"`), P = U(() => {
+    }), r = T(() => `claude mcp add --transport http ${A.value} ${c.value}`), m = T(() => `[mcp_servers.${A.value}]
+url = "${c.value}"`), U = T(() => {
       const y = w(JSON.stringify({ url: c.value }));
       return `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(A.value)}&config=${y}`;
-    }), p = U(() => {
+    }), p = T(() => {
       const y = JSON.stringify({ name: A.value, type: "http", url: c.value });
       return `vscode:mcp/install?${encodeURIComponent(y)}`;
     });
     function w(y) {
       const v = new TextEncoder().encode(y);
-      let b = "";
-      for (const S of v) b += String.fromCharCode(S);
-      return encodeURIComponent(btoa(b));
+      let _ = "";
+      for (const P of v) _ += String.fromCharCode(P);
+      return encodeURIComponent(btoa(_));
     }
     async function x(y) {
       try {
@@ -1837,7 +1842,7 @@ url = "${c.value}"`), P = U(() => {
         s.value = !0, clearTimeout(g), g = setTimeout(() => s.value = !1, 2e3);
       } catch {
         if (f(y)) return;
-        j.danger(l("connect.copy-failed"));
+        G.danger(l("connect.copy-failed"));
       }
     }
     function f(y) {
@@ -1856,15 +1861,15 @@ url = "${c.value}"`), P = U(() => {
       card: !1
     }, {
       default: t(() => [
-        L("div", Ft, [
-          a(e(R), { class: "wx-connect__lead" }, {
+        V("div", Ft, [
+          a(e(O), { class: "wx-connect__lead" }, {
             default: t(() => [
               d(o(e(l)("connect.lead")), 1)
             ]),
             _: 1
           }),
-          L("section", Rt, [
-            a(e(ce), {
+          V("section", Rt, [
+            a(e(de), {
               level: 2,
               size: "sm"
             }, {
@@ -1875,12 +1880,12 @@ url = "${c.value}"`), P = U(() => {
             }),
             a(e(be), { bordered: "" }, {
               default: t(() => [
-                L("div", Ot, [
-                  L("code", Bt, o(c.value), 1),
-                  a(e(I), {
+                V("div", Bt, [
+                  V("code", Ot, o(c.value), 1),
+                  a(e(N), {
                     type: "primary",
                     disabled: c.value === "",
-                    onClick: v[0] || (v[0] = (b) => x(c.value))
+                    onClick: v[0] || (v[0] = (_) => x(c.value))
                   }, {
                     icon: t(() => [
                       a(e(ee), {
@@ -1897,8 +1902,8 @@ url = "${c.value}"`), P = U(() => {
               _: 1
             })
           ]),
-          L("section", Et, [
-            a(e(ce), {
+          V("section", Et, [
+            a(e(de), {
               level: 2,
               size: "sm"
             }, {
@@ -1917,10 +1922,10 @@ url = "${c.value}"`), P = U(() => {
                   label: e(l)("connect.claude-title")
                 }, {
                   default: t(() => [
-                    L("ol", Dt, [
-                      L("li", null, o(e(l)("connect.claude-1")), 1),
-                      L("li", null, o(e(l)("connect.claude-2")), 1),
-                      L("li", null, o(e(l)("connect.claude-3")), 1)
+                    V("ol", Dt, [
+                      V("li", null, o(e(l)("connect.claude-1")), 1),
+                      V("li", null, o(e(l)("connect.claude-2")), 1),
+                      V("li", null, o(e(l)("connect.claude-3")), 1)
                     ])
                   ]),
                   _: 1
@@ -1930,10 +1935,10 @@ url = "${c.value}"`), P = U(() => {
                   label: e(l)("connect.chatgpt-title")
                 }, {
                   default: t(() => [
-                    L("ol", Mt, [
-                      L("li", null, o(e(l)("connect.chatgpt-1")), 1),
-                      L("li", null, o(e(l)("connect.chatgpt-2")), 1),
-                      L("li", null, o(e(l)("connect.chatgpt-3")), 1)
+                    V("ol", Mt, [
+                      V("li", null, o(e(l)("connect.chatgpt-1")), 1),
+                      V("li", null, o(e(l)("connect.chatgpt-2")), 1),
+                      V("li", null, o(e(l)("connect.chatgpt-3")), 1)
                     ])
                   ]),
                   _: 1
@@ -1943,18 +1948,18 @@ url = "${c.value}"`), P = U(() => {
                   label: e(l)("connect.claude-code-title")
                 }, {
                   default: t(() => [
-                    a(e(R), { size: "sm" }, {
+                    a(e(O), { size: "sm" }, {
                       default: t(() => [
                         d(o(e(l)("connect.claude-code-hint")), 1)
                       ]),
                       _: 1
                     }),
-                    L("div", Nt, [
-                      L("pre", null, o(i.value), 1),
-                      a(e(I), {
+                    V("div", Nt, [
+                      V("pre", null, o(r.value), 1),
+                      a(e(N), {
                         variant: "text",
                         size: "sm",
-                        onClick: v[1] || (v[1] = (b) => x(i.value))
+                        onClick: v[1] || (v[1] = (_) => x(r.value))
                       }, {
                         icon: t(() => [
                           a(e(ee), { name: "copy" })
@@ -1973,18 +1978,18 @@ url = "${c.value}"`), P = U(() => {
                   label: e(l)("connect.codex-title")
                 }, {
                   default: t(() => [
-                    a(e(R), { size: "sm" }, {
+                    a(e(O), { size: "sm" }, {
                       default: t(() => [
                         d(o(e(l)("connect.codex-hint")), 1)
                       ]),
                       _: 1
                     }),
-                    L("div", It, [
-                      L("pre", null, o(m.value), 1),
-                      a(e(I), {
+                    V("div", It, [
+                      V("pre", null, o(m.value), 1),
+                      a(e(N), {
                         variant: "text",
                         size: "sm",
-                        onClick: v[2] || (v[2] = (b) => x(m.value))
+                        onClick: v[2] || (v[2] = (_) => x(m.value))
                       }, {
                         icon: t(() => [
                           a(e(ee), { name: "copy" })
@@ -2002,8 +2007,8 @@ url = "${c.value}"`), P = U(() => {
               _: 1
             }, 8, ["aria-label"])
           ]),
-          L("section", qt, [
-            a(e(ce), {
+          V("section", qt, [
+            a(e(de), {
               level: 2,
               size: "sm"
             }, {
@@ -2012,7 +2017,7 @@ url = "${c.value}"`), P = U(() => {
               ]),
               _: 1
             }),
-            a(e(R), {
+            a(e(O), {
               size: "sm",
               tone: "muted"
             }, {
@@ -2021,9 +2026,9 @@ url = "${c.value}"`), P = U(() => {
               ]),
               _: 1
             }),
-            L("div", Ht, [
-              a(e(I), {
-                href: P.value,
+            V("div", Ht, [
+              a(e(N), {
+                href: U.value,
                 variant: "outline",
                 disabled: c.value === "",
                 class: "wx-connect__link"
@@ -2036,7 +2041,7 @@ url = "${c.value}"`), P = U(() => {
                 ]),
                 _: 1
               }, 8, ["href", "disabled"]),
-              a(e(I), {
+              a(e(N), {
                 href: p.value,
                 variant: "outline",
                 disabled: c.value === "",
@@ -2057,17 +2062,17 @@ url = "${c.value}"`), P = U(() => {
             title: e(l)("connect.next")
           }, {
             default: t(() => [
-              L("ol", Kt, [
-                L("li", null, o(e(l)("connect.next-1")), 1),
-                L("li", null, o(e(l)("connect.next-2")), 1),
-                L("li", null, o(e(l)("connect.next-3")), 1)
+              V("ol", Kt, [
+                V("li", null, o(e(l)("connect.next-1")), 1),
+                V("li", null, o(e(l)("connect.next-2")), 1),
+                V("li", null, o(e(l)("connect.next-3")), 1)
               ])
             ]),
             _: 1
           }, 8, ["title"]),
           a(Pt),
-          L("section", Yt, [
-            a(e(ce), {
+          V("section", Yt, [
+            a(e(de), {
               level: 2,
               size: "sm"
             }, {
@@ -2090,9 +2095,9 @@ url = "${c.value}"`), P = U(() => {
   }
 }), Gt = /* @__PURE__ */ ve(jt, [["__scopeId", "data-v-0eba9ed6"]]);
 function va(n = {}) {
-  const r = n.path ?? "/admins", l = (s) => ({
-    render: () => Be(St, {
-      base: r,
+  const u = n.path ?? "/admins", l = (s) => ({
+    render: () => Oe(Lt, {
+      base: u,
       current: s,
       avatarField: n.avatarField,
       resolveAvatar: n.resolveAvatar
@@ -2100,15 +2105,15 @@ function va(n = {}) {
   });
   return {
     id: "admins",
-    path: r,
+    path: u,
     routes: [
-      { path: r, name: "webx.admins", component: l("admins") },
+      { path: u, name: "webx.admins", component: l("admins") },
       // What their agents did, and which agents they let in: two more views of the same
       // section, each with an address of its own so that its filters survive a trip to the
       // people and back.
-      { path: `${r}/calls`, name: "webx.admins.calls", component: l("calls") },
+      { path: `${u}/calls`, name: "webx.admins.calls", component: l("calls") },
       {
-        path: `${r}/connections`,
+        path: `${u}/connections`,
         name: "webx.admins.connections",
         component: l("connections")
       }
@@ -2116,11 +2121,11 @@ function va(n = {}) {
   };
 }
 function pa(n = {}) {
-  const r = n.path ?? "/connect";
+  const u = n.path ?? "/connect";
   return {
     id: "connect",
-    path: r,
-    routes: [{ path: r, name: "webx.connect", component: Gt }]
+    path: u,
+    routes: [{ path: u, name: "webx.connect", component: Gt }]
   };
 }
 const Jt = /* @__PURE__ */ Q({
@@ -2131,14 +2136,14 @@ const Jt = /* @__PURE__ */ Q({
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(n) {
-    const r = n, { open: l, resolve: s, dismiss: g } = xe();
+    const u = n, { open: l, resolve: s, dismiss: g } = xe();
     te();
-    const c = K("webx-auth"), A = re("list"), i = W(0);
+    const c = j("webx-auth"), A = ue("list"), r = z(0);
     function m(p) {
       s(p);
     }
-    function P(p) {
-      i.value = p.length;
+    function U(p) {
+      r.value = p.length;
     }
     return (p, w) => (h(), $(e(ke), {
       open: e(l),
@@ -2152,9 +2157,9 @@ const Jt = /* @__PURE__ */ Q({
           ref: A,
           picking: "",
           multiple: n.multiple,
-          "resolve-avatar": r.resolveAvatar,
+          "resolve-avatar": u.resolveAvatar,
           onChosen: m,
-          onSelection: P
+          onSelection: U
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
@@ -2167,16 +2172,16 @@ const Jt = /* @__PURE__ */ Q({
             align: "center"
           }, {
             default: t(() => [
-              a(e(R), {
+              a(e(O), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(c)("admins.chosen", { count: i.value })), 1)
+                  d(o(e(c)("admins.chosen", { count: r.value })), 1)
                 ]),
                 _: 1
               }),
-              a(e(I), {
+              a(e(N), {
                 variant: "outline",
                 onClick: w[0] || (w[0] = (x) => e(g)())
               }, {
@@ -2185,9 +2190,9 @@ const Jt = /* @__PURE__ */ Q({
                 ]),
                 _: 1
               }),
-              a(e(I), {
+              a(e(N), {
                 type: "primary",
-                disabled: i.value === 0,
+                disabled: r.value === 0,
                 onClick: w[1] || (w[1] = (x) => e(s)(A.value?.chosen() ?? []))
               }, {
                 default: t(() => [
@@ -2219,19 +2224,19 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
     avatarField: { default: void 0 }
   },
   setup(n) {
-    const r = n, { resolve: l, dismiss: s, open: g } = xe(), c = Z(), A = ze();
+    const u = n, { resolve: l, dismiss: s, open: g } = xe(), c = Z(), A = ze();
     te();
-    const i = K("webx-auth"), m = me(), P = W(!1), p = W({}), w = W({
+    const r = j("webx-auth"), m = me(), U = z(!1), p = z({}), w = z({
       name: c.state.user?.name ?? "",
       avatar: c.state.user?.avatar ?? null,
       password: "",
       current_password: ""
-    }), x = W(w.value.avatar ? { path: w.value.avatar } : null);
+    }), x = z(w.value.avatar ? { path: w.value.avatar } : null);
     function f(v) {
       return p.value[v]?.[0];
     }
     async function y() {
-      P.value = !0, p.value = {};
+      U.value = !0, p.value = {};
       try {
         await A.updateProfile({
           name: w.value.name,
@@ -2239,68 +2244,68 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
           // 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.
           ...w.value.password ? { password: w.value.password, current_password: w.value.current_password } : {}
-        }), j.success(i("profile.saved")), l(!0);
+        }), G.success(r("profile.saved")), l(!0);
       } catch (v) {
-        const b = v.body;
-        b?.errors ? p.value = b.errors : j.danger(m(v));
+        const _ = v.body;
+        _?.errors ? p.value = _.errors : G.danger(m(v));
       } finally {
-        P.value = !1;
+        U.value = !1;
       }
     }
-    return (v, b) => (h(), $(e(ke), {
+    return (v, _) => (h(), $(e(ke), {
       open: e(g),
-      "onUpdate:open": b[5] || (b[5] = (S) => ge(g) ? g.value = S : null),
-      title: e(i)("profile.title"),
+      "onUpdate:open": _[5] || (_[5] = (P) => ge(g) ? g.value = P : null),
+      title: e(r)("profile.title"),
       width: 560
     }, {
       footer: t(() => [
-        a(e(I), {
-          onClick: b[4] || (b[4] = (S) => e(s)())
+        a(e(N), {
+          onClick: _[4] || (_[4] = (P) => e(s)())
         }, {
           default: t(() => [
-            d(o(e(i)("profile.cancel")), 1)
+            d(o(e(r)("profile.cancel")), 1)
           ]),
           _: 1
         }),
-        a(e(I), {
+        a(e(N), {
           type: "primary",
-          loading: P.value,
+          loading: U.value,
           onClick: y
         }, {
           default: t(() => [
-            d(o(e(i)("profile.save")), 1)
+            d(o(e(r)("profile.save")), 1)
           ]),
           _: 1
         }, 8, ["loading"])
       ]),
       default: t(() => [
-        L("div", Qt, [
-          L("div", Xt, [
-            r.avatarField ? (h(), Y("div", Zt, [
-              (h(), $(Oe(r.avatarField), {
+        V("div", Qt, [
+          V("div", Xt, [
+            u.avatarField ? (h(), Y("div", Zt, [
+              (h(), $(Be(u.avatarField), {
                 modelValue: x.value,
-                "onUpdate:modelValue": b[0] || (b[0] = (S) => x.value = S),
-                label: e(i)("profile.avatar"),
+                "onUpdate:modelValue": _[0] || (_[0] = (P) => x.value = P),
+                label: e(r)("profile.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : O("", !0),
-            L("div", ea, [
-              a(e(H), {
-                label: e(i)("profile.name"),
+            ])) : E("", !0),
+            V("div", ea, [
+              a(e(K), {
+                label: e(r)("profile.name"),
                 error: f("name")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: w.value.name,
-                    "onUpdate:modelValue": b[1] || (b[1] = (S) => w.value.name = S),
+                    "onUpdate:modelValue": _[1] || (_[1] = (P) => w.value.name = P),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(H), {
-                label: e(i)("admins.email")
+              a(e(K), {
+                label: e(r)("admins.email")
               }, {
                 default: t(() => [
                   a(e(le), {
@@ -2310,37 +2315,37 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
                 ]),
                 _: 1
               }, 8, ["label"]),
-              a(e(H), {
-                label: e(i)("profile.password"),
-                help: e(i)("profile.password-hint"),
+              a(e(K), {
+                label: e(r)("profile.password"),
+                help: e(r)("profile.password-hint"),
                 error: f("password")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: w.value.password,
-                    "onUpdate:modelValue": b[2] || (b[2] = (S) => w.value.password = S),
+                    "onUpdate:modelValue": _[2] || (_[2] = (P) => w.value.password = P),
                     type: "password",
                     autocomplete: "new-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "help", "error"]),
-              w.value.password ? (h(), $(e(H), {
+              w.value.password ? (h(), $(e(K), {
                 key: 0,
-                label: e(i)("profile.current-password"),
-                help: e(i)("profile.current-password-hint"),
+                label: e(r)("profile.current-password"),
+                help: e(r)("profile.current-password-hint"),
                 error: f("current_password")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: w.value.current_password,
-                    "onUpdate:modelValue": b[3] || (b[3] = (S) => w.value.current_password = S),
+                    "onUpdate:modelValue": _[3] || (_[3] = (P) => w.value.current_password = P),
                     type: "password",
                     autocomplete: "current-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              }, 8, ["label", "help", "error"])) : O("", !0)
+              }, 8, ["label", "help", "error"])) : E("", !0)
             ])
           ])
         ])
@@ -2357,19 +2362,19 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
     expanded: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const r = n, l = Z(), s = ze(), g = Ee(), c = nt(), A = K("webx-auth"), i = g.scope("webx-admin"), m = U(() => l.state.user), P = U(
+    const u = n, l = Z(), s = ze(), g = Ee(), c = nt(), A = j("webx-auth"), r = g.scope("webx-admin"), m = T(() => l.state.user), U = T(
       () => g.state.panelLocales.length > 1 ? g.state.panelLocales : []
-    ), p = ye(qe, null), w = ye(He, null), x = W(void 0);
-    ue(
+    ), p = ye(qe, null), w = ye(He, null), x = z(void 0);
+    ce(
       () => typeof m.value?.avatar == "string" ? m.value.avatar : null,
-      async (S) => {
-        const V = r.resolveAvatar ?? p;
-        if (S === null || S === "" || V === null) {
+      async (F) => {
+        const i = u.resolveAvatar ?? p;
+        if (F === null || F === "" || i === null) {
           x.value = void 0;
           return;
         }
-        const B = await V(S);
-        m.value?.avatar === S && (x.value = B ?? void 0);
+        const b = await i(F);
+        m.value?.avatar === F && (x.value = b ?? void 0);
       },
       { immediate: !0 }
     );
@@ -2377,51 +2382,56 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
     function y() {
       setTimeout(
         () => {
-          f({ avatarField: r.avatarField ?? w ?? void 0 });
+          f({ avatarField: u.avatarField ?? w ?? void 0 });
         },
         0
       );
     }
-    const v = U({
+    const v = T({
       get: () => c.state.preference,
-      set: (S) => {
-        c.set(S), s.setTheme(S);
+      set: (F) => {
+        c.set(F), s.setTheme(F);
       }
-    });
-    async function b(S) {
-      S !== g.state.locale && await s.setLocale(S);
+    }), _ = T(
+      () => typeof m.value?.siteBar == "boolean" ? m.value.siteBar : null
+    );
+    function P() {
+      _.value !== null && s.setSiteBar(!_.value);
+    }
+    async function W(F) {
+      F !== g.state.locale && await s.setLocale(F);
     }
-    return (S, V) => {
-      const B = q("wx-avatar"), u = q("wx-icon"), _ = q("wx-text"), z = q("wx-dropdown-item"), N = q("wx-divider"), G = q("wx-dropdown");
-      return m.value !== null ? (h(), $(G, { key: 0 }, {
+    return (F, i) => {
+      const b = H("wx-avatar"), L = H("wx-icon"), I = H("wx-text"), D = H("wx-dropdown-item"), q = H("wx-divider"), k = H("wx-dropdown");
+      return m.value !== null ? (h(), $(k, { key: 0 }, {
         trigger: t(() => [
-          L("button", {
+          V("button", {
             type: "button",
             class: Re(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": n.expanded }]),
             title: m.value.name
           }, [
-            a(B, {
+            a(b, {
               name: m.value.name,
               src: x.value,
               size: "lg"
             }, null, 8, ["name", "src"]),
-            n.expanded ? (h(), Y(de, { key: 0 }, [
-              L("span", na, [
-                L("span", sa, o(m.value.name), 1),
-                L("span", oa, o(m.value.email), 1)
+            n.expanded ? (h(), Y(ie, { key: 0 }, [
+              V("span", na, [
+                V("span", sa, o(m.value.name), 1),
+                V("span", oa, o(m.value.email), 1)
               ]),
-              a(u, {
+              a(L, {
                 name: "chevron-up",
                 size: "sm",
                 class: "wx-user-menu__chevron"
               })
-            ], 64)) : O("", !0)
+            ], 64)) : E("", !0)
           ], 10, la)
         ]),
         default: t(() => [
-          a(z, { disabled: "" }, {
+          a(D, { disabled: "" }, {
             default: t(() => [
-              a(_, { size: "sm" }, {
+              a(I, { size: "sm" }, {
                 default: t(() => [
                   d(o(m.value.email), 1)
                 ]),
@@ -2430,8 +2440,8 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
             ]),
             _: 1
           }),
-          a(N, { spacing: "sm" }),
-          a(z, {
+          a(q, { spacing: "sm" }),
+          a(D, {
             icon: "user",
             onClick: y
           }, {
@@ -2440,42 +2450,54 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
             ]),
             _: 1
           }),
-          a(N, { spacing: "sm" }),
-          a(z, { disabled: "" }, {
+          a(q, { spacing: "sm" }),
+          a(D, { disabled: "" }, {
             default: t(() => [
-              a(_, {
+              a(I, {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(i)("theme.label")), 1)
+                  d(o(e(r)("theme.label")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          L("div", {
+          V("div", {
             class: "wx-user-menu__theme",
-            onClick: V[1] || (V[1] = Fe(() => {
+            onClick: i[1] || (i[1] = Fe(() => {
             }, ["stop"]))
           }, [
             a(e(dt), {
               modelValue: v.value,
-              "onUpdate:modelValue": V[0] || (V[0] = (D) => v.value = D),
+              "onUpdate:modelValue": i[0] || (i[0] = (R) => v.value = R),
               size: "sm",
               block: "",
-              "aria-label": e(i)("theme.label"),
-              "light-label": e(i)("theme.light"),
-              "dark-label": e(i)("theme.dark"),
-              "system-label": e(i)("theme.system")
+              "aria-label": e(r)("theme.label"),
+              "light-label": e(r)("theme.light"),
+              "dark-label": e(r)("theme.dark"),
+              "system-label": e(r)("theme.system")
             }, null, 8, ["modelValue", "aria-label", "light-label", "dark-label", "system-label"])
           ]),
-          P.value.length > 0 ? (h(), Y(de, { key: 0 }, [
-            a(N, { spacing: "sm" }),
-            a(z, { disabled: "" }, {
+          _.value !== null ? (h(), Y(ie, { key: 0 }, [
+            a(q, { spacing: "sm" }),
+            a(D, {
+              icon: _.value ? "check" : void 0,
+              onClick: P
+            }, {
+              default: t(() => [
+                d(o(e(A)("menu.site-bar")), 1)
+              ]),
+              _: 1
+            }, 8, ["icon"])
+          ], 64)) : E("", !0),
+          U.value.length > 0 ? (h(), Y(ie, { key: 1 }, [
+            a(q, { spacing: "sm" }),
+            a(D, { disabled: "" }, {
               default: t(() => [
-                a(_, {
+                a(I, {
                   size: "sm",
                   tone: "muted"
                 }, {
@@ -2487,21 +2509,21 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
               ]),
               _: 1
             }),
-            (h(!0), Y(de, null, _e(P.value, (D) => (h(), $(z, {
-              key: D.code,
-              icon: D.code === e(g).state.locale ? "check" : void 0,
-              onClick: (k) => b(D.code)
+            (h(!0), Y(ie, null, _e(U.value, (R) => (h(), $(D, {
+              key: R.code,
+              icon: R.code === e(g).state.locale ? "check" : void 0,
+              onClick: (C) => W(R.code)
             }, {
               default: t(() => [
-                d(o(D.nativeName), 1)
+                d(o(R.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            a(N, { spacing: "sm" })
-          ], 64)) : O("", !0),
-          a(z, {
+            a(q, { spacing: "sm" })
+          ], 64)) : E("", !0),
+          a(D, {
             icon: "logout",
-            onClick: V[2] || (V[2] = (D) => e(s).logout())
+            onClick: i[2] || (i[2] = (R) => e(s).logout())
           }, {
             default: t(() => [
               d(o(n.signOutLabel ?? e(A)("menu.sign-out")), 1)
@@ -2510,12 +2532,12 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
           })
         ]),
         _: 1
-      })) : O("", !0);
+      })) : E("", !0);
     };
   }
-}), ya = /* @__PURE__ */ ve(ia, [["__scopeId", "data-v-09f012fd"]]);
+}), ya = /* @__PURE__ */ ve(ia, [["__scopeId", "data-v-22dfea95"]]);
 function _a(n = {}) {
-  const r = n.path ?? "/login";
+  const u = n.path ?? "/login";
   return {
     install(l) {
       const s = mt(l.context);
@@ -2525,19 +2547,19 @@ function _a(n = {}) {
         n.resolveAvatar ?? Ye(l.context),
         n.avatarField ?? Ke(l.context)
       ), l.context.useSessionLoader(() => s.me()), l.router.addRoute({
-        path: r,
+        path: u,
         name: "webx.login",
         meta: { public: !0 },
-        component: { render: () => Be(yt, { ...n.card }) }
-      }), l.router.beforeEach((g) => g.meta.public === !0 || l.context.state.status !== "unauthenticated" ? !0 : { path: r, query: g.fullPath === "/" ? {} : { next: g.fullPath } }), ue(
+        component: { render: () => Oe(yt, { ...n.card }) }
+      }), l.router.beforeEach((g) => g.meta.public === !0 || l.context.state.status !== "unauthenticated" ? !0 : { path: u, query: g.fullPath === "/" ? {} : { next: g.fullPath } }), ce(
         () => l.context.state.status,
         (g) => {
           const c = l.router.currentRoute.value;
-          if (g === "unauthenticated" && c.path !== r) {
-            l.router.replace({ path: r, query: { next: c.fullPath } });
+          if (g === "unauthenticated" && c.path !== u) {
+            l.router.replace({ path: u, query: { next: c.fullPath } });
             return;
           }
-          if (g === "ready" && c.path === r) {
+          if (g === "ready" && c.path === u) {
             const A = c.query.next;
             if (typeof A == "string" && ra(A)) {
               location.assign(A);
@@ -2561,7 +2583,7 @@ function ra(n) {
 }
 export {
   Ge as WxAdminList,
-  St as WxAdminsPage,
+  Lt as WxAdminsPage,
   Vt as WxAgentCallList,
   Gt as WxConnectPage,
   Je as WxConnectionList,