@webx-ui/module-auth 0.12.0 → 0.14.0

package/dist/AdminDialog.d.ts

@@ -4,7 +4,11 @@ import { Admin } from './types';
  * Creating an administrator and editing one — the same form, because they differ in one field.
  *
  * The password is required the first time and optional afterwards, and a blank one on an edit
- * means "leave it alone" rather than "set it to nothing". That is the only conditional here.
+ * means "leave it alone" rather than "set it to nothing".
+ *
+ * What the reader may not change is not on the form (WEBX_UI_PERMISSIONS.md §11): the roles need
+ * `roles.assign`, «Super administrator» needs to be one. A form without them does not send them,
+ * so a save never touches what it did not show — the server would refuse it anyway.
  */
 type __VLS_Props = {
     /** Absent creates somebody; present edits them. */

package/dist/AdminsPage.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'vue';
 import { AdminsView } from './module';
-import { Admin } from './types';
+import { Admin, Role } from './types';
 /**
  * The administrators section: the list, the form over it, the trail of what their agents did,
  * and the agents themselves.
@@ -17,6 +17,11 @@ import { Admin } from './types';
  * behind; everybody's connections are behind `admins.manage`, the one that is about other
  * people's accounts. Keys are behind it too: a key speaks for the administrator it names.
  *
+ * The roles are a view of their own too (WEBX_UI_PERMISSIONS.md §11): read by whoever deals with
+ * people or roles at all, edited with `roles.manage`. Each view is shown only to whoever may
+ * open it; the section itself is in the menu for anybody holding one of its permissions, so an
+ * address of a view they may not open lands on the first one they may.
+ *
  * The heading and `Add` used to live inside the card, which made this the one section of the
  * panel with no line of its own at the top. They stand outside it now, where every other list
  * keeps them (§19).
@@ -35,9 +40,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     resolveAvatar: (key: string) => Promise<string | null>;
     current: AdminsView;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    keys: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+    roles: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        removable?: boolean;
+    }> & Readonly<{
+        onOpen?: ((role: Role) => any) | undefined;
+        onRemove?: ((role: Role) => any) | undefined;
+    }>, {
         reload: () => Promise<void>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        open: (role: Role) => any;
+        remove: (role: Role) => any;
+    }, import('vue').PublicProps, {
+        removable: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         root: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -46,9 +61,38 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{}> & Readonly<{}>, {
+    }, Readonly<{
+        removable?: boolean;
+    }> & Readonly<{
+        onOpen?: ((role: Role) => any) | undefined;
+        onRemove?: ((role: Role) => any) | undefined;
+    }>, {
         reload: () => Promise<void>;
-    }, {}, {}, {}, {}> | null;
+    }, {}, {}, {}, {
+        removable: boolean;
+    }> | null;
+    keys: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        mine?: boolean;
+    }> & Readonly<{}>, {
+        reload: () => Promise<void>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mine: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        root: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        mine?: boolean;
+    }> & Readonly<{}>, {
+        reload: () => Promise<void>;
+    }, {}, {}, {}, {
+        mine: boolean;
+    }> | null;
     list: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         picking?: boolean;
         multiple?: boolean;

package/dist/ConnectPage-CMJlMsmn.js

@@ -0,0 +1,426 @@
+import { defineComponent as L, computed as v, ref as $, onMounted as O, unref as e, openBlock as z, createElementBlock as D, createVNode as t, withCtx as c, createTextVNode as l, toDisplayString as o, createSlots as H, createBlock as V, createElementVNode as a, createCommentVNode as E, useTemplateRef as j } from "vue";
+import { useAdmin as M, useTranslate as B, useErrorText as q, WxScreen as F, WxListScreen as G } from "@webx-ui/module-admin";
+import { toast as I, WxHeading as w, WxCard as N, WxSkeleton as Q, WxText as g, WxButton as p, createModal as X, WxIcon as h, WxTabs as Y, WxTab as R, WxAlert as Z } from "@webx-ui/core";
+import { u as A, _ as P, a as ee, b as ne, c as te, d as ce } from "./index-Bd6Dkuu8.js";
+const oe = {
+  key: 0,
+  class: "wx-content-rules"
+}, ae = { class: "wx-content-rules__foot" }, le = /* @__PURE__ */ L({
+  __name: "ContentRulesCard",
+  setup(J) {
+    const _ = M();
+    A();
+    const n = B("webx-auth"), T = B("webx-admin"), W = q(), b = v(() => {
+      const d = _.state.manifest?.modules.find((i) => i.id === "settings")?.meta?.content_screen;
+      return typeof d == "string" ? d : null;
+    }), f = _.can("settings.view") || _.can("settings.manage"), k = _.can("settings.manage"), s = $({}), m = $({}), x = $(!0), y = $(!1), S = `${_.apiPath}/settings/content`;
+    O(async () => {
+      if (!(!b.value || !f))
+        try {
+          const u = await _.http.get(S);
+          s.value = u.data.values;
+        } catch (u) {
+          I.danger(W(u));
+        } finally {
+          x.value = !1;
+        }
+    });
+    async function U() {
+      y.value = !0, m.value = {};
+      try {
+        const u = await _.http.put(S, {
+          values: s.value
+        });
+        s.value = u.data.values, I.success(T("editor.saved"));
+      } catch (u) {
+        const d = u.body;
+        d?.errors && (m.value = d.errors), I.danger(W(u));
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (u, d) => b.value && e(f) ? (z(), D("section", oe, [
+      t(e(w), {
+        level: 2,
+        size: "sm"
+      }, {
+        default: c(() => [
+          l(o(e(n)("connect.rules")), 1)
+        ]),
+        _: 1
+      }),
+      t(e(N), null, H({
+        default: c(() => [
+          x.value ? (z(), V(e(Q), {
+            key: 0,
+            rows: 4
+          })) : (z(), V(e(F), {
+            key: 1,
+            modelValue: s.value,
+            "onUpdate:modelValue": d[0] || (d[0] = (i) => s.value = i),
+            name: b.value,
+            errors: m.value,
+            disabled: !e(k)
+          }, null, 8, ["modelValue", "name", "errors", "disabled"]))
+        ]),
+        _: 2
+      }, [
+        x.value ? void 0 : {
+          name: "footer",
+          fn: c(() => [
+            a("div", ae, [
+              t(e(g), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: c(() => [
+                  l(o(e(n)("connect.rules-hint")), 1)
+                ]),
+                _: 1
+              }),
+              e(k) ? (z(), V(e(p), {
+                key: 0,
+                type: "primary",
+                loading: y.value,
+                onClick: U
+              }, {
+                default: c(() => [
+                  l(o(e(T)("editor.save")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])) : E("", !0)
+            ])
+          ]),
+          key: "0"
+        }
+      ]), 1024)
+    ])) : E("", !0);
+  }
+}), se = /* @__PURE__ */ P(le, [["__scopeId", "data-v-55be157e"]]), ie = { class: "wx-connect" }, ue = { class: "wx-connect__section" }, de = { class: "wx-connect__row" }, re = { class: "wx-connect__url" }, _e = { class: "wx-connect__section" }, me = { class: "wx-connect__steps" }, fe = { class: "wx-connect__steps" }, ve = { class: "wx-connect__snippet" }, pe = { class: "wx-connect__snippet" }, xe = { class: "wx-connect__section" }, ye = { class: "wx-connect__links" }, he = { class: "wx-connect__steps" }, we = { class: "wx-connect__section" }, ge = { class: "wx-connect__section" }, be = { class: "wx-connect__head" }, ke = /* @__PURE__ */ L({
+  __name: "ConnectPage",
+  setup(J) {
+    const _ = M();
+    A();
+    const n = B("webx-auth"), T = j("own-keys"), W = X(ee);
+    async function b() {
+      await W({ mine: !0 }) && T.value?.reload();
+    }
+    const f = $(!1);
+    let k;
+    const s = v(() => {
+      const i = _.state.manifest?.modules.find((r) => r.id === "connect")?.meta;
+      return typeof i?.url == "string" ? i.url : "";
+    }), m = v(() => {
+      try {
+        return new URL(s.value).hostname.split(".")[0] || "webx";
+      } catch {
+        return "webx";
+      }
+    }), x = v(() => `claude mcp add --transport http ${m.value} ${s.value}`), y = v(() => `[mcp_servers.${m.value}]
+url = "${s.value}"`), S = v(() => {
+      const i = u(JSON.stringify({ url: s.value }));
+      return `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(m.value)}&config=${i}`;
+    }), U = v(() => {
+      const i = JSON.stringify({ name: m.value, type: "http", url: s.value });
+      return `vscode:mcp/install?${encodeURIComponent(i)}`;
+    });
+    function u(i) {
+      const r = new TextEncoder().encode(i);
+      let C = "";
+      for (const K of r) C += String.fromCharCode(K);
+      return encodeURIComponent(btoa(C));
+    }
+    async function d(i) {
+      if (!await ce(i)) {
+        I.danger(n("connect.copy-failed"));
+        return;
+      }
+      f.value = !0, clearTimeout(k), k = setTimeout(() => f.value = !1, 2e3);
+    }
+    return (i, r) => (z(), V(e(G), {
+      title: e(n)("connect.title"),
+      card: !1
+    }, {
+      default: c(() => [
+        a("div", ie, [
+          t(e(g), { class: "wx-connect__lead" }, {
+            default: c(() => [
+              l(o(e(n)("connect.lead")), 1)
+            ]),
+            _: 1
+          }),
+          a("section", ue, [
+            t(e(w), {
+              level: 2,
+              size: "sm"
+            }, {
+              default: c(() => [
+                l(o(e(n)("connect.address")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(N), { bordered: "" }, {
+              default: c(() => [
+                a("div", de, [
+                  a("code", re, o(s.value), 1),
+                  t(e(p), {
+                    type: "primary",
+                    disabled: s.value === "",
+                    onClick: r[0] || (r[0] = (C) => d(s.value))
+                  }, {
+                    icon: c(() => [
+                      t(e(h), {
+                        name: f.value ? "check" : "copy"
+                      }, null, 8, ["name"])
+                    ]),
+                    default: c(() => [
+                      l(" " + o(f.value ? e(n)("connect.copied") : e(n)("connect.copy")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          a("section", _e, [
+            t(e(w), {
+              level: 2,
+              size: "sm"
+            }, {
+              default: c(() => [
+                l(o(e(n)("connect.how")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(Y), {
+              variant: "line",
+              "aria-label": e(n)("connect.how")
+            }, {
+              default: c(() => [
+                t(e(R), {
+                  value: "claude",
+                  label: e(n)("connect.claude-title")
+                }, {
+                  default: c(() => [
+                    a("ol", me, [
+                      a("li", null, o(e(n)("connect.claude-1")), 1),
+                      a("li", null, o(e(n)("connect.claude-2")), 1),
+                      a("li", null, o(e(n)("connect.claude-3")), 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                t(e(R), {
+                  value: "chatgpt",
+                  label: e(n)("connect.chatgpt-title")
+                }, {
+                  default: c(() => [
+                    a("ol", fe, [
+                      a("li", null, o(e(n)("connect.chatgpt-1")), 1),
+                      a("li", null, o(e(n)("connect.chatgpt-2")), 1),
+                      a("li", null, o(e(n)("connect.chatgpt-3")), 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                t(e(R), {
+                  value: "claude-code",
+                  label: e(n)("connect.claude-code-title")
+                }, {
+                  default: c(() => [
+                    t(e(g), { size: "sm" }, {
+                      default: c(() => [
+                        l(o(e(n)("connect.claude-code-hint")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    a("div", ve, [
+                      a("pre", null, o(x.value), 1),
+                      t(e(p), {
+                        variant: "text",
+                        size: "sm",
+                        onClick: r[1] || (r[1] = (C) => d(x.value))
+                      }, {
+                        icon: c(() => [
+                          t(e(h), { name: "copy" })
+                        ]),
+                        default: c(() => [
+                          l(" " + o(e(n)("connect.copy-line")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                t(e(R), {
+                  value: "codex",
+                  label: e(n)("connect.codex-title")
+                }, {
+                  default: c(() => [
+                    t(e(g), { size: "sm" }, {
+                      default: c(() => [
+                        l(o(e(n)("connect.codex-hint")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    a("div", pe, [
+                      a("pre", null, o(y.value), 1),
+                      t(e(p), {
+                        variant: "text",
+                        size: "sm",
+                        onClick: r[2] || (r[2] = (C) => d(y.value))
+                      }, {
+                        icon: c(() => [
+                          t(e(h), { name: "copy" })
+                        ]),
+                        default: c(() => [
+                          l(" " + o(e(n)("connect.copy-line")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          a("section", xe, [
+            t(e(w), {
+              level: 2,
+              size: "sm"
+            }, {
+              default: c(() => [
+                l(o(e(n)("connect.one-click")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(g), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: c(() => [
+                l(o(e(n)("connect.one-click-hint")), 1)
+              ]),
+              _: 1
+            }),
+            a("div", ye, [
+              t(e(p), {
+                href: S.value,
+                variant: "outline",
+                disabled: s.value === "",
+                class: "wx-connect__link"
+              }, {
+                icon: c(() => [
+                  t(e(h), { name: "external-link" })
+                ]),
+                default: c(() => [
+                  l(" " + o(e(n)("connect.install-in", { client: e(n)("connect.cursor-title") })), 1)
+                ]),
+                _: 1
+              }, 8, ["href", "disabled"]),
+              t(e(p), {
+                href: U.value,
+                variant: "outline",
+                disabled: s.value === "",
+                class: "wx-connect__link"
+              }, {
+                icon: c(() => [
+                  t(e(h), { name: "external-link" })
+                ]),
+                default: c(() => [
+                  l(" " + o(e(n)("connect.install-in", { client: e(n)("connect.vscode-title") })), 1)
+                ]),
+                _: 1
+              }, 8, ["href", "disabled"])
+            ])
+          ]),
+          t(e(Z), {
+            type: "info",
+            title: e(n)("connect.next")
+          }, {
+            default: c(() => [
+              a("ol", he, [
+                a("li", null, o(e(n)("connect.next-1")), 1),
+                a("li", null, o(e(n)("connect.next-2")), 1),
+                a("li", null, o(e(n)("connect.next-3")), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          t(se),
+          a("section", we, [
+            t(e(w), {
+              level: 2,
+              size: "sm"
+            }, {
+              default: c(() => [
+                l(o(e(n)("connect.mine")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(N), { padding: "none" }, {
+              default: c(() => [
+                t(ne, { scope: "mine" })
+              ]),
+              _: 1
+            })
+          ]),
+          a("section", ge, [
+            a("div", be, [
+              t(e(w), {
+                level: 2,
+                size: "sm"
+              }, {
+                default: c(() => [
+                  l(o(e(n)("connect.keys")), 1)
+                ]),
+                _: 1
+              }),
+              t(e(p), {
+                size: "sm",
+                variant: "outline",
+                onClick: b
+              }, {
+                icon: c(() => [
+                  t(e(h), { name: "plus" })
+                ]),
+                default: c(() => [
+                  l(" " + o(e(n)("keys.issue")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            t(e(g), {
+              size: "sm",
+              tone: "muted",
+              class: "wx-connect__lead"
+            }, {
+              default: c(() => [
+                l(o(e(n)("connect.keys-hint")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(N), { padding: "none" }, {
+              default: c(() => [
+                t(te, {
+                  ref: "own-keys",
+                  mine: ""
+                }, null, 512)
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), We = /* @__PURE__ */ P(ke, [["__scopeId", "data-v-73da42dd"]]);
+export {
+  We as default
+};
+//# sourceMappingURL=ConnectPage-CMJlMsmn.js.map

package/dist/ConnectPage-CMJlMsmn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectPage-CMJlMsmn.js","sources":["../src/ContentRulesCard.vue","../src/ConnectPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport { useAdmin, useErrorText, useTranslate, WxScreen } from '@webx-ui/module-admin'\nimport { toast, WxButton, WxCard, WxHeading, WxSkeleton, WxText } from '@webx-ui/core'\nimport { useAuthMessages } from './i18n'\n\n/** The values as the screen holds them, keyed by field name. */\ntype Values = Record<string, unknown>\n\n/**\n * The site's house rules for content — tone, what it never says, notes — beside the place\n * agents are connected, since agents are who reads them (`settings://content-rules`).\n *\n * They are `module-settings`' values on its own screen; this card shows only when that module is\n * installed and says which screen it is, and only to whoever may see the settings. Saving needs\n * the right to change them; without it the card is read-only. The card is this component's, not\n * the screen's — its root is a plain column — so «Save» sits in the card's own footer.\n */\nconst admin = useAdmin()\nuseAuthMessages()\n\nconst t = useTranslate('webx-auth')\nconst panel = useTranslate('webx-admin')\nconst message = useErrorText()\n\nconst screen = computed<string | null>(() => {\n  const meta = admin.state.manifest?.modules.find((module) => module.id === 'settings')?.meta\n  const name = meta?.content_screen\n\n  return typeof name === 'string' ? name : null\n})\n\nconst canSee = admin.can('settings.view') || admin.can('settings.manage')\nconst canManage = admin.can('settings.manage')\n\nconst values = ref<Values>({})\nconst errors = ref<Record<string, string[]>>({})\nconst loading = ref(true)\nconst saving = ref(false)\n\nconst endpoint = `${admin.apiPath}/settings/content`\n\nonMounted(async () => {\n  if (!screen.value || !canSee) return\n\n  try {\n    const body = await admin.http.get<{ data: { values: Values } }>(endpoint)\n\n    values.value = body.data.values\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    loading.value = false\n  }\n})\n\nasync function save(): Promise<void> {\n  saving.value = true\n  errors.value = {}\n\n  try {\n    const body = await admin.http.put<{ data: { values: Values } }>(endpoint, {\n      values: values.value,\n    })\n\n    values.value = body.data.values\n    toast.success(panel('editor.saved'))\n  } catch (error) {\n    const answer = (error as { body?: { errors?: Record<string, string[]> } }).body\n\n    if (answer?.errors) errors.value = answer.errors\n\n    toast.danger(message(error))\n  } finally {\n    saving.value = false\n  }\n}\n</script>\n\n<template>\n  <section v-if=\"screen && canSee\" class=\"wx-content-rules\">\n    <wx-heading :level=\"2\" size=\"sm\">{{ t('connect.rules') }}</wx-heading>\n\n    <wx-card>\n      <wx-skeleton v-if=\"loading\" :rows=\"4\" />\n      <wx-screen v-else v-model=\"values\" :name=\"screen\" :errors=\"errors\" :disabled=\"!canManage\" />\n\n      <template v-if=\"!loading\" #footer>\n        <div class=\"wx-content-rules__foot\">\n          <wx-text size=\"sm\" tone=\"muted\">{{ t('connect.rules-hint') }}</wx-text>\n          <wx-button v-if=\"canManage\" type=\"primary\" :loading=\"saving\" @click=\"save\">{{\n            panel('editor.save')\n          }}</wx-button>\n        </div>\n      </template>\n    </wx-card>\n  </section>\n</template>\n\n<style scoped>\n/* A section of the page like the others: its heading above, the card under it. */\n.wx-content-rules {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-12);\n  min-width: 0;\n}\n\n.wx-content-rules__foot {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wx-space-12);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, useTemplateRef } from 'vue'\nimport { useAdmin, useTranslate, WxListScreen } from '@webx-ui/module-admin'\nimport {\n  createModal,\n  toast,\n  WxAlert,\n  WxButton,\n  WxCard,\n  WxHeading,\n  WxIcon,\n  WxTab,\n  WxTabs,\n  WxText,\n} from '@webx-ui/core'\nimport { copyText } from './clipboard'\nimport ConnectionList from './ConnectionList.vue'\nimport ContentRulesCard from './ContentRulesCard.vue'\nimport KeyDialog from './KeyDialog.vue'\nimport KeyList from './KeyList.vue'\nimport { useAuthMessages } from './i18n'\nimport type { McpKey } from './types'\n\n/**\n * How a person connects their own agent, on one page.\n *\n * It exists because the alternative is explaining it — over a call, to somebody who has never\n * heard of MCP and has no reason to. So the page is written for that call: the address large\n * enough to read out, a button that copies it, and three steps for each client, in the order\n * they appear on that client's screen.\n *\n * The address carries no secret, which is the whole point of the OAuth path (§2.3 of the\n * spec): it can be printed in a letter, read aloud, or left on this page for anybody signed\n * in. What a person has to do themselves is sign in, and that happens on our own screen.\n *\n * Then the rules agents read before they write, when the site keeps them. Under them are their\n * own connections, because the first thing somebody does after connecting\n * is look for proof that it worked — and the second, weeks later, is come back to end it.\n *\n * Last, their own keys: the other way in, for a program with no browser to sign in with. They\n * are here rather than in the profile because this is the page about letting programs in, and\n * because an administrator without `admins.*` never sees the keys view of «Administrators»\n * (WEBX_UI_PERMISSIONS.md §7). A key acts as its owner, so issuing one for yourself needs no\n * permission and its scopes are only those your own permissions reach.\n */\nconst admin = useAdmin()\nuseAuthMessages()\n\nconst t = useTranslate('webx-auth')\n\nconst ownKeys = useTemplateRef<{ reload: () => void }>('own-keys')\nconst issueKey = createModal<McpKey, { mine: boolean }>(KeyDialog)\n\nasync function issue(): Promise<void> {\n  if (await issueKey({ mine: true })) ownKeys.value?.reload()\n}\n\nconst copied = ref(false)\nlet copiedTimer: ReturnType<typeof setTimeout> | undefined\n\n/**\n * The address agents connect to, as the server printed it — absolute, because it is pasted\n * into a program on another machine.\n */\nconst url = computed<string>(() => {\n  const meta = admin.state.manifest?.modules.find((module) => module.id === 'connect')?.meta\n\n  return typeof meta?.url === 'string' ? meta.url : ''\n})\n\n/**\n * What the server is called in the client's own list of servers.\n *\n * The site's own name, taken off the address: somebody with three sites connected reads this\n * word and nothing else, and \"webx\" three times over would be three servers they cannot tell\n * apart.\n */\nconst name = computed<string>(() => {\n  try {\n    return new URL(url.value).hostname.split('.')[0] || 'webx'\n  } catch {\n    return 'webx'\n  }\n})\n\nconst command = computed(() => `claude mcp add --transport http ${name.value} ${url.value}`)\n\nconst toml = computed(() => `[mcp_servers.${name.value}]\\nurl = \"${url.value}\"`)\n\n/**\n * The links Cursor and VS Code take a whole server from. Both are documented shapes, and both\n * carry only the address — there is nothing secret to leak into a link.\n */\nconst cursorLink = computed(() => {\n  const config = encode(JSON.stringify({ url: url.value }))\n\n  return `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(name.value)}&config=${config}`\n})\n\nconst vscodeLink = computed(() => {\n  const config = JSON.stringify({ name: name.value, type: 'http', url: url.value })\n\n  return `vscode:mcp/install?${encodeURIComponent(config)}`\n})\n\n/** Base64 of a UTF-8 string: `btoa` alone throws on anything above ASCII. */\nfunction encode(value: string): string {\n  const bytes = new TextEncoder().encode(value)\n  let binary = ''\n\n  for (const byte of bytes) binary += String.fromCharCode(byte)\n\n  return encodeURIComponent(btoa(binary))\n}\n\n/** Copying the address — the one thing the person came here for — and saying so either way. */\nasync function copy(value: string): Promise<void> {\n  if (!(await copyText(value))) {\n    toast.danger(t('connect.copy-failed'))\n\n    return\n  }\n\n  copied.value = true\n  clearTimeout(copiedTimer)\n  copiedTimer = setTimeout(() => (copied.value = false), 2000)\n}\n</script>\n\n<template>\n  <wx-list-screen :title=\"t('connect.title')\" :card=\"false\">\n    <div class=\"wx-connect\">\n      <wx-text class=\"wx-connect__lead\">{{ t('connect.lead') }}</wx-text>\n\n      <!-- The address, large. Everything else on this page is about what to do with it. Its\n           heading is the page's section heading, as every other part of the page has. -->\n      <section class=\"wx-connect__section\">\n        <wx-heading :level=\"2\" size=\"sm\">{{ t('connect.address') }}</wx-heading>\n\n        <wx-card bordered>\n          <div class=\"wx-connect__row\">\n            <code class=\"wx-connect__url\">{{ url }}</code>\n\n            <wx-button type=\"primary\" :disabled=\"url === ''\" @click=\"copy(url)\">\n              <template #icon><wx-icon :name=\"copied ? 'check' : 'copy'\" /></template>\n              {{ copied ? t('connect.copied') : t('connect.copy') }}\n            </wx-button>\n          </div>\n        </wx-card>\n      </section>\n\n      <section class=\"wx-connect__section\">\n        <wx-heading :level=\"2\" size=\"sm\">{{ t('connect.how') }}</wx-heading>\n\n        <wx-tabs variant=\"line\" :aria-label=\"t('connect.how')\">\n          <wx-tab value=\"claude\" :label=\"t('connect.claude-title')\">\n            <ol class=\"wx-connect__steps\">\n              <li>{{ t('connect.claude-1') }}</li>\n              <li>{{ t('connect.claude-2') }}</li>\n              <li>{{ t('connect.claude-3') }}</li>\n            </ol>\n          </wx-tab>\n\n          <wx-tab value=\"chatgpt\" :label=\"t('connect.chatgpt-title')\">\n            <ol class=\"wx-connect__steps\">\n              <li>{{ t('connect.chatgpt-1') }}</li>\n              <li>{{ t('connect.chatgpt-2') }}</li>\n              <li>{{ t('connect.chatgpt-3') }}</li>\n            </ol>\n          </wx-tab>\n\n          <wx-tab value=\"claude-code\" :label=\"t('connect.claude-code-title')\">\n            <wx-text size=\"sm\">{{ t('connect.claude-code-hint') }}</wx-text>\n\n            <div class=\"wx-connect__snippet\">\n              <pre>{{ command }}</pre>\n              <wx-button variant=\"text\" size=\"sm\" @click=\"copy(command)\">\n                <template #icon><wx-icon name=\"copy\" /></template>\n                {{ t('connect.copy-line') }}\n              </wx-button>\n            </div>\n          </wx-tab>\n\n          <wx-tab value=\"codex\" :label=\"t('connect.codex-title')\">\n            <wx-text size=\"sm\">{{ t('connect.codex-hint') }}</wx-text>\n\n            <div class=\"wx-connect__snippet\">\n              <pre>{{ toml }}</pre>\n              <wx-button variant=\"text\" size=\"sm\" @click=\"copy(toml)\">\n                <template #icon><wx-icon name=\"copy\" /></template>\n                {{ t('connect.copy-line') }}\n              </wx-button>\n            </div>\n          </wx-tab>\n        </wx-tabs>\n      </section>\n\n      <section class=\"wx-connect__section\">\n        <wx-heading :level=\"2\" size=\"sm\">{{ t('connect.one-click') }}</wx-heading>\n        <wx-text size=\"sm\" tone=\"muted\">{{ t('connect.one-click-hint') }}</wx-text>\n\n        <div class=\"wx-connect__links\">\n          <wx-button\n            :href=\"cursorLink\"\n            variant=\"outline\"\n            :disabled=\"url === ''\"\n            class=\"wx-connect__link\"\n          >\n            <template #icon><wx-icon name=\"external-link\" /></template>\n            {{ t('connect.install-in', { client: t('connect.cursor-title') }) }}\n          </wx-button>\n\n          <wx-button\n            :href=\"vscodeLink\"\n            variant=\"outline\"\n            :disabled=\"url === ''\"\n            class=\"wx-connect__link\"\n          >\n            <template #icon><wx-icon name=\"external-link\" /></template>\n            {{ t('connect.install-in', { client: t('connect.vscode-title') }) }}\n          </wx-button>\n        </div>\n      </section>\n\n      <wx-alert type=\"info\" :title=\"t('connect.next')\">\n        <ol class=\"wx-connect__steps\">\n          <li>{{ t('connect.next-1') }}</li>\n          <li>{{ t('connect.next-2') }}</li>\n          <li>{{ t('connect.next-3') }}</li>\n        </ol>\n      </wx-alert>\n\n      <content-rules-card />\n\n      <section class=\"wx-connect__section\">\n        <wx-heading :level=\"2\" size=\"sm\">{{ t('connect.mine') }}</wx-heading>\n\n        <wx-card padding=\"none\">\n          <connection-list scope=\"mine\" />\n        </wx-card>\n      </section>\n\n      <section class=\"wx-connect__section\">\n        <div class=\"wx-connect__head\">\n          <wx-heading :level=\"2\" size=\"sm\">{{ t('connect.keys') }}</wx-heading>\n          <wx-button size=\"sm\" variant=\"outline\" @click=\"issue\">\n            <template #icon><wx-icon name=\"plus\" /></template>\n            {{ t('keys.issue') }}\n          </wx-button>\n        </div>\n        <wx-text size=\"sm\" tone=\"muted\" class=\"wx-connect__lead\">{{\n          t('connect.keys-hint')\n        }}</wx-text>\n\n        <wx-card padding=\"none\">\n          <key-list ref=\"own-keys\" mine />\n        </wx-card>\n      </section>\n    </div>\n  </wx-list-screen>\n</template>\n\n<style scoped>\n.wx-connect {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-24);\n  min-width: 0;\n}\n\n.wx-connect__lead {\n  max-width: 68ch;\n}\n\n/* The address and its button on one line, and under each other as soon as they do not fit:\n   the address is long, and shrinking it is what would make it unreadable. */\n.wx-connect__row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wx-space-12);\n}\n\n.wx-connect__url {\n  flex: 1 1 260px;\n  min-width: 0;\n  padding: var(--wx-space-10) var(--wx-space-12);\n  border-radius: var(--wx-radius-sm);\n  background: var(--wx-bg-subtle);\n  color: var(--wx-text-default);\n  font-family: var(--wx-font-family-mono);\n  font-size: var(--wx-font-size-md);\n  /* Broken anywhere rather than pushed off the card: it is read, not clicked. */\n  word-break: break-all;\n}\n\n.wx-connect__section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-12);\n  min-width: 0;\n}\n\n.wx-connect__steps {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-8);\n  margin: 0;\n  padding-left: var(--wx-space-24);\n  color: var(--wx-text-default);\n  font-size: var(--wx-font-size-sm);\n  line-height: var(--wx-font-line-height-relaxed);\n}\n\n.wx-connect__snippet {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--wx-space-8);\n  padding: var(--wx-space-12);\n  border-radius: var(--wx-radius-sm);\n  background: var(--wx-bg-subtle);\n}\n\n.wx-connect__snippet pre {\n  flex: 1 1 240px;\n  margin: 0;\n  min-width: 0;\n  color: var(--wx-text-default);\n  font-family: var(--wx-font-family-mono);\n  font-size: var(--wx-font-size-xs);\n  line-height: var(--wx-font-line-height-relaxed);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n/* The heading and the button that adds to the list under it, apart; stacked when they meet. */\n.wx-connect__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wx-space-8);\n}\n\n.wx-connect__links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wx-space-12);\n}\n</style>\n"],"names":["admin","useAdmin","useAuthMessages","t","useTranslate","panel","message","useErrorText","screen","computed","name","module","canSee","canManage","values","ref","errors","loading","saving","endpoint","onMounted","body","error","toast","save","answer","_unref","_openBlock","_createElementBlock","_hoisted_1","_createVNode","WxHeading","WxCard","_createSlots","_createBlock","WxSkeleton","WxScreen","$event","_createElementVNode","_hoisted_2","WxText","WxButton","ownKeys","useTemplateRef","issueKey","createModal","KeyDialog","issue","copied","copiedTimer","url","meta","command","toml","cursorLink","config","encode","vscodeLink","value","bytes","binary","byte","copy","copyText","WxListScreen","_hoisted_3","_hoisted_4","_toDisplayString","_cache","WxIcon","_createTextVNode","_hoisted_5","WxTabs","WxTab","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","WxAlert","_hoisted_12","ContentRulesCard","_hoisted_13","ConnectionList","_hoisted_14","_hoisted_15","KeyList"],"mappings":"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"}

package/dist/ConnectPage.d.ts

@@ -1,2 +1,25 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    'own-keys': import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        mine?: boolean;
+    }> & Readonly<{}>, {
+        reload: () => Promise<void>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mine: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        root: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        mine?: boolean;
+    }> & Readonly<{}>, {
+        reload: () => Promise<void>;
+    }, {}, {}, {}, {
+        mine: boolean;
+    }> | null;
+}, HTMLDivElement>;
 export default _default;

package/dist/KeyDialog.d.ts

@@ -1,2 +1,29 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/**
+ * Issuing a key for a program, and then showing it — once.
+ *
+ * Two steps in one dialog rather than a form and a toast, because the second step is the one
+ * that matters: the secret exists on this screen and nowhere else, and a toast that faded
+ * before somebody copied it would mean issuing another. The dialog resolves with the key when
+ * it is closed after issuing, so the list behind it can show the new row.
+ *
+ * The scopes on offer are the owner's: a key acts as the administrator it names and can never
+ * do more than they may, so a module none of whose tools they may use is not offered — the
+ * server would refuse it anyway (WEBX_UI_PERMISSIONS.md §7). Asked again whenever the owner
+ * changes.
+ *
+ * The lifetime is a choice of a few, not a date picker. A key is for something that runs
+ * unattended, and the honest question is "how long until somebody has to come back to it" —
+ * a month, a quarter, a year, three, ten. There is no key without an end: a signature that
+ * never expires is one nobody can take back by waiting.
+ */
+type __VLS_Props = {
+    /**
+     * A key for whoever is signed in, from the page that connects their agent: no owner to
+     * choose, and no list of people to fetch — which somebody without `admins.view` could not.
+     */
+    mine?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mine: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/KeyList.d.ts

@@ -1,7 +1,13 @@
+type __VLS_Props = {
+    /** Only the reader's own keys — the page that connects their agent — with no "who" column. */
+    mine?: boolean;
+};
 declare function load(): Promise<void>;
-declare const _default: import('vue').DefineComponent<{}, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
     reload: typeof load;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mine: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;