@webx-ui/module-auth 0.10.1 → 0.11.0

package/dist/index.js

@@ -1,72 +1,72 @@
-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 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);
-  if (n === null)
+import { inject as xe, defineComponent as Q, computed as T, ref as A, useTemplateRef as oe, onBeforeUnmount as nt, resolveComponent as J, openBlock as m, createBlock as b, withCtx as t, createVNode as a, withModifiers as Oe, createCommentVNode as I, createElementVNode as S, createTextVNode as c, toDisplayString as i, watch as de, unref as e, isRef as Ve, normalizeClass as Be, createElementBlock as H, resolveDynamicComponent as Ee, createSlots as Ae, Fragment as ue, renderList as Ce, onMounted as Ie, h as De } from "vue";
+import { useTranslate as G, HttpError as st, useAdmin as X, useI18n as Ne, useErrorText as re, rowMenuWidth as ot, WxDate as ae, WxRowMenu as Se, WxFilterChips as Me, WxListScreen as Ke, WxScreen as it, useTheme as ut } from "@webx-ui/module-admin";
+import { useRouter as rt, useRoute as ct } from "vue-router";
+import { useModal as _e, WxDialog as be, WxFormItem as M, WxInput as le, WxSelect as ne, WxSpace as se, WxCheckbox as Le, WxText as E, WxButton as N, toast as K, useElementWidth as ge, WxTable as ke, WxEntityCard as we, WxBadge as q, WxAvatar as dt, WxIcon as Z, confirm as ze, WxAlert as qe, WxRadioGroup as mt, createModal as he, WxHeading as me, WxCard as $e, WxSkeleton as vt, WxTabs as pt, WxTab as ye, WxThemeSwitch as ft } from "@webx-ui/core";
+const He = /* @__PURE__ */ Symbol("webx-auth");
+function We() {
+  const s = xe(He, null);
+  if (s === null)
     throw new Error("useAuth() was called outside a panel that installed the auth plugin.");
-  return n;
+  return s;
 }
-function mt(n) {
-  const u = `${n.apiPath}/auth`;
+function yt(s) {
+  const r = `${s.apiPath}/auth`;
   return {
     async me() {
       try {
-        return (await n.http.get(`${u}/me`)).data;
+        return (await s.http.get(`${r}/me`)).data;
       } catch (l) {
-        if (pt(l))
+        if (_t(l))
           return null;
         throw l;
       }
     },
     async login(l) {
-      const s = await n.http.post(`${u}/login`, {
+      const u = await s.http.post(`${r}/login`, {
         email: l.email,
         password: l.password,
         remember: l.remember ?? !1
       });
-      return n.setUser(s.data), await n.reload(), s.data;
+      return s.setUser(u.data), await s.reload(), u.data;
     },
     async setLocale(l) {
-      const s = await n.http.put(`${u}/locale`, { locale: l });
-      n.setUser(s.data), await n.setLocale(l);
+      const u = await s.http.put(`${r}/locale`, { locale: l });
+      s.setUser(u.data), await s.setLocale(l);
     },
     async setTheme(l) {
-      const s = await n.http.put(`${u}/theme`, {
+      const u = await s.http.put(`${r}/theme`, {
         theme: l === "system" ? null : l
       });
-      n.setUser(s.data);
+      s.setUser(u.data);
     },
     async setSiteBar(l) {
-      const s = await n.http.put(`${u}/site-bar`, { enabled: l });
-      n.setUser(s.data);
+      const u = await s.http.put(`${r}/site-bar`, { enabled: l });
+      s.setUser(u.data);
     },
     async updateProfile(l) {
-      const s = await n.http.put(
-        `${u}/me`,
+      const u = await s.http.put(
+        `${r}/me`,
         l
       );
-      return n.setUser(s.data), s.data;
+      return s.setUser(u.data), u.data;
     },
     async logout() {
       try {
-        await n.http.post(`${u}/logout`);
+        await s.http.post(`${r}/logout`);
       } finally {
-        n.setUser(null), n.state.status = "unauthenticated", n.state.manifest = null;
+        s.setUser(null), s.state.status = "unauthenticated", s.state.manifest = null;
       }
     }
   };
 }
-const qe = /* @__PURE__ */ Symbol("webx-auth-avatar"), He = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
-function vt(n, u, l = null, s = null) {
-  n.provide(Ie, u), n.provide(qe, l), n.provide(He, s);
+const je = /* @__PURE__ */ Symbol("webx-auth-avatar"), Ge = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
+function ht(s, r, l = null, u = null) {
+  s.provide(He, r), s.provide(je, l), s.provide(Ge, u);
 }
-function pt(n) {
-  return typeof n == "object" && n !== null && "status" in n && n.status === 401;
+function _t(s) {
+  return typeof s == "object" && s !== null && "status" in s && s.status === 401;
 }
-const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
+const bt = ["title", "aria-label", "aria-pressed"], gt = /* @__PURE__ */ Q({
   __name: "LoginCard",
   props: {
     emailLabel: { default: void 0 },
@@ -81,171 +81,171 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
     autofocus: { type: Boolean, default: !0 }
   },
   emits: ["success"],
-  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"),
-      submit: s.submitLabel ?? A("card.submit"),
-      capsLock: s.capsLockWarning ?? A("card.caps-lock"),
-      reveal: s.revealLabel ?? A("card.reveal"),
-      hide: s.hideLabel ?? A("card.hide")
-    })), 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))
+  setup(s, { expose: r, emit: l }) {
+    const u = s, v = l, y = We(), V = G("webx-auth"), o = T(() => ({
+      email: u.emailLabel ?? V("card.email"),
+      password: u.passwordLabel ?? V("card.password"),
+      remember: u.rememberLabel ?? V("card.remember"),
+      submit: u.submitLabel ?? V("card.submit"),
+      capsLock: u.capsLockWarning ?? V("card.caps-lock"),
+      reveal: u.revealLabel ?? V("card.reveal"),
+      hide: u.hideLabel ?? V("card.hide")
+    })), h = A(""), F = A(""), d = A(!1), w = A(!1), x = A(!1), p = A(!1), g = A(""), _ = A({}), k = A(0), B = oe("emailField");
+    let C = null;
+    nt(U);
+    const O = T(() => k.value > 0), n = T(
+      () => u.throttleMessage === void 0 ? V("card.throttled", { seconds: k.value }) : u.throttleMessage.replace(":seconds", String(k.value))
     );
-    async function b() {
-      if (!(w.value || F.value)) {
-        w.value = !0, y.value = "", v.value = {};
+    async function $() {
+      if (!(w.value || O.value)) {
+        w.value = !0, g.value = "", _.value = {};
         try {
-          await c.login({
-            email: m.value,
-            password: U.value,
-            remember: p.value
-          }), U.value = "", g("success");
-        } catch (k) {
-          L(k);
+          await y.login({
+            email: h.value,
+            password: F.value,
+            remember: d.value
+          }), F.value = "", v("success");
+        } catch (f) {
+          R(f);
         } finally {
           w.value = !1;
         }
       }
     }
-    function L(k) {
-      if (!(k instanceof tt)) {
-        y.value = k instanceof Error ? k.message : String(k);
+    function R(f) {
+      if (!(f instanceof st)) {
+        g.value = f instanceof Error ? f.message : String(f);
         return;
       }
-      if (k.isValidation) {
-        v.value = k.errors;
+      if (f.isValidation) {
+        _.value = f.errors;
         return;
       }
-      if (k.isThrottled) {
-        I(k.retryAfter ?? 60);
+      if (f.isThrottled) {
+        Y(f.retryAfter ?? 60);
         return;
       }
-      y.value = k.message;
+      g.value = f.message;
     }
-    function I(k) {
-      D(), _.value = k, W = setInterval(() => {
-        _.value -= 1, _.value <= 0 && D();
+    function Y(f) {
+      U(), k.value = f, C = setInterval(() => {
+        k.value -= 1, k.value <= 0 && U();
       }, 1e3);
     }
-    function D() {
-      W !== null && (clearInterval(W), W = null), _.value = 0;
+    function U() {
+      C !== null && (clearInterval(C), C = null), k.value = 0;
     }
-    function q(k) {
-      f.value = k.getModifierState("CapsLock");
+    function z(f) {
+      p.value = f.getModifierState("CapsLock");
     }
-    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, {
+    return r({ focus: () => B.value?.focus() }), (f, L) => {
+      const W = J("wx-alert"), te = J("wx-icon"), fe = J("wx-input"), D = J("wx-form-item"), j = J("wx-checkbox"), P = J("wx-button"), ie = J("wx-form"), lt = J("wx-card");
+      return m(), b(lt, {
         class: "wx-login",
         padding: 24
       }, {
         default: t(() => [
-          a(ae, {
-            errors: v.value,
+          a(ie, {
+            errors: _.value,
             disabled: w.value,
             gap: "md",
-            onSubmit: Fe(b, ["prevent"])
+            onSubmit: Oe($, ["prevent"])
           }, {
             default: t(() => [
-              y.value !== "" ? (h(), $(C, {
+              g.value !== "" ? (m(), b(W, {
                 key: 0,
                 type: "danger",
                 variant: "soft",
                 live: "",
-                description: y.value,
+                description: g.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : F.value ? (h(), $(C, {
+              }, null, 8, ["description"])) : O.value ? (m(), b(W, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: i.value,
+                description: n.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : E("", !0),
-              a(B, { name: "email" }, {
+              }, null, 8, ["description"])) : I("", !0),
+              a(D, { name: "email" }, {
                 default: t(() => [
-                  a(pe, {
+                  a(fe, {
                     ref_key: "emailField",
-                    ref: P,
-                    modelValue: m.value,
-                    "onUpdate:modelValue": R[0] || (R[0] = (oe) => m.value = oe),
+                    ref: B,
+                    modelValue: h.value,
+                    "onUpdate:modelValue": L[0] || (L[0] = (ce) => h.value = ce),
                     type: "email",
-                    placeholder: r.value.email,
-                    "aria-label": r.value.email,
+                    placeholder: o.value.email,
+                    "aria-label": o.value.email,
                     autocomplete: "username",
-                    autofocus: n.autofocus,
+                    autofocus: s.autofocus,
                     inputmode: "email",
                     size: "lg"
                   }, {
                     prefix: t(() => [
-                      a(X, { name: "mail" })
+                      a(te, { name: "mail" })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "placeholder", "aria-label", "autofocus"])
                 ]),
                 _: 1
               }),
-              a(B, {
+              a(D, {
                 name: "password",
-                help: f.value ? r.value.capsLock : void 0
+                help: p.value ? o.value.capsLock : void 0
               }, {
                 default: t(() => [
-                  a(pe, {
-                    modelValue: U.value,
-                    "onUpdate:modelValue": R[2] || (R[2] = (oe) => U.value = oe),
+                  a(fe, {
+                    modelValue: F.value,
+                    "onUpdate:modelValue": L[2] || (L[2] = (ce) => F.value = ce),
                     type: x.value ? "text" : "password",
-                    placeholder: r.value.password,
-                    "aria-label": r.value.password,
+                    placeholder: o.value.password,
+                    "aria-label": o.value.password,
                     autocomplete: "current-password",
                     size: "lg",
-                    onKeydown: q,
-                    onKeyup: q
+                    onKeydown: z,
+                    onKeyup: z
                   }, {
                     prefix: t(() => [
-                      a(X, { name: "lock" })
+                      a(te, { name: "lock" })
                     ]),
                     suffix: t(() => [
-                      V("button", {
+                      S("button", {
                         type: "button",
                         class: "wx-login__reveal",
-                        title: x.value ? r.value.hide : r.value.reveal,
-                        "aria-label": x.value ? r.value.hide : r.value.reveal,
+                        title: x.value ? o.value.hide : o.value.reveal,
+                        "aria-label": x.value ? o.value.hide : o.value.reveal,
                         "aria-pressed": x.value,
                         tabindex: "-1",
-                        onClick: R[1] || (R[1] = (oe) => x.value = !x.value)
+                        onClick: L[1] || (L[1] = (ce) => x.value = !x.value)
                       }, [
-                        a(X, {
+                        a(te, {
                           name: x.value ? "eye-off" : "eye"
                         }, null, 8, ["name"])
-                      ], 8, ft)
+                      ], 8, bt)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "type", "placeholder", "aria-label"])
                 ]),
                 _: 1
               }, 8, ["help"]),
-              n.remember ? (h(), $(M, {
+              s.remember ? (m(), b(j, {
                 key: 2,
-                modelValue: p.value,
-                "onUpdate:modelValue": R[3] || (R[3] = (oe) => p.value = oe),
-                label: r.value.remember,
+                modelValue: d.value,
+                "onUpdate:modelValue": L[3] || (L[3] = (ce) => d.value = ce),
+                label: o.value.remember,
                 class: "wx-login__remember"
-              }, null, 8, ["modelValue", "label"])) : E("", !0),
-              a(S, {
+              }, null, 8, ["modelValue", "label"])) : I("", !0),
+              a(P, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
                 loading: w.value,
-                disabled: F.value
+                disabled: O.value
               }, {
                 default: t(() => [
-                  d(o(r.value.submit), 1)
+                  c(i(o.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -257,20 +257,20 @@ const ft = ["title", "aria-label", "aria-pressed"], ht = /* @__PURE__ */ Q({
       });
     };
   }
-}), ve = (n, u) => {
-  const l = n.__vccOpts || n;
-  for (const [s, g] of u)
-    l[s] = g;
+}), ve = (s, r) => {
+  const l = s.__vccOpts || s;
+  for (const [u, v] of r)
+    l[u] = v;
   return l;
-}, yt = /* @__PURE__ */ ve(ht, [["__scopeId", "data-v-3c206e31"]]);
-function Ke(n) {
-  return n.types["wx-media"]?.component ?? null;
+}, kt = /* @__PURE__ */ ve(gt, [["__scopeId", "data-v-3c206e31"]]);
+function Ye(s) {
+  return s.types["wx-media"]?.component ?? null;
 }
-function Ye(n) {
-  const u = n.assetUrls;
-  return u ? async (l) => (await u([l]))[l] ?? null : null;
+function Je(s) {
+  const r = s.assetUrls;
+  return r ? async (l) => (await r([l]))[l] ?? null : null;
 }
-const je = {
+const Qe = {
   card: {
     email: "Email",
     password: "Password",
@@ -378,6 +378,56 @@ const je = {
     done: ":client is disconnected",
     deleted: "Administrator #:id"
   },
+  // Keys for programs, issued and revoked under Administrators → Keys.
+  keys: {
+    title: "Keys",
+    issue: "Issue a key",
+    "issue-short": "Issue",
+    lead: "A key lets a program — a queue watcher, a nightly import — work in this panel without a browser. It acts as the administrator you choose and can never do more than they may. A key is a program, not a person: what a module keeps for a person, such as a stage checked by hand, it cannot do.",
+    name: "Name",
+    "name-hint": 'What the program is, so that the list says it: "queue watcher", "nightly import".',
+    who: "Acts as",
+    "who-hint": "Everything the key changes is done in this administrator's name, within their permissions.",
+    allowed: "What is allowed",
+    everything: "Everything the administrator may do",
+    chosen: "Only the scopes chosen below",
+    scopes: "Scopes",
+    "scopes-hint": "A module installed later is out of reach until a new key names it.",
+    "scopes-required": "Choose at least one scope.",
+    lifetime: "Lives for",
+    "lifetime-hint": "A key cannot be extended: issue a new one before this one runs out, then revoke the old one.",
+    "days-30": "30 days",
+    "days-90": "90 days",
+    "days-365": "1 year",
+    "days-1095": "3 years",
+    "days-3650": "10 years",
+    "issued-title": "Copy the key now",
+    "issued-text": "This is the only time the key is shown. Nobody can see it again — not here, not on the server. If it is lost, revoke it and issue a new one.",
+    secret: "Key",
+    copy: "Copy",
+    copied: "Copied",
+    "copy-failed": "Could not reach the clipboard. Select the key and copy it by hand.",
+    address: "Server address",
+    "header-hint": "The program sends the key in a header: Authorization: Bearer <key>.",
+    done: "Done",
+    cancel: "Cancel",
+    expires: "Expires",
+    until: "until",
+    "last-used": "Last used",
+    "never-used": "Never",
+    "issued-by": "Issued by :name",
+    "issued-console": "Issued in a terminal",
+    full: "Everything :name can do",
+    deleted: "Administrator #:id",
+    revoke: "Revoke",
+    revoked: "Revoked",
+    expired: "Expired",
+    "confirm-title": "Revoke :name?",
+    "confirm-text": "The program using it is refused from its next call. A revoked key cannot be switched back on.",
+    confirm: "Revoke",
+    "revoked-done": ":name is revoked",
+    empty: "No keys have been issued"
+  },
   connect: {
     lead: "An AI agent — Claude, ChatGPT, Cursor — can work in this panel as you. Give it the address below; it will ask you to sign in and then ask what it may do.",
     title: "Connect an agent",
@@ -440,56 +490,56 @@ const je = {
     "site-bar": "Panel on the site"
   }
 };
-function he(n) {
-  const u = `${n.apiPath}/auth`, l = (s) => s.data;
+function pe(s) {
+  const r = `${s.apiPath}/auth`, l = (u) => u.data;
   return {
-    list: (s = {}) => n.http.get(`${u}/admins`, {
+    list: (u = {}) => s.http.get(`${r}/admins`, {
       query: {
-        q: s.q || void 0,
-        role: s.role ?? void 0,
-        active: s.active ?? void 0,
-        sort: s.sort,
-        page: s.page,
-        per_page: s.per_page
+        q: u.q || void 0,
+        role: u.role ?? void 0,
+        active: u.active ?? void 0,
+        sort: u.sort,
+        page: u.page,
+        per_page: u.per_page
       }
-    }).then((g) => ({ ...g.meta, data: g.data })),
-    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`, {
+    }).then((v) => ({ ...v.meta, data: v.data })),
+    get: (u) => s.http.get(`${r}/admins/${u}`).then(l),
+    create: (u) => s.http.post(`${r}/admins`, u).then(l),
+    update: (u, v) => s.http.patch(`${r}/admins/${u}`, v).then(l),
+    remove: (u) => s.http.delete(`${r}/admins/${u}`),
+    roles: () => s.http.get(`${r}/roles`).then(l),
+    calls: (u = {}) => s.http.get(`${r}/mcp-calls`, {
       query: {
-        user: s.user ?? void 0,
-        tool: s.tool ?? void 0,
-        outcome: s.outcome ?? void 0,
-        page: s.page,
-        per_page: s.per_page
+        user: u.user ?? void 0,
+        tool: u.tool ?? void 0,
+        outcome: u.outcome ?? void 0,
+        page: u.page,
+        per_page: u.per_page
       }
-    }).then((g) => ({ ...g.meta, data: g.data, filters: g.filters }))
+    }).then((v) => ({ ...v.meta, data: v.data, filters: v.filters }))
   };
 }
-const We = /* @__PURE__ */ new WeakSet();
-function te() {
+const Te = /* @__PURE__ */ new WeakSet();
+function ee() {
   try {
-    const { i18n: n } = Z();
-    We.has(n) || (n.defaults("webx-auth", je), We.add(n));
+    const { i18n: s } = X();
+    Te.has(s) || (s.defaults("webx-auth", Qe), Te.add(s));
   } catch {
   }
 }
-const _t = { class: "wx-admin-form" }, bt = {
+const wt = { class: "wx-admin-form" }, xt = {
   key: 0,
   class: "wx-admin-form__aside"
-}, gt = { class: "wx-admin-form__fields" }, wt = /* @__PURE__ */ Q({
+}, Ct = { class: "wx-admin-form__fields" }, $t = /* @__PURE__ */ Q({
   __name: "AdminDialog",
   props: {
     admin: { default: null },
     avatarField: { default: void 0 }
   },
-  setup(n) {
-    const u = n, { resolve: l, dismiss: s, open: g } = xe(), c = Z(), A = he(c), r = Ee();
-    te();
-    const m = j("webx-auth"), U = me(), p = z([]), w = z(!1), x = z({}), f = z({
+  setup(s) {
+    const r = s, { resolve: l, dismiss: u, open: v } = _e(), y = X(), V = pe(y), o = Ne();
+    ee();
+    const h = G("webx-auth"), F = re(), d = A([]), w = A(!1), x = A({}), p = A({
       name: "",
       email: "",
       password: "",
@@ -498,60 +548,60 @@ const _t = { class: "wx-admin-form" }, bt = {
       is_super: !1,
       locale: null,
       roles: []
-    }), y = T({
-      get: () => f.value.avatar ? { path: f.value.avatar } : null,
-      set: (i) => {
-        f.value.avatar = i?.path ?? null;
+    }), g = T({
+      get: () => p.value.avatar ? { path: p.value.avatar } : null,
+      set: (n) => {
+        p.value.avatar = n?.path ?? null;
       }
-    }), 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") },
-      ...r.state.panelLocales.map((i) => ({ value: i.code, label: i.nativeName }))
+    }), _ = T(() => r.admin !== null), k = T(() => d.value.map((n) => ({ value: n.id, label: n.name }))), B = T(() => [
+      { value: "auto", label: h("admins.locale-auto") },
+      ...o.state.panelLocales.map((n) => ({ value: n.code, label: n.nativeName }))
     ]);
-    A.roles().then((i) => p.value = i), ce(
-      () => u.admin,
-      (i) => {
-        f.value = {
-          name: i?.name ?? "",
-          email: i?.email ?? "",
+    V.roles().then((n) => d.value = n), de(
+      () => r.admin,
+      (n) => {
+        p.value = {
+          name: n?.name ?? "",
+          email: n?.email ?? "",
           password: "",
-          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) ?? []
+          avatar: n?.avatar ?? null,
+          is_active: n?.is_active ?? !0,
+          is_super: n?.is_super ?? !1,
+          locale: n?.locale ?? "auto",
+          roles: n?.roles.map(($) => $.id) ?? []
         }, x.value = {};
       },
       { immediate: !0 }
     );
-    function W(i) {
-      return x.value[i]?.[0];
+    function C(n) {
+      return x.value[n]?.[0];
     }
-    async function F() {
+    async function O() {
       w.value = !0, x.value = {};
-      const i = {
-        name: f.value.name,
-        email: f.value.email,
-        avatar: f.value.avatar,
-        is_active: f.value.is_active,
-        is_super: f.value.is_super,
-        locale: f.value.locale === "auto" ? null : f.value.locale,
-        roles: f.value.roles ?? []
+      const n = {
+        name: p.value.name,
+        email: p.value.email,
+        avatar: p.value.avatar,
+        is_active: p.value.is_active,
+        is_super: p.value.is_super,
+        locale: p.value.locale === "auto" ? null : p.value.locale,
+        roles: p.value.roles ?? []
       };
-      f.value.password && (i.password = f.value.password);
+      p.value.password && (n.password = p.value.password);
       try {
-        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));
+        const $ = r.admin ? await V.update(r.admin.id, n) : await V.create(n);
+        K.success(h(_.value ? "admins.updated" : "admins.created")), l($);
+      } catch ($) {
+        const R = $.body;
+        R?.errors ? x.value = R.errors : K.danger(F($));
       } finally {
         w.value = !1;
       }
     }
-    return (i, b) => (h(), $(e(ke), {
-      open: e(g),
-      "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"),
+    return (n, $) => (m(), b(e(be), {
+      open: e(v),
+      "onUpdate:open": $[9] || ($[9] = (R) => Ve(v) ? v.value = R : null),
+      title: _.value ? e(h)("admins.edit-short") : e(h)("admins.new-short"),
       width: 720
     }, {
       footer: t(() => [
@@ -559,20 +609,20 @@ const _t = { class: "wx-admin-form" }, bt = {
           default: t(() => [
             a(e(N), {
               variant: "outline",
-              onClick: b[8] || (b[8] = (L) => e(s)())
+              onClick: $[8] || ($[8] = (R) => e(u)())
             }, {
               default: t(() => [
-                d(o(e(m)("admins.cancel")), 1)
+                c(i(e(h)("admins.cancel")), 1)
               ]),
               _: 1
             }),
             a(e(N), {
               type: "primary",
               loading: w.value,
-              onClick: F
+              onClick: O
             }, {
               default: t(() => [
-                d(o(e(m)("admins.save")), 1)
+                c(i(e(h)("admins.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -581,41 +631,41 @@ const _t = { class: "wx-admin-form" }, bt = {
         })
       ]),
       default: t(() => [
-        V("div", _t, [
-          V("div", {
-            class: Re(["wx-admin-form__grid", { "has-aside": n.avatarField }])
+        S("div", wt, [
+          S("div", {
+            class: Be(["wx-admin-form__grid", { "has-aside": s.avatarField }])
           }, [
-            n.avatarField ? (h(), Y("div", bt, [
-              (h(), $(Be(n.avatarField), {
-                modelValue: y.value,
-                "onUpdate:modelValue": b[0] || (b[0] = (L) => y.value = L),
-                label: e(m)("admins.avatar"),
+            s.avatarField ? (m(), H("div", xt, [
+              (m(), b(Ee(s.avatarField), {
+                modelValue: g.value,
+                "onUpdate:modelValue": $[0] || ($[0] = (R) => g.value = R),
+                label: e(h)("admins.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : E("", !0),
-            V("div", gt, [
-              a(e(K), {
-                label: e(m)("admins.name"),
-                error: W("name")
+            ])) : I("", !0),
+            S("div", Ct, [
+              a(e(M), {
+                label: e(h)("admins.name"),
+                error: C("name")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: f.value.name,
-                    "onUpdate:modelValue": b[1] || (b[1] = (L) => f.value.name = L),
+                    modelValue: p.value.name,
+                    "onUpdate:modelValue": $[1] || ($[1] = (R) => p.value.name = R),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(K), {
-                label: e(m)("admins.email"),
-                error: W("email")
+              a(e(M), {
+                label: e(h)("admins.email"),
+                error: C("email")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: f.value.email,
-                    "onUpdate:modelValue": b[2] || (b[2] = (L) => f.value.email = L),
+                    modelValue: p.value.email,
+                    "onUpdate:modelValue": $[2] || ($[2] = (R) => p.value.email = R),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -623,15 +673,15 @@ const _t = { class: "wx-admin-form" }, bt = {
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(K), {
-                label: e(m)("admins.password"),
-                error: W("password"),
-                help: v.value ? e(m)("admins.password-keep") : e(m)("admins.password-hint")
+              a(e(M), {
+                label: e(h)("admins.password"),
+                error: C("password"),
+                help: _.value ? e(h)("admins.password-keep") : e(h)("admins.password-hint")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    modelValue: f.value.password,
-                    "onUpdate:modelValue": b[3] || (b[3] = (L) => f.value.password = L),
+                    modelValue: p.value.password,
+                    "onUpdate:modelValue": $[3] || ($[3] = (R) => p.value.password = R),
                     type: "password",
                     name: "password",
                     autocomplete: "new-password"
@@ -639,28 +689,28 @@ const _t = { class: "wx-admin-form" }, bt = {
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              a(e(K), {
-                label: e(m)("admins.roles"),
-                error: W("roles")
+              a(e(M), {
+                label: e(h)("admins.roles"),
+                error: C("roles")
               }, {
                 default: t(() => [
                   a(e(ne), {
-                    modelValue: f.value.roles,
-                    "onUpdate:modelValue": b[4] || (b[4] = (L) => f.value.roles = L),
-                    options: _.value,
+                    modelValue: p.value.roles,
+                    "onUpdate:modelValue": $[4] || ($[4] = (R) => p.value.roles = R),
+                    options: k.value,
                     multiple: ""
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(K), {
-                label: e(m)("admins.locale")
+              a(e(M), {
+                label: e(h)("admins.locale")
               }, {
                 default: t(() => [
                   a(e(ne), {
-                    modelValue: f.value.locale,
-                    "onUpdate:modelValue": b[5] || (b[5] = (L) => f.value.locale = L),
-                    options: P.value
+                    modelValue: p.value.locale,
+                    "onUpdate:modelValue": $[5] || ($[5] = (R) => p.value.locale = R),
+                    options: B.value
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
@@ -668,24 +718,24 @@ const _t = { class: "wx-admin-form" }, bt = {
               a(e(se), { size: "md" }, {
                 default: t(() => [
                   a(e(Le), {
-                    modelValue: f.value.is_active,
-                    "onUpdate:modelValue": b[6] || (b[6] = (L) => f.value.is_active = L),
-                    label: e(m)("admins.active")
+                    modelValue: p.value.is_active,
+                    "onUpdate:modelValue": $[6] || ($[6] = (R) => p.value.is_active = R),
+                    label: e(h)("admins.active")
                   }, null, 8, ["modelValue", "label"]),
                   a(e(Le), {
-                    modelValue: f.value.is_super,
-                    "onUpdate:modelValue": b[7] || (b[7] = (L) => f.value.is_super = L),
-                    label: e(m)("admins.super")
+                    modelValue: p.value.is_super,
+                    "onUpdate:modelValue": $[7] || ($[7] = (R) => p.value.is_super = R),
+                    label: e(h)("admins.super")
                   }, null, 8, ["modelValue", "label"])
                 ]),
                 _: 1
               }),
-              a(e(O), {
+              a(e(E), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(m)("admins.super-hint")), 1)
+                  c(i(e(h)("admins.super-hint")), 1)
                 ]),
                 _: 1
               })
@@ -696,7 +746,7 @@ const _t = { class: "wx-admin-form" }, bt = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Te = 480, Ge = /* @__PURE__ */ Q({
+}), Ue = 480, Xe = /* @__PURE__ */ Q({
   __name: "AdminList",
   props: {
     picking: { type: Boolean, default: !1 },
@@ -706,41 +756,41 @@ const _t = { class: "wx-admin-form" }, bt = {
     resolveAvatar: { type: Function, default: void 0 }
   },
   emits: ["open", "chosen", "selection", "remove"],
-  setup(n, { expose: u, emit: l }) {
-    const s = n, g = l, c = Z(), A = he(c);
-    te();
-    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((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") }
-    ]), L = T(() => {
-      const B = [], M = f.value.find((S) => S.slug === v.value);
-      return M && B.push({
+  setup(s, { expose: r, emit: l }) {
+    const u = s, v = l, y = X(), V = pe(y);
+    ee();
+    const o = oe("root"), h = ge(o), F = T(() => h.value > 0 && h.value < Ue), d = G("webx-auth"), w = G("webx-admin"), x = A(null), p = A([]), g = A(!1), _ = A("all"), k = A("any"), B = A([]), C = A({});
+    let O = { page: 1, perPage: 20, sort: null, search: "" };
+    const n = T(() => [
+      { value: "all", label: d("admins.all-roles") },
+      ...p.value.map((D) => ({ value: D.slug, label: D.name }))
+    ]), $ = T(() => [
+      { value: "any", label: d("admins.any-state") },
+      { value: "yes", label: d("admins.only-active") },
+      { value: "no", label: d("admins.only-inactive") }
+    ]), R = T(() => {
+      const D = [], j = p.value.find((P) => P.slug === _.value);
+      return j && D.push({
         key: "role",
-        label: `${p("admins.filter-role")}: ${M.name}`,
-        clear: () => v.value = "all"
-      }), _.value !== "any" && B.push({
+        label: `${d("admins.filter-role")}: ${j.name}`,
+        clear: () => _.value = "all"
+      }), k.value !== "any" && D.push({
         key: "state",
-        label: `${p("admins.filter-state")}: ${_.value === "yes" ? p("admins.only-active") : p("admins.only-inactive")}`,
-        clear: () => _.value = "any"
-      }), B;
+        label: `${d("admins.filter-state")}: ${k.value === "yes" ? d("admins.only-active") : d("admins.only-inactive")}`,
+        clear: () => k.value = "any"
+      }), D;
     });
-    function I() {
-      v.value = "all", _.value = "any";
+    function Y() {
+      _.value = "all", k.value = "any";
     }
-    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 },
-      { key: "is_active", label: p("admins.active"), align: "center", hideBelow: 660 },
+    const U = T(() => F.value ? [{ key: "card", label: "" }] : [
+      { key: "name", label: d("admins.name"), sortable: !0 },
+      { key: "email", label: d("admins.email"), sortable: !0, hideBelow: 560 },
+      { key: "roles", label: d("admins.roles"), hideBelow: 760 },
+      { key: "is_active", label: d("admins.active"), align: "center", hideBelow: 660 },
       {
         key: "last_login_at",
-        label: p("admins.last-login"),
+        label: d("admins.last-login"),
         sortable: !0,
         hideBelow: 900,
         // The first thing to go when a row becomes a card: it is a date somebody scans down a
@@ -750,205 +800,205 @@ const _t = { class: "wx-admin-form" }, bt = {
       {
         key: "actions",
         label: "",
-        width: at,
+        width: ot,
         align: "right",
-        hidden: !s.removable,
+        hidden: !u.removable,
         // A card puts them along its top instead, through the `card-actions` slot.
         hideOnCards: !0
       }
     ]);
-    A.roles().then((B) => f.value = B), ce([v, _], () => q(F));
-    async function q(B) {
-      F = B, y.value = !0;
+    V.roles().then((D) => p.value = D), de([_, k], () => z(O));
+    async function z(D) {
+      O = D, g.value = !0;
       try {
-        x.value = await A.list({
-          q: B.search,
-          role: v.value === "all" ? null : v.value,
-          active: _.value === "any" ? null : _.value,
-          sort: B.sort ? `${B.sort.order === "desc" ? "-" : ""}${B.sort.key}` : "name",
-          page: B.page,
-          per_page: B.perPage
-        }), k();
+        x.value = await V.list({
+          q: D.search,
+          role: _.value === "all" ? null : _.value,
+          active: k.value === "any" ? null : k.value,
+          sort: D.sort ? `${D.sort.order === "desc" ? "-" : ""}${D.sort.key}` : "name",
+          page: D.page,
+          per_page: D.perPage
+        }), f();
       } finally {
-        y.value = !1;
+        g.value = !1;
       }
     }
-    async function k() {
-      const B = s.resolveAvatar;
-      if (B)
-        for (const M of x.value?.data ?? []) {
-          if (!M.avatar || W.value[M.avatar]) continue;
-          const S = await B(M.avatar);
-          S && (W.value = { ...W.value, [M.avatar]: S });
+    async function f() {
+      const D = u.resolveAvatar;
+      if (D)
+        for (const j of x.value?.data ?? []) {
+          if (!j.avatar || C.value[j.avatar]) continue;
+          const P = await D(j.avatar);
+          P && (C.value = { ...C.value, [j.avatar]: P });
         }
     }
-    function R(B) {
+    function L(D) {
       return [
         {
           key: "delete",
           icon: "trash",
-          label: p("admins.delete"),
+          label: d("admins.delete"),
           danger: !0,
-          run: () => g("remove", B)
+          run: () => v("remove", D)
         }
       ];
     }
-    function C(B) {
-      if (s.picking) {
-        g("chosen", [B]);
+    function W(D) {
+      if (u.picking) {
+        v("chosen", [D]);
         return;
       }
-      g("open", B);
+      v("open", D);
     }
-    const X = T(() => !(s.picking && s.multiple));
-    function pe(B, M) {
-      P.value = M, g("selection", M);
+    const te = T(() => !(u.picking && u.multiple));
+    function fe(D, j) {
+      B.value = j, v("selection", j);
     }
-    return u({ reload: () => q(F), chosen: () => P.value }), (B, M) => (h(), Y("div", {
+    return r({ reload: () => z(O), chosen: () => B.value }), (D, j) => (m(), H("div", {
       ref_key: "root",
-      ref: r,
+      ref: o,
       class: "wx-admin-list"
     }, [
-      a(e($e), {
+      a(e(ke), {
         data: x.value,
-        columns: D.value,
+        columns: U.value,
         "row-key": "id",
         searchable: "",
-        clickable: X.value,
-        hover: X.value,
+        clickable: te.value,
+        hover: te.value,
         flush: "",
-        loading: y.value,
-        "search-placeholder": e(p)("admins.search"),
-        "empty-text": e(p)("admins.empty"),
-        selectable: n.picking && n.multiple,
+        loading: g.value,
+        "search-placeholder": e(d)("admins.search"),
+        "empty-text": e(d)("admins.empty"),
+        selectable: s.picking && s.multiple,
         "select-row-label": e(w)("filters.select-row"),
         "select-all-label": e(w)("filters.select-all"),
-        "cards-below": Te,
-        "filters-count": L.value.length,
+        "cards-below": Ue,
+        "filters-count": R.value.length,
         "filters-label": e(w)("filters.title"),
-        onRowClick: C,
-        onStateChange: q,
-        onSelectionChange: pe
-      }, we({
-        "cell-name": t(({ row: S }) => [
+        onRowClick: W,
+        onStateChange: z,
+        onSelectionChange: fe
+      }, Ae({
+        "cell-name": t(({ row: P }) => [
           a(e(se), {
             size: "sm",
             align: "center"
           }, {
             default: t(() => [
-              a(e(it), {
-                name: S.name,
-                src: S.avatar ? W.value[S.avatar] : void 0,
+              a(e(dt), {
+                name: P.name,
+                src: P.avatar ? C.value[P.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              V("span", null, o(S.name), 1),
-              S.is_super ? (h(), $(e(J), {
+              S("span", null, i(P.name), 1),
+              P.is_super ? (m(), b(e(q), {
                 key: 0,
                 type: "warning"
               }, {
                 default: t(() => [
-                  d(o(e(p)("admins.super")), 1)
+                  c(i(e(d)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : E("", !0)
+              })) : I("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-roles": t(({ row: S }) => [
-          S.roles.length > 0 ? (h(), $(e(se), {
+        "cell-roles": t(({ row: P }) => [
+          P.roles.length > 0 ? (m(), b(e(se), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
             default: t(() => [
-              (h(!0), Y(ie, null, _e(S.roles, (ae) => (h(), $(e(J), {
-                key: ae.id
+              (m(!0), H(ue, null, Ce(P.roles, (ie) => (m(), b(e(q), {
+                key: ie.id
               }, {
                 default: t(() => [
-                  d(o(ae.name), 1)
+                  c(i(ie.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 2
-          }, 1024)) : (h(), $(e(O), {
+          }, 1024)) : (m(), b(e(E), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              d(o(e(p)("admins.no-roles")), 1)
+              c(i(e(d)("admins.no-roles")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-is_active": t(({ row: S }) => [
-          a(e(J), {
-            type: S.is_active ? "success" : "default",
+        "cell-is_active": t(({ row: P }) => [
+          a(e(q), {
+            type: P.is_active ? "success" : "default",
             dot: ""
           }, {
             default: t(() => [
-              d(o(S.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
+              c(i(P.is_active ? e(d)("admins.active") : e(d)("admins.only-inactive")), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "card-actions": t(({ row: S }) => [
-          n.removable ? (h(), $(e(Se), {
+        "card-actions": t(({ row: P }) => [
+          s.removable ? (m(), b(e(Se), {
             key: 0,
-            actions: R(S),
-            label: S.name
-          }, null, 8, ["actions", "label"])) : E("", !0)
+            actions: L(P),
+            label: P.name
+          }, null, 8, ["actions", "label"])) : I("", !0)
         ]),
-        "cell-actions": t(({ row: S }) => [
+        "cell-actions": t(({ row: P }) => [
           a(e(Se), {
-            actions: R(S),
-            label: S.name
+            actions: L(P),
+            label: P.name
           }, null, 8, ["actions", "label"])
         ]),
-        "cell-last_login_at": t(({ row: S }) => [
-          a(e(re), {
-            value: S.last_login_at,
-            tone: S.last_login_at ? "default" : "muted",
+        "cell-last_login_at": t(({ row: P }) => [
+          a(e(ae), {
+            value: P.last_login_at,
+            tone: P.last_login_at ? "default" : "muted",
             compact: ""
           }, null, 8, ["value", "tone"])
         ]),
-        "cell-card": t(({ row: S }) => [
-          a(e(Ae), {
+        "cell-card": t(({ row: P }) => [
+          a(e(we), {
             variant: "plain",
             shape: "circle",
-            title: S.name,
-            image: S.avatar ? W.value[S.avatar] : void 0,
-            subtitle: S.email
+            title: P.name,
+            image: P.avatar ? C.value[P.avatar] : void 0,
+            subtitle: P.email
           }, {
             meta: t(() => [
-              S.is_super ? (h(), $(e(J), {
+              P.is_super ? (m(), b(e(q), {
                 key: 0,
                 type: "warning",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(e(p)("admins.super")), 1)
+                  c(i(e(d)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : E("", !0),
-              (h(!0), Y(ie, null, _e(S.roles, (ae) => (h(), $(e(J), {
-                key: ae.id,
+              })) : I("", !0),
+              (m(!0), H(ue, null, Ce(P.roles, (ie) => (m(), b(e(q), {
+                key: ie.id,
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(ae.name), 1)
+                  c(i(ie.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128)),
-              a(e(J), {
-                type: S.is_active ? "success" : "default",
+              a(e(q), {
+                type: P.is_active ? "success" : "default",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(S.is_active ? e(p)("admins.active") : e(p)("admins.only-inactive")), 1)
+                  c(i(P.is_active ? e(d)("admins.active") : e(d)("admins.only-inactive")), 1)
                 ]),
                 _: 2
               }, 1032, ["type"])
@@ -958,410 +1008,410 @@ const _t = { class: "wx-admin-form" }, bt = {
         ]),
         _: 2
       }, [
-        n.filters ? {
+        s.filters ? {
           name: "filters",
           fn: t(() => [
-            a(e(K), {
-              label: e(p)("admins.filter-role")
+            a(e(M), {
+              label: e(d)("admins.filter-role")
             }, {
               default: t(() => [
                 a(e(ne), {
-                  modelValue: v.value,
-                  "onUpdate:modelValue": M[0] || (M[0] = (S) => v.value = S),
-                  options: i.value,
+                  modelValue: _.value,
+                  "onUpdate:modelValue": j[0] || (j[0] = (P) => _.value = P),
+                  options: n.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            a(e(K), {
-              label: e(p)("admins.filter-state")
+            a(e(M), {
+              label: e(d)("admins.filter-state")
             }, {
               default: t(() => [
                 a(e(ne), {
-                  modelValue: _.value,
-                  "onUpdate:modelValue": M[1] || (M[1] = (S) => _.value = S),
-                  options: b.value,
+                  modelValue: k.value,
+                  "onUpdate:modelValue": j[1] || (j[1] = (P) => k.value = P),
+                  options: $.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            L.value.length > 0 ? (h(), $(e(N), {
+            R.value.length > 0 ? (m(), b(e(N), {
               key: 0,
               variant: "text",
               size: "sm",
               block: "",
-              onClick: I
+              onClick: Y
             }, {
               icon: t(() => [
-                a(e(ee), { name: "close" })
+                a(e(Z), { name: "close" })
               ]),
               default: t(() => [
-                d(" " + o(e(w)("filters.reset")), 1)
+                c(" " + i(e(w)("filters.reset")), 1)
               ]),
               _: 1
-            })) : E("", !0)
+            })) : I("", !0)
           ]),
           key: "0"
         } : void 0,
-        n.filters ? {
+        s.filters ? {
           name: "applied",
           fn: t(() => [
-            a(e(De), { filters: L.value }, null, 8, ["filters"])
+            a(e(Me), { filters: R.value }, null, 8, ["filters"])
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "selectable", "select-row-label", "select-all-label", "filters-count", "filters-label"])
     ], 512));
   }
-}), xt = { class: "wx-call-list__details" }, kt = { class: "wx-call-list__label" }, Ct = {
+}), Vt = { class: "wx-call-list__details" }, At = { class: "wx-call-list__label" }, zt = {
   key: 1,
   class: "wx-call-list__arguments"
-}, $t = {
+}, Wt = {
   class: "wx-call-list__glyph",
   "aria-hidden": "true"
-}, At = {
+}, St = {
   key: 2,
   class: "wx-call-list__arguments"
-}, Ue = 480, Vt = /* @__PURE__ */ Q({
+}, Pe = 480, Lt = /* @__PURE__ */ Q({
   __name: "CallList",
-  setup(n, { expose: u }) {
-    const l = Z(), s = he(l);
-    te();
-    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 _(k) {
-      return k === null ? r("calls.local") : k.name ?? r("calls.deleted", { id: k.id });
+  setup(s, { expose: r }) {
+    const l = X(), u = pe(l);
+    ee();
+    const v = oe("root"), y = ge(v), V = T(() => y.value > 0 && y.value < Pe), o = G("webx-auth"), h = G("webx-admin"), F = A(null), d = A({ users: [], tools: [] }), w = A(!1), x = A("all"), p = A("all"), g = A("any");
+    let _ = { page: 1, perPage: 30, sort: null, search: "" };
+    function k(f) {
+      return f === null ? o("calls.local") : f.name ?? o("calls.deleted", { id: f.id });
     }
-    const P = T(() => [
-      { value: "all", label: r("calls.everybody") },
-      ...p.value.users.map((k) => ({
-        value: k.id === null ? "none" : String(k.id),
-        label: _(k.id === null ? null : { id: k.id, name: k.name })
+    const B = T(() => [
+      { value: "all", label: o("calls.everybody") },
+      ...d.value.users.map((f) => ({
+        value: f.id === null ? "none" : String(f.id),
+        label: k(f.id === null ? null : { id: f.id, name: f.name })
       }))
-    ]), W = T(() => [
-      { value: "all", label: r("calls.all-tools") },
-      ...p.value.tools.map((k) => ({ value: k, label: k }))
-    ]), 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({
+    ]), C = T(() => [
+      { value: "all", label: o("calls.all-tools") },
+      ...d.value.tools.map((f) => ({ value: f, label: f }))
+    ]), O = T(() => [
+      { value: "any", label: o("calls.any-outcome") },
+      { value: "ok", label: o("calls.only-answered") },
+      { value: "failed", label: o("calls.only-refused") },
+      { value: "dry", label: o("calls.only-dry") }
+    ]), n = T(() => {
+      const f = [], L = B.value.find((te) => te.value === x.value);
+      x.value !== "all" && L && f.push({
         key: "user",
-        label: `${r("calls.filter-user")}: ${R.label}`,
+        label: `${o("calls.filter-user")}: ${L.label}`,
         clear: () => x.value = "all"
-      }), f.value !== "all" && k.push({
+      }), p.value !== "all" && f.push({
         key: "tool",
-        label: `${r("calls.filter-tool")}: ${f.value}`,
-        clear: () => f.value = "all"
+        label: `${o("calls.filter-tool")}: ${p.value}`,
+        clear: () => p.value = "all"
       });
-      const C = F.value.find((X) => X.value === y.value);
-      return y.value !== "any" && C && k.push({
+      const W = O.value.find((te) => te.value === g.value);
+      return g.value !== "any" && W && f.push({
         key: "outcome",
-        label: `${r("calls.filter-outcome")}: ${C.label}`,
-        clear: () => y.value = "any"
-      }), k;
+        label: `${o("calls.filter-outcome")}: ${W.label}`,
+        clear: () => g.value = "any"
+      }), f;
     });
-    function b() {
-      x.value = "all", f.value = "all", y.value = "any";
+    function $() {
+      x.value = "all", p.value = "all", g.value = "any";
     }
-    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 }
+    const R = T(() => V.value ? [{ key: "card", label: "" }] : [
+      { key: "at", label: o("calls.when") },
+      { key: "user", label: o("calls.who"), hideBelow: 640 },
+      { key: "tool", label: o("calls.tool") },
+      { key: "outcome", label: o("calls.outcome") },
+      { key: "duration_ms", label: o("calls.took"), align: "right", hideBelow: 820 },
+      { key: "client", label: o("calls.client"), hideBelow: 960 }
     ]);
-    ce([x, f, y], () => I({ ...v, page: 1 }));
-    async function I(k) {
-      v = k, w.value = !0;
+    de([x, p, g], () => Y({ ..._, page: 1 }));
+    async function Y(f) {
+      _ = f, w.value = !0;
       try {
-        U.value = await s.calls({
+        F.value = await u.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 = U.value.filters;
+          tool: p.value === "all" ? null : p.value,
+          outcome: g.value === "any" ? null : g.value,
+          page: f.page,
+          per_page: f.perPage
+        }), d.value = F.value.filters;
       } finally {
         w.value = !1;
       }
     }
-    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 U(f) {
+      return f.ok ? f.dry_run ? { type: "info", label: o("calls.dry-run") } : { type: "success", label: o("calls.answered") } : { type: "danger", label: o("calls.refused") };
     }
-    function q(k) {
-      return k.arguments !== null || k.error !== null;
+    function z(f) {
+      return f.arguments !== null || f.error !== null;
     }
-    return u({ reload: () => I(v) }), (k, R) => (h(), Y("div", {
+    return r({ reload: () => Y(_) }), (f, L) => (m(), H("div", {
       ref_key: "root",
-      ref: g,
+      ref: v,
       class: "wx-call-list"
     }, [
-      a(e($e), {
-        data: U.value,
-        columns: L.value,
+      a(e(ke), {
+        data: F.value,
+        columns: R.value,
         "row-key": "id",
         flush: "",
         loading: w.value,
         clickable: !1,
-        expandable: !A.value,
-        "expandable-if": q,
-        "empty-text": e(r)("calls.empty"),
-        "cards-below": Ue,
-        "filters-count": i.value.length,
-        "filters-label": e(m)("filters.title"),
-        onStateChange: I
+        expandable: !V.value,
+        "expandable-if": z,
+        "empty-text": e(o)("calls.empty"),
+        "cards-below": Pe,
+        "filters-count": n.value.length,
+        "filters-label": e(h)("filters.title"),
+        onStateChange: Y
       }, {
         filters: t(() => [
-          a(e(K), {
-            label: e(r)("calls.filter-user")
+          a(e(M), {
+            label: e(o)("calls.filter-user")
           }, {
             default: t(() => [
               a(e(ne), {
                 modelValue: x.value,
-                "onUpdate:modelValue": R[0] || (R[0] = (C) => x.value = C),
-                options: P.value,
+                "onUpdate:modelValue": L[0] || (L[0] = (W) => x.value = W),
+                options: B.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          a(e(K), {
-            label: e(r)("calls.filter-tool")
+          a(e(M), {
+            label: e(o)("calls.filter-tool")
           }, {
             default: t(() => [
               a(e(ne), {
-                modelValue: f.value,
-                "onUpdate:modelValue": R[1] || (R[1] = (C) => f.value = C),
-                options: W.value,
+                modelValue: p.value,
+                "onUpdate:modelValue": L[1] || (L[1] = (W) => p.value = W),
+                options: C.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          a(e(K), {
-            label: e(r)("calls.filter-outcome")
+          a(e(M), {
+            label: e(o)("calls.filter-outcome")
           }, {
             default: t(() => [
               a(e(ne), {
-                modelValue: y.value,
-                "onUpdate:modelValue": R[2] || (R[2] = (C) => y.value = C),
-                options: F.value,
+                modelValue: g.value,
+                "onUpdate:modelValue": L[2] || (L[2] = (W) => g.value = W),
+                options: O.value,
                 size: "sm"
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          i.value.length > 0 ? (h(), $(e(N), {
+          n.value.length > 0 ? (m(), b(e(N), {
             key: 0,
             variant: "text",
             size: "sm",
             block: "",
-            onClick: b
+            onClick: $
           }, {
             icon: t(() => [
-              a(e(ee), { name: "close" })
+              a(e(Z), { name: "close" })
             ]),
             default: t(() => [
-              d(" " + o(e(m)("filters.reset")), 1)
+              c(" " + i(e(h)("filters.reset")), 1)
             ]),
             _: 1
-          })) : E("", !0)
+          })) : I("", !0)
         ]),
         applied: t(() => [
-          a(e(De), { filters: i.value }, null, 8, ["filters"])
+          a(e(Me), { filters: n.value }, null, 8, ["filters"])
         ]),
-        "cell-at": t(({ row: C }) => [
-          a(e(re), {
-            value: C.at,
+        "cell-at": t(({ row: W }) => [
+          a(e(ae), {
+            value: W.at,
             tone: "default",
             compact: ""
           }, null, 8, ["value"])
         ]),
-        "cell-user": t(({ row: C }) => [
-          a(e(O), {
-            tone: C.user === null || C.user.name === null ? "muted" : "default"
+        "cell-user": t(({ row: W }) => [
+          a(e(E), {
+            tone: W.user === null || W.user.name === null ? "muted" : "default"
           }, {
             default: t(() => [
-              d(o(_(C.user)), 1)
+              c(i(k(W.user)), 1)
             ]),
             _: 2
           }, 1032, ["tone"])
         ]),
-        "cell-tool": t(({ row: C }) => [
-          a(e(O), {
+        "cell-tool": t(({ row: W }) => [
+          a(e(E), {
             mono: "",
             size: "sm"
           }, {
             default: t(() => [
-              d(o(C.tool), 1)
+              c(i(W.tool), 1)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-outcome": t(({ row: C }) => [
-          a(e(J), {
-            type: D(C).type,
+        "cell-outcome": t(({ row: W }) => [
+          a(e(q), {
+            type: U(W).type,
             dot: ""
           }, {
             default: t(() => [
-              d(o(D(C).label), 1)
+              c(i(U(W).label), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "cell-duration_ms": t(({ row: C }) => [
-          a(e(O), {
+        "cell-duration_ms": t(({ row: W }) => [
+          a(e(E), {
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              d(o(e(r)("calls.ms", { count: C.duration_ms })), 1)
+              c(i(e(o)("calls.ms", { count: W.duration_ms })), 1)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-client": t(({ row: C }) => [
-          C.client ? (h(), $(e(O), {
+        "cell-client": t(({ row: W }) => [
+          W.client ? (m(), b(e(E), {
             key: 0,
             size: "sm"
           }, {
             default: t(() => [
-              d(o(C.client), 1)
+              c(i(W.client), 1)
             ]),
             _: 2
-          }, 1024)) : (h(), $(e(O), {
+          }, 1024)) : (m(), b(e(E), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
-            default: t(() => [...R[3] || (R[3] = [
-              d("—", -1)
+            default: t(() => [...L[3] || (L[3] = [
+              c("—", -1)
             ])]),
             _: 1
           }))
         ]),
-        expanded: t(({ row: C }) => [
-          V("div", xt, [
-            C.error ? (h(), $(e(O), {
+        expanded: t(({ row: W }) => [
+          S("div", Vt, [
+            W.error ? (m(), b(e(E), {
               key: 0,
               tone: "danger",
               size: "sm",
               class: "wx-call-list__error"
             }, {
               default: t(() => [
-                V("strong", null, o(e(r)("calls.error")) + ":", 1),
-                d(" " + o(C.error), 1)
+                S("strong", null, i(e(o)("calls.error")) + ":", 1),
+                c(" " + i(W.error), 1)
               ]),
               _: 2
-            }, 1024)) : E("", !0),
-            V("div", kt, [
-              a(e(O), {
+            }, 1024)) : I("", !0),
+            S("div", At, [
+              a(e(E), {
                 size: "sm",
                 weight: "semibold"
               }, {
                 default: t(() => [
-                  d(o(e(r)("calls.request")), 1)
+                  c(i(e(o)("calls.request")), 1)
                 ]),
                 _: 1
               }),
-              a(e(O), {
+              a(e(E), {
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(r)("calls.request-hint")), 1)
+                  c(i(e(o)("calls.request-hint")), 1)
                 ]),
                 _: 1
               })
             ]),
-            C.arguments ? (h(), Y("pre", Ct, o(C.arguments), 1)) : (h(), $(e(O), {
+            W.arguments ? (m(), H("pre", zt, i(W.arguments), 1)) : (m(), b(e(E), {
               key: 2,
               size: "sm",
               tone: "muted"
             }, {
               default: t(() => [
-                d(o(e(r)("calls.no-arguments")), 1)
+                c(i(e(o)("calls.no-arguments")), 1)
               ]),
               _: 1
             }))
           ])
         ]),
-        "cell-card": t(({ row: C }) => [
-          a(e(Ae), {
+        "cell-card": t(({ row: W }) => [
+          a(e(we), {
             variant: "plain",
-            title: C.tool,
-            subtitle: _(C.user)
+            title: W.tool,
+            subtitle: k(W.user)
           }, {
             media: t(() => [
-              V("span", $t, [
-                a(e(ee), { name: "sliders" })
+              S("span", Wt, [
+                a(e(Z), { name: "sliders" })
               ])
             ]),
             meta: t(() => [
-              a(e(J), {
-                type: D(C).type,
+              a(e(q), {
+                type: U(W).type,
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(D(C).label), 1)
+                  c(i(U(W).label), 1)
                 ]),
                 _: 2
               }, 1032, ["type"]),
-              a(e(re), {
-                value: C.at,
+              a(e(ae), {
+                value: W.at,
                 compact: ""
               }, null, 8, ["value"]),
-              C.client ? (h(), $(e(O), {
+              W.client ? (m(), b(e(E), {
                 key: 0,
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(C.client), 1)
+                  c(i(W.client), 1)
                 ]),
                 _: 2
-              }, 1024)) : E("", !0)
+              }, 1024)) : I("", !0)
             ]),
             default: t(() => [
-              q(C) ? (h(), $(e(se), {
+              z(W) ? (m(), b(e(se), {
                 key: 0,
                 direction: "vertical",
                 size: "xs",
                 class: "wx-call-list__card-details"
               }, {
                 default: t(() => [
-                  C.error ? (h(), $(e(O), {
+                  W.error ? (m(), b(e(E), {
                     key: 0,
                     tone: "danger",
                     size: "sm"
                   }, {
                     default: t(() => [
-                      d(o(C.error), 1)
+                      c(i(W.error), 1)
                     ]),
                     _: 2
-                  }, 1024)) : E("", !0),
-                  C.arguments ? (h(), $(e(O), {
+                  }, 1024)) : I("", !0),
+                  W.arguments ? (m(), b(e(E), {
                     key: 1,
                     size: "xs",
                     tone: "muted"
                   }, {
                     default: t(() => [
-                      d(o(e(r)("calls.request")), 1)
+                      c(i(e(o)("calls.request")), 1)
                     ]),
                     _: 1
-                  })) : E("", !0),
-                  C.arguments ? (h(), Y("pre", At, o(C.arguments), 1)) : E("", !0)
+                  })) : I("", !0),
+                  W.arguments ? (m(), H("pre", St, i(W.arguments), 1)) : I("", !0)
                 ]),
                 _: 2
-              }, 1024)) : E("", !0)
+              }, 1024)) : I("", !0)
             ]),
             _: 2
           }, 1032, ["title", "subtitle"])
@@ -1371,111 +1421,111 @@ const _t = { class: "wx-admin-form" }, bt = {
     ], 512));
   }
 });
-function zt(n) {
-  const u = `${n.apiPath}/auth/connections`;
+function Tt(s) {
+  const r = `${s.apiPath}/auth/connections`;
   return {
-    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
+    list: (l = "mine") => s.http.get(r, { query: { all: l === "all" ? 1 : void 0 } }).then((u) => ({
+      data: u.data,
+      scope: u.meta.scope,
+      canSeeEverybody: u.meta.can_see_everybody
     })),
-    disconnect: (l) => n.http.delete(`${u}/${l}`).then((s) => s.data)
+    disconnect: (l) => s.http.delete(`${r}/${l}`).then((u) => u.data)
   };
 }
-const St = {
+const Ut = {
   class: "wx-connection-list__glyph",
   "aria-hidden": "true"
-}, Pe = 560, Je = /* @__PURE__ */ Q({
+}, Fe = 560, Ze = /* @__PURE__ */ Q({
   __name: "ConnectionList",
   props: {
     scope: { default: "mine" }
   },
-  setup(n, { expose: u }) {
-    const l = n, s = Z(), g = zt(s);
-    te();
-    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 },
-      { key: "connected_at", label: c("connections.connected"), hideBelow: 860 },
-      { key: "last_used_at", label: c("connections.last-used"), minWidth: 130 },
+  setup(s, { expose: r }) {
+    const l = s, u = X(), v = Tt(u);
+    ee();
+    const y = G("webx-auth"), V = re(), o = oe("root"), h = ge(o), F = T(() => h.value > 0 && h.value < Fe), d = A([]), w = A(!1), x = A(null), p = T(() => F.value ? [{ key: "card", label: "" }] : [
+      { key: "client", label: y("connections.client"), minWidth: 210 },
+      ...l.scope === "all" ? [{ key: "user", label: y("connections.who"), minWidth: 140 }] : [],
+      { key: "read_only", label: y("connections.allowed"), minWidth: 160 },
+      { key: "connected_at", label: y("connections.connected"), hideBelow: 860 },
+      { key: "last_used_at", label: y("connections.last-used"), minWidth: 130 },
       { key: "end", label: "", align: "right", width: 140 }
     ]);
-    function y(W) {
-      return W.user.name ?? c("calls.deleted", { id: W.user.id });
+    function g(C) {
+      return C.user.name ?? y("calls.deleted", { id: C.user.id });
     }
-    function v(W) {
-      if (W.read_only) return c("connections.read-only");
-      if (l.scope !== "all") return c("connections.full-you");
-      const F = W.user.name?.split(" ")[0];
-      return c("connections.full", { name: F || y(W) });
+    function _(C) {
+      if (C.read_only) return y("connections.read-only");
+      if (l.scope !== "all") return y("connections.full-you");
+      const O = C.user.name?.split(" ")[0];
+      return y("connections.full", { name: O || g(C) });
     }
-    async function _() {
+    async function k() {
       w.value = !0;
       try {
-        p.value = (await g.list(l.scope)).data;
-      } catch (W) {
-        G.danger(A(W));
+        d.value = (await v.list(l.scope)).data;
+      } catch (C) {
+        K.danger(V(C));
       } finally {
         w.value = !1;
       }
     }
-    async function P(W) {
-      if (await Ne({
-        title: c("connections.confirm-title", { client: W.client }),
-        message: c("connections.confirm-text"),
-        confirmText: c("connections.confirm"),
-        cancelText: c("connections.cancel"),
+    async function B(C) {
+      if (await ze({
+        title: y("connections.confirm-title", { client: C.client }),
+        message: y("connections.confirm-text"),
+        confirmText: y("connections.confirm"),
+        cancelText: y("connections.cancel"),
         tone: "danger"
       })) {
-        x.value = W.id;
+        x.value = C.id;
         try {
-          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));
+          const n = await v.disconnect(C.id);
+          d.value = d.value.map(($) => $.id === n.id ? n : $), K.success(y("connections.done", { client: C.client }));
+        } catch (n) {
+          K.danger(V(n));
         } finally {
           x.value = null;
         }
       }
     }
-    return ce(() => l.scope, _, { immediate: !0 }), u({ reload: _ }), (W, F) => (h(), Y("div", {
+    return de(() => l.scope, k, { immediate: !0 }), r({ reload: k }), (C, O) => (m(), H("div", {
       ref_key: "root",
-      ref: r,
+      ref: o,
       class: "wx-connection-list"
     }, [
-      a(e($e), {
-        data: p.value,
-        columns: f.value,
+      a(e(ke), {
+        data: d.value,
+        columns: p.value,
         "row-key": "id",
         flush: "",
         loading: w.value,
         clickable: !1,
-        "empty-text": n.scope === "all" ? e(c)("connections.empty-all") : e(c)("connections.empty"),
-        "cards-below": Pe,
-        "row-class": (i) => i.revoked_at ? "is-ended" : ""
+        "empty-text": s.scope === "all" ? e(y)("connections.empty-all") : e(y)("connections.empty"),
+        "cards-below": Fe,
+        "row-class": (n) => n.revoked_at ? "is-ended" : ""
       }, {
-        "cell-client": t(({ row: i }) => [
+        "cell-client": t(({ row: n }) => [
           a(e(se), {
             direction: "vertical",
             size: "none"
           }, {
             default: t(() => [
-              a(e(O), {
-                tone: i.revoked_at ? "muted" : "default",
+              a(e(E), {
+                tone: n.revoked_at ? "muted" : "default",
                 weight: "medium"
               }, {
                 default: t(() => [
-                  d(o(i.client), 1)
+                  c(i(n.client), 1)
                 ]),
                 _: 2
               }, 1032, ["tone"]),
-              a(e(O), {
+              a(e(E), {
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(c)("connections.returns-to", { host: i.host })), 1)
+                  c(i(e(y)("connections.returns-to", { host: n.host })), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1483,145 +1533,145 @@ const St = {
             _: 2
           }, 1024)
         ]),
-        "cell-user": t(({ row: i }) => [
-          a(e(O), {
-            tone: i.user.name === null ? "muted" : "default"
+        "cell-user": t(({ row: n }) => [
+          a(e(E), {
+            tone: n.user.name === null ? "muted" : "default"
           }, {
             default: t(() => [
-              d(o(y(i)), 1)
+              c(i(g(n)), 1)
             ]),
             _: 2
           }, 1032, ["tone"])
         ]),
-        "cell-read_only": t(({ row: i }) => [
-          i.revoked_at ? (h(), $(e(J), {
+        "cell-read_only": t(({ row: n }) => [
+          n.revoked_at ? (m(), b(e(q), {
             key: 0,
             type: "default",
             dot: ""
           }, {
             default: t(() => [
-              d(o(e(c)("connections.disconnected")), 1)
+              c(i(e(y)("connections.disconnected")), 1)
             ]),
             _: 1
-          })) : (h(), $(e(J), {
+          })) : (m(), b(e(q), {
             key: 1,
-            type: i.read_only ? "info" : "success",
+            type: n.read_only ? "info" : "success",
             dot: ""
           }, {
             default: t(() => [
-              d(o(v(i)), 1)
+              c(i(_(n)), 1)
             ]),
             _: 2
           }, 1032, ["type"]))
         ]),
-        "cell-connected_at": t(({ row: i }) => [
-          a(e(re), {
-            value: i.connected_at,
+        "cell-connected_at": t(({ row: n }) => [
+          a(e(ae), {
+            value: n.connected_at,
             tone: "muted",
             compact: ""
           }, null, 8, ["value"])
         ]),
-        "cell-last_used_at": t(({ row: i }) => [
-          i.last_used_at ? (h(), $(e(re), {
+        "cell-last_used_at": t(({ row: n }) => [
+          n.last_used_at ? (m(), b(e(ae), {
             key: 0,
-            value: i.last_used_at,
+            value: n.last_used_at,
             tone: "default",
             compact: ""
-          }, null, 8, ["value"])) : (h(), $(e(O), {
+          }, null, 8, ["value"])) : (m(), b(e(E), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              d(o(e(c)("connections.never-used")), 1)
+              c(i(e(y)("connections.never-used")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-end": t(({ row: i }) => [
-          i.revoked_at ? E("", !0) : (h(), $(e(N), {
+        "cell-end": t(({ row: n }) => [
+          n.revoked_at ? I("", !0) : (m(), b(e(N), {
             key: 0,
             type: "danger",
             variant: "text",
             size: "sm",
-            loading: x.value === i.id,
-            onClick: (b) => P(i)
+            loading: x.value === n.id,
+            onClick: ($) => B(n)
           }, {
             default: t(() => [
-              d(o(e(c)("connections.disconnect")), 1)
+              c(i(e(y)("connections.disconnect")), 1)
             ]),
             _: 1
           }, 8, ["loading", "onClick"]))
         ]),
-        "cell-card": t(({ row: i }) => [
-          a(e(Ae), {
+        "cell-card": t(({ row: n }) => [
+          a(e(we), {
             variant: "plain",
-            title: i.client,
-            subtitle: e(c)("connections.returns-to", { host: i.host })
+            title: n.client,
+            subtitle: e(y)("connections.returns-to", { host: n.host })
           }, {
             media: t(() => [
-              V("span", St, [
-                a(e(ee), { name: "link" })
+              S("span", Ut, [
+                a(e(Z), { name: "link" })
               ])
             ]),
             meta: t(() => [
-              i.revoked_at ? (h(), $(e(J), {
+              n.revoked_at ? (m(), b(e(q), {
                 key: 0,
                 type: "default",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(e(c)("connections.disconnected")), 1)
+                  c(i(e(y)("connections.disconnected")), 1)
                 ]),
                 _: 1
-              })) : (h(), $(e(J), {
+              })) : (m(), b(e(q), {
                 key: 1,
-                type: i.read_only ? "info" : "success",
+                type: n.read_only ? "info" : "success",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  d(o(v(i)), 1)
+                  c(i(_(n)), 1)
                 ]),
                 _: 2
               }, 1032, ["type"])),
-              n.scope === "all" ? (h(), $(e(O), {
+              s.scope === "all" ? (m(), b(e(E), {
                 key: 2,
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(y(i)), 1)
+                  c(i(g(n)), 1)
                 ]),
                 _: 2
-              }, 1024)) : E("", !0),
-              i.last_used_at ? (h(), $(e(re), {
+              }, 1024)) : I("", !0),
+              n.last_used_at ? (m(), b(e(ae), {
                 key: 3,
-                value: i.last_used_at,
+                value: n.last_used_at,
                 compact: ""
-              }, null, 8, ["value"])) : (h(), $(e(O), {
+              }, null, 8, ["value"])) : (m(), b(e(E), {
                 key: 4,
                 size: "xs",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(c)("connections.never-used")), 1)
+                  c(i(e(y)("connections.never-used")), 1)
                 ]),
                 _: 1
               }))
             ]),
             actions: t(() => [
-              i.revoked_at ? E("", !0) : (h(), $(e(N), {
+              n.revoked_at ? I("", !0) : (m(), b(e(N), {
                 key: 0,
                 type: "danger",
                 variant: "text",
                 size: "sm",
-                loading: x.value === i.id,
-                onClick: (b) => P(i)
+                loading: x.value === n.id,
+                onClick: ($) => B(n)
               }, {
                 default: t(() => [
-                  d(o(e(c)("connections.disconnect")), 1)
+                  c(i(e(y)("connections.disconnect")), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "onClick"]))
@@ -1633,7 +1683,563 @@ const St = {
       }, 8, ["data", "columns", "loading", "empty-text", "row-class"])
     ], 512));
   }
-}), Lt = /* @__PURE__ */ Q({
+});
+async function et(s) {
+  try {
+    if (navigator.clipboard?.writeText)
+      return await navigator.clipboard.writeText(s), !0;
+  } catch {
+  }
+  return Pt(s);
+}
+function Pt(s) {
+  const r = document.createElement("textarea");
+  r.value = s, r.setAttribute("readonly", ""), r.style.position = "fixed", r.style.opacity = "0", document.body.append(r), r.select();
+  try {
+    return document.execCommand("copy");
+  } catch {
+    return !1;
+  } finally {
+    r.remove();
+  }
+}
+function tt(s) {
+  const r = `${s.apiPath}/auth/keys`;
+  return {
+    list: () => s.http.get(r).then((l) => ({
+      data: l.data,
+      scopes: l.meta.scopes,
+      maxDays: l.meta.max_days
+    })),
+    issue: (l) => s.http.post(r, l).then((u) => ({ key: u.data, token: u.token })),
+    revoke: (l) => s.http.delete(`${r}/${l}`).then((u) => u.data)
+  };
+}
+const Ft = {
+  key: 0,
+  class: "wx-key-dialog"
+}, Rt = { class: "wx-key-dialog__secret" }, Ot = {
+  key: 1,
+  class: "wx-key-dialog"
+}, Bt = /* @__PURE__ */ Q({
+  __name: "KeyDialog",
+  setup(s) {
+    const { open: r, resolve: l, dismiss: u } = _e(), v = X(), y = tt(v), V = pe(v);
+    ee();
+    const o = G("webx-auth"), h = re(), F = [30, 90, 365, 1095, 3650], d = A({
+      name: "",
+      admin: null,
+      access: "everything",
+      scopes: [],
+      days: 365
+    }), w = A([]), x = A([]), p = A(!1), g = A({}), _ = A(null), k = A(!1), B = T(
+      () => w.value.filter((z) => z !== "mcp:use").map((z) => ({ value: z, label: z }))
+    ), C = T(() => [
+      { value: "everything", label: o("keys.everything") },
+      { value: "chosen", label: o("keys.chosen") }
+    ]), O = T(
+      () => F.map((z) => ({ value: z, label: o(`keys.days-${z}`) }))
+    ), n = T(() => {
+      const z = v.state.manifest?.modules.find((f) => f.id === "connect")?.meta;
+      return typeof z?.url == "string" ? z.url : "";
+    });
+    y.list().then(
+      (z) => w.value = z.scopes,
+      (z) => K.danger(h(z))
+    ), V.list({ active: "yes", per_page: 100, sort: "name" }).then(
+      (z) => x.value = z.data.map((f) => ({
+        value: f.id,
+        label: `${f.name} · ${f.email}`
+      })),
+      (z) => K.danger(h(z))
+    );
+    function $(z) {
+      return g.value[z]?.[0] ?? g.value[`${z}.0`]?.[0];
+    }
+    async function R() {
+      if (g.value = {}, d.value.access === "chosen" && d.value.scopes.length === 0) {
+        g.value = { scopes: [o("keys.scopes-required")] };
+        return;
+      }
+      p.value = !0;
+      try {
+        _.value = await y.issue({
+          name: d.value.name,
+          admin: d.value.admin ?? 0,
+          scopes: d.value.access === "chosen" ? d.value.scopes : [],
+          days: d.value.days
+        });
+      } catch (z) {
+        const f = z.body;
+        f?.errors ? g.value = f.errors : K.danger(h(z));
+      } finally {
+        p.value = !1;
+      }
+    }
+    async function Y() {
+      _.value !== null && (await et(_.value.token) ? k.value = !0 : K.danger(o("keys.copy-failed")));
+    }
+    function U() {
+      _.value ? l(_.value.key) : u();
+    }
+    return (z, f) => (m(), b(e(be), {
+      open: e(r),
+      title: _.value ? e(o)("keys.issued-title") : e(o)("keys.issue"),
+      width: 640,
+      "onUpdate:open": f[5] || (f[5] = (L) => L ? void 0 : U())
+    }, {
+      footer: t(() => [
+        a(e(se), { size: "sm" }, {
+          default: t(() => [
+            _.value ? (m(), b(e(N), {
+              key: 0,
+              type: "primary",
+              onClick: U
+            }, {
+              default: t(() => [
+                c(i(e(o)("keys.done")), 1)
+              ]),
+              _: 1
+            })) : (m(), H(ue, { key: 1 }, [
+              a(e(N), {
+                variant: "outline",
+                onClick: U
+              }, {
+                default: t(() => [
+                  c(i(e(o)("keys.cancel")), 1)
+                ]),
+                _: 1
+              }),
+              a(e(N), {
+                type: "primary",
+                loading: p.value,
+                onClick: R
+              }, {
+                default: t(() => [
+                  c(i(e(o)("keys.issue-short")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ], 64))
+          ]),
+          _: 1
+        })
+      ]),
+      default: t(() => [
+        _.value ? (m(), H("div", Ft, [
+          a(e(qe), {
+            type: "warning",
+            closable: !1
+          }, {
+            default: t(() => [
+              c(i(e(o)("keys.issued-text")), 1)
+            ]),
+            _: 1
+          }),
+          a(e(M), {
+            label: e(o)("keys.secret")
+          }, {
+            default: t(() => [
+              S("div", Rt, [
+                a(e(le), {
+                  "model-value": _.value.token,
+                  readonly: "",
+                  name: "token"
+                }, null, 8, ["model-value"]),
+                a(e(N), {
+                  type: "primary",
+                  onClick: Y
+                }, {
+                  icon: t(() => [
+                    a(e(Z), {
+                      name: k.value ? "check" : "copy"
+                    }, null, 8, ["name"])
+                  ]),
+                  default: t(() => [
+                    c(" " + i(k.value ? e(o)("keys.copied") : e(o)("keys.copy")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          n.value ? (m(), b(e(M), {
+            key: 0,
+            label: e(o)("keys.address")
+          }, {
+            default: t(() => [
+              a(e(le), {
+                "model-value": n.value,
+                readonly: "",
+                name: "address"
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+          }, 8, ["label"])) : I("", !0),
+          a(e(E), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              c(i(e(o)("keys.header-hint")), 1)
+            ]),
+            _: 1
+          })
+        ])) : (m(), H("div", Ot, [
+          a(e(E), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              c(i(e(o)("keys.lead")), 1)
+            ]),
+            _: 1
+          }),
+          a(e(M), {
+            label: e(o)("keys.name"),
+            error: $("name"),
+            help: e(o)("keys.name-hint")
+          }, {
+            default: t(() => [
+              a(e(le), {
+                modelValue: d.value.name,
+                "onUpdate:modelValue": f[0] || (f[0] = (L) => d.value.name = L),
+                name: "name",
+                autocomplete: "off"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error", "help"]),
+          a(e(M), {
+            label: e(o)("keys.who"),
+            error: $("admin"),
+            help: e(o)("keys.who-hint")
+          }, {
+            default: t(() => [
+              a(e(ne), {
+                modelValue: d.value.admin,
+                "onUpdate:modelValue": f[1] || (f[1] = (L) => d.value.admin = L),
+                options: x.value,
+                filterable: "",
+                name: "admin"
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label", "error", "help"]),
+          a(e(M), {
+            label: e(o)("keys.allowed")
+          }, {
+            default: t(() => [
+              a(e(mt), {
+                modelValue: d.value.access,
+                "onUpdate:modelValue": f[2] || (f[2] = (L) => d.value.access = L),
+                options: C.value,
+                name: "access"
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          d.value.access === "chosen" ? (m(), b(e(M), {
+            key: 0,
+            label: e(o)("keys.scopes"),
+            error: $("scopes"),
+            help: e(o)("keys.scopes-hint")
+          }, {
+            default: t(() => [
+              a(e(ne), {
+                modelValue: d.value.scopes,
+                "onUpdate:modelValue": f[3] || (f[3] = (L) => d.value.scopes = L),
+                options: B.value,
+                multiple: "",
+                filterable: "",
+                name: "scopes"
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label", "error", "help"])) : I("", !0),
+          a(e(M), {
+            label: e(o)("keys.lifetime"),
+            error: $("days"),
+            help: e(o)("keys.lifetime-hint")
+          }, {
+            default: t(() => [
+              a(e(ne), {
+                modelValue: d.value.days,
+                "onUpdate:modelValue": f[4] || (f[4] = (L) => d.value.days = L),
+                options: O.value,
+                name: "days"
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label", "error", "help"])
+        ]))
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Et = {
+  class: "wx-key-list__glyph",
+  "aria-hidden": "true"
+}, Re = 560, It = /* @__PURE__ */ Q({
+  __name: "KeyList",
+  setup(s, { expose: r }) {
+    const l = X(), u = tt(l);
+    ee();
+    const v = G("webx-auth"), y = re(), V = oe("root"), o = ge(V), h = T(() => o.value > 0 && o.value < Re), F = A([]), d = A(!1), w = A(null), x = T(() => h.value ? [{ key: "card", label: "" }] : [
+      { key: "name", label: v("keys.name"), minWidth: 200 },
+      { key: "user", label: v("keys.who"), minWidth: 140 },
+      { key: "scopes", label: v("keys.allowed"), minWidth: 180 },
+      { key: "expires_at", label: v("keys.expires"), minWidth: 120 },
+      { key: "last_used_at", label: v("keys.last-used"), minWidth: 120, hideBelow: 860 },
+      { key: "end", label: "", align: "right", width: 120 }
+    ]);
+    function p(C) {
+      return C.user.name ?? v("keys.deleted", { id: C.user.id });
+    }
+    function g(C) {
+      return C.created_by?.name ? v("keys.issued-by", { name: C.created_by.name }) : v("keys.issued-console");
+    }
+    function _(C) {
+      return C.everything ? v("keys.full", { name: C.user.name?.split(" ")[0] || p(C) }) : C.scopes.join(", ");
+    }
+    async function k() {
+      d.value = !0;
+      try {
+        F.value = (await u.list()).data;
+      } catch (C) {
+        K.danger(y(C));
+      } finally {
+        d.value = !1;
+      }
+    }
+    async function B(C) {
+      if (await ze({
+        title: v("keys.confirm-title", { name: C.name }),
+        message: v("keys.confirm-text"),
+        confirmText: v("keys.confirm"),
+        cancelText: v("keys.cancel"),
+        tone: "danger"
+      })) {
+        w.value = C.id;
+        try {
+          const n = await u.revoke(C.id);
+          F.value = F.value.map(($) => $.id === n.id ? n : $), K.success(v("keys.revoked-done", { name: C.name }));
+        } catch (n) {
+          K.danger(y(n));
+        } finally {
+          w.value = null;
+        }
+      }
+    }
+    return Ie(k), r({ reload: k }), (C, O) => (m(), H("div", {
+      ref_key: "root",
+      ref: V,
+      class: "wx-key-list"
+    }, [
+      a(e(ke), {
+        data: F.value,
+        columns: x.value,
+        "row-key": "id",
+        flush: "",
+        loading: d.value,
+        clickable: !1,
+        "empty-text": e(v)("keys.empty"),
+        "cards-below": Re,
+        "row-class": (n) => n.state === "live" ? "" : "is-ended"
+      }, {
+        "cell-name": t(({ row: n }) => [
+          a(e(se), {
+            direction: "vertical",
+            size: "none"
+          }, {
+            default: t(() => [
+              a(e(E), {
+                tone: n.state === "live" ? "default" : "muted",
+                weight: "medium"
+              }, {
+                default: t(() => [
+                  c(i(n.name), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"]),
+              a(e(E), {
+                size: "xs",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  c(i(g(n)) + " · ", 1),
+                  a(e(ae), {
+                    value: n.created_at,
+                    tone: "muted",
+                    compact: ""
+                  }, null, 8, ["value"])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        "cell-user": t(({ row: n }) => [
+          a(e(E), {
+            tone: n.user.name === null ? "muted" : "default"
+          }, {
+            default: t(() => [
+              c(i(p(n)), 1)
+            ]),
+            _: 2
+          }, 1032, ["tone"])
+        ]),
+        "cell-scopes": t(({ row: n }) => [
+          n.state === "revoked" ? (m(), b(e(q), {
+            key: 0,
+            type: "default",
+            dot: ""
+          }, {
+            default: t(() => [
+              c(i(e(v)("keys.revoked")), 1)
+            ]),
+            _: 1
+          })) : n.state === "expired" ? (m(), b(e(q), {
+            key: 1,
+            type: "default",
+            dot: ""
+          }, {
+            default: t(() => [
+              c(i(e(v)("keys.expired")), 1)
+            ]),
+            _: 1
+          })) : (m(), b(e(q), {
+            key: 2,
+            type: n.everything ? "success" : "info",
+            dot: ""
+          }, {
+            default: t(() => [
+              c(i(_(n)), 1)
+            ]),
+            _: 2
+          }, 1032, ["type"]))
+        ]),
+        "cell-expires_at": t(({ row: n }) => [
+          n.expires_at ? (m(), b(e(ae), {
+            key: 0,
+            value: n.expires_at,
+            compact: ""
+          }, null, 8, ["value"])) : I("", !0)
+        ]),
+        "cell-last_used_at": t(({ row: n }) => [
+          n.last_used_at ? (m(), b(e(ae), {
+            key: 0,
+            value: n.last_used_at,
+            compact: ""
+          }, null, 8, ["value"])) : (m(), b(e(E), {
+            key: 1,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              c(i(e(v)("keys.never-used")), 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        "cell-end": t(({ row: n }) => [
+          n.state === "live" ? (m(), b(e(N), {
+            key: 0,
+            type: "danger",
+            variant: "text",
+            size: "sm",
+            loading: w.value === n.id,
+            onClick: ($) => B(n)
+          }, {
+            default: t(() => [
+              c(i(e(v)("keys.revoke")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading", "onClick"])) : I("", !0)
+        ]),
+        "cell-card": t(({ row: n }) => [
+          a(e(we), {
+            variant: "plain",
+            title: n.name,
+            subtitle: p(n)
+          }, {
+            media: t(() => [
+              S("span", Et, [
+                a(e(Z), { name: "lock" })
+              ])
+            ]),
+            meta: t(() => [
+              n.state === "revoked" ? (m(), b(e(q), {
+                key: 0,
+                type: "default",
+                dot: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  c(i(e(v)("keys.revoked")), 1)
+                ]),
+                _: 1
+              })) : n.state === "expired" ? (m(), b(e(q), {
+                key: 1,
+                type: "default",
+                dot: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  c(i(e(v)("keys.expired")), 1)
+                ]),
+                _: 1
+              })) : (m(), b(e(q), {
+                key: 2,
+                type: n.everything ? "success" : "info",
+                dot: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  c(i(_(n)), 1)
+                ]),
+                _: 2
+              }, 1032, ["type"])),
+              n.expires_at ? (m(), b(e(E), {
+                key: 3,
+                size: "xs",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  c(i(e(v)("keys.until")) + " ", 1),
+                  a(e(ae), {
+                    value: n.expires_at,
+                    compact: ""
+                  }, null, 8, ["value"])
+                ]),
+                _: 2
+              }, 1024)) : I("", !0)
+            ]),
+            actions: t(() => [
+              n.state === "live" ? (m(), b(e(N), {
+                key: 0,
+                type: "danger",
+                variant: "text",
+                size: "sm",
+                loading: w.value === n.id,
+                onClick: ($) => B(n)
+              }, {
+                default: t(() => [
+                  c(i(e(v)("keys.revoke")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "onClick"])) : I("", !0)
+            ]),
+            _: 2
+          }, 1032, ["title", "subtitle"])
+        ]),
+        _: 1
+      }, 8, ["data", "columns", "loading", "empty-text", "row-class"])
+    ], 512));
+  }
+}), Dt = /* @__PURE__ */ Q({
   __name: "AdminsPage",
   props: {
     base: { default: "/admins" },
@@ -1641,259 +2247,257 @@ const St = {
     avatarField: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
-  setup(n) {
-    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 = 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);
+  setup(s) {
+    const r = s, l = X(), u = pe(l), v = r.avatarField ?? Ye(l) ?? void 0, y = r.resolveAvatar ?? Je(l) ?? void 0, V = rt(), o = ct();
+    ee();
+    const h = G("webx-auth"), F = re(), d = oe("list"), w = oe("keys"), x = A(null), p = he($t), g = he(Bt), _ = l.can("admins.manage"), k = l.can("admins.audit"), B = T(
+      () => l.state.manifest?.modules.find((U) => U.id === "admins")?.title ?? h("admins.title")
+    ), C = T(() => {
+      const U = [{ value: "admins", label: B.value }];
+      return k && U.push({ value: "calls", label: h("calls.title") }), _ && U.push({ value: "connections", label: h("connections.title") }), _ && U.push({ value: "keys", label: h("keys.title") }), U.length > 1 ? U : void 0;
+    }), O = T({
+      get: () => r.current,
+      set: (U) => {
+        const z = U === "admins" ? r.base : `${r.base}/${String(U)}`;
+        z !== o.path && V.push(z);
       }
-    }), W = T(
-      () => f && u.current === "admins" ? [
-        {
-          key: "new",
-          label: m("admins.new-short"),
-          icon: "plus",
-          primary: !0,
-          run: () => {
-            F(null);
-          }
+    }), n = T(() => _ ? r.current === "admins" ? [
+      {
+        key: "new",
+        label: h("admins.new-short"),
+        icon: "plus",
+        primary: !0,
+        run: () => {
+          R(null);
         }
-      ] : []
-    );
-    async function F(b) {
-      w.value = b, await x({ admin: b, avatarField: g }) && p.value?.reload();
+      }
+    ] : r.current === "keys" ? [
+      {
+        key: "issue",
+        label: h("keys.issue-short"),
+        icon: "plus",
+        primary: !0,
+        run: () => {
+          $();
+        }
+      }
+    ] : [] : []);
+    async function $() {
+      await g() && w.value?.reload();
+    }
+    async function R(U) {
+      x.value = U, await p({ admin: U, avatarField: v }) && d.value?.reload();
     }
-    async function i(b) {
-      if (await Ne({
-        title: m("admins.delete-title", { name: b.name }),
-        message: m("admins.delete-text"),
-        confirmText: m("admins.delete"),
-        cancelText: m("admins.cancel"),
+    async function Y(U) {
+      if (await ze({
+        title: h("admins.delete-title", { name: U.name }),
+        message: h("admins.delete-text"),
+        confirmText: h("admins.delete"),
+        cancelText: h("admins.cancel"),
         tone: "danger"
       }))
         try {
-          await s.remove(b.id), G.success(m("admins.deleted")), p.value?.reload();
-        } catch (I) {
-          G.danger(U(I));
+          await u.remove(U.id), K.success(h("admins.deleted")), d.value?.reload();
+        } catch (f) {
+          K.danger(F(f));
         }
     }
-    return (b, L) => (h(), $(e(Me), {
-      view: P.value,
-      "onUpdate:view": L[0] || (L[0] = (I) => P.value = I),
-      title: v.value,
-      views: _.value,
-      actions: W.value
+    return (U, z) => (m(), b(e(Ke), {
+      view: O.value,
+      "onUpdate:view": z[0] || (z[0] = (f) => O.value = f),
+      title: B.value,
+      views: C.value,
+      actions: n.value
     }, {
       default: t(() => [
-        n.current === "calls" ? (h(), $(Vt, { key: 0 })) : n.current === "connections" ? (h(), $(Je, {
+        s.current === "calls" ? (m(), b(Lt, { key: 0 })) : s.current === "connections" ? (m(), b(Ze, {
           key: 1,
           scope: "all"
-        })) : (h(), $(Ge, {
+        })) : s.current === "keys" ? (m(), b(It, {
           key: 2,
+          ref: "keys"
+        }, null, 512)) : (m(), b(Xe, {
+          key: 3,
           ref_key: "list",
-          ref: p,
-          removable: e(f),
-          "resolve-avatar": e(c),
-          onOpen: F,
-          onRemove: i
+          ref: d,
+          removable: e(_),
+          "resolve-avatar": e(y),
+          onOpen: R,
+          onRemove: Y
         }, null, 8, ["removable", "resolve-avatar"]))
       ]),
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), Wt = {
+}), Nt = {
   key: 0,
   class: "wx-content-rules"
-}, Tt = { class: "wx-content-rules__foot" }, Ut = /* @__PURE__ */ Q({
+}, Mt = { class: "wx-content-rules__foot" }, Kt = /* @__PURE__ */ Q({
   __name: "ContentRulesCard",
-  setup(n) {
-    const u = Z();
-    te();
-    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 = 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))
+  setup(s) {
+    const r = X();
+    ee();
+    const l = G("webx-auth"), u = G("webx-admin"), v = re(), y = T(() => {
+      const _ = r.state.manifest?.modules.find((k) => k.id === "settings")?.meta?.content_screen;
+      return typeof _ == "string" ? _ : null;
+    }), V = r.can("settings.view") || r.can("settings.manage"), o = r.can("settings.manage"), h = A({}), F = A({}), d = A(!0), w = A(!1), x = `${r.apiPath}/settings/content`;
+    Ie(async () => {
+      if (!(!y.value || !V))
         try {
-          const y = await u.http.get(x);
-          m.value = y.data.values;
-        } catch (y) {
-          G.danger(g(y));
+          const g = await r.http.get(x);
+          h.value = g.data.values;
+        } catch (g) {
+          K.danger(v(g));
         } finally {
-          p.value = !1;
+          d.value = !1;
         }
     });
-    async function f() {
-      w.value = !0, U.value = {};
+    async function p() {
+      w.value = !0, F.value = {};
       try {
-        const y = await u.http.put(x, {
-          values: m.value
+        const g = await r.http.put(x, {
+          values: h.value
         });
-        m.value = y.data.values, G.success(s("editor.saved"));
-      } catch (y) {
-        const v = y.body;
-        v?.errors && (U.value = v.errors), G.danger(g(y));
+        h.value = g.data.values, K.success(u("editor.saved"));
+      } catch (g) {
+        const _ = g.body;
+        _?.errors && (F.value = _.errors), K.danger(v(g));
       } finally {
         w.value = !1;
       }
     }
-    return (y, v) => c.value && e(A) ? (h(), Y("section", Wt, [
-      a(e(de), {
+    return (g, _) => y.value && e(V) ? (m(), H("section", Nt, [
+      a(e(me), {
         level: 2,
         size: "sm"
       }, {
         default: t(() => [
-          d(o(e(l)("connect.rules")), 1)
+          c(i(e(l)("connect.rules")), 1)
         ]),
         _: 1
       }),
-      a(e(be), null, we({
+      a(e($e), null, Ae({
         default: t(() => [
-          p.value ? (h(), $(e(rt), {
+          d.value ? (m(), b(e(vt), {
             key: 0,
             rows: 4
-          })) : (h(), $(e(lt), {
+          })) : (m(), b(e(it), {
             key: 1,
-            modelValue: m.value,
-            "onUpdate:modelValue": v[0] || (v[0] = (_) => m.value = _),
-            name: c.value,
-            errors: U.value,
-            disabled: !e(r)
+            modelValue: h.value,
+            "onUpdate:modelValue": _[0] || (_[0] = (k) => h.value = k),
+            name: y.value,
+            errors: F.value,
+            disabled: !e(o)
           }, null, 8, ["modelValue", "name", "errors", "disabled"]))
         ]),
         _: 2
       }, [
-        p.value ? void 0 : {
+        d.value ? void 0 : {
           name: "footer",
           fn: t(() => [
-            V("div", Tt, [
-              a(e(O), {
+            S("div", Mt, [
+              a(e(E), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(l)("connect.rules-hint")), 1)
+                  c(i(e(l)("connect.rules-hint")), 1)
                 ]),
                 _: 1
               }),
-              e(r) ? (h(), $(e(N), {
+              e(o) ? (m(), b(e(N), {
                 key: 0,
                 type: "primary",
                 loading: w.value,
-                onClick: f
+                onClick: p
               }, {
                 default: t(() => [
-                  d(o(e(s)("editor.save")), 1)
+                  c(i(e(u)("editor.save")), 1)
                 ]),
                 _: 1
-              }, 8, ["loading"])) : E("", !0)
+              }, 8, ["loading"])) : I("", !0)
             ])
           ]),
           key: "0"
         }
       ]), 1024)
-    ])) : E("", !0);
+    ])) : I("", !0);
   }
-}), 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({
+}), qt = /* @__PURE__ */ ve(Kt, [["__scopeId", "data-v-55be157e"]]), Ht = { class: "wx-connect" }, jt = { class: "wx-connect__section" }, Gt = { class: "wx-connect__row" }, Yt = { class: "wx-connect__url" }, Jt = { class: "wx-connect__section" }, Qt = { class: "wx-connect__steps" }, Xt = { class: "wx-connect__steps" }, Zt = { class: "wx-connect__snippet" }, ea = { class: "wx-connect__snippet" }, ta = { class: "wx-connect__section" }, aa = { class: "wx-connect__links" }, la = { class: "wx-connect__steps" }, na = { class: "wx-connect__section" }, sa = /* @__PURE__ */ Q({
   __name: "ConnectPage",
-  setup(n) {
-    const u = Z();
-    te();
-    const l = j("webx-auth"), s = z(!1);
-    let g;
-    const c = T(() => {
-      const y = u.state.manifest?.modules.find((v) => v.id === "connect")?.meta;
-      return typeof y?.url == "string" ? y.url : "";
-    }), A = T(() => {
+  setup(s) {
+    const r = X();
+    ee();
+    const l = G("webx-auth"), u = A(!1);
+    let v;
+    const y = T(() => {
+      const p = r.state.manifest?.modules.find((g) => g.id === "connect")?.meta;
+      return typeof p?.url == "string" ? p.url : "";
+    }), V = T(() => {
       try {
-        return new URL(c.value).hostname.split(".")[0] || "webx";
+        return new URL(y.value).hostname.split(".")[0] || "webx";
       } catch {
         return "webx";
       }
-    }), 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 = T(() => {
-      const y = JSON.stringify({ name: A.value, type: "http", url: c.value });
-      return `vscode:mcp/install?${encodeURIComponent(y)}`;
+    }), o = T(() => `claude mcp add --transport http ${V.value} ${y.value}`), h = T(() => `[mcp_servers.${V.value}]
+url = "${y.value}"`), F = T(() => {
+      const p = w(JSON.stringify({ url: y.value }));
+      return `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(V.value)}&config=${p}`;
+    }), d = T(() => {
+      const p = JSON.stringify({ name: V.value, type: "http", url: y.value });
+      return `vscode:mcp/install?${encodeURIComponent(p)}`;
     });
-    function w(y) {
-      const v = new TextEncoder().encode(y);
+    function w(p) {
+      const g = new TextEncoder().encode(p);
       let _ = "";
-      for (const P of v) _ += String.fromCharCode(P);
+      for (const k of g) _ += String.fromCharCode(k);
       return encodeURIComponent(btoa(_));
     }
-    async function x(y) {
-      try {
-        if (navigator.clipboard?.writeText)
-          await navigator.clipboard.writeText(y);
-        else if (!f(y))
-          throw new Error("no clipboard");
-        s.value = !0, clearTimeout(g), g = setTimeout(() => s.value = !1, 2e3);
-      } catch {
-        if (f(y)) return;
-        G.danger(l("connect.copy-failed"));
-      }
-    }
-    function f(y) {
-      const v = document.createElement("textarea");
-      v.value = y, v.setAttribute("readonly", ""), v.style.position = "fixed", v.style.opacity = "0", document.body.append(v), v.select();
-      try {
-        return document.execCommand("copy");
-      } catch {
-        return !1;
-      } finally {
-        v.remove();
+    async function x(p) {
+      if (!await et(p)) {
+        K.danger(l("connect.copy-failed"));
+        return;
       }
+      u.value = !0, clearTimeout(v), v = setTimeout(() => u.value = !1, 2e3);
     }
-    return (y, v) => (h(), $(e(Me), {
+    return (p, g) => (m(), b(e(Ke), {
       title: e(l)("connect.title"),
       card: !1
     }, {
       default: t(() => [
-        V("div", Ft, [
-          a(e(O), { class: "wx-connect__lead" }, {
+        S("div", Ht, [
+          a(e(E), { class: "wx-connect__lead" }, {
             default: t(() => [
-              d(o(e(l)("connect.lead")), 1)
+              c(i(e(l)("connect.lead")), 1)
             ]),
             _: 1
           }),
-          V("section", Rt, [
-            a(e(de), {
+          S("section", jt, [
+            a(e(me), {
               level: 2,
               size: "sm"
             }, {
               default: t(() => [
-                d(o(e(l)("connect.address")), 1)
+                c(i(e(l)("connect.address")), 1)
               ]),
               _: 1
             }),
-            a(e(be), { bordered: "" }, {
+            a(e($e), { bordered: "" }, {
               default: t(() => [
-                V("div", Bt, [
-                  V("code", Ot, o(c.value), 1),
+                S("div", Gt, [
+                  S("code", Yt, i(y.value), 1),
                   a(e(N), {
                     type: "primary",
-                    disabled: c.value === "",
-                    onClick: v[0] || (v[0] = (_) => x(c.value))
+                    disabled: y.value === "",
+                    onClick: g[0] || (g[0] = (_) => x(y.value))
                   }, {
                     icon: t(() => [
-                      a(e(ee), {
-                        name: s.value ? "check" : "copy"
+                      a(e(Z), {
+                        name: u.value ? "check" : "copy"
                       }, null, 8, ["name"])
                     ]),
                     default: t(() => [
-                      d(" " + o(s.value ? e(l)("connect.copied") : e(l)("connect.copy")), 1)
+                      c(" " + i(u.value ? e(l)("connect.copied") : e(l)("connect.copy")), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled"])
@@ -1902,70 +2506,70 @@ url = "${c.value}"`), U = T(() => {
               _: 1
             })
           ]),
-          V("section", Et, [
-            a(e(de), {
+          S("section", Jt, [
+            a(e(me), {
               level: 2,
               size: "sm"
             }, {
               default: t(() => [
-                d(o(e(l)("connect.how")), 1)
+                c(i(e(l)("connect.how")), 1)
               ]),
               _: 1
             }),
-            a(e(ut), {
+            a(e(pt), {
               variant: "line",
               "aria-label": e(l)("connect.how")
             }, {
               default: t(() => [
-                a(e(fe), {
+                a(e(ye), {
                   value: "claude",
                   label: e(l)("connect.claude-title")
                 }, {
                   default: t(() => [
-                    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)
+                    S("ol", Qt, [
+                      S("li", null, i(e(l)("connect.claude-1")), 1),
+                      S("li", null, i(e(l)("connect.claude-2")), 1),
+                      S("li", null, i(e(l)("connect.claude-3")), 1)
                     ])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(e(fe), {
+                a(e(ye), {
                   value: "chatgpt",
                   label: e(l)("connect.chatgpt-title")
                 }, {
                   default: t(() => [
-                    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)
+                    S("ol", Xt, [
+                      S("li", null, i(e(l)("connect.chatgpt-1")), 1),
+                      S("li", null, i(e(l)("connect.chatgpt-2")), 1),
+                      S("li", null, i(e(l)("connect.chatgpt-3")), 1)
                     ])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(e(fe), {
+                a(e(ye), {
                   value: "claude-code",
                   label: e(l)("connect.claude-code-title")
                 }, {
                   default: t(() => [
-                    a(e(O), { size: "sm" }, {
+                    a(e(E), { size: "sm" }, {
                       default: t(() => [
-                        d(o(e(l)("connect.claude-code-hint")), 1)
+                        c(i(e(l)("connect.claude-code-hint")), 1)
                       ]),
                       _: 1
                     }),
-                    V("div", Nt, [
-                      V("pre", null, o(r.value), 1),
+                    S("div", Zt, [
+                      S("pre", null, i(o.value), 1),
                       a(e(N), {
                         variant: "text",
                         size: "sm",
-                        onClick: v[1] || (v[1] = (_) => x(r.value))
+                        onClick: g[1] || (g[1] = (_) => x(o.value))
                       }, {
                         icon: t(() => [
-                          a(e(ee), { name: "copy" })
+                          a(e(Z), { name: "copy" })
                         ]),
                         default: t(() => [
-                          d(" " + o(e(l)("connect.copy-line")), 1)
+                          c(" " + i(e(l)("connect.copy-line")), 1)
                         ]),
                         _: 1
                       })
@@ -1973,29 +2577,29 @@ url = "${c.value}"`), U = T(() => {
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                a(e(fe), {
+                a(e(ye), {
                   value: "codex",
                   label: e(l)("connect.codex-title")
                 }, {
                   default: t(() => [
-                    a(e(O), { size: "sm" }, {
+                    a(e(E), { size: "sm" }, {
                       default: t(() => [
-                        d(o(e(l)("connect.codex-hint")), 1)
+                        c(i(e(l)("connect.codex-hint")), 1)
                       ]),
                       _: 1
                     }),
-                    V("div", It, [
-                      V("pre", null, o(m.value), 1),
+                    S("div", ea, [
+                      S("pre", null, i(h.value), 1),
                       a(e(N), {
                         variant: "text",
                         size: "sm",
-                        onClick: v[2] || (v[2] = (_) => x(m.value))
+                        onClick: g[2] || (g[2] = (_) => x(h.value))
                       }, {
                         icon: t(() => [
-                          a(e(ee), { name: "copy" })
+                          a(e(Z), { name: "copy" })
                         ]),
                         default: t(() => [
-                          d(" " + o(e(l)("connect.copy-line")), 1)
+                          c(" " + i(e(l)("connect.copy-line")), 1)
                         ]),
                         _: 1
                       })
@@ -2007,83 +2611,83 @@ url = "${c.value}"`), U = T(() => {
               _: 1
             }, 8, ["aria-label"])
           ]),
-          V("section", qt, [
-            a(e(de), {
+          S("section", ta, [
+            a(e(me), {
               level: 2,
               size: "sm"
             }, {
               default: t(() => [
-                d(o(e(l)("connect.one-click")), 1)
+                c(i(e(l)("connect.one-click")), 1)
               ]),
               _: 1
             }),
-            a(e(O), {
+            a(e(E), {
               size: "sm",
               tone: "muted"
             }, {
               default: t(() => [
-                d(o(e(l)("connect.one-click-hint")), 1)
+                c(i(e(l)("connect.one-click-hint")), 1)
               ]),
               _: 1
             }),
-            V("div", Ht, [
+            S("div", aa, [
               a(e(N), {
-                href: U.value,
+                href: F.value,
                 variant: "outline",
-                disabled: c.value === "",
+                disabled: y.value === "",
                 class: "wx-connect__link"
               }, {
                 icon: t(() => [
-                  a(e(ee), { name: "external-link" })
+                  a(e(Z), { name: "external-link" })
                 ]),
                 default: t(() => [
-                  d(" " + o(e(l)("connect.install-in", { client: e(l)("connect.cursor-title") })), 1)
+                  c(" " + i(e(l)("connect.install-in", { client: e(l)("connect.cursor-title") })), 1)
                 ]),
                 _: 1
               }, 8, ["href", "disabled"]),
               a(e(N), {
-                href: p.value,
+                href: d.value,
                 variant: "outline",
-                disabled: c.value === "",
+                disabled: y.value === "",
                 class: "wx-connect__link"
               }, {
                 icon: t(() => [
-                  a(e(ee), { name: "external-link" })
+                  a(e(Z), { name: "external-link" })
                 ]),
                 default: t(() => [
-                  d(" " + o(e(l)("connect.install-in", { client: e(l)("connect.vscode-title") })), 1)
+                  c(" " + i(e(l)("connect.install-in", { client: e(l)("connect.vscode-title") })), 1)
                 ]),
                 _: 1
               }, 8, ["href", "disabled"])
             ])
           ]),
-          a(e(ct), {
+          a(e(qe), {
             type: "info",
             title: e(l)("connect.next")
           }, {
             default: t(() => [
-              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)
+              S("ol", la, [
+                S("li", null, i(e(l)("connect.next-1")), 1),
+                S("li", null, i(e(l)("connect.next-2")), 1),
+                S("li", null, i(e(l)("connect.next-3")), 1)
               ])
             ]),
             _: 1
           }, 8, ["title"]),
-          a(Pt),
-          V("section", Yt, [
-            a(e(de), {
+          a(qt),
+          S("section", na, [
+            a(e(me), {
               level: 2,
               size: "sm"
             }, {
               default: t(() => [
-                d(o(e(l)("connect.mine")), 1)
+                c(i(e(l)("connect.mine")), 1)
               ]),
               _: 1
             }),
-            a(e(be), { padding: "none" }, {
+            a(e($e), { padding: "none" }, {
               default: t(() => [
-                a(Je, { scope: "mine" })
+                a(Ze, { scope: "mine" })
               ]),
               _: 1
             })
@@ -2093,78 +2697,81 @@ url = "${c.value}"`), U = T(() => {
       _: 1
     }, 8, ["title"]));
   }
-}), Gt = /* @__PURE__ */ ve(jt, [["__scopeId", "data-v-0eba9ed6"]]);
-function va(n = {}) {
-  const u = n.path ?? "/admins", l = (s) => ({
-    render: () => Oe(Lt, {
-      base: u,
-      current: s,
-      avatarField: n.avatarField,
-      resolveAvatar: n.resolveAvatar
+}), oa = /* @__PURE__ */ ve(sa, [["__scopeId", "data-v-19a489e0"]]);
+function Ca(s = {}) {
+  const r = s.path ?? "/admins", l = (u) => ({
+    render: () => De(Dt, {
+      base: r,
+      current: u,
+      avatarField: s.avatarField,
+      resolveAvatar: s.resolveAvatar
     })
   });
   return {
     id: "admins",
-    path: u,
+    path: r,
     routes: [
-      { path: u, name: "webx.admins", component: l("admins") },
-      // What their agents did, and which agents they let in: two more views of the same
+      { path: r, name: "webx.admins", component: l("admins") },
+      // What their agents did, which agents they let in, and their keys: 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: `${u}/calls`, name: "webx.admins.calls", component: l("calls") },
+      { path: `${r}/calls`, name: "webx.admins.calls", component: l("calls") },
       {
-        path: `${u}/connections`,
+        path: `${r}/connections`,
         name: "webx.admins.connections",
         component: l("connections")
-      }
+      },
+      // Keys for programs: a connection without a browser, issued by somebody who manages
+      // the people it acts as.
+      { path: `${r}/keys`, name: "webx.admins.keys", component: l("keys") }
     ]
   };
 }
-function pa(n = {}) {
-  const u = n.path ?? "/connect";
+function $a(s = {}) {
+  const r = s.path ?? "/connect";
   return {
     id: "connect",
-    path: u,
-    routes: [{ path: u, name: "webx.connect", component: Gt }]
+    path: r,
+    routes: [{ path: r, name: "webx.connect", component: oa }]
   };
 }
-const Jt = /* @__PURE__ */ Q({
+const ia = /* @__PURE__ */ Q({
   __name: "AdminPicker",
   props: {
     multiple: { type: Boolean, default: !1 },
     title: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
-  setup(n) {
-    const u = n, { open: l, resolve: s, dismiss: g } = xe();
-    te();
-    const c = j("webx-auth"), A = ue("list"), r = z(0);
-    function m(p) {
-      s(p);
+  setup(s) {
+    const r = s, { open: l, resolve: u, dismiss: v } = _e();
+    ee();
+    const y = G("webx-auth"), V = oe("list"), o = A(0);
+    function h(d) {
+      u(d);
     }
-    function U(p) {
-      r.value = p.length;
+    function F(d) {
+      o.value = d.length;
     }
-    return (p, w) => (h(), $(e(ke), {
+    return (d, w) => (m(), b(e(be), {
       open: e(l),
-      "onUpdate:open": w[2] || (w[2] = (x) => ge(l) ? l.value = x : null),
-      title: n.title ?? e(c)(n.multiple ? "admins.select-many" : "admins.select-one"),
+      "onUpdate:open": w[2] || (w[2] = (x) => Ve(l) ? l.value = x : null),
+      title: s.title ?? e(y)(s.multiple ? "admins.select-many" : "admins.select-one"),
       width: 880
-    }, we({
+    }, Ae({
       default: t(() => [
-        a(Ge, {
+        a(Xe, {
           ref_key: "list",
-          ref: A,
+          ref: V,
           picking: "",
-          multiple: n.multiple,
-          "resolve-avatar": u.resolveAvatar,
-          onChosen: m,
-          onSelection: U
+          multiple: s.multiple,
+          "resolve-avatar": r.resolveAvatar,
+          onChosen: h,
+          onSelection: F
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
     }, [
-      n.multiple ? {
+      s.multiple ? {
         name: "footer",
         fn: t(() => [
           a(e(se), {
@@ -2172,31 +2779,31 @@ const Jt = /* @__PURE__ */ Q({
             align: "center"
           }, {
             default: t(() => [
-              a(e(O), {
+              a(e(E), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(c)("admins.chosen", { count: r.value })), 1)
+                  c(i(e(y)("admins.chosen", { count: o.value })), 1)
                 ]),
                 _: 1
               }),
               a(e(N), {
                 variant: "outline",
-                onClick: w[0] || (w[0] = (x) => e(g)())
+                onClick: w[0] || (w[0] = (x) => e(v)())
               }, {
                 default: t(() => [
-                  d(o(e(c)("admins.cancel")), 1)
+                  c(i(e(y)("admins.cancel")), 1)
                 ]),
                 _: 1
               }),
               a(e(N), {
                 type: "primary",
-                disabled: r.value === 0,
-                onClick: w[1] || (w[1] = (x) => e(s)(A.value?.chosen() ?? []))
+                disabled: o.value === 0,
+                onClick: w[1] || (w[1] = (x) => e(u)(V.value?.chosen() ?? []))
               }, {
                 default: t(() => [
-                  d(o(e(c)("admins.save")), 1)
+                  c(i(e(y)("admins.save")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2208,144 +2815,144 @@ const Jt = /* @__PURE__ */ Q({
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), Qe = Ve(Jt);
-async function fa(n = {}) {
-  return (await Qe({ ...n, multiple: !1 }))?.[0];
+}), at = he(ia);
+async function Va(s = {}) {
+  return (await at({ ...s, multiple: !1 }))?.[0];
 }
-function ha(n = {}) {
-  return Qe({ ...n, multiple: !0 });
+function Aa(s = {}) {
+  return at({ ...s, multiple: !0 });
 }
-const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
+const ua = { class: "wx-profile-host" }, ra = { class: "wx-profile" }, ca = {
   key: 0,
   class: "wx-profile__aside"
-}, ea = { class: "wx-profile__fields" }, ta = /* @__PURE__ */ Q({
+}, da = { class: "wx-profile__fields" }, ma = /* @__PURE__ */ Q({
   __name: "ProfileDialog",
   props: {
     avatarField: { default: void 0 }
   },
-  setup(n) {
-    const u = n, { resolve: l, dismiss: s, open: g } = xe(), c = Z(), A = ze();
-    te();
-    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,
+  setup(s) {
+    const r = s, { resolve: l, dismiss: u, open: v } = _e(), y = X(), V = We();
+    ee();
+    const o = G("webx-auth"), h = re(), F = A(!1), d = A({}), w = A({
+      name: y.state.user?.name ?? "",
+      avatar: y.state.user?.avatar ?? null,
       password: "",
       current_password: ""
-    }), x = z(w.value.avatar ? { path: w.value.avatar } : null);
-    function f(v) {
-      return p.value[v]?.[0];
+    }), x = A(w.value.avatar ? { path: w.value.avatar } : null);
+    function p(_) {
+      return d.value[_]?.[0];
     }
-    async function y() {
-      U.value = !0, p.value = {};
+    async function g() {
+      F.value = !0, d.value = {};
       try {
-        await A.updateProfile({
+        await V.updateProfile({
           name: w.value.name,
           avatar: x.value?.path ?? null,
           // Blank is left out entirely rather than sent as an empty string: the server reads a
           // filled password as "change it", and an empty one would be a change to nothing.
           ...w.value.password ? { password: w.value.password, current_password: w.value.current_password } : {}
-        }), G.success(r("profile.saved")), l(!0);
-      } catch (v) {
-        const _ = v.body;
-        _?.errors ? p.value = _.errors : G.danger(m(v));
+        }), K.success(o("profile.saved")), l(!0);
+      } catch (_) {
+        const k = _.body;
+        k?.errors ? d.value = k.errors : K.danger(h(_));
       } finally {
-        U.value = !1;
+        F.value = !1;
       }
     }
-    return (v, _) => (h(), $(e(ke), {
-      open: e(g),
-      "onUpdate:open": _[5] || (_[5] = (P) => ge(g) ? g.value = P : null),
-      title: e(r)("profile.title"),
+    return (_, k) => (m(), b(e(be), {
+      open: e(v),
+      "onUpdate:open": k[5] || (k[5] = (B) => Ve(v) ? v.value = B : null),
+      title: e(o)("profile.title"),
       width: 560
     }, {
       footer: t(() => [
         a(e(N), {
-          onClick: _[4] || (_[4] = (P) => e(s)())
+          onClick: k[4] || (k[4] = (B) => e(u)())
         }, {
           default: t(() => [
-            d(o(e(r)("profile.cancel")), 1)
+            c(i(e(o)("profile.cancel")), 1)
           ]),
           _: 1
         }),
         a(e(N), {
           type: "primary",
-          loading: U.value,
-          onClick: y
+          loading: F.value,
+          onClick: g
         }, {
           default: t(() => [
-            d(o(e(r)("profile.save")), 1)
+            c(i(e(o)("profile.save")), 1)
           ]),
           _: 1
         }, 8, ["loading"])
       ]),
       default: t(() => [
-        V("div", Qt, [
-          V("div", Xt, [
-            u.avatarField ? (h(), Y("div", Zt, [
-              (h(), $(Be(u.avatarField), {
+        S("div", ua, [
+          S("div", ra, [
+            r.avatarField ? (m(), H("div", ca, [
+              (m(), b(Ee(r.avatarField), {
                 modelValue: x.value,
-                "onUpdate:modelValue": _[0] || (_[0] = (P) => x.value = P),
-                label: e(r)("profile.avatar"),
+                "onUpdate:modelValue": k[0] || (k[0] = (B) => x.value = B),
+                label: e(o)("profile.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : E("", !0),
-            V("div", ea, [
-              a(e(K), {
-                label: e(r)("profile.name"),
-                error: f("name")
+            ])) : I("", !0),
+            S("div", da, [
+              a(e(M), {
+                label: e(o)("profile.name"),
+                error: p("name")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: w.value.name,
-                    "onUpdate:modelValue": _[1] || (_[1] = (P) => w.value.name = P),
+                    "onUpdate:modelValue": k[1] || (k[1] = (B) => w.value.name = B),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              a(e(K), {
-                label: e(r)("admins.email")
+              a(e(M), {
+                label: e(o)("admins.email")
               }, {
                 default: t(() => [
                   a(e(le), {
-                    "model-value": e(c).state.user?.email ?? "",
+                    "model-value": e(y).state.user?.email ?? "",
                     readonly: ""
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              a(e(K), {
-                label: e(r)("profile.password"),
-                help: e(r)("profile.password-hint"),
-                error: f("password")
+              a(e(M), {
+                label: e(o)("profile.password"),
+                help: e(o)("profile.password-hint"),
+                error: p("password")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: w.value.password,
-                    "onUpdate:modelValue": _[2] || (_[2] = (P) => w.value.password = P),
+                    "onUpdate:modelValue": k[2] || (k[2] = (B) => w.value.password = B),
                     type: "password",
                     autocomplete: "new-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "help", "error"]),
-              w.value.password ? (h(), $(e(K), {
+              w.value.password ? (m(), b(e(M), {
                 key: 0,
-                label: e(r)("profile.current-password"),
-                help: e(r)("profile.current-password-hint"),
-                error: f("current_password")
+                label: e(o)("profile.current-password"),
+                help: e(o)("profile.current-password-hint"),
+                error: p("current_password")
               }, {
                 default: t(() => [
                   a(e(le), {
                     modelValue: w.value.current_password,
-                    "onUpdate:modelValue": _[3] || (_[3] = (P) => w.value.current_password = P),
+                    "onUpdate:modelValue": k[3] || (k[3] = (B) => w.value.current_password = B),
                     type: "password",
                     autocomplete: "current-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              }, 8, ["label", "help", "error"])) : E("", !0)
+              }, 8, ["label", "help", "error"])) : I("", !0)
             ])
           ])
         ])
@@ -2353,7 +2960,7 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), aa = /* @__PURE__ */ ve(ta, [["__scopeId", "data-v-9583a67a"]]), la = ["title"], na = { class: "wx-user-menu__who" }, sa = { class: "wx-user-menu__name" }, oa = { class: "wx-user-menu__email" }, ia = /* @__PURE__ */ Q({
+}), va = /* @__PURE__ */ ve(ma, [["__scopeId", "data-v-9583a67a"]]), pa = ["title"], fa = { class: "wx-user-menu__who" }, ya = { class: "wx-user-menu__name" }, ha = { class: "wx-user-menu__email" }, _a = /* @__PURE__ */ Q({
   __name: "UserMenu",
   props: {
     signOutLabel: { default: void 0 },
@@ -2361,248 +2968,250 @@ const Qt = { class: "wx-profile-host" }, Xt = { class: "wx-profile" }, Zt = {
     avatarField: { default: void 0 },
     expanded: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    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 = z(void 0);
-    ce(
-      () => typeof m.value?.avatar == "string" ? m.value.avatar : null,
-      async (F) => {
-        const i = u.resolveAvatar ?? p;
-        if (F === null || F === "" || i === null) {
+  setup(s) {
+    const r = s, l = X(), u = We(), v = Ne(), y = ut(), V = G("webx-auth"), o = v.scope("webx-admin"), h = T(() => l.state.user), F = T(
+      () => v.state.panelLocales.length > 1 ? v.state.panelLocales : []
+    ), d = xe(je, null), w = xe(Ge, null), x = A(void 0);
+    de(
+      () => typeof h.value?.avatar == "string" ? h.value.avatar : null,
+      async (O) => {
+        const n = r.resolveAvatar ?? d;
+        if (O === null || O === "" || n === null) {
           x.value = void 0;
           return;
         }
-        const b = await i(F);
-        m.value?.avatar === F && (x.value = b ?? void 0);
+        const $ = await n(O);
+        h.value?.avatar === O && (x.value = $ ?? void 0);
       },
       { immediate: !0 }
     );
-    const f = Ve(aa);
-    function y() {
+    const p = he(va);
+    function g() {
       setTimeout(
         () => {
-          f({ avatarField: u.avatarField ?? w ?? void 0 });
+          p({ avatarField: r.avatarField ?? w ?? void 0 });
         },
         0
       );
     }
-    const v = T({
-      get: () => c.state.preference,
-      set: (F) => {
-        c.set(F), s.setTheme(F);
+    const _ = T({
+      get: () => y.state.preference,
+      set: (O) => {
+        y.set(O), u.setTheme(O);
       }
-    }), _ = T(
-      () => typeof m.value?.siteBar == "boolean" ? m.value.siteBar : null
+    }), k = T(
+      () => typeof h.value?.siteBar == "boolean" ? h.value.siteBar : null
     );
-    function P() {
-      _.value !== null && s.setSiteBar(!_.value);
+    function B() {
+      k.value !== null && u.setSiteBar(!k.value);
     }
-    async function W(F) {
-      F !== g.state.locale && await s.setLocale(F);
+    async function C(O) {
+      O !== v.state.locale && await u.setLocale(O);
     }
-    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 }, {
+    return (O, n) => {
+      const $ = J("wx-avatar"), R = J("wx-icon"), Y = J("wx-text"), U = J("wx-dropdown-item"), z = J("wx-divider"), f = J("wx-dropdown");
+      return h.value !== null ? (m(), b(f, { key: 0 }, {
         trigger: t(() => [
-          V("button", {
+          S("button", {
             type: "button",
-            class: Re(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": n.expanded }]),
-            title: m.value.name
+            class: Be(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": s.expanded }]),
+            title: h.value.name
           }, [
-            a(b, {
-              name: m.value.name,
+            a($, {
+              name: h.value.name,
               src: x.value,
               size: "lg"
             }, null, 8, ["name", "src"]),
-            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)
+            s.expanded ? (m(), H(ue, { key: 0 }, [
+              S("span", fa, [
+                S("span", ya, i(h.value.name), 1),
+                S("span", ha, i(h.value.email), 1)
               ]),
-              a(L, {
+              a(R, {
                 name: "chevron-up",
                 size: "sm",
                 class: "wx-user-menu__chevron"
               })
-            ], 64)) : E("", !0)
-          ], 10, la)
+            ], 64)) : I("", !0)
+          ], 10, pa)
         ]),
         default: t(() => [
-          a(D, { disabled: "" }, {
+          a(U, { disabled: "" }, {
             default: t(() => [
-              a(I, { size: "sm" }, {
+              a(Y, { size: "sm" }, {
                 default: t(() => [
-                  d(o(m.value.email), 1)
+                  c(i(h.value.email), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          a(q, { spacing: "sm" }),
-          a(D, {
+          a(z, { spacing: "sm" }),
+          a(U, {
             icon: "user",
-            onClick: y
+            onClick: g
           }, {
             default: t(() => [
-              d(o(e(A)("profile.menu")), 1)
+              c(i(e(V)("profile.menu")), 1)
             ]),
             _: 1
           }),
-          a(q, { spacing: "sm" }),
-          a(D, { disabled: "" }, {
+          a(z, { spacing: "sm" }),
+          a(U, { disabled: "" }, {
             default: t(() => [
-              a(I, {
+              a(Y, {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  d(o(e(r)("theme.label")), 1)
+                  c(i(e(o)("theme.label")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          V("div", {
+          S("div", {
             class: "wx-user-menu__theme",
-            onClick: i[1] || (i[1] = Fe(() => {
+            onClick: n[1] || (n[1] = Oe(() => {
             }, ["stop"]))
           }, [
-            a(e(dt), {
-              modelValue: v.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (R) => v.value = R),
+            a(e(ft), {
+              modelValue: _.value,
+              "onUpdate:modelValue": n[0] || (n[0] = (L) => _.value = L),
               size: "sm",
               block: "",
-              "aria-label": e(r)("theme.label"),
-              "light-label": e(r)("theme.light"),
-              "dark-label": e(r)("theme.dark"),
-              "system-label": e(r)("theme.system")
+              "aria-label": e(o)("theme.label"),
+              "light-label": e(o)("theme.light"),
+              "dark-label": e(o)("theme.dark"),
+              "system-label": e(o)("theme.system")
             }, null, 8, ["modelValue", "aria-label", "light-label", "dark-label", "system-label"])
           ]),
-          _.value !== null ? (h(), Y(ie, { key: 0 }, [
-            a(q, { spacing: "sm" }),
-            a(D, {
-              icon: _.value ? "check" : void 0,
-              onClick: P
+          k.value !== null ? (m(), H(ue, { key: 0 }, [
+            a(z, { spacing: "sm" }),
+            a(U, {
+              icon: k.value ? "check" : void 0,
+              onClick: B
             }, {
               default: t(() => [
-                d(o(e(A)("menu.site-bar")), 1)
+                c(i(e(V)("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: "" }, {
+          ], 64)) : I("", !0),
+          F.value.length > 0 ? (m(), H(ue, { key: 1 }, [
+            a(z, { spacing: "sm" }),
+            a(U, { disabled: "" }, {
               default: t(() => [
-                a(I, {
+                a(Y, {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: t(() => [
-                    d(o(e(A)("menu.language")), 1)
+                    c(i(e(V)("menu.language")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            (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)
+            (m(!0), H(ue, null, Ce(F.value, (L) => (m(), b(U, {
+              key: L.code,
+              icon: L.code === e(v).state.locale ? "check" : void 0,
+              onClick: (W) => C(L.code)
             }, {
               default: t(() => [
-                d(o(R.nativeName), 1)
+                c(i(L.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            a(q, { spacing: "sm" })
-          ], 64)) : E("", !0),
-          a(D, {
+            a(z, { spacing: "sm" })
+          ], 64)) : I("", !0),
+          a(U, {
             icon: "logout",
-            onClick: i[2] || (i[2] = (R) => e(s).logout())
+            onClick: n[2] || (n[2] = (L) => e(u).logout())
           }, {
             default: t(() => [
-              d(o(n.signOutLabel ?? e(A)("menu.sign-out")), 1)
+              c(i(s.signOutLabel ?? e(V)("menu.sign-out")), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : E("", !0);
+      })) : I("", !0);
     };
   }
-}), ya = /* @__PURE__ */ ve(ia, [["__scopeId", "data-v-22dfea95"]]);
-function _a(n = {}) {
-  const u = n.path ?? "/login";
+}), za = /* @__PURE__ */ ve(_a, [["__scopeId", "data-v-22dfea95"]]);
+function Wa(s = {}) {
+  const r = s.path ?? "/login";
   return {
     install(l) {
-      const s = mt(l.context);
-      l.i18n.defaults("webx-auth", je), vt(
+      const u = yt(l.context);
+      l.i18n.defaults("webx-auth", Qe), ht(
         l.app,
-        s,
-        n.resolveAvatar ?? Ye(l.context),
-        n.avatarField ?? Ke(l.context)
-      ), l.context.useSessionLoader(() => s.me()), l.router.addRoute({
-        path: u,
+        u,
+        s.resolveAvatar ?? Je(l.context),
+        s.avatarField ?? Ye(l.context)
+      ), l.context.useSessionLoader(() => u.me()), l.router.addRoute({
+        path: r,
         name: "webx.login",
         meta: { public: !0 },
-        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(
+        component: { render: () => De(kt, { ...s.card }) }
+      }), l.router.beforeEach((v) => v.meta.public === !0 || l.context.state.status !== "unauthenticated" ? !0 : { path: r, query: v.fullPath === "/" ? {} : { next: v.fullPath } }), de(
         () => l.context.state.status,
-        (g) => {
-          const c = l.router.currentRoute.value;
-          if (g === "unauthenticated" && c.path !== u) {
-            l.router.replace({ path: u, query: { next: c.fullPath } });
+        (v) => {
+          const y = l.router.currentRoute.value;
+          if (v === "unauthenticated" && y.path !== r) {
+            l.router.replace({ path: r, query: { next: y.fullPath } });
             return;
           }
-          if (g === "ready" && c.path === u) {
-            const A = c.query.next;
-            if (typeof A == "string" && ra(A)) {
-              location.assign(A);
+          if (v === "ready" && y.path === r) {
+            const V = y.query.next;
+            if (typeof V == "string" && ba(V)) {
+              location.assign(V);
               return;
             }
-            l.router.replace(typeof A == "string" ? A : "/");
+            l.router.replace(typeof V == "string" ? V : "/");
           }
         }
       );
     }
   };
 }
-function ra(n) {
-  if (!/^https?:\/\//i.test(n))
+function ba(s) {
+  if (!/^https?:\/\//i.test(s))
     return !1;
   try {
-    return new URL(n).origin === location.origin;
+    return new URL(s).origin === location.origin;
   } catch {
     return !1;
   }
 }
 export {
-  Ge as WxAdminList,
-  Lt as WxAdminsPage,
-  Vt as WxAgentCallList,
-  Gt as WxConnectPage,
-  Je as WxConnectionList,
-  yt as WxLoginCard,
-  aa as WxProfileDialog,
-  ya as WxUserMenu,
-  va as admins,
-  _a as auth,
-  Ie as authKey,
-  je as authMessages,
-  He as avatarFieldKey,
-  qe as avatarResolverKey,
-  pa as connect,
-  he as createAdminsApi,
-  mt as createAuthSession,
-  zt as createConnectionsApi,
-  vt as provideAuth,
-  fa as selectAdmin,
-  ha as selectAdmins,
-  ze as useAuth
+  Xe as WxAdminList,
+  Dt as WxAdminsPage,
+  Lt as WxAgentCallList,
+  oa as WxConnectPage,
+  Ze as WxConnectionList,
+  It as WxKeyList,
+  kt as WxLoginCard,
+  va as WxProfileDialog,
+  za as WxUserMenu,
+  Ca as admins,
+  Wa as auth,
+  He as authKey,
+  Qe as authMessages,
+  Ge as avatarFieldKey,
+  je as avatarResolverKey,
+  $a as connect,
+  pe as createAdminsApi,
+  yt as createAuthSession,
+  Tt as createConnectionsApi,
+  tt as createKeysApi,
+  ht as provideAuth,
+  Va as selectAdmin,
+  Aa as selectAdmins,
+  We as useAuth
 };
 //# sourceMappingURL=index.js.map