@webx-ui/module-auth 0.7.3 → 0.8.0

package/dist/index.js

@@ -1,61 +1,68 @@
-import { inject as ue, defineComponent as j, computed as P, ref as V, useTemplateRef as ne, onBeforeUnmount as Be, resolveComponent as T, openBlock as x, createBlock as F, withCtx as t, createVNode as l, withModifiers as Te, createCommentVNode as M, createElementVNode as O, createTextVNode as $, toDisplayString as C, watch as re, unref as e, isRef as ce, createElementBlock as R, resolveDynamicComponent as Ve, createSlots as Ae, Fragment as oe, renderList as de, h as Ce, normalizeClass as Me } from "vue";
-import { useTranslate as D, HttpError as Ee, useAdmin as X, useI18n as $e, useErrorText as ve, rowMenuWidth as Ne, WxDate as Oe, WxRowMenu as ge, WxFilterChips as Re, WxListScreen as De } from "@webx-ui/module-admin";
-import { useModal as me, WxDialog as pe, WxFormItem as N, WxInput as K, WxSelect as se, WxSpace as ee, WxCheckbox as _e, WxText as fe, WxButton as Y, toast as Q, useElementWidth as Ie, WxTable as Ke, WxEntityCard as Ye, WxBadge as J, WxAvatar as je, WxIcon as qe, createModal as he, confirm as He } from "@webx-ui/core";
-const Le = /* @__PURE__ */ Symbol("webx-auth");
-function we() {
-  const a = ue(Le, null);
-  if (a === null)
+import { inject as ye, defineComponent as Q, computed as P, ref as T, useTemplateRef as re, onBeforeUnmount as qe, resolveComponent as H, openBlock as p, createBlock as V, withCtx as t, createVNode as a, withModifiers as Pe, createCommentVNode as E, createElementVNode as W, createTextVNode as d, toDisplayString as i, watch as ue, unref as e, isRef as be, createElementBlock as Y, resolveDynamicComponent as Fe, createSlots as Oe, Fragment as me, renderList as _e, h as Re, normalizeClass as Qe } from "vue";
+import { useTranslate as j, HttpError as Xe, useAdmin as ee, useI18n as Be, useErrorText as ve, rowMenuWidth as Ze, WxDate as ie, WxRowMenu as Ve, WxFilterChips as Ee, WxListScreen as De, useTheme as et } from "@webx-ui/module-admin";
+import { useRouter as tt, useRoute as at } from "vue-router";
+import { useModal as ge, WxDialog as we, WxFormItem as M, WxInput as le, WxSelect as ne, WxSpace as oe, WxCheckbox as ze, WxText as B, WxButton as I, toast as q, useElementWidth as xe, WxTable as ke, WxEntityCard as Ce, WxBadge as K, WxAvatar as lt, WxIcon as Z, confirm as Ne, createModal as $e, WxCard as Le, WxHeading as he, WxTabs as nt, WxTab as de, WxAlert as ot, WxThemeSwitch as st } from "@webx-ui/core";
+const Ie = /* @__PURE__ */ Symbol("webx-auth");
+function Ae() {
+  const n = ye(Ie, null);
+  if (n === null)
     throw new Error("useAuth() was called outside a panel that installed the auth plugin.");
-  return a;
+  return n;
 }
-function Ge(a) {
-  const r = `${a.apiPath}/auth`;
+function it(n) {
+  const u = `${n.apiPath}/auth`;
   return {
     async me() {
       try {
-        return (await a.http.get(`${r}/me`)).data;
-      } catch (s) {
-        if (Qe(s))
+        return (await n.http.get(`${u}/me`)).data;
+      } catch (l) {
+        if (ut(l))
           return null;
-        throw s;
+        throw l;
       }
     },
-    async login(s) {
-      const o = await a.http.post(`${r}/login`, {
-        email: s.email,
-        password: s.password,
-        remember: s.remember ?? !1
+    async login(l) {
+      const o = await n.http.post(`${u}/login`, {
+        email: l.email,
+        password: l.password,
+        remember: l.remember ?? !1
       });
-      return a.setUser(o.data), await a.reload(), o.data;
+      return n.setUser(o.data), await n.reload(), o.data;
     },
-    async setLocale(s) {
-      const o = await a.http.put(`${r}/locale`, { locale: s });
-      a.setUser(o.data), await a.setLocale(s);
+    async setLocale(l) {
+      const o = await n.http.put(`${u}/locale`, { locale: l });
+      n.setUser(o.data), await n.setLocale(l);
     },
-    async updateProfile(s) {
-      const o = await a.http.put(
-        `${r}/me`,
-        s
+    async setTheme(l) {
+      const o = await n.http.put(`${u}/theme`, {
+        theme: l === "system" ? null : l
+      });
+      n.setUser(o.data);
+    },
+    async updateProfile(l) {
+      const o = await n.http.put(
+        `${u}/me`,
+        l
       );
-      return a.setUser(o.data), o.data;
+      return n.setUser(o.data), o.data;
     },
     async logout() {
       try {
-        await a.http.post(`${r}/logout`);
+        await n.http.post(`${u}/logout`);
       } finally {
-        a.setUser(null), a.state.status = "unauthenticated", a.state.manifest = null;
+        n.setUser(null), n.state.status = "unauthenticated", n.state.manifest = null;
       }
     }
   };
 }
-const Ue = /* @__PURE__ */ Symbol("webx-auth-avatar"), Fe = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
-function Je(a, r, s = null, o = null) {
-  a.provide(Le, r), a.provide(Ue, s), a.provide(Fe, o);
+const Me = /* @__PURE__ */ Symbol("webx-auth-avatar"), He = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
+function rt(n, u, l = null, o = null) {
+  n.provide(Ie, u), n.provide(Me, l), n.provide(He, o);
 }
-function Qe(a) {
-  return typeof a == "object" && a !== null && "status" in a && a.status === 401;
+function ut(n) {
+  return typeof n == "object" && n !== null && "status" in n && n.status === 401;
 }
-const Xe = ["title", "aria-label", "aria-pressed"], Ze = /* @__PURE__ */ j({
+const ct = ["title", "aria-label", "aria-pressed"], dt = /* @__PURE__ */ Q({
   __name: "LoginCard",
   props: {
     emailLabel: { default: void 0 },
@@ -70,171 +77,171 @@ const Xe = ["title", "aria-label", "aria-pressed"], Ze = /* @__PURE__ */ j({
     autofocus: { type: Boolean, default: !0 }
   },
   emits: ["success"],
-  setup(a, { expose: r, emit: s }) {
-    const o = a, i = s, A = we(), f = D("webx-auth"), v = P(() => ({
-      email: o.emailLabel ?? f("card.email"),
-      password: o.passwordLabel ?? f("card.password"),
-      remember: o.rememberLabel ?? f("card.remember"),
-      submit: o.submitLabel ?? f("card.submit"),
-      capsLock: o.capsLockWarning ?? f("card.caps-lock"),
-      reveal: o.revealLabel ?? f("card.reveal"),
-      hide: o.hideLabel ?? f("card.hide")
-    })), h = V(""), S = V(""), n = V(!1), m = V(!1), g = V(!1), u = V(!1), w = V(""), b = V({}), d = V(0), L = ne("emailField");
-    let U = null;
-    Be(Z);
-    const B = P(() => d.value > 0), y = P(
-      () => o.throttleMessage === void 0 ? f("card.throttled", { seconds: d.value }) : o.throttleMessage.replace(":seconds", String(d.value))
+  setup(n, { expose: u, emit: l }) {
+    const o = n, y = l, c = Ae(), _ = j("webx-auth"), r = P(() => ({
+      email: o.emailLabel ?? _("card.email"),
+      password: o.passwordLabel ?? _("card.password"),
+      remember: o.rememberLabel ?? _("card.remember"),
+      submit: o.submitLabel ?? _("card.submit"),
+      capsLock: o.capsLockWarning ?? _("card.caps-lock"),
+      reveal: o.revealLabel ?? _("card.reveal"),
+      hide: o.hideLabel ?? _("card.hide")
+    })), b = T(""), O = T(""), v = T(!1), g = T(!1), w = T(!1), m = T(!1), k = T(""), f = T({}), h = T(0), z = re("emailField");
+    let A = null;
+    qe(D);
+    const S = P(() => h.value > 0), s = P(
+      () => o.throttleMessage === void 0 ? _("card.throttled", { seconds: h.value }) : o.throttleMessage.replace(":seconds", String(h.value))
     );
-    async function p() {
-      if (!(m.value || B.value)) {
-        m.value = !0, w.value = "", b.value = {};
+    async function x() {
+      if (!(g.value || S.value)) {
+        g.value = !0, k.value = "", f.value = {};
         try {
-          await A.login({
-            email: h.value,
-            password: S.value,
-            remember: n.value
-          }), S.value = "", i("success");
-        } catch (W) {
-          k(W);
+          await c.login({
+            email: b.value,
+            password: O.value,
+            remember: v.value
+          }), O.value = "", y("success");
+        } catch (C) {
+          U(C);
         } finally {
-          m.value = !1;
+          g.value = !1;
         }
       }
     }
-    function k(W) {
-      if (!(W instanceof Ee)) {
-        w.value = W instanceof Error ? W.message : String(W);
+    function U(C) {
+      if (!(C instanceof Xe)) {
+        k.value = C instanceof Error ? C.message : String(C);
         return;
       }
-      if (W.isValidation) {
-        b.value = W.errors;
+      if (C.isValidation) {
+        f.value = C.errors;
         return;
       }
-      if (W.isThrottled) {
-        ie(W.retryAfter ?? 60);
+      if (C.isThrottled) {
+        X(C.retryAfter ?? 60);
         return;
       }
-      w.value = W.message;
+      k.value = C.message;
     }
-    function ie(W) {
-      Z(), d.value = W, U = setInterval(() => {
-        d.value -= 1, d.value <= 0 && Z();
+    function X(C) {
+      D(), h.value = C, A = setInterval(() => {
+        h.value -= 1, h.value <= 0 && D();
       }, 1e3);
     }
-    function Z() {
-      U !== null && (clearInterval(U), U = null), d.value = 0;
+    function D() {
+      A !== null && (clearInterval(A), A = null), h.value = 0;
     }
-    function q(W) {
-      u.value = W.getModifierState("CapsLock");
+    function G(C) {
+      m.value = C.getModifierState("CapsLock");
     }
-    return r({ focus: () => L.value?.focus() }), (W, E) => {
-      const te = T("wx-alert"), H = T("wx-icon"), le = T("wx-input"), _ = T("wx-form-item"), z = T("wx-checkbox"), c = T("wx-button"), I = T("wx-form"), Pe = T("wx-card");
-      return x(), F(Pe, {
+    return u({ focus: () => z.value?.focus() }), (C, R) => {
+      const $ = H("wx-alert"), J = H("wx-icon"), ce = H("wx-input"), F = H("wx-form-item"), N = H("wx-checkbox"), L = H("wx-button"), ae = H("wx-form"), Je = H("wx-card");
+      return p(), V(Je, {
         class: "wx-login",
         padding: 24
       }, {
         default: t(() => [
-          l(I, {
-            errors: b.value,
-            disabled: m.value,
+          a(ae, {
+            errors: f.value,
+            disabled: g.value,
             gap: "md",
-            onSubmit: Te(p, ["prevent"])
+            onSubmit: Pe(x, ["prevent"])
           }, {
             default: t(() => [
-              w.value !== "" ? (x(), F(te, {
+              k.value !== "" ? (p(), V($, {
                 key: 0,
                 type: "danger",
                 variant: "soft",
                 live: "",
-                description: w.value,
+                description: k.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : B.value ? (x(), F(te, {
+              }, null, 8, ["description"])) : S.value ? (p(), V($, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: y.value,
+                description: s.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : M("", !0),
-              l(_, { name: "email" }, {
+              }, null, 8, ["description"])) : E("", !0),
+              a(F, { name: "email" }, {
                 default: t(() => [
-                  l(le, {
+                  a(ce, {
                     ref_key: "emailField",
-                    ref: L,
-                    modelValue: h.value,
-                    "onUpdate:modelValue": E[0] || (E[0] = (G) => h.value = G),
+                    ref: z,
+                    modelValue: b.value,
+                    "onUpdate:modelValue": R[0] || (R[0] = (se) => b.value = se),
                     type: "email",
-                    placeholder: v.value.email,
-                    "aria-label": v.value.email,
+                    placeholder: r.value.email,
+                    "aria-label": r.value.email,
                     autocomplete: "username",
-                    autofocus: a.autofocus,
+                    autofocus: n.autofocus,
                     inputmode: "email",
                     size: "lg"
                   }, {
                     prefix: t(() => [
-                      l(H, { name: "mail" })
+                      a(J, { name: "mail" })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "placeholder", "aria-label", "autofocus"])
                 ]),
                 _: 1
               }),
-              l(_, {
+              a(F, {
                 name: "password",
-                help: u.value ? v.value.capsLock : void 0
+                help: m.value ? r.value.capsLock : void 0
               }, {
                 default: t(() => [
-                  l(le, {
-                    modelValue: S.value,
-                    "onUpdate:modelValue": E[2] || (E[2] = (G) => S.value = G),
-                    type: g.value ? "text" : "password",
-                    placeholder: v.value.password,
-                    "aria-label": v.value.password,
+                  a(ce, {
+                    modelValue: O.value,
+                    "onUpdate:modelValue": R[2] || (R[2] = (se) => O.value = se),
+                    type: w.value ? "text" : "password",
+                    placeholder: r.value.password,
+                    "aria-label": r.value.password,
                     autocomplete: "current-password",
                     size: "lg",
-                    onKeydown: q,
-                    onKeyup: q
+                    onKeydown: G,
+                    onKeyup: G
                   }, {
                     prefix: t(() => [
-                      l(H, { name: "lock" })
+                      a(J, { name: "lock" })
                     ]),
                     suffix: t(() => [
-                      O("button", {
+                      W("button", {
                         type: "button",
                         class: "wx-login__reveal",
-                        title: g.value ? v.value.hide : v.value.reveal,
-                        "aria-label": g.value ? v.value.hide : v.value.reveal,
-                        "aria-pressed": g.value,
+                        title: w.value ? r.value.hide : r.value.reveal,
+                        "aria-label": w.value ? r.value.hide : r.value.reveal,
+                        "aria-pressed": w.value,
                         tabindex: "-1",
-                        onClick: E[1] || (E[1] = (G) => g.value = !g.value)
+                        onClick: R[1] || (R[1] = (se) => w.value = !w.value)
                       }, [
-                        l(H, {
-                          name: g.value ? "eye-off" : "eye"
+                        a(J, {
+                          name: w.value ? "eye-off" : "eye"
                         }, null, 8, ["name"])
-                      ], 8, Xe)
+                      ], 8, ct)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "type", "placeholder", "aria-label"])
                 ]),
                 _: 1
               }, 8, ["help"]),
-              a.remember ? (x(), F(z, {
+              n.remember ? (p(), V(N, {
                 key: 2,
-                modelValue: n.value,
-                "onUpdate:modelValue": E[3] || (E[3] = (G) => n.value = G),
-                label: v.value.remember,
+                modelValue: v.value,
+                "onUpdate:modelValue": R[3] || (R[3] = (se) => v.value = se),
+                label: r.value.remember,
                 class: "wx-login__remember"
-              }, null, 8, ["modelValue", "label"])) : M("", !0),
-              l(c, {
+              }, null, 8, ["modelValue", "label"])) : E("", !0),
+              a(L, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
-                loading: m.value,
-                disabled: B.value
+                loading: g.value,
+                disabled: S.value
               }, {
                 default: t(() => [
-                  $(C(v.value.submit), 1)
+                  d(i(r.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -246,12 +253,12 @@ const Xe = ["title", "aria-label", "aria-pressed"], Ze = /* @__PURE__ */ j({
       });
     };
   }
-}), be = (a, r) => {
-  const s = a.__vccOpts || a;
-  for (const [o, i] of r)
-    s[o] = i;
-  return s;
-}, ea = /* @__PURE__ */ be(Ze, [["__scopeId", "data-v-3c206e31"]]), Se = {
+}), pe = (n, u) => {
+  const l = n.__vccOpts || n;
+  for (const [o, y] of u)
+    l[o] = y;
+  return l;
+}, mt = /* @__PURE__ */ pe(dt, [["__scopeId", "data-v-3c206e31"]]), Ke = {
   card: {
     email: "Email",
     password: "Password",
@@ -304,6 +311,91 @@ const Xe = ["title", "aria-label", "aria-pressed"], Ze = /* @__PURE__ */ j({
     updated: "Administrator saved",
     deleted: "Administrator deleted"
   },
+  // The trail of what agents did through the panel: the view next to the administrators.
+  calls: {
+    title: "Agent calls",
+    when: "When",
+    who: "Who",
+    client: "Client",
+    tool: "Tool",
+    outcome: "Outcome",
+    took: "Took",
+    ms: ":count ms",
+    answered: "Answered",
+    refused: "Refused",
+    "dry-run": "Dry run",
+    local: "Local server",
+    deleted: "Administrator #:id",
+    "filter-user": "Administrator",
+    "filter-tool": "Tool",
+    "filter-outcome": "Outcome",
+    everybody: "Everybody",
+    "all-tools": "All tools",
+    "any-outcome": "Any outcome",
+    "only-answered": "Answered only",
+    "only-refused": "Refused only",
+    "only-dry": "Dry runs only",
+    arguments: "Arguments",
+    "no-arguments": "Called with no arguments",
+    error: "Refused with",
+    empty: "No calls match"
+  },
+  // The connections tab and the page that tells somebody how to make one.
+  connections: {
+    title: "Connections",
+    client: "Client",
+    allowed: "What is allowed",
+    connected: "Connected",
+    "last-used": "Last used",
+    who: "Administrator",
+    full: "Everything :name can do",
+    "full-you": "Everything you can do",
+    "read-only": "Reading only",
+    "returns-to": "Answers go to :host",
+    disconnect: "Disconnect",
+    disconnected: "Disconnected",
+    "never-used": "Never",
+    empty: "No agents are connected",
+    "empty-all": "Nobody has connected an agent",
+    "confirm-title": "Disconnect :client?",
+    "confirm-text": "It loses access at once, including the month of refreshing it was given. Connecting it again takes three clicks.",
+    confirm: "Disconnect",
+    cancel: "Cancel",
+    done: ":client is disconnected",
+    deleted: "Administrator #:id"
+  },
+  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",
+    address: "The address of this panel for agents",
+    copy: "Copy the address",
+    copied: "Copied",
+    "copy-failed": "Could not reach the clipboard. Select the address and copy it by hand.",
+    "copy-line": "Copy",
+    how: "How to add it",
+    "claude-title": "Claude",
+    "claude-1": "Open Settings and go to Connectors.",
+    "claude-2": 'Press "Add custom connector".',
+    "claude-3": "Paste the address and press Add.",
+    "chatgpt-title": "ChatGPT",
+    "chatgpt-1": "Open Settings and go to Connectors.",
+    "chatgpt-2": 'Press "Add" and choose a custom MCP server.',
+    "chatgpt-3": "Paste the address, leave the authentication as OAuth, and confirm.",
+    "claude-code-title": "Claude Code",
+    "claude-code-hint": "One line in a terminal, from any project:",
+    "codex-title": "Codex",
+    "codex-hint": "These lines in ~/.codex/config.toml:",
+    "one-click": "One click",
+    "one-click-hint": "These two take the whole thing from a link: the editor opens, asks once, and the server is there.",
+    "install-in": "Add to :client",
+    "cursor-title": "Cursor",
+    "vscode-title": "VS Code",
+    next: "What happens next",
+    "next-1": "The client opens this site in a browser and asks you to sign in to the panel, with your usual password. It never sees the password.",
+    "next-2": 'The panel shows who is asking and where the answer goes. There is a "read only" switch on that screen, and turning it on is the safe way to begin.',
+    "next-3": "From then on the agent acts as you: it can do what you can do and nothing more, and every call it makes is written down.",
+    mine: "Your connections"
+  },
   errors: {
     unauthenticated: "Unauthenticated.",
     inactive: "This account is no longer active.",
@@ -331,10 +423,10 @@ const Xe = ["title", "aria-label", "aria-pressed"], Ze = /* @__PURE__ */ j({
     language: "Interface language"
   }
 };
-function ye(a) {
-  const r = `${a.apiPath}/auth`, s = (o) => o.data;
+function fe(n) {
+  const u = `${n.apiPath}/auth`, l = (o) => o.data;
   return {
-    list: (o = {}) => a.http.get(`${r}/admins`, {
+    list: (o = {}) => n.http.get(`${u}/admins`, {
       query: {
         q: o.q || void 0,
         role: o.role ?? void 0,
@@ -343,35 +435,44 @@ function ye(a) {
         page: o.page,
         per_page: o.per_page
       }
-    }).then((i) => ({ ...i.meta, data: i.data })),
-    get: (o) => a.http.get(`${r}/admins/${o}`).then(s),
-    create: (o) => a.http.post(`${r}/admins`, o).then(s),
-    update: (o, i) => a.http.patch(`${r}/admins/${o}`, i).then(s),
-    remove: (o) => a.http.delete(`${r}/admins/${o}`),
-    roles: () => a.http.get(`${r}/roles`).then(s)
+    }).then((y) => ({ ...y.meta, data: y.data })),
+    get: (o) => n.http.get(`${u}/admins/${o}`).then(l),
+    create: (o) => n.http.post(`${u}/admins`, o).then(l),
+    update: (o, y) => n.http.patch(`${u}/admins/${o}`, y).then(l),
+    remove: (o) => n.http.delete(`${u}/admins/${o}`),
+    roles: () => n.http.get(`${u}/roles`).then(l),
+    calls: (o = {}) => n.http.get(`${u}/mcp-calls`, {
+      query: {
+        user: o.user ?? void 0,
+        tool: o.tool ?? void 0,
+        outcome: o.outcome ?? void 0,
+        page: o.page,
+        per_page: o.per_page
+      }
+    }).then((y) => ({ ...y.meta, data: y.data, filters: y.filters }))
   };
 }
-const xe = /* @__PURE__ */ new WeakSet();
-function ae() {
+const Se = /* @__PURE__ */ new WeakSet();
+function te() {
   try {
-    const { i18n: a } = X();
-    xe.has(a) || (a.defaults("webx-auth", Se), xe.add(a));
+    const { i18n: n } = ee();
+    Se.has(n) || (n.defaults("webx-auth", Ke), Se.add(n));
   } catch {
   }
 }
-const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la = {
+const vt = { class: "wx-admin-form" }, pt = { class: "wx-admin-form__grid" }, ft = {
   key: 0,
   class: "wx-admin-form__aside"
-}, oa = { class: "wx-admin-form__fields" }, sa = /* @__PURE__ */ j({
+}, ht = { class: "wx-admin-form__fields" }, yt = /* @__PURE__ */ Q({
   __name: "AdminDialog",
   props: {
     admin: { default: null },
     avatarField: { default: void 0 }
   },
-  setup(a) {
-    const r = a, { resolve: s, dismiss: o, open: i } = me(), A = X(), f = ye(A), v = $e();
-    ae();
-    const h = D("webx-auth"), S = ve(), n = V([]), m = V(!1), g = V({}), u = V({
+  setup(n) {
+    const u = n, { resolve: l, dismiss: o, open: y } = ge(), c = ee(), _ = fe(c), r = Be();
+    te();
+    const b = j("webx-auth"), O = ve(), v = T([]), g = T(!1), w = T({}), m = T({
       name: "",
       email: "",
       password: "",
@@ -380,81 +481,81 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
       is_super: !1,
       locale: null,
       roles: []
-    }), w = P({
-      get: () => u.value.avatar ? { path: u.value.avatar } : null,
-      set: (y) => {
-        u.value.avatar = y?.path ?? null;
+    }), k = P({
+      get: () => m.value.avatar ? { path: m.value.avatar } : null,
+      set: (s) => {
+        m.value.avatar = s?.path ?? null;
       }
-    }), b = P(() => r.admin !== null), d = P(() => n.value.map((y) => ({ value: y.id, label: y.name }))), L = P(() => [
-      { value: "auto", label: h("admins.locale-auto") },
-      ...v.state.panelLocales.map((y) => ({ value: y.code, label: y.nativeName }))
+    }), f = P(() => u.admin !== null), h = P(() => v.value.map((s) => ({ value: s.id, label: s.name }))), z = P(() => [
+      { value: "auto", label: b("admins.locale-auto") },
+      ...r.state.panelLocales.map((s) => ({ value: s.code, label: s.nativeName }))
     ]);
-    f.roles().then((y) => n.value = y), re(
-      () => r.admin,
-      (y) => {
-        u.value = {
-          name: y?.name ?? "",
-          email: y?.email ?? "",
+    _.roles().then((s) => v.value = s), ue(
+      () => u.admin,
+      (s) => {
+        m.value = {
+          name: s?.name ?? "",
+          email: s?.email ?? "",
           password: "",
-          avatar: y?.avatar ?? null,
-          is_active: y?.is_active ?? !0,
-          is_super: y?.is_super ?? !1,
-          locale: y?.locale ?? "auto",
-          roles: y?.roles.map((p) => p.id) ?? []
-        }, g.value = {};
+          avatar: s?.avatar ?? null,
+          is_active: s?.is_active ?? !0,
+          is_super: s?.is_super ?? !1,
+          locale: s?.locale ?? "auto",
+          roles: s?.roles.map((x) => x.id) ?? []
+        }, w.value = {};
       },
       { immediate: !0 }
     );
-    function U(y) {
-      return g.value[y]?.[0];
+    function A(s) {
+      return w.value[s]?.[0];
     }
-    async function B() {
-      m.value = !0, g.value = {};
-      const y = {
-        name: u.value.name,
-        email: u.value.email,
-        avatar: u.value.avatar,
-        is_active: u.value.is_active,
-        is_super: u.value.is_super,
-        locale: u.value.locale === "auto" ? null : u.value.locale,
-        roles: u.value.roles ?? []
+    async function S() {
+      g.value = !0, w.value = {};
+      const s = {
+        name: m.value.name,
+        email: m.value.email,
+        avatar: m.value.avatar,
+        is_active: m.value.is_active,
+        is_super: m.value.is_super,
+        locale: m.value.locale === "auto" ? null : m.value.locale,
+        roles: m.value.roles ?? []
       };
-      u.value.password && (y.password = u.value.password);
+      m.value.password && (s.password = m.value.password);
       try {
-        const p = r.admin ? await f.update(r.admin.id, y) : await f.create(y);
-        Q.success(h(b.value ? "admins.updated" : "admins.created")), s(p);
-      } catch (p) {
-        const k = p.body;
-        k?.errors ? g.value = k.errors : Q.danger(S(p));
+        const x = u.admin ? await _.update(u.admin.id, s) : await _.create(s);
+        q.success(b(f.value ? "admins.updated" : "admins.created")), l(x);
+      } catch (x) {
+        const U = x.body;
+        U?.errors ? w.value = U.errors : q.danger(O(x));
       } finally {
-        m.value = !1;
+        g.value = !1;
       }
     }
-    return (y, p) => (x(), F(e(pe), {
-      open: e(i),
-      "onUpdate:open": p[9] || (p[9] = (k) => ce(i) ? i.value = k : null),
-      title: b.value ? e(h)("admins.edit-short") : e(h)("admins.new-short"),
+    return (s, x) => (p(), V(e(we), {
+      open: e(y),
+      "onUpdate:open": x[9] || (x[9] = (U) => be(y) ? y.value = U : null),
+      title: f.value ? e(b)("admins.edit-short") : e(b)("admins.new-short"),
       width: 720
     }, {
       footer: t(() => [
-        l(e(ee), { size: "sm" }, {
+        a(e(oe), { size: "sm" }, {
           default: t(() => [
-            l(e(Y), {
+            a(e(I), {
               variant: "outline",
-              onClick: p[8] || (p[8] = (k) => e(o)())
+              onClick: x[8] || (x[8] = (U) => e(o)())
             }, {
               default: t(() => [
-                $(C(e(h)("admins.cancel")), 1)
+                d(i(e(b)("admins.cancel")), 1)
               ]),
               _: 1
             }),
-            l(e(Y), {
+            a(e(I), {
               type: "primary",
-              loading: m.value,
-              onClick: B
+              loading: g.value,
+              onClick: S
             }, {
               default: t(() => [
-                $(C(e(h)("admins.save")), 1)
+                d(i(e(b)("admins.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -463,39 +564,39 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
         })
       ]),
       default: t(() => [
-        O("div", aa, [
-          O("div", ta, [
-            a.avatarField ? (x(), R("div", la, [
-              (x(), F(Ve(a.avatarField), {
-                modelValue: w.value,
-                "onUpdate:modelValue": p[0] || (p[0] = (k) => w.value = k),
-                label: e(h)("admins.avatar"),
+        W("div", vt, [
+          W("div", pt, [
+            n.avatarField ? (p(), Y("div", ft, [
+              (p(), V(Fe(n.avatarField), {
+                modelValue: k.value,
+                "onUpdate:modelValue": x[0] || (x[0] = (U) => k.value = U),
+                label: e(b)("admins.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : M("", !0),
-            O("div", oa, [
-              l(e(N), {
-                label: e(h)("admins.name"),
-                error: U("name")
+            ])) : E("", !0),
+            W("div", ht, [
+              a(e(M), {
+                label: e(b)("admins.name"),
+                error: A("name")
               }, {
                 default: t(() => [
-                  l(e(K), {
-                    modelValue: u.value.name,
-                    "onUpdate:modelValue": p[1] || (p[1] = (k) => u.value.name = k),
+                  a(e(le), {
+                    modelValue: m.value.name,
+                    "onUpdate:modelValue": x[1] || (x[1] = (U) => m.value.name = U),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              l(e(N), {
-                label: e(h)("admins.email"),
-                error: U("email")
+              a(e(M), {
+                label: e(b)("admins.email"),
+                error: A("email")
               }, {
                 default: t(() => [
-                  l(e(K), {
-                    modelValue: u.value.email,
-                    "onUpdate:modelValue": p[2] || (p[2] = (k) => u.value.email = k),
+                  a(e(le), {
+                    modelValue: m.value.email,
+                    "onUpdate:modelValue": x[2] || (x[2] = (U) => m.value.email = U),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -503,15 +604,15 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              l(e(N), {
-                label: e(h)("admins.password"),
-                error: U("password"),
-                help: b.value ? e(h)("admins.password-keep") : e(h)("admins.password-hint")
+              a(e(M), {
+                label: e(b)("admins.password"),
+                error: A("password"),
+                help: f.value ? e(b)("admins.password-keep") : e(b)("admins.password-hint")
               }, {
                 default: t(() => [
-                  l(e(K), {
-                    modelValue: u.value.password,
-                    "onUpdate:modelValue": p[3] || (p[3] = (k) => u.value.password = k),
+                  a(e(le), {
+                    modelValue: m.value.password,
+                    "onUpdate:modelValue": x[3] || (x[3] = (U) => m.value.password = U),
                     type: "password",
                     name: "password",
                     autocomplete: "new-password"
@@ -519,53 +620,53 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              l(e(N), {
-                label: e(h)("admins.roles"),
-                error: U("roles")
+              a(e(M), {
+                label: e(b)("admins.roles"),
+                error: A("roles")
               }, {
                 default: t(() => [
-                  l(e(se), {
-                    modelValue: u.value.roles,
-                    "onUpdate:modelValue": p[4] || (p[4] = (k) => u.value.roles = k),
-                    options: d.value,
+                  a(e(ne), {
+                    modelValue: m.value.roles,
+                    "onUpdate:modelValue": x[4] || (x[4] = (U) => m.value.roles = U),
+                    options: h.value,
                     multiple: ""
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              l(e(N), {
-                label: e(h)("admins.locale")
+              a(e(M), {
+                label: e(b)("admins.locale")
               }, {
                 default: t(() => [
-                  l(e(se), {
-                    modelValue: u.value.locale,
-                    "onUpdate:modelValue": p[5] || (p[5] = (k) => u.value.locale = k),
-                    options: L.value
+                  a(e(ne), {
+                    modelValue: m.value.locale,
+                    "onUpdate:modelValue": x[5] || (x[5] = (U) => m.value.locale = U),
+                    options: z.value
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              l(e(ee), { size: "md" }, {
+              a(e(oe), { size: "md" }, {
                 default: t(() => [
-                  l(e(_e), {
-                    modelValue: u.value.is_active,
-                    "onUpdate:modelValue": p[6] || (p[6] = (k) => u.value.is_active = k),
-                    label: e(h)("admins.active")
+                  a(e(ze), {
+                    modelValue: m.value.is_active,
+                    "onUpdate:modelValue": x[6] || (x[6] = (U) => m.value.is_active = U),
+                    label: e(b)("admins.active")
                   }, null, 8, ["modelValue", "label"]),
-                  l(e(_e), {
-                    modelValue: u.value.is_super,
-                    "onUpdate:modelValue": p[7] || (p[7] = (k) => u.value.is_super = k),
-                    label: e(h)("admins.super")
+                  a(e(ze), {
+                    modelValue: m.value.is_super,
+                    "onUpdate:modelValue": x[7] || (x[7] = (U) => m.value.is_super = U),
+                    label: e(b)("admins.super")
                   }, null, 8, ["modelValue", "label"])
                 ]),
                 _: 1
               }),
-              l(e(fe), {
+              a(e(B), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  $(C(e(h)("admins.super-hint")), 1)
+                  d(i(e(b)("admins.super-hint")), 1)
                 ]),
                 _: 1
               })
@@ -576,7 +677,7 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ke = 480, We = /* @__PURE__ */ j({
+}), We = 480, Ye = /* @__PURE__ */ Q({
   __name: "AdminList",
   props: {
     picking: { type: Boolean, default: !1 },
@@ -586,41 +687,41 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
     resolveAvatar: { type: Function, default: void 0 }
   },
   emits: ["open", "chosen", "selection", "remove"],
-  setup(a, { expose: r, emit: s }) {
-    const o = a, i = s, A = X(), f = ye(A);
-    ae();
-    const v = ne("root"), h = Ie(v), S = P(() => h.value > 0 && h.value < ke), n = D("webx-auth"), m = D("webx-admin"), g = V(null), u = V([]), w = V(!1), b = V("all"), d = V("any"), L = V([]), U = V({});
-    let B = { page: 1, perPage: 20, sort: null, search: "" };
-    const y = P(() => [
-      { value: "all", label: n("admins.all-roles") },
-      ...u.value.map((_) => ({ value: _.slug, label: _.name }))
-    ]), p = P(() => [
-      { value: "any", label: n("admins.any-state") },
-      { value: "yes", label: n("admins.only-active") },
-      { value: "no", label: n("admins.only-inactive") }
-    ]), k = P(() => {
-      const _ = [], z = u.value.find((c) => c.slug === b.value);
-      return z && _.push({
+  setup(n, { expose: u, emit: l }) {
+    const o = n, y = l, c = ee(), _ = fe(c);
+    te();
+    const r = re("root"), b = xe(r), O = P(() => b.value > 0 && b.value < We), v = j("webx-auth"), g = j("webx-admin"), w = T(null), m = T([]), k = T(!1), f = T("all"), h = T("any"), z = T([]), A = T({});
+    let S = { page: 1, perPage: 20, sort: null, search: "" };
+    const s = P(() => [
+      { value: "all", label: v("admins.all-roles") },
+      ...m.value.map((F) => ({ value: F.slug, label: F.name }))
+    ]), x = P(() => [
+      { value: "any", label: v("admins.any-state") },
+      { value: "yes", label: v("admins.only-active") },
+      { value: "no", label: v("admins.only-inactive") }
+    ]), U = P(() => {
+      const F = [], N = m.value.find((L) => L.slug === f.value);
+      return N && F.push({
         key: "role",
-        label: `${n("admins.filter-role")}: ${z.name}`,
-        clear: () => b.value = "all"
-      }), d.value !== "any" && _.push({
+        label: `${v("admins.filter-role")}: ${N.name}`,
+        clear: () => f.value = "all"
+      }), h.value !== "any" && F.push({
         key: "state",
-        label: `${n("admins.filter-state")}: ${d.value === "yes" ? n("admins.only-active") : n("admins.only-inactive")}`,
-        clear: () => d.value = "any"
-      }), _;
+        label: `${v("admins.filter-state")}: ${h.value === "yes" ? v("admins.only-active") : v("admins.only-inactive")}`,
+        clear: () => h.value = "any"
+      }), F;
     });
-    function ie() {
-      b.value = "all", d.value = "any";
+    function X() {
+      f.value = "all", h.value = "any";
     }
-    const Z = P(() => S.value ? [{ key: "card", label: "" }] : [
-      { key: "name", label: n("admins.name"), sortable: !0 },
-      { key: "email", label: n("admins.email"), sortable: !0, hideBelow: 560 },
-      { key: "roles", label: n("admins.roles"), hideBelow: 760 },
-      { key: "is_active", label: n("admins.active"), align: "center", hideBelow: 660 },
+    const D = P(() => O.value ? [{ key: "card", label: "" }] : [
+      { key: "name", label: v("admins.name"), sortable: !0 },
+      { key: "email", label: v("admins.email"), sortable: !0, hideBelow: 560 },
+      { key: "roles", label: v("admins.roles"), hideBelow: 760 },
+      { key: "is_active", label: v("admins.active"), align: "center", hideBelow: 660 },
       {
         key: "last_login_at",
-        label: n("admins.last-login"),
+        label: v("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
@@ -630,203 +731,203 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
       {
         key: "actions",
         label: "",
-        width: Ne,
+        width: Ze,
         align: "right",
         hidden: !o.removable,
         // A card puts them along its top instead, through the `card-actions` slot.
         hideOnCards: !0
       }
     ]);
-    f.roles().then((_) => u.value = _), re([b, d], () => q(B));
-    async function q(_) {
-      B = _, w.value = !0;
+    _.roles().then((F) => m.value = F), ue([f, h], () => G(S));
+    async function G(F) {
+      S = F, k.value = !0;
       try {
-        g.value = await f.list({
-          q: _.search,
-          role: b.value === "all" ? null : b.value,
-          active: d.value === "any" ? null : d.value,
-          sort: _.sort ? `${_.sort.order === "desc" ? "-" : ""}${_.sort.key}` : "name",
-          page: _.page,
-          per_page: _.perPage
-        }), W();
+        w.value = await _.list({
+          q: F.search,
+          role: f.value === "all" ? null : f.value,
+          active: h.value === "any" ? null : h.value,
+          sort: F.sort ? `${F.sort.order === "desc" ? "-" : ""}${F.sort.key}` : "name",
+          page: F.page,
+          per_page: F.perPage
+        }), C();
       } finally {
-        w.value = !1;
+        k.value = !1;
       }
     }
-    async function W() {
-      const _ = o.resolveAvatar;
-      if (_)
-        for (const z of g.value?.data ?? []) {
-          if (!z.avatar || U.value[z.avatar]) continue;
-          const c = await _(z.avatar);
-          c && (U.value = { ...U.value, [z.avatar]: c });
+    async function C() {
+      const F = o.resolveAvatar;
+      if (F)
+        for (const N of w.value?.data ?? []) {
+          if (!N.avatar || A.value[N.avatar]) continue;
+          const L = await F(N.avatar);
+          L && (A.value = { ...A.value, [N.avatar]: L });
         }
     }
-    function E(_) {
+    function R(F) {
       return [
         {
           key: "delete",
           icon: "trash",
-          label: n("admins.delete"),
+          label: v("admins.delete"),
           danger: !0,
-          run: () => i("remove", _)
+          run: () => y("remove", F)
         }
       ];
     }
-    function te(_) {
+    function $(F) {
       if (o.picking) {
-        i("chosen", [_]);
+        y("chosen", [F]);
         return;
       }
-      i("open", _);
+      y("open", F);
     }
-    const H = P(() => !(o.picking && o.multiple));
-    function le(_, z) {
-      L.value = z, i("selection", z);
+    const J = P(() => !(o.picking && o.multiple));
+    function ce(F, N) {
+      z.value = N, y("selection", N);
     }
-    return r({ reload: () => q(B), chosen: () => L.value }), (_, z) => (x(), R("div", {
+    return u({ reload: () => G(S), chosen: () => z.value }), (F, N) => (p(), Y("div", {
       ref_key: "root",
-      ref: v,
+      ref: r,
       class: "wx-admin-list"
     }, [
-      l(e(Ke), {
-        data: g.value,
-        columns: Z.value,
+      a(e(ke), {
+        data: w.value,
+        columns: D.value,
         "row-key": "id",
         searchable: "",
-        clickable: H.value,
-        hover: H.value,
+        clickable: J.value,
+        hover: J.value,
         flush: "",
-        loading: w.value,
-        "search-placeholder": e(n)("admins.search"),
-        "empty-text": e(n)("admins.empty"),
-        selectable: a.picking && a.multiple,
-        "cards-below": ke,
-        "filters-count": k.value.length,
-        "filters-label": e(m)("filters.title"),
-        onRowClick: te,
-        onStateChange: q,
-        onSelectionChange: le
-      }, Ae({
-        "cell-name": t(({ row: c }) => [
-          l(e(ee), {
+        loading: k.value,
+        "search-placeholder": e(v)("admins.search"),
+        "empty-text": e(v)("admins.empty"),
+        selectable: n.picking && n.multiple,
+        "cards-below": We,
+        "filters-count": U.value.length,
+        "filters-label": e(g)("filters.title"),
+        onRowClick: $,
+        onStateChange: G,
+        onSelectionChange: ce
+      }, Oe({
+        "cell-name": t(({ row: L }) => [
+          a(e(oe), {
             size: "sm",
             align: "center"
           }, {
             default: t(() => [
-              l(e(je), {
-                name: c.name,
-                src: c.avatar ? U.value[c.avatar] : void 0,
+              a(e(lt), {
+                name: L.name,
+                src: L.avatar ? A.value[L.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              O("span", null, C(c.name), 1),
-              c.is_super ? (x(), F(e(J), {
+              W("span", null, i(L.name), 1),
+              L.is_super ? (p(), V(e(K), {
                 key: 0,
                 type: "warning"
               }, {
                 default: t(() => [
-                  $(C(e(n)("admins.super")), 1)
+                  d(i(e(v)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : E("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-roles": t(({ row: c }) => [
-          c.roles.length > 0 ? (x(), F(e(ee), {
+        "cell-roles": t(({ row: L }) => [
+          L.roles.length > 0 ? (p(), V(e(oe), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
             default: t(() => [
-              (x(!0), R(oe, null, de(c.roles, (I) => (x(), F(e(J), {
-                key: I.id
+              (p(!0), Y(me, null, _e(L.roles, (ae) => (p(), V(e(K), {
+                key: ae.id
               }, {
                 default: t(() => [
-                  $(C(I.name), 1)
+                  d(i(ae.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 2
-          }, 1024)) : (x(), F(e(fe), {
+          }, 1024)) : (p(), V(e(B), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
             default: t(() => [
-              $(C(e(n)("admins.no-roles")), 1)
+              d(i(e(v)("admins.no-roles")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-is_active": t(({ row: c }) => [
-          l(e(J), {
-            type: c.is_active ? "success" : "default",
+        "cell-is_active": t(({ row: L }) => [
+          a(e(K), {
+            type: L.is_active ? "success" : "default",
             dot: ""
           }, {
             default: t(() => [
-              $(C(c.is_active ? e(n)("admins.active") : e(n)("admins.only-inactive")), 1)
+              d(i(L.is_active ? e(v)("admins.active") : e(v)("admins.only-inactive")), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "card-actions": t(({ row: c }) => [
-          a.removable ? (x(), F(e(ge), {
+        "card-actions": t(({ row: L }) => [
+          n.removable ? (p(), V(e(Ve), {
             key: 0,
-            actions: E(c),
-            label: c.name
-          }, null, 8, ["actions", "label"])) : M("", !0)
+            actions: R(L),
+            label: L.name
+          }, null, 8, ["actions", "label"])) : E("", !0)
         ]),
-        "cell-actions": t(({ row: c }) => [
-          l(e(ge), {
-            actions: E(c),
-            label: c.name
+        "cell-actions": t(({ row: L }) => [
+          a(e(Ve), {
+            actions: R(L),
+            label: L.name
           }, null, 8, ["actions", "label"])
         ]),
-        "cell-last_login_at": t(({ row: c }) => [
-          l(e(Oe), {
-            value: c.last_login_at,
-            tone: c.last_login_at ? "default" : "muted",
+        "cell-last_login_at": t(({ row: L }) => [
+          a(e(ie), {
+            value: L.last_login_at,
+            tone: L.last_login_at ? "default" : "muted",
             compact: ""
           }, null, 8, ["value", "tone"])
         ]),
-        "cell-card": t(({ row: c }) => [
-          l(e(Ye), {
+        "cell-card": t(({ row: L }) => [
+          a(e(Ce), {
             variant: "plain",
             shape: "circle",
-            title: c.name,
-            image: c.avatar ? U.value[c.avatar] : void 0,
-            subtitle: c.email
+            title: L.name,
+            image: L.avatar ? A.value[L.avatar] : void 0,
+            subtitle: L.email
           }, {
             meta: t(() => [
-              c.is_super ? (x(), F(e(J), {
+              L.is_super ? (p(), V(e(K), {
                 key: 0,
                 type: "warning",
                 size: "sm"
               }, {
                 default: t(() => [
-                  $(C(e(n)("admins.super")), 1)
+                  d(i(e(v)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : M("", !0),
-              (x(!0), R(oe, null, de(c.roles, (I) => (x(), F(e(J), {
-                key: I.id,
+              })) : E("", !0),
+              (p(!0), Y(me, null, _e(L.roles, (ae) => (p(), V(e(K), {
+                key: ae.id,
                 size: "sm"
               }, {
                 default: t(() => [
-                  $(C(I.name), 1)
+                  d(i(ae.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128)),
-              l(e(J), {
-                type: c.is_active ? "success" : "default",
+              a(e(K), {
+                type: L.is_active ? "success" : "default",
                 dot: "",
                 size: "sm"
               }, {
                 default: t(() => [
-                  $(C(c.is_active ? e(n)("admins.active") : e(n)("admins.only-inactive")), 1)
+                  d(i(L.is_active ? e(v)("admins.active") : e(v)("admins.only-inactive")), 1)
                 ]),
                 _: 2
               }, 1032, ["type"])
@@ -836,210 +937,1119 @@ const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la
         ]),
         _: 2
       }, [
-        a.filters ? {
+        n.filters ? {
           name: "filters",
           fn: t(() => [
-            l(e(N), {
-              label: e(n)("admins.filter-role")
+            a(e(M), {
+              label: e(v)("admins.filter-role")
             }, {
               default: t(() => [
-                l(e(se), {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": z[0] || (z[0] = (c) => b.value = c),
-                  options: y.value,
+                a(e(ne), {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": N[0] || (N[0] = (L) => f.value = L),
+                  options: s.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(N), {
-              label: e(n)("admins.filter-state")
+            a(e(M), {
+              label: e(v)("admins.filter-state")
             }, {
               default: t(() => [
-                l(e(se), {
-                  modelValue: d.value,
-                  "onUpdate:modelValue": z[1] || (z[1] = (c) => d.value = c),
-                  options: p.value,
+                a(e(ne), {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": N[1] || (N[1] = (L) => h.value = L),
+                  options: x.value,
                   size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            k.value.length > 0 ? (x(), F(e(Y), {
+            U.value.length > 0 ? (p(), V(e(I), {
               key: 0,
               variant: "text",
               size: "sm",
               block: "",
-              onClick: ie
+              onClick: X
             }, {
               icon: t(() => [
-                l(e(qe), { name: "close" })
+                a(e(Z), { name: "close" })
               ]),
               default: t(() => [
-                $(" " + C(e(m)("filters.reset")), 1)
+                d(" " + i(e(g)("filters.reset")), 1)
               ]),
               _: 1
-            })) : M("", !0)
+            })) : E("", !0)
           ]),
           key: "0"
         } : void 0,
-        a.filters ? {
+        n.filters ? {
           name: "applied",
           fn: t(() => [
-            l(e(Re), { filters: k.value }, null, 8, ["filters"])
+            a(e(Ee), { filters: U.value }, null, 8, ["filters"])
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "selectable", "filters-count", "filters-label"])
     ], 512));
   }
-}), na = /* @__PURE__ */ j({
+}), _t = { class: "wx-call-list__details" }, bt = {
+  key: 1,
+  class: "wx-call-list__arguments"
+}, gt = {
+  class: "wx-call-list__glyph",
+  "aria-hidden": "true"
+}, wt = {
+  key: 1,
+  class: "wx-call-list__arguments"
+}, Te = 480, xt = /* @__PURE__ */ Q({
+  __name: "CallList",
+  setup(n, { expose: u }) {
+    const l = ee(), o = fe(l);
+    te();
+    const y = re("root"), c = xe(y), _ = P(() => c.value > 0 && c.value < Te), r = j("webx-auth"), b = j("webx-admin"), O = T(null), v = T({ users: [], tools: [] }), g = T(!1), w = T("all"), m = T("all"), k = T("any");
+    let f = { page: 1, perPage: 30, sort: null, search: "" };
+    function h(C) {
+      return C === null ? r("calls.local") : C.name ?? r("calls.deleted", { id: C.id });
+    }
+    const z = P(() => [
+      { value: "all", label: r("calls.everybody") },
+      ...v.value.users.map((C) => ({
+        value: C.id === null ? "none" : String(C.id),
+        label: h(C.id === null ? null : { id: C.id, name: C.name })
+      }))
+    ]), A = P(() => [
+      { value: "all", label: r("calls.all-tools") },
+      ...v.value.tools.map((C) => ({ value: C, label: C }))
+    ]), S = P(() => [
+      { value: "any", label: r("calls.any-outcome") },
+      { value: "ok", label: r("calls.only-answered") },
+      { value: "failed", label: r("calls.only-refused") },
+      { value: "dry", label: r("calls.only-dry") }
+    ]), s = P(() => {
+      const C = [], R = z.value.find((J) => J.value === w.value);
+      w.value !== "all" && R && C.push({
+        key: "user",
+        label: `${r("calls.filter-user")}: ${R.label}`,
+        clear: () => w.value = "all"
+      }), m.value !== "all" && C.push({
+        key: "tool",
+        label: `${r("calls.filter-tool")}: ${m.value}`,
+        clear: () => m.value = "all"
+      });
+      const $ = S.value.find((J) => J.value === k.value);
+      return k.value !== "any" && $ && C.push({
+        key: "outcome",
+        label: `${r("calls.filter-outcome")}: ${$.label}`,
+        clear: () => k.value = "any"
+      }), C;
+    });
+    function x() {
+      w.value = "all", m.value = "all", k.value = "any";
+    }
+    const U = P(() => _.value ? [{ key: "card", label: "" }] : [
+      { key: "at", label: r("calls.when") },
+      { key: "user", label: r("calls.who"), hideBelow: 640 },
+      { key: "tool", label: r("calls.tool") },
+      { key: "outcome", label: r("calls.outcome") },
+      { key: "duration_ms", label: r("calls.took"), align: "right", hideBelow: 820 },
+      { key: "client", label: r("calls.client"), hideBelow: 960 }
+    ]);
+    ue([w, m, k], () => X({ ...f, page: 1 }));
+    async function X(C) {
+      f = C, g.value = !0;
+      try {
+        O.value = await o.calls({
+          user: w.value === "all" ? null : w.value,
+          tool: m.value === "all" ? null : m.value,
+          outcome: k.value === "any" ? null : k.value,
+          page: C.page,
+          per_page: C.perPage
+        }), v.value = O.value.filters;
+      } finally {
+        g.value = !1;
+      }
+    }
+    function D(C) {
+      return C.ok ? C.dry_run ? { type: "info", label: r("calls.dry-run") } : { type: "success", label: r("calls.answered") } : { type: "danger", label: r("calls.refused") };
+    }
+    function G(C) {
+      return C.arguments !== null || C.error !== null;
+    }
+    return u({ reload: () => X(f) }), (C, R) => (p(), Y("div", {
+      ref_key: "root",
+      ref: y,
+      class: "wx-call-list"
+    }, [
+      a(e(ke), {
+        data: O.value,
+        columns: U.value,
+        "row-key": "id",
+        flush: "",
+        loading: g.value,
+        clickable: !1,
+        expandable: !_.value,
+        "expandable-if": G,
+        "empty-text": e(r)("calls.empty"),
+        "cards-below": Te,
+        "filters-count": s.value.length,
+        "filters-label": e(b)("filters.title"),
+        onStateChange: X
+      }, {
+        filters: t(() => [
+          a(e(M), {
+            label: e(r)("calls.filter-user")
+          }, {
+            default: t(() => [
+              a(e(ne), {
+                modelValue: w.value,
+                "onUpdate:modelValue": R[0] || (R[0] = ($) => w.value = $),
+                options: z.value,
+                size: "sm"
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          a(e(M), {
+            label: e(r)("calls.filter-tool")
+          }, {
+            default: t(() => [
+              a(e(ne), {
+                modelValue: m.value,
+                "onUpdate:modelValue": R[1] || (R[1] = ($) => m.value = $),
+                options: A.value,
+                size: "sm"
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          a(e(M), {
+            label: e(r)("calls.filter-outcome")
+          }, {
+            default: t(() => [
+              a(e(ne), {
+                modelValue: k.value,
+                "onUpdate:modelValue": R[2] || (R[2] = ($) => k.value = $),
+                options: S.value,
+                size: "sm"
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          s.value.length > 0 ? (p(), V(e(I), {
+            key: 0,
+            variant: "text",
+            size: "sm",
+            block: "",
+            onClick: x
+          }, {
+            icon: t(() => [
+              a(e(Z), { name: "close" })
+            ]),
+            default: t(() => [
+              d(" " + i(e(b)("filters.reset")), 1)
+            ]),
+            _: 1
+          })) : E("", !0)
+        ]),
+        applied: t(() => [
+          a(e(Ee), { filters: s.value }, null, 8, ["filters"])
+        ]),
+        "cell-at": t(({ row: $ }) => [
+          a(e(ie), {
+            value: $.at,
+            tone: "default",
+            compact: ""
+          }, null, 8, ["value"])
+        ]),
+        "cell-user": t(({ row: $ }) => [
+          a(e(B), {
+            tone: $.user === null || $.user.name === null ? "muted" : "default"
+          }, {
+            default: t(() => [
+              d(i(h($.user)), 1)
+            ]),
+            _: 2
+          }, 1032, ["tone"])
+        ]),
+        "cell-tool": t(({ row: $ }) => [
+          a(e(B), {
+            mono: "",
+            size: "sm"
+          }, {
+            default: t(() => [
+              d(i($.tool), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        "cell-outcome": t(({ row: $ }) => [
+          a(e(K), {
+            type: D($).type,
+            dot: ""
+          }, {
+            default: t(() => [
+              d(i(D($).label), 1)
+            ]),
+            _: 2
+          }, 1032, ["type"])
+        ]),
+        "cell-duration_ms": t(({ row: $ }) => [
+          a(e(B), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              d(i(e(r)("calls.ms", { count: $.duration_ms })), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        "cell-client": t(({ row: $ }) => [
+          $.client ? (p(), V(e(B), {
+            key: 0,
+            size: "sm"
+          }, {
+            default: t(() => [
+              d(i($.client), 1)
+            ]),
+            _: 2
+          }, 1024)) : (p(), V(e(B), {
+            key: 1,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [...R[3] || (R[3] = [
+              d("—", -1)
+            ])]),
+            _: 1
+          }))
+        ]),
+        expanded: t(({ row: $ }) => [
+          W("div", _t, [
+            $.error ? (p(), V(e(B), {
+              key: 0,
+              tone: "danger",
+              size: "sm",
+              class: "wx-call-list__error"
+            }, {
+              default: t(() => [
+                W("strong", null, i(e(r)("calls.error")) + ":", 1),
+                d(" " + i($.error), 1)
+              ]),
+              _: 2
+            }, 1024)) : E("", !0),
+            $.arguments ? (p(), Y("pre", bt, i($.arguments), 1)) : (p(), V(e(B), {
+              key: 2,
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: t(() => [
+                d(i(e(r)("calls.no-arguments")), 1)
+              ]),
+              _: 1
+            }))
+          ])
+        ]),
+        "cell-card": t(({ row: $ }) => [
+          a(e(Ce), {
+            variant: "plain",
+            title: $.tool,
+            subtitle: h($.user)
+          }, {
+            media: t(() => [
+              W("span", gt, [
+                a(e(Z), { name: "sliders" })
+              ])
+            ]),
+            meta: t(() => [
+              a(e(K), {
+                type: D($).type,
+                dot: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  d(i(D($).label), 1)
+                ]),
+                _: 2
+              }, 1032, ["type"]),
+              a(e(ie), {
+                value: $.at,
+                compact: ""
+              }, null, 8, ["value"]),
+              $.client ? (p(), V(e(B), {
+                key: 0,
+                size: "xs",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  d(i($.client), 1)
+                ]),
+                _: 2
+              }, 1024)) : E("", !0)
+            ]),
+            default: t(() => [
+              G($) ? (p(), V(e(oe), {
+                key: 0,
+                direction: "vertical",
+                size: "xs",
+                class: "wx-call-list__card-details"
+              }, {
+                default: t(() => [
+                  $.error ? (p(), V(e(B), {
+                    key: 0,
+                    tone: "danger",
+                    size: "sm"
+                  }, {
+                    default: t(() => [
+                      d(i($.error), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : E("", !0),
+                  $.arguments ? (p(), Y("pre", wt, i($.arguments), 1)) : E("", !0)
+                ]),
+                _: 2
+              }, 1024)) : E("", !0)
+            ]),
+            _: 2
+          }, 1032, ["title", "subtitle"])
+        ]),
+        _: 1
+      }, 8, ["data", "columns", "loading", "expandable", "empty-text", "filters-count", "filters-label"])
+    ], 512));
+  }
+});
+function kt(n) {
+  const u = `${n.apiPath}/auth/connections`;
+  return {
+    list: (l = "mine") => n.http.get(u, { query: { all: l === "all" ? 1 : void 0 } }).then((o) => ({
+      data: o.data,
+      scope: o.meta.scope,
+      canSeeEverybody: o.meta.can_see_everybody
+    })),
+    disconnect: (l) => n.http.delete(`${u}/${l}`).then((o) => o.data)
+  };
+}
+const Ct = {
+  class: "wx-connection-list__glyph",
+  "aria-hidden": "true"
+}, Ue = 560, je = /* @__PURE__ */ Q({
+  __name: "ConnectionList",
+  props: {
+    scope: { default: "mine" }
+  },
+  setup(n, { expose: u }) {
+    const l = n, o = ee(), y = kt(o);
+    te();
+    const c = j("webx-auth"), _ = ve(), r = re("root"), b = xe(r), O = P(() => b.value > 0 && b.value < Ue), v = T([]), g = T(!1), w = T(null), m = P(() => O.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 },
+      { key: "end", label: "", align: "right", width: 140 }
+    ]);
+    function k(A) {
+      return A.user.name ?? c("calls.deleted", { id: A.user.id });
+    }
+    function f(A) {
+      if (A.read_only) return c("connections.read-only");
+      if (l.scope !== "all") return c("connections.full-you");
+      const S = A.user.name?.split(" ")[0];
+      return c("connections.full", { name: S || k(A) });
+    }
+    async function h() {
+      g.value = !0;
+      try {
+        v.value = (await y.list(l.scope)).data;
+      } catch (A) {
+        q.danger(_(A));
+      } finally {
+        g.value = !1;
+      }
+    }
+    async function z(A) {
+      if (await Ne({
+        title: c("connections.confirm-title", { client: A.client }),
+        message: c("connections.confirm-text"),
+        confirmText: c("connections.confirm"),
+        cancelText: c("connections.cancel"),
+        tone: "danger"
+      })) {
+        w.value = A.id;
+        try {
+          const s = await y.disconnect(A.id);
+          v.value = v.value.map((x) => x.id === s.id ? s : x), q.success(c("connections.done", { client: A.client }));
+        } catch (s) {
+          q.danger(_(s));
+        } finally {
+          w.value = null;
+        }
+      }
+    }
+    return ue(() => l.scope, h, { immediate: !0 }), u({ reload: h }), (A, S) => (p(), Y("div", {
+      ref_key: "root",
+      ref: r,
+      class: "wx-connection-list"
+    }, [
+      a(e(ke), {
+        data: v.value,
+        columns: m.value,
+        "row-key": "id",
+        flush: "",
+        loading: g.value,
+        clickable: !1,
+        "empty-text": n.scope === "all" ? e(c)("connections.empty-all") : e(c)("connections.empty"),
+        "cards-below": Ue,
+        "row-class": (s) => s.revoked_at ? "is-ended" : ""
+      }, {
+        "cell-client": t(({ row: s }) => [
+          a(e(oe), {
+            direction: "vertical",
+            size: "none"
+          }, {
+            default: t(() => [
+              a(e(B), {
+                tone: s.revoked_at ? "muted" : "default",
+                weight: "medium"
+              }, {
+                default: t(() => [
+                  d(i(s.client), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"]),
+              a(e(B), {
+                size: "xs",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  d(i(e(c)("connections.returns-to", { host: s.host })), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        "cell-user": t(({ row: s }) => [
+          a(e(B), {
+            tone: s.user.name === null ? "muted" : "default"
+          }, {
+            default: t(() => [
+              d(i(k(s)), 1)
+            ]),
+            _: 2
+          }, 1032, ["tone"])
+        ]),
+        "cell-read_only": t(({ row: s }) => [
+          s.revoked_at ? (p(), V(e(K), {
+            key: 0,
+            type: "default",
+            dot: ""
+          }, {
+            default: t(() => [
+              d(i(e(c)("connections.disconnected")), 1)
+            ]),
+            _: 1
+          })) : (p(), V(e(K), {
+            key: 1,
+            type: s.read_only ? "info" : "success",
+            dot: ""
+          }, {
+            default: t(() => [
+              d(i(f(s)), 1)
+            ]),
+            _: 2
+          }, 1032, ["type"]))
+        ]),
+        "cell-connected_at": t(({ row: s }) => [
+          a(e(ie), {
+            value: s.connected_at,
+            tone: "muted",
+            compact: ""
+          }, null, 8, ["value"])
+        ]),
+        "cell-last_used_at": t(({ row: s }) => [
+          s.last_used_at ? (p(), V(e(ie), {
+            key: 0,
+            value: s.last_used_at,
+            tone: "default",
+            compact: ""
+          }, null, 8, ["value"])) : (p(), V(e(B), {
+            key: 1,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              d(i(e(c)("connections.never-used")), 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        "cell-end": t(({ row: s }) => [
+          s.revoked_at ? E("", !0) : (p(), V(e(I), {
+            key: 0,
+            type: "danger",
+            variant: "text",
+            size: "sm",
+            loading: w.value === s.id,
+            onClick: (x) => z(s)
+          }, {
+            default: t(() => [
+              d(i(e(c)("connections.disconnect")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading", "onClick"]))
+        ]),
+        "cell-card": t(({ row: s }) => [
+          a(e(Ce), {
+            variant: "plain",
+            title: s.client,
+            subtitle: e(c)("connections.returns-to", { host: s.host })
+          }, {
+            media: t(() => [
+              W("span", Ct, [
+                a(e(Z), { name: "link" })
+              ])
+            ]),
+            meta: t(() => [
+              s.revoked_at ? (p(), V(e(K), {
+                key: 0,
+                type: "default",
+                dot: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  d(i(e(c)("connections.disconnected")), 1)
+                ]),
+                _: 1
+              })) : (p(), V(e(K), {
+                key: 1,
+                type: s.read_only ? "info" : "success",
+                dot: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  d(i(f(s)), 1)
+                ]),
+                _: 2
+              }, 1032, ["type"])),
+              n.scope === "all" ? (p(), V(e(B), {
+                key: 2,
+                size: "xs",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  d(i(k(s)), 1)
+                ]),
+                _: 2
+              }, 1024)) : E("", !0),
+              s.last_used_at ? (p(), V(e(ie), {
+                key: 3,
+                value: s.last_used_at,
+                compact: ""
+              }, null, 8, ["value"])) : (p(), V(e(B), {
+                key: 4,
+                size: "xs",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  d(i(e(c)("connections.never-used")), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            actions: t(() => [
+              s.revoked_at ? E("", !0) : (p(), V(e(I), {
+                key: 0,
+                type: "danger",
+                variant: "text",
+                size: "sm",
+                loading: w.value === s.id,
+                onClick: (x) => z(s)
+              }, {
+                default: t(() => [
+                  d(i(e(c)("connections.disconnect")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "onClick"]))
+            ]),
+            _: 2
+          }, 1032, ["title", "subtitle"])
+        ]),
+        _: 1
+      }, 8, ["data", "columns", "loading", "empty-text", "row-class"])
+    ], 512));
+  }
+}), $t = /* @__PURE__ */ Q({
   __name: "AdminsPage",
   props: {
+    base: { default: "/admins" },
+    current: { default: "admins" },
     avatarField: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
-  setup(a) {
-    const r = a, s = X(), o = ye(s);
-    ae();
-    const i = D("webx-auth"), A = ve(), f = ne("list"), v = V(null), h = he(sa), S = s.can("admins.manage"), n = P(
-      () => s.state.manifest?.modules.find((w) => w.id === "admins")?.title ?? i("admins.title")
-    ), m = P(
-      () => S ? [
+  setup(n) {
+    const u = n, l = ee(), o = fe(l), y = tt(), c = at();
+    te();
+    const _ = j("webx-auth"), r = ve(), b = re("list"), O = T(null), v = $e(yt), g = l.can("admins.manage"), w = l.can("admins.audit"), m = P(
+      () => l.state.manifest?.modules.find((S) => S.id === "admins")?.title ?? _("admins.title")
+    ), k = P(() => {
+      const S = [{ value: "admins", label: m.value }];
+      return w && S.push({ value: "calls", label: _("calls.title") }), g && S.push({ value: "connections", label: _("connections.title") }), S.length > 1 ? S : void 0;
+    }), f = P({
+      get: () => u.current,
+      set: (S) => {
+        const s = S === "admins" ? u.base : `${u.base}/${String(S)}`;
+        s !== c.path && y.push(s);
+      }
+    }), h = P(
+      () => g && u.current === "admins" ? [
         {
           key: "new",
-          label: i("admins.new-short"),
+          label: _("admins.new-short"),
           icon: "plus",
           primary: !0,
           run: () => {
-            g(null);
+            z(null);
           }
         }
       ] : []
     );
-    async function g(w) {
-      v.value = w, await h({ admin: w, avatarField: r.avatarField }) && f.value?.reload();
+    async function z(S) {
+      O.value = S, await v({ admin: S, avatarField: u.avatarField }) && b.value?.reload();
     }
-    async function u(w) {
-      if (await He({
-        title: i("admins.delete-title", { name: w.name }),
-        message: i("admins.delete-text"),
-        confirmText: i("admins.delete"),
-        cancelText: i("admins.cancel"),
+    async function A(S) {
+      if (await Ne({
+        title: _("admins.delete-title", { name: S.name }),
+        message: _("admins.delete-text"),
+        confirmText: _("admins.delete"),
+        cancelText: _("admins.cancel"),
         tone: "danger"
       }))
         try {
-          await o.remove(w.id), Q.success(i("admins.deleted")), f.value?.reload();
-        } catch (d) {
-          Q.danger(A(d));
+          await o.remove(S.id), q.success(_("admins.deleted")), b.value?.reload();
+        } catch (x) {
+          q.danger(r(x));
         }
     }
-    return (w, b) => (x(), F(e(De), {
-      title: n.value,
-      actions: m.value
+    return (S, s) => (p(), V(e(De), {
+      view: f.value,
+      "onUpdate:view": s[0] || (s[0] = (x) => f.value = x),
+      title: m.value,
+      views: k.value,
+      actions: h.value
     }, {
       default: t(() => [
-        l(We, {
+        n.current === "calls" ? (p(), V(xt, { key: 0 })) : n.current === "connections" ? (p(), V(je, {
+          key: 1,
+          scope: "all"
+        })) : (p(), V(Ye, {
+          key: 2,
           ref_key: "list",
-          ref: f,
-          removable: e(S),
-          "resolve-avatar": r.resolveAvatar,
-          onOpen: g,
-          onRemove: u
-        }, null, 8, ["removable", "resolve-avatar"])
+          ref: b,
+          removable: e(g),
+          "resolve-avatar": u.resolveAvatar,
+          onOpen: z,
+          onRemove: A
+        }, null, 8, ["removable", "resolve-avatar"]))
       ]),
       _: 1
-    }, 8, ["title", "actions"]));
+    }, 8, ["view", "title", "views", "actions"]));
   }
-});
-function ga(a = {}) {
-  const r = a.path ?? "/admins";
+}), At = { class: "wx-connect" }, Vt = { class: "wx-connect__row" }, zt = { class: "wx-connect__url" }, Lt = { class: "wx-connect__section" }, St = { class: "wx-connect__steps" }, Wt = { class: "wx-connect__steps" }, Tt = { class: "wx-connect__snippet" }, Ut = { class: "wx-connect__snippet" }, Pt = { class: "wx-connect__section" }, Ft = { class: "wx-connect__links" }, Ot = { class: "wx-connect__steps" }, Rt = { class: "wx-connect__section" }, Bt = /* @__PURE__ */ Q({
+  __name: "ConnectPage",
+  setup(n) {
+    const u = ee();
+    te();
+    const l = j("webx-auth"), o = T(!1);
+    let y;
+    const c = P(() => {
+      const k = u.state.manifest?.modules.find((f) => f.id === "connect")?.meta;
+      return typeof k?.url == "string" ? k.url : "";
+    }), _ = P(() => {
+      try {
+        return new URL(c.value).hostname.split(".")[0] || "webx";
+      } catch {
+        return "webx";
+      }
+    }), r = P(() => `claude mcp add --transport http ${_.value} ${c.value}`), b = P(() => `[mcp_servers.${_.value}]
+url = "${c.value}"`), O = P(() => {
+      const k = g(JSON.stringify({ url: c.value }));
+      return `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(_.value)}&config=${k}`;
+    }), v = P(() => {
+      const k = JSON.stringify({ name: _.value, type: "http", url: c.value });
+      return `vscode:mcp/install?${encodeURIComponent(k)}`;
+    });
+    function g(k) {
+      const f = new TextEncoder().encode(k);
+      let h = "";
+      for (const z of f) h += String.fromCharCode(z);
+      return encodeURIComponent(btoa(h));
+    }
+    async function w(k) {
+      try {
+        if (navigator.clipboard?.writeText)
+          await navigator.clipboard.writeText(k);
+        else if (!m(k))
+          throw new Error("no clipboard");
+        o.value = !0, clearTimeout(y), y = setTimeout(() => o.value = !1, 2e3);
+      } catch {
+        if (m(k)) return;
+        q.danger(l("connect.copy-failed"));
+      }
+    }
+    function m(k) {
+      const f = document.createElement("textarea");
+      f.value = k, f.setAttribute("readonly", ""), f.style.position = "fixed", f.style.opacity = "0", document.body.append(f), f.select();
+      try {
+        return document.execCommand("copy");
+      } catch {
+        return !1;
+      } finally {
+        f.remove();
+      }
+    }
+    return (k, f) => (p(), V(e(De), {
+      title: e(l)("connect.title"),
+      card: !1
+    }, {
+      default: t(() => [
+        W("div", At, [
+          a(e(B), { class: "wx-connect__lead" }, {
+            default: t(() => [
+              d(i(e(l)("connect.lead")), 1)
+            ]),
+            _: 1
+          }),
+          a(e(Le), { bordered: "" }, {
+            default: t(() => [
+              a(e(B), {
+                size: "xs",
+                tone: "muted",
+                class: "wx-connect__label"
+              }, {
+                default: t(() => [
+                  d(i(e(l)("connect.address")), 1)
+                ]),
+                _: 1
+              }),
+              W("div", Vt, [
+                W("code", zt, i(c.value), 1),
+                a(e(I), {
+                  type: "primary",
+                  disabled: c.value === "",
+                  onClick: f[0] || (f[0] = (h) => w(c.value))
+                }, {
+                  icon: t(() => [
+                    a(e(Z), {
+                      name: o.value ? "check" : "copy"
+                    }, null, 8, ["name"])
+                  ]),
+                  default: t(() => [
+                    d(" " + i(o.value ? e(l)("connect.copied") : e(l)("connect.copy")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ]),
+            _: 1
+          }),
+          W("section", Lt, [
+            a(e(he), {
+              level: 2,
+              size: "sm"
+            }, {
+              default: t(() => [
+                d(i(e(l)("connect.how")), 1)
+              ]),
+              _: 1
+            }),
+            a(e(nt), {
+              variant: "line",
+              "aria-label": e(l)("connect.how")
+            }, {
+              default: t(() => [
+                a(e(de), {
+                  value: "claude",
+                  label: e(l)("connect.claude-title")
+                }, {
+                  default: t(() => [
+                    W("ol", St, [
+                      W("li", null, i(e(l)("connect.claude-1")), 1),
+                      W("li", null, i(e(l)("connect.claude-2")), 1),
+                      W("li", null, i(e(l)("connect.claude-3")), 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(e(de), {
+                  value: "chatgpt",
+                  label: e(l)("connect.chatgpt-title")
+                }, {
+                  default: t(() => [
+                    W("ol", Wt, [
+                      W("li", null, i(e(l)("connect.chatgpt-1")), 1),
+                      W("li", null, i(e(l)("connect.chatgpt-2")), 1),
+                      W("li", null, i(e(l)("connect.chatgpt-3")), 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(e(de), {
+                  value: "claude-code",
+                  label: e(l)("connect.claude-code-title")
+                }, {
+                  default: t(() => [
+                    a(e(B), { size: "sm" }, {
+                      default: t(() => [
+                        d(i(e(l)("connect.claude-code-hint")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    W("div", Tt, [
+                      W("pre", null, i(r.value), 1),
+                      a(e(I), {
+                        variant: "text",
+                        size: "sm",
+                        onClick: f[1] || (f[1] = (h) => w(r.value))
+                      }, {
+                        icon: t(() => [
+                          a(e(Z), { name: "copy" })
+                        ]),
+                        default: t(() => [
+                          d(" " + i(e(l)("connect.copy-line")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(e(de), {
+                  value: "codex",
+                  label: e(l)("connect.codex-title")
+                }, {
+                  default: t(() => [
+                    a(e(B), { size: "sm" }, {
+                      default: t(() => [
+                        d(i(e(l)("connect.codex-hint")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    W("div", Ut, [
+                      W("pre", null, i(b.value), 1),
+                      a(e(I), {
+                        variant: "text",
+                        size: "sm",
+                        onClick: f[2] || (f[2] = (h) => w(b.value))
+                      }, {
+                        icon: t(() => [
+                          a(e(Z), { name: "copy" })
+                        ]),
+                        default: t(() => [
+                          d(" " + i(e(l)("connect.copy-line")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          W("section", Pt, [
+            a(e(he), {
+              level: 2,
+              size: "sm"
+            }, {
+              default: t(() => [
+                d(i(e(l)("connect.one-click")), 1)
+              ]),
+              _: 1
+            }),
+            a(e(B), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: t(() => [
+                d(i(e(l)("connect.one-click-hint")), 1)
+              ]),
+              _: 1
+            }),
+            W("div", Ft, [
+              a(e(I), {
+                href: O.value,
+                variant: "outline",
+                disabled: c.value === "",
+                class: "wx-connect__link"
+              }, {
+                icon: t(() => [
+                  a(e(Z), { name: "external-link" })
+                ]),
+                default: t(() => [
+                  d(" " + i(e(l)("connect.install-in", { client: e(l)("connect.cursor-title") })), 1)
+                ]),
+                _: 1
+              }, 8, ["href", "disabled"]),
+              a(e(I), {
+                href: v.value,
+                variant: "outline",
+                disabled: c.value === "",
+                class: "wx-connect__link"
+              }, {
+                icon: t(() => [
+                  a(e(Z), { name: "external-link" })
+                ]),
+                default: t(() => [
+                  d(" " + i(e(l)("connect.install-in", { client: e(l)("connect.vscode-title") })), 1)
+                ]),
+                _: 1
+              }, 8, ["href", "disabled"])
+            ])
+          ]),
+          a(e(ot), {
+            type: "info",
+            title: e(l)("connect.next")
+          }, {
+            default: t(() => [
+              W("ol", Ot, [
+                W("li", null, i(e(l)("connect.next-1")), 1),
+                W("li", null, i(e(l)("connect.next-2")), 1),
+                W("li", null, i(e(l)("connect.next-3")), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          W("section", Rt, [
+            a(e(he), {
+              level: 2,
+              size: "sm"
+            }, {
+              default: t(() => [
+                d(i(e(l)("connect.mine")), 1)
+              ]),
+              _: 1
+            }),
+            a(e(Le), { padding: "none" }, {
+              default: t(() => [
+                a(je, { scope: "mine" })
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Et = /* @__PURE__ */ pe(Bt, [["__scopeId", "data-v-92d62c98"]]);
+function ta(n = {}) {
+  const u = n.path ?? "/admins", l = (o) => ({
+    render: () => Re($t, {
+      base: u,
+      current: o,
+      avatarField: n.avatarField,
+      resolveAvatar: n.resolveAvatar
+    })
+  });
   return {
     id: "admins",
-    path: r,
+    path: u,
     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
+      // 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,
-        name: "webx.admins",
-        component: {
-          render: () => Ce(na, {
-            avatarField: a.avatarField,
-            resolveAvatar: a.resolveAvatar
-          })
-        }
+        path: `${u}/connections`,
+        name: "webx.admins.connections",
+        component: l("connections")
       }
     ]
   };
 }
-const ra = /* @__PURE__ */ j({
+function aa(n = {}) {
+  const u = n.path ?? "/connect";
+  return {
+    id: "connect",
+    path: u,
+    routes: [{ path: u, name: "webx.connect", component: Et }]
+  };
+}
+const Dt = /* @__PURE__ */ Q({
   __name: "AdminPicker",
   props: {
     multiple: { type: Boolean, default: !1 },
     title: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
-  setup(a) {
-    const r = a, { open: s, resolve: o, dismiss: i } = me();
-    ae();
-    const A = D("webx-auth"), f = ne("list"), v = V(0);
-    function h(n) {
-      o(n);
+  setup(n) {
+    const u = n, { open: l, resolve: o, dismiss: y } = ge();
+    te();
+    const c = j("webx-auth"), _ = re("list"), r = T(0);
+    function b(v) {
+      o(v);
     }
-    function S(n) {
-      v.value = n.length;
+    function O(v) {
+      r.value = v.length;
     }
-    return (n, m) => (x(), F(e(pe), {
-      open: e(s),
-      "onUpdate:open": m[2] || (m[2] = (g) => ce(s) ? s.value = g : null),
-      title: a.title ?? e(A)(a.multiple ? "admins.select-many" : "admins.select-one"),
+    return (v, g) => (p(), V(e(we), {
+      open: e(l),
+      "onUpdate:open": g[2] || (g[2] = (w) => be(l) ? l.value = w : null),
+      title: n.title ?? e(c)(n.multiple ? "admins.select-many" : "admins.select-one"),
       width: 880
-    }, Ae({
+    }, Oe({
       default: t(() => [
-        l(We, {
+        a(Ye, {
           ref_key: "list",
-          ref: f,
+          ref: _,
           picking: "",
-          multiple: a.multiple,
-          "resolve-avatar": r.resolveAvatar,
-          onChosen: h,
-          onSelection: S
+          multiple: n.multiple,
+          "resolve-avatar": u.resolveAvatar,
+          onChosen: b,
+          onSelection: O
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
     }, [
-      a.multiple ? {
+      n.multiple ? {
         name: "footer",
         fn: t(() => [
-          l(e(ee), {
+          a(e(oe), {
             size: "sm",
             align: "center"
           }, {
             default: t(() => [
-              l(e(fe), {
+              a(e(B), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: t(() => [
-                  $(C(e(A)("admins.chosen", { count: v.value })), 1)
+                  d(i(e(c)("admins.chosen", { count: r.value })), 1)
                 ]),
                 _: 1
               }),
-              l(e(Y), {
+              a(e(I), {
                 variant: "outline",
-                onClick: m[0] || (m[0] = (g) => e(i)())
+                onClick: g[0] || (g[0] = (w) => e(y)())
               }, {
                 default: t(() => [
-                  $(C(e(A)("admins.cancel")), 1)
+                  d(i(e(c)("admins.cancel")), 1)
                 ]),
                 _: 1
               }),
-              l(e(Y), {
+              a(e(I), {
                 type: "primary",
-                disabled: v.value === 0,
-                onClick: m[1] || (m[1] = (g) => e(o)(f.value?.chosen() ?? []))
+                disabled: r.value === 0,
+                onClick: g[1] || (g[1] = (w) => e(o)(_.value?.chosen() ?? []))
               }, {
                 default: t(() => [
-                  $(C(e(A)("admins.save")), 1)
+                  d(i(e(c)("admins.save")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -1051,144 +2061,144 @@ const ra = /* @__PURE__ */ j({
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), ze = he(ra);
-async function _a(a = {}) {
-  return (await ze({ ...a, multiple: !1 }))?.[0];
+}), Ge = $e(Dt);
+async function la(n = {}) {
+  return (await Ge({ ...n, multiple: !1 }))?.[0];
 }
-function xa(a = {}) {
-  return ze({ ...a, multiple: !0 });
+function na(n = {}) {
+  return Ge({ ...n, multiple: !0 });
 }
-const ia = { class: "wx-profile-host" }, ua = { class: "wx-profile" }, da = {
+const Nt = { class: "wx-profile-host" }, It = { class: "wx-profile" }, Mt = {
   key: 0,
   class: "wx-profile__aside"
-}, ca = { class: "wx-profile__fields" }, va = /* @__PURE__ */ j({
+}, Ht = { class: "wx-profile__fields" }, Kt = /* @__PURE__ */ Q({
   __name: "ProfileDialog",
   props: {
     avatarField: { default: void 0 }
   },
-  setup(a) {
-    const r = a, { resolve: s, dismiss: o, open: i } = me(), A = X(), f = we();
-    ae();
-    const v = D("webx-auth"), h = ve(), S = V(!1), n = V({}), m = V({
-      name: A.state.user?.name ?? "",
-      avatar: A.state.user?.avatar ?? null,
+  setup(n) {
+    const u = n, { resolve: l, dismiss: o, open: y } = ge(), c = ee(), _ = Ae();
+    te();
+    const r = j("webx-auth"), b = ve(), O = T(!1), v = T({}), g = T({
+      name: c.state.user?.name ?? "",
+      avatar: c.state.user?.avatar ?? null,
       password: "",
       current_password: ""
-    }), g = V(m.value.avatar ? { path: m.value.avatar } : null);
-    function u(b) {
-      return n.value[b]?.[0];
+    }), w = T(g.value.avatar ? { path: g.value.avatar } : null);
+    function m(f) {
+      return v.value[f]?.[0];
     }
-    async function w() {
-      S.value = !0, n.value = {};
+    async function k() {
+      O.value = !0, v.value = {};
       try {
-        await f.updateProfile({
-          name: m.value.name,
-          avatar: g.value?.path ?? null,
+        await _.updateProfile({
+          name: g.value.name,
+          avatar: w.value?.path ?? null,
           // Blank is left out entirely rather than sent as an empty string: the server reads a
           // filled password as "change it", and an empty one would be a change to nothing.
-          ...m.value.password ? { password: m.value.password, current_password: m.value.current_password } : {}
-        }), Q.success(v("profile.saved")), s(!0);
-      } catch (b) {
-        const d = b.body;
-        d?.errors ? n.value = d.errors : Q.danger(h(b));
+          ...g.value.password ? { password: g.value.password, current_password: g.value.current_password } : {}
+        }), q.success(r("profile.saved")), l(!0);
+      } catch (f) {
+        const h = f.body;
+        h?.errors ? v.value = h.errors : q.danger(b(f));
       } finally {
-        S.value = !1;
+        O.value = !1;
       }
     }
-    return (b, d) => (x(), F(e(pe), {
-      open: e(i),
-      "onUpdate:open": d[5] || (d[5] = (L) => ce(i) ? i.value = L : null),
-      title: e(v)("profile.title"),
+    return (f, h) => (p(), V(e(we), {
+      open: e(y),
+      "onUpdate:open": h[5] || (h[5] = (z) => be(y) ? y.value = z : null),
+      title: e(r)("profile.title"),
       width: 560
     }, {
       footer: t(() => [
-        l(e(Y), {
-          onClick: d[4] || (d[4] = (L) => e(o)())
+        a(e(I), {
+          onClick: h[4] || (h[4] = (z) => e(o)())
         }, {
           default: t(() => [
-            $(C(e(v)("profile.cancel")), 1)
+            d(i(e(r)("profile.cancel")), 1)
           ]),
           _: 1
         }),
-        l(e(Y), {
+        a(e(I), {
           type: "primary",
-          loading: S.value,
-          onClick: w
+          loading: O.value,
+          onClick: k
         }, {
           default: t(() => [
-            $(C(e(v)("profile.save")), 1)
+            d(i(e(r)("profile.save")), 1)
           ]),
           _: 1
         }, 8, ["loading"])
       ]),
       default: t(() => [
-        O("div", ia, [
-          O("div", ua, [
-            r.avatarField ? (x(), R("div", da, [
-              (x(), F(Ve(r.avatarField), {
-                modelValue: g.value,
-                "onUpdate:modelValue": d[0] || (d[0] = (L) => g.value = L),
-                label: e(v)("profile.avatar"),
+        W("div", Nt, [
+          W("div", It, [
+            u.avatarField ? (p(), Y("div", Mt, [
+              (p(), V(Fe(u.avatarField), {
+                modelValue: w.value,
+                "onUpdate:modelValue": h[0] || (h[0] = (z) => w.value = z),
+                label: e(r)("profile.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : M("", !0),
-            O("div", ca, [
-              l(e(N), {
-                label: e(v)("profile.name"),
-                error: u("name")
+            ])) : E("", !0),
+            W("div", Ht, [
+              a(e(M), {
+                label: e(r)("profile.name"),
+                error: m("name")
               }, {
                 default: t(() => [
-                  l(e(K), {
-                    modelValue: m.value.name,
-                    "onUpdate:modelValue": d[1] || (d[1] = (L) => m.value.name = L),
+                  a(e(le), {
+                    modelValue: g.value.name,
+                    "onUpdate:modelValue": h[1] || (h[1] = (z) => g.value.name = z),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              l(e(N), {
-                label: e(v)("admins.email")
+              a(e(M), {
+                label: e(r)("admins.email")
               }, {
                 default: t(() => [
-                  l(e(K), {
-                    "model-value": e(A).state.user?.email ?? "",
+                  a(e(le), {
+                    "model-value": e(c).state.user?.email ?? "",
                     readonly: ""
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              l(e(N), {
-                label: e(v)("profile.password"),
-                help: e(v)("profile.password-hint"),
-                error: u("password")
+              a(e(M), {
+                label: e(r)("profile.password"),
+                help: e(r)("profile.password-hint"),
+                error: m("password")
               }, {
                 default: t(() => [
-                  l(e(K), {
-                    modelValue: m.value.password,
-                    "onUpdate:modelValue": d[2] || (d[2] = (L) => m.value.password = L),
+                  a(e(le), {
+                    modelValue: g.value.password,
+                    "onUpdate:modelValue": h[2] || (h[2] = (z) => g.value.password = z),
                     type: "password",
                     autocomplete: "new-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "help", "error"]),
-              m.value.password ? (x(), F(e(N), {
+              g.value.password ? (p(), V(e(M), {
                 key: 0,
-                label: e(v)("profile.current-password"),
-                help: e(v)("profile.current-password-hint"),
-                error: u("current_password")
+                label: e(r)("profile.current-password"),
+                help: e(r)("profile.current-password-hint"),
+                error: m("current_password")
               }, {
                 default: t(() => [
-                  l(e(K), {
-                    modelValue: m.value.current_password,
-                    "onUpdate:modelValue": d[3] || (d[3] = (L) => m.value.current_password = L),
+                  a(e(le), {
+                    modelValue: g.value.current_password,
+                    "onUpdate:modelValue": h[3] || (h[3] = (z) => g.value.current_password = z),
                     type: "password",
                     autocomplete: "current-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              }, 8, ["label", "help", "error"])) : M("", !0)
+              }, 8, ["label", "help", "error"])) : E("", !0)
             ])
           ])
         ])
@@ -1196,10 +2206,10 @@ const ia = { class: "wx-profile-host" }, ua = { class: "wx-profile" }, da = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ma = /* @__PURE__ */ be(va, [["__scopeId", "data-v-9583a67a"]]), pa = ["title"], fa = {
+}), Yt = /* @__PURE__ */ pe(Kt, [["__scopeId", "data-v-9583a67a"]]), jt = ["title"], Gt = {
   key: 0,
   class: "wx-user-menu__name"
-}, ha = /* @__PURE__ */ j({
+}, Jt = /* @__PURE__ */ Q({
   __name: "UserMenu",
   props: {
     signOutLabel: { default: void 0 },
@@ -1207,161 +2217,216 @@ const ia = { class: "wx-profile-host" }, ua = { class: "wx-profile" }, da = {
     avatarField: { default: void 0 },
     expanded: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    const r = a, s = X(), o = we(), i = $e(), A = D("webx-auth"), f = P(() => s.state.user), v = P(
-      () => i.state.panelLocales.length > 1 ? i.state.panelLocales : []
-    ), h = ue(Ue, null), S = ue(Fe, null), n = V(void 0);
-    re(
-      () => typeof f.value?.avatar == "string" ? f.value.avatar : null,
-      async (w) => {
-        const b = r.resolveAvatar ?? h;
-        if (w === null || w === "" || b === null) {
-          n.value = void 0;
+  setup(n) {
+    const u = n, l = ee(), o = Ae(), y = Be(), c = et(), _ = j("webx-auth"), r = y.scope("webx-admin"), b = P(() => l.state.user), O = P(
+      () => y.state.panelLocales.length > 1 ? y.state.panelLocales : []
+    ), v = ye(Me, null), g = ye(He, null), w = T(void 0);
+    ue(
+      () => typeof b.value?.avatar == "string" ? b.value.avatar : null,
+      async (z) => {
+        const A = u.resolveAvatar ?? v;
+        if (z === null || z === "" || A === null) {
+          w.value = void 0;
           return;
         }
-        const d = await b(w);
-        f.value?.avatar === w && (n.value = d ?? void 0);
+        const S = await A(z);
+        b.value?.avatar === z && (w.value = S ?? void 0);
       },
       { immediate: !0 }
     );
-    const m = he(ma);
-    function g() {
+    const m = $e(Yt);
+    function k() {
       setTimeout(
         () => {
-          m({ avatarField: r.avatarField ?? S ?? void 0 });
+          m({ avatarField: u.avatarField ?? g ?? void 0 });
         },
         0
       );
     }
-    async function u(w) {
-      w !== i.state.locale && await o.setLocale(w);
+    const f = P({
+      get: () => c.state.preference,
+      set: (z) => {
+        c.set(z), o.setTheme(z);
+      }
+    });
+    async function h(z) {
+      z !== y.state.locale && await o.setLocale(z);
     }
-    return (w, b) => {
-      const d = T("wx-avatar"), L = T("wx-text"), U = T("wx-dropdown-item"), B = T("wx-divider"), y = T("wx-dropdown");
-      return f.value !== null ? (x(), F(y, { key: 0 }, {
+    return (z, A) => {
+      const S = H("wx-avatar"), s = H("wx-text"), x = H("wx-dropdown-item"), U = H("wx-divider"), X = H("wx-dropdown");
+      return b.value !== null ? (p(), V(X, { key: 0 }, {
         trigger: t(() => [
-          O("button", {
+          W("button", {
             type: "button",
-            class: Me(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": a.expanded }]),
-            title: f.value.name
+            class: Qe(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": n.expanded }]),
+            title: b.value.name
           }, [
-            l(d, {
-              name: f.value.name,
-              src: n.value,
+            a(S, {
+              name: b.value.name,
+              src: w.value,
               size: "lg"
             }, null, 8, ["name", "src"]),
-            a.expanded ? (x(), R("span", fa, C(f.value.name), 1)) : M("", !0)
-          ], 10, pa)
+            n.expanded ? (p(), Y("span", Gt, i(b.value.name), 1)) : E("", !0)
+          ], 10, jt)
         ]),
         default: t(() => [
-          l(U, { disabled: "" }, {
+          a(x, { disabled: "" }, {
             default: t(() => [
-              l(L, { size: "sm" }, {
+              a(s, { size: "sm" }, {
                 default: t(() => [
-                  $(C(f.value.email), 1)
+                  d(i(b.value.email), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          l(B, { spacing: "sm" }),
-          l(U, {
+          a(U, { spacing: "sm" }),
+          a(x, {
             icon: "user",
-            onClick: g
+            onClick: k
           }, {
             default: t(() => [
-              $(C(e(A)("profile.menu")), 1)
+              d(i(e(_)("profile.menu")), 1)
+            ]),
+            _: 1
+          }),
+          a(U, { spacing: "sm" }),
+          a(x, { disabled: "" }, {
+            default: t(() => [
+              a(s, {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  d(i(e(r)("theme.label")), 1)
+                ]),
+                _: 1
+              })
             ]),
             _: 1
           }),
-          v.value.length > 0 ? (x(), R(oe, { key: 0 }, [
-            l(B, { spacing: "sm" }),
-            l(U, { disabled: "" }, {
+          W("div", {
+            class: "wx-user-menu__theme",
+            onClick: A[1] || (A[1] = Pe(() => {
+            }, ["stop"]))
+          }, [
+            a(e(st), {
+              modelValue: f.value,
+              "onUpdate:modelValue": A[0] || (A[0] = (D) => f.value = D),
+              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")
+            }, null, 8, ["modelValue", "aria-label", "light-label", "dark-label", "system-label"])
+          ]),
+          O.value.length > 0 ? (p(), Y(me, { key: 0 }, [
+            a(U, { spacing: "sm" }),
+            a(x, { disabled: "" }, {
               default: t(() => [
-                l(L, {
+                a(s, {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: t(() => [
-                    $(C(e(A)("menu.language")), 1)
+                    d(i(e(_)("menu.language")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            (x(!0), R(oe, null, de(v.value, (p) => (x(), F(U, {
-              key: p.code,
-              icon: p.code === e(i).state.locale ? "check" : void 0,
-              onClick: (k) => u(p.code)
+            (p(!0), Y(me, null, _e(O.value, (D) => (p(), V(x, {
+              key: D.code,
+              icon: D.code === e(y).state.locale ? "check" : void 0,
+              onClick: (G) => h(D.code)
             }, {
               default: t(() => [
-                $(C(p.nativeName), 1)
+                d(i(D.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            l(B, { spacing: "sm" })
-          ], 64)) : M("", !0),
-          l(U, {
+            a(U, { spacing: "sm" })
+          ], 64)) : E("", !0),
+          a(x, {
             icon: "logout",
-            onClick: b[0] || (b[0] = (p) => e(o).logout())
+            onClick: A[2] || (A[2] = (D) => e(o).logout())
           }, {
             default: t(() => [
-              $(C(a.signOutLabel ?? e(A)("menu.sign-out")), 1)
+              d(i(n.signOutLabel ?? e(_)("menu.sign-out")), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : M("", !0);
+      })) : E("", !0);
     };
   }
-}), ka = /* @__PURE__ */ be(ha, [["__scopeId", "data-v-d51d13e4"]]);
-function Va(a = {}) {
-  const r = a.path ?? "/login";
+}), oa = /* @__PURE__ */ pe(Jt, [["__scopeId", "data-v-4dbd81da"]]);
+function sa(n = {}) {
+  const u = n.path ?? "/login";
   return {
-    install(s) {
-      const o = Ge(s.context);
-      s.i18n.defaults("webx-auth", Se), Je(s.app, o, a.resolveAvatar ?? null, a.avatarField ?? null), s.context.useSessionLoader(() => o.me()), s.router.addRoute({
-        path: r,
+    install(l) {
+      const o = it(l.context);
+      l.i18n.defaults("webx-auth", Ke), rt(l.app, o, n.resolveAvatar ?? null, n.avatarField ?? null), l.context.useSessionLoader(() => o.me()), l.router.addRoute({
+        path: u,
         name: "webx.login",
         meta: { public: !0 },
-        component: { render: () => Ce(ea, { ...a.card }) }
-      }), s.router.beforeEach((i) => i.meta.public === !0 || s.context.state.status !== "unauthenticated" ? !0 : { path: r, query: i.fullPath === "/" ? {} : { next: i.fullPath } }), re(
-        () => s.context.state.status,
-        (i) => {
-          const A = s.router.currentRoute.value;
-          if (i === "unauthenticated" && A.path !== r) {
-            s.router.replace({ path: r, query: { next: A.fullPath } });
+        component: { render: () => Re(mt, { ...n.card }) }
+      }), l.router.beforeEach((y) => y.meta.public === !0 || l.context.state.status !== "unauthenticated" ? !0 : { path: u, query: y.fullPath === "/" ? {} : { next: y.fullPath } }), ue(
+        () => l.context.state.status,
+        (y) => {
+          const c = l.router.currentRoute.value;
+          if (y === "unauthenticated" && c.path !== u) {
+            l.router.replace({ path: u, query: { next: c.fullPath } });
             return;
           }
-          if (i === "ready" && A.path === r) {
-            const f = A.query.next;
-            s.router.replace(typeof f == "string" ? f : "/");
+          if (y === "ready" && c.path === u) {
+            const _ = c.query.next;
+            if (typeof _ == "string" && qt(_)) {
+              location.assign(_);
+              return;
+            }
+            l.router.replace(typeof _ == "string" ? _ : "/");
           }
         }
       );
     }
   };
 }
+function qt(n) {
+  if (!/^https?:\/\//i.test(n))
+    return !1;
+  try {
+    return new URL(n).origin === location.origin;
+  } catch {
+    return !1;
+  }
+}
 export {
-  We as WxAdminList,
-  na as WxAdminsPage,
-  ea as WxLoginCard,
-  ma as WxProfileDialog,
-  ka as WxUserMenu,
-  ga as admins,
-  Va as auth,
-  Le as authKey,
-  Se as authMessages,
-  Fe as avatarFieldKey,
-  Ue as avatarResolverKey,
-  ye as createAdminsApi,
-  Ge as createAuthSession,
-  Je as provideAuth,
-  _a as selectAdmin,
-  xa as selectAdmins,
-  we as useAuth
+  Ye as WxAdminList,
+  $t as WxAdminsPage,
+  xt as WxAgentCallList,
+  Et as WxConnectPage,
+  je as WxConnectionList,
+  mt as WxLoginCard,
+  Yt as WxProfileDialog,
+  oa as WxUserMenu,
+  ta as admins,
+  sa as auth,
+  Ie as authKey,
+  Ke as authMessages,
+  He as avatarFieldKey,
+  Me as avatarResolverKey,
+  aa as connect,
+  fe as createAdminsApi,
+  it as createAuthSession,
+  kt as createConnectionsApi,
+  rt as provideAuth,
+  la as selectAdmin,
+  na as selectAdmins,
+  Ae as useAuth
 };
 //# sourceMappingURL=index.js.map