@korso/shepherd-ui 0.2.1 → 0.3.0

package/dist/lib/index.js

@@ -1,374 +1,444 @@
-import { u as O, d as N, D as $ } from "./Dashboard-B7nioe5N.js";
-import { E as Y, S as Z, a as ee, c as ne } from "./Dashboard-B7nioe5N.js";
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { useId as U, useState as a, useEffect as H, useCallback as F } from "react";
-function K({ workspaceId: c, refreshKey: t = 0, canRemove: i = !1, onLeft: k }) {
-  const m = O(), C = U(), [g, b] = a([]), [u, p] = a(null), [h, o] = a(null), [w, d] = a(!0), [s, v] = a(null), [R, S] = a(!1);
-  async function I({ keepError: l = !1 } = {}) {
-    l || p(null);
-    try {
-      const f = await m.listMembers(c);
-      b(f.members);
-    } catch (f) {
-      p(N(f));
-    } finally {
-      d(!1);
-    }
-  }
-  H(() => {
-    d(!0), I();
-  }, [m, c, t]);
-  async function L(l, f) {
-    if (!s) {
-      v(l), p(null), o(null), b((E) => E.filter((r) => r.accountId !== l));
-      try {
-        await m.removeMember(c, l), o(`Removed ${f}`);
-      } catch (E) {
-        p(N(E)), I({ keepError: !0 });
-      } finally {
-        v(null);
-      }
-    }
-  }
-  async function x() {
-    if (!R) {
-      S(!0), p(null), o(null);
+import { u as U, d as N, f as F, D as W } from "./Dashboard-Bgi50wCo.js";
+import { E as ie, S as ae, a as le, c as re } from "./Dashboard-Bgi50wCo.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useId as B, useState as i, useEffect as $, useCallback as D } from "react";
+function K({
+  workspaces: l,
+  selected: t,
+  onChanged: r,
+  onSelect: b,
+  onMembersChanged: d
+}) {
+  const y = U(), C = B(), [g, k] = i(""), [m, u] = i(""), [o, w] = i(null), [h, s] = i(null), [p, v] = i(!1), [S, R] = i(""), [x, E] = i(null), [c, f] = i(!1), _ = (t == null ? void 0 : t.role) === "admin";
+  async function I() {
+    if (!(!g.trim() || p)) {
+      v(!0), s(null);
       try {
-        await m.leave(c), o("Left workspace"), k == null || k();
-      } catch (l) {
-        p(N(l));
+        await y.createWorkspace({ name: g.trim() }), k(""), r();
+      } catch (n) {
+        s(N(n));
       } finally {
-        S(!1);
+        v(!1);
       }
     }
   }
-  return /* @__PURE__ */ y("section", { className: "shepherd-members", "aria-labelledby": C, children: [
-    /* @__PURE__ */ e("h3", { id: C, children: "Members" }),
-    u && /* @__PURE__ */ e("p", { role: "alert", children: u }),
-    h && /* @__PURE__ */ e("p", { role: "status", children: h }),
-    w ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : g.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: g.map((l) => {
-      const f = l.displayName ?? l.githubLogin ?? l.accountId;
-      return /* @__PURE__ */ y("li", { children: [
-        /* @__PURE__ */ e("span", { children: f }),
-        /* @__PURE__ */ e("span", { className: "role", children: l.role }),
-        i && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            "aria-label": `Remove ${f}`,
-            onClick: () => void L(l.accountId, f),
-            disabled: s === l.accountId,
-            children: "Remove"
-          }
-        )
-      ] }, l.accountId);
-    }) }),
-    /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: R, children: "Leave workspace" })
-  ] });
-}
-function M({ workspaces: c, selected: t, onChanged: i, onSelect: k }) {
-  const m = O(), C = U(), [g, b] = a(""), [u, p] = a(""), [h, o] = a(null), [w, d] = a(null), [s, v] = a(!1), [R, S] = a(0), I = (t == null ? void 0 : t.role) === "admin";
   async function L() {
-    if (!(!g.trim() || s)) {
-      v(!0), d(null);
+    if (!(!m.trim() || p)) {
+      v(!0), s(null);
       try {
-        await m.createWorkspace({ name: g.trim() }), b(""), i();
-      } catch (r) {
-        d(N(r));
+        await y.redeemInvite(m.trim()), u(""), r(), d == null || d();
+      } catch (n) {
+        s(N(n));
       } finally {
         v(!1);
       }
     }
   }
-  async function x() {
-    if (!(!u.trim() || s)) {
-      v(!0), d(null);
+  async function H() {
+    if (!(!t || p)) {
+      v(!0), s(null);
       try {
-        await m.redeemInvite(u.trim()), p(""), i(), S((r) => r + 1);
-      } catch (r) {
-        d(N(r));
+        const n = await y.createInvite(t.id, {});
+        w(n), d == null || d();
+      } catch (n) {
+        s(N(n));
       } finally {
         v(!1);
       }
     }
   }
-  async function l() {
-    if (!(!t || s)) {
-      v(!0), d(null);
+  async function O() {
+    if (!(!t || !S.trim() || c)) {
+      f(!0), E(null);
       try {
-        const r = await m.createInvite(t.id, {});
-        o(r), S((j) => j + 1);
-      } catch (r) {
-        d(N(r));
+        const n = await y.inviteByEmail(t.id, S.trim());
+        E(`Invite sent to ${n.email}.`), R(""), d == null || d();
+      } catch (n) {
+        E(N(n));
       } finally {
-        v(!1);
+        f(!1);
       }
     }
   }
-  async function f() {
-    if (!(!t || !h || s)) {
-      v(!0), d(null);
+  async function A() {
+    if (!(!t || !o || p)) {
+      v(!0), s(null);
       try {
-        await m.revokeInvite(t.id, h.code), o(null);
-      } catch (r) {
-        d(N(r));
+        await y.revokeInvite(t.id, o.code), w(null);
+      } catch (n) {
+        s(N(n));
       } finally {
         v(!1);
       }
     }
   }
-  H(() => {
-    o(null);
+  $(() => {
+    w(null), E(null);
   }, [t == null ? void 0 : t.id]);
-  const E = h ? `${window.location.origin}/join/${encodeURIComponent(h.code)}` : null;
-  return /* @__PURE__ */ y("section", { className: "shepherd-workspaces", "aria-labelledby": C, children: [
-    /* @__PURE__ */ e("h3", { id: C, children: "Workspace management" }),
-    w && /* @__PURE__ */ e("p", { role: "alert", children: w }),
-    c.length > 1 && k && /* @__PURE__ */ y("div", { className: "switcher", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "ws-switcher", children: "Active workspace" }),
-      /* @__PURE__ */ e(
-        "select",
-        {
-          id: "ws-switcher",
-          value: (t == null ? void 0 : t.id) ?? "",
-          onChange: (r) => k(r.target.value),
-          children: c.map((r) => /* @__PURE__ */ e("option", { value: r.id, children: r.name }, r.id))
-        }
-      )
+  const j = o ? `${window.location.origin}/join/${encodeURIComponent(o.code)}` : null;
+  return /* @__PURE__ */ a("section", { className: "shepherd-workspaces", "aria-labelledby": C, children: [
+    /* @__PURE__ */ a("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: C, children: "Workspace management" }),
+      /* @__PURE__ */ e("p", { className: "card-sub", children: "Create a workspace to get started, or join an existing one with an invite code." })
     ] }),
-    /* @__PURE__ */ y("div", { className: "create", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "ws-name", children: "Workspace name" }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "ws-name",
-          type: "text",
-          value: g,
-          onChange: (r) => b(r.target.value)
-        }
-      ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: s, children: "Create workspace" })
-    ] }),
-    /* @__PURE__ */ y("div", { className: "join", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "invite-code", children: "Invite code" }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "invite-code",
-          type: "text",
-          value: u,
-          onChange: (r) => p(r.target.value)
-        }
-      ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: s, children: "Join" })
-    ] }),
-    I && t && /* @__PURE__ */ y("div", { className: "admin", children: [
-      /* @__PURE__ */ y("div", { className: "invites", children: [
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void l(), disabled: s, children: "Create invite" }),
-        h && /* @__PURE__ */ y("div", { className: "invite-result", children: [
-          /* @__PURE__ */ e("code", { children: h.code }),
-          /* @__PURE__ */ e("a", { href: E ?? void 0, children: E }),
-          /* @__PURE__ */ y("span", { className: "invite-uses", children: [
-            h.useCount,
-            " / ",
-            h.maxUses,
-            " uses"
-          ] }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void f(), disabled: s, children: "Revoke invite" })
+    /* @__PURE__ */ a("div", { className: "card-body", children: [
+      h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
+      l.length > 1 && b && /* @__PURE__ */ a("div", { className: "field switcher", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "ws-switcher", children: "Active workspace" }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            id: "ws-switcher",
+            value: (t == null ? void 0 : t.id) ?? "",
+            onChange: (n) => b(n.target.value),
+            children: l.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, n.id))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "field create", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "ws-name", children: "Workspace name" }),
+        /* @__PURE__ */ e("p", { className: "helper", children: "Start a fresh workspace — you'll be its admin." }),
+        /* @__PURE__ */ a("div", { className: "field__row", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "ws-name",
+              type: "text",
+              placeholder: "e.g. Acme Engineering",
+              value: g,
+              onChange: (n) => k(n.target.value)
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void I(), disabled: p, children: "Create workspace" })
         ] })
       ] }),
-      /* @__PURE__ */ e(
-        K,
-        {
-          workspaceId: t.id,
-          refreshKey: R,
-          onLeft: i,
-          canRemove: !0
-        }
-      )
+      /* @__PURE__ */ a("div", { className: "field join", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "invite-code", children: "Invite code" }),
+        /* @__PURE__ */ e("p", { className: "helper", children: "Paste an invite code someone shared to join their workspace." }),
+        /* @__PURE__ */ a("div", { className: "field__row", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "invite-code",
+              type: "text",
+              placeholder: "Invite code",
+              value: m,
+              onChange: (n) => u(n.target.value)
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: p, children: "Join" })
+        ] })
+      ] }),
+      _ && t && /* @__PURE__ */ a("div", { className: "admin", children: [
+        /* @__PURE__ */ a("div", { className: "invites", children: [
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void H(), disabled: p, children: "Create invite" }),
+          o && /* @__PURE__ */ a("div", { className: "invite-result", children: [
+            /* @__PURE__ */ a("div", { className: "invite-result__row", children: [
+              /* @__PURE__ */ e("code", { children: o.code }),
+              /* @__PURE__ */ e("span", { className: "invite-uses", children: o.maxUses === null ? `${o.useCount} uses` : `${o.useCount} / ${o.maxUses} uses` }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: () => void A(), disabled: p, children: "Revoke invite" })
+            ] }),
+            /* @__PURE__ */ e("a", { href: j ?? void 0, children: j })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "field email-invite", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "invite-email", children: "Email invite" }),
+          /* @__PURE__ */ e("p", { className: "helper", children: "Send a one-time-use join link directly to someone's inbox." }),
+          /* @__PURE__ */ a("div", { className: "field__row", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "invite-email",
+                type: "email",
+                placeholder: "name@example.com",
+                value: S,
+                onChange: (n) => R(n.target.value)
+              }
+            ),
+            /* @__PURE__ */ e("button", { type: "button", onClick: () => void O(), disabled: c, children: "Send invite" })
+          ] }),
+          x && /* @__PURE__ */ e("p", { className: "email-invite__status", children: x })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function G({ workspaceId: l, refreshKey: t = 0, canRemove: r = !1, onLeft: b }) {
+  const d = U(), y = B(), [C, g] = i([]), [k, m] = i(null), [u, o] = i(null), [w, h] = i(!0), [s, p] = i(null), [v, S] = i(!1);
+  async function R({ keepError: c = !1 } = {}) {
+    c || m(null);
+    try {
+      const f = await d.listMembers(l);
+      g(f.members);
+    } catch (f) {
+      m(N(f));
+    } finally {
+      h(!1);
+    }
+  }
+  $(() => {
+    h(!0), R();
+  }, [d, l, t]);
+  async function x(c, f) {
+    if (!s) {
+      p(c), m(null), o(null), g((_) => _.filter((I) => I.accountId !== c));
+      try {
+        await d.removeMember(l, c), o(`Removed ${f}`);
+      } catch (_) {
+        m(N(_)), R({ keepError: !0 });
+      } finally {
+        p(null);
+      }
+    }
+  }
+  async function E() {
+    if (!v) {
+      S(!0), m(null), o(null);
+      try {
+        await d.leave(l), o("Left workspace"), b == null || b();
+      } catch (c) {
+        m(N(c));
+      } finally {
+        S(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ a("section", { className: "shepherd-members", "aria-labelledby": y, children: [
+    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: y, children: "Members" }) }),
+    /* @__PURE__ */ a("div", { className: "card-body", children: [
+      k && /* @__PURE__ */ e("p", { role: "alert", children: k }),
+      u && /* @__PURE__ */ e("p", { role: "status", children: u }),
+      w ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : C.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: C.map((c) => {
+        const f = c.displayName ?? c.githubLogin ?? c.accountId;
+        return /* @__PURE__ */ a("li", { children: [
+          /* @__PURE__ */ e("span", { children: f }),
+          /* @__PURE__ */ e("span", { className: "role", children: c.role }),
+          r && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${f}`,
+              onClick: () => void x(c.accountId, f),
+              disabled: s === c.accountId,
+              children: "Remove"
+            }
+          )
+        ] }, c.accountId);
+      }) }),
+      /* @__PURE__ */ e("button", { type: "button", onClick: () => void E(), disabled: v, children: "Leave workspace" })
     ] })
   ] });
 }
-const P = [
+const J = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], A = "shp_<paste-after-generating>", D = {
+], X = "shp_<paste-after-generating>", q = {
   claude: "claude mcp add shepherd -s user \\",
   codex: "codex mcp add shepherd \\",
   pi: "pi mcp add shepherd \\"
 };
-function B(c, t, i) {
-  return c === "generic" ? JSON.stringify(
+function z(l, t) {
+  const r = `created ${F(l.createdAt, t)}`, b = l.lastUsedAt ? `last used ${F(l.lastUsedAt, t)}` : "never used";
+  return `${r} · ${b}`;
+}
+function Q(l, t, r) {
+  return l === "generic" ? JSON.stringify(
     {
       mcpServers: {
         shepherd: {
           command: "npx",
           args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: i }
+          env: { HUB_URL: t, SHEPHERD_TOKEN: r }
         }
       }
     },
     null,
     2
   ) : [
-    D[c],
+    q[l],
     `  -e HUB_URL=${t} \\`,
-    `  -e SHEPHERD_TOKEN=${i} \\`,
+    `  -e SHEPHERD_TOKEN=${r} \\`,
     "  -- npx -y @korso/shepherd"
   ].join(`
 `);
 }
-function J({ workspaceId: c, hubUrl: t }) {
-  const i = O(), k = t ?? i.baseUrl, m = U(), [C, g] = a("claude"), [b, u] = a(""), [p, h] = a(null), [o, w] = a([]), [d, s] = a(null), [v, R] = a(null), [S, I] = a(!1), [L, x] = a(!0), [l, f] = a(null);
-  async function E() {
+function V({ workspaceId: l, hubUrl: t }) {
+  const r = U(), b = t ?? r.baseUrl, d = B(), [y, C] = i("claude"), [g, k] = i(""), [m, u] = i(null), [o, w] = i([]), [h, s] = i(null), [p, v] = i(null), [S, R] = i(!1), [x, E] = i(!1), [c, f] = i(!0), [_, I] = i(null);
+  async function L() {
     try {
-      const n = await i.listTokens(c);
+      const n = await r.listTokens(l);
       w(n.tokens);
     } catch (n) {
       s(N(n));
     } finally {
-      x(!1);
+      f(!1);
     }
   }
-  H(() => {
-    x(!0), E();
-  }, [i, c]), H(() => {
-    h(null);
-  }, [c]);
-  async function r() {
-    I(!0), s(null);
+  $(() => {
+    f(!0), L();
+  }, [r, l]), $(() => {
+    u(null);
+  }, [l]);
+  async function H() {
+    R(!0), s(null);
     try {
-      const n = await i.mintToken(
-        c,
-        b.trim() ? { name: b.trim() } : {}
+      const n = await r.mintToken(
+        l,
+        g.trim() ? { name: g.trim() } : {}
       );
-      h(n.token), u(""), await E();
+      u(n.token), k(""), await L();
     } catch (n) {
       s(N(n));
     } finally {
-      I(!1);
+      R(!1);
     }
   }
-  async function j(n) {
-    if (!l) {
-      f(n), s(null), R(null);
+  async function O(n) {
+    if (!_) {
+      I(n), s(null), v(null);
       try {
-        await i.revokeToken(c, n), w((T) => T.filter((_) => _.id !== n)), R("Token revoked");
+        await r.revokeToken(l, n), w((T) => T.filter((P) => P.id !== n)), v("Token revoked");
       } catch (T) {
         s(N(T));
       } finally {
-        f(null);
+        I(null);
       }
     }
   }
-  const W = B(C, k, p ?? A);
-  return /* @__PURE__ */ y("section", { className: "shepherd-connect-agent", "aria-labelledby": m, children: [
-    /* @__PURE__ */ e("h3", { id: m, children: "Connect your agent" }),
-    /* @__PURE__ */ e("label", { htmlFor: "connect-tool", children: "Tool" }),
-    /* @__PURE__ */ e(
-      "select",
-      {
-        id: "connect-tool",
-        value: C,
-        onChange: (n) => g(n.target.value),
-        children: P.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
-      }
-    ),
-    /* @__PURE__ */ y("div", { className: "generate", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "token-name",
-          type: "text",
-          value: b,
-          onChange: (n) => u(n.target.value),
-          placeholder: "e.g. laptop"
-        }
-      ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void r(), disabled: S, children: "Generate token" })
+  const A = Q(y, b, m ?? X);
+  async function j() {
+    await navigator.clipboard.writeText(A), E(!0), setTimeout(() => E(!1), 2e3);
+  }
+  return /* @__PURE__ */ a("section", { className: "shepherd-connect-agent", "aria-labelledby": d, children: [
+    /* @__PURE__ */ a("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: d, children: "Connect your agent" }),
+      /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token, then paste the command into your coding tool." })
     ] }),
-    d && /* @__PURE__ */ e("p", { role: "alert", children: d }),
-    v && /* @__PURE__ */ e("p", { role: "status", children: v }),
-    p && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
-    /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: W }),
-    /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-    L ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : o.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: o.map((n) => {
-      const T = n.name ?? n.id;
-      return /* @__PURE__ */ y("li", { children: [
-        /* @__PURE__ */ e("span", { children: T }),
-        n.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
-          "button",
+    /* @__PURE__ */ a("div", { className: "card-body", children: [
+      /* @__PURE__ */ a("div", { className: "field", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "connect-tool", children: "Tool" }),
+        /* @__PURE__ */ e(
+          "select",
           {
-            type: "button",
-            "aria-label": `Revoke token ${T}`,
-            onClick: () => void j(n.id),
-            disabled: l === n.id,
-            children: "Revoke"
+            id: "connect-tool",
+            value: y,
+            onChange: (n) => C(n.target.value),
+            children: J.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
           }
         )
-      ] }, n.id);
-    }) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "field generate", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
+        /* @__PURE__ */ a("div", { className: "field__row", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "token-name",
+              type: "text",
+              value: g,
+              onChange: (n) => k(n.target.value),
+              placeholder: "e.g. laptop"
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void H(), disabled: S, children: "Generate token" })
+        ] })
+      ] }),
+      h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
+      p && /* @__PURE__ */ e("p", { role: "status", children: p }),
+      m && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
+      /* @__PURE__ */ a("div", { className: "install-command", children: [
+        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: A }),
+        /* @__PURE__ */ e("button", { type: "button", className: "install-command__copy", onClick: () => void j(), children: x ? "Copied" : "Copy" })
+      ] }),
+      /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
+      c ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : o.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: o.map((n) => {
+        const T = n.name ?? n.id;
+        return /* @__PURE__ */ a("li", { children: [
+          /* @__PURE__ */ e("span", { children: T }),
+          /* @__PURE__ */ e("span", { className: "token-meta", children: z(n, Date.now()) }),
+          n.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Revoke token ${T}`,
+              onClick: () => void O(n.id),
+              disabled: _ === n.id,
+              children: "Revoke"
+            }
+          )
+        ] }, n.id);
+      }) })
+    ] })
   ] });
 }
-function z({ hubUrl: c }) {
-  const t = O(), [i, k] = a({ status: "loading" }), [m, C] = a(null), g = F(async () => {
+function ee({ hubUrl: l }) {
+  const t = U(), [r, b] = i({ status: "loading" }), [d, y] = i(null), [C, g] = i(0), k = D(async () => {
     try {
-      const o = await t.listWorkspaces();
-      k({ status: "ready", workspaces: o.workspaces }), C(
-        (w) => {
-          var d;
-          return w && o.workspaces.some((s) => s.id === w) ? w : ((d = o.workspaces[0]) == null ? void 0 : d.id) ?? null;
+      const h = await t.listWorkspaces();
+      b({ status: "ready", workspaces: h.workspaces }), y(
+        (s) => {
+          var p;
+          return s && h.workspaces.some((v) => v.id === s) ? s : ((p = h.workspaces[0]) == null ? void 0 : p.id) ?? null;
         }
       );
-    } catch (o) {
-      k({ status: "error", message: N(o) });
+    } catch (h) {
+      b({ status: "error", message: N(h) });
     }
   }, [t]);
-  H(() => {
-    g();
-  }, [g]);
-  const b = i.status === "ready" ? i.workspaces : [], u = b.find((o) => o.id === m) ?? null;
-  if (i.status === "loading")
+  $(() => {
+    k();
+  }, [k]);
+  const m = r.status === "ready" ? r.workspaces : [], u = m.find((h) => h.id === d) ?? null;
+  if (r.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  if (i.status === "error")
-    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: i.message }) });
-  const p = b.length > 0, h = /* @__PURE__ */ y("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
+  if (r.status === "error")
+    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: r.message }) });
+  const o = m.length > 0, w = /* @__PURE__ */ a("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
     /* @__PURE__ */ e(
-      M,
+      K,
       {
-        workspaces: b,
+        workspaces: m,
         selected: u,
         onChanged: () => {
-          g();
+          k();
         },
-        onSelect: C
+        onSelect: y,
+        onMembersChanged: () => g((h) => h + 1)
+      }
+    ),
+    u && /* @__PURE__ */ e(
+      G,
+      {
+        workspaceId: u.id,
+        refreshKey: C,
+        canRemove: u.role === "admin",
+        onLeft: () => void k()
       }
     ),
-    u && /* @__PURE__ */ e(J, { workspaceId: u.id, hubUrl: c })
+    u && /* @__PURE__ */ e(V, { workspaceId: u.id, hubUrl: l })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    $,
+    W,
     {
       workspaceId: u == null ? void 0 : u.id,
-      config: h,
-      hasWorkspace: p
+      config: w,
+      hasWorkspace: o
     }
   ) });
 }
 export {
-  J as ConnectAgent,
-  $ as Dashboard,
-  Y as EmptyState,
-  K as Members,
-  Z as ShepherdClientError,
-  ee as ShepherdClientProvider,
-  z as ShepherdRoot,
-  M as Workspaces,
-  ne as createShepherdClient,
+  V as ConnectAgent,
+  W as Dashboard,
+  ie as EmptyState,
+  G as Members,
+  ae as ShepherdClientError,
+  le as ShepherdClientProvider,
+  ee as ShepherdRoot,
+  K as Workspaces,
+  re as createShepherdClient,
   N as describeError,
-  O as useShepherdClient
+  U as useShepherdClient
 };