@korso/shepherd-ui 0.2.2 → 0.3.1

package/dist/lib/index.js

@@ -1,151 +1,104 @@
-import { u as j, d as C, D as W } from "./Dashboard-B7nioe5N.js";
-import { E as Y, S as Z, a as ee, c as ne } from "./Dashboard-B7nioe5N.js";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useId as O, useState as i, useEffect as _, useCallback as $ } from "react";
-function A({ workspaceId: d, refreshKey: a = 0, canRemove: l = !1, onLeft: k }) {
-  const p = j(), N = O(), [g, b] = i([]), [u, v] = i(null), [m, s] = i(null), [w, h] = i(!0), [c, f] = i(null), [R, S] = i(!1);
-  async function I({ keepError: o = !1 } = {}) {
-    o || v(null);
-    try {
-      const y = await p.listMembers(d);
-      b(y.members);
-    } catch (y) {
-      v(C(y));
-    } finally {
-      h(!1);
-    }
-  }
-  _(() => {
-    h(!0), I();
-  }, [p, d, a]);
-  async function L(o, y) {
-    if (!c) {
-      f(o), v(null), s(null), b((E) => E.filter((t) => t.accountId !== o));
+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 p.removeMember(d, o), s(`Removed ${y}`);
-      } catch (E) {
-        v(C(E)), I({ keepError: !0 });
+        await y.createWorkspace({ name: g.trim() }), k(""), r();
+      } catch (n) {
+        s(N(n));
       } finally {
-        f(null);
+        v(!1);
       }
     }
   }
-  async function x() {
-    if (!R) {
-      S(!0), v(null), s(null);
-      try {
-        await p.leave(d), s("Left workspace"), k == null || k();
-      } catch (o) {
-        v(C(o));
-      } finally {
-        S(!1);
-      }
-    }
-  }
-  return /* @__PURE__ */ r("section", { className: "shepherd-members", "aria-labelledby": N, children: [
-    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: N, children: "Members" }) }),
-    /* @__PURE__ */ r("div", { className: "card-body", children: [
-      u && /* @__PURE__ */ e("p", { role: "alert", children: u }),
-      m && /* @__PURE__ */ e("p", { role: "status", children: m }),
-      w ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : g.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: g.map((o) => {
-        const y = o.displayName ?? o.githubLogin ?? o.accountId;
-        return /* @__PURE__ */ r("li", { children: [
-          /* @__PURE__ */ e("span", { children: y }),
-          /* @__PURE__ */ e("span", { className: "role", children: o.role }),
-          l && /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Remove ${y}`,
-              onClick: () => void L(o.accountId, y),
-              disabled: c === o.accountId,
-              children: "Remove"
-            }
-          )
-        ] }, o.accountId);
-      }) }),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: R, children: "Leave workspace" })
-    ] })
-  ] });
-}
-function F({ workspaces: d, selected: a, onChanged: l, onSelect: k }) {
-  const p = j(), N = O(), [g, b] = i(""), [u, v] = i(""), [m, s] = i(null), [w, h] = i(null), [c, f] = i(!1), [R, S] = i(0), I = (a == null ? void 0 : a.role) === "admin";
   async function L() {
-    if (!(!g.trim() || c)) {
-      f(!0), h(null);
+    if (!(!m.trim() || p)) {
+      v(!0), s(null);
       try {
-        await p.createWorkspace({ name: g.trim() }), b(""), l();
-      } catch (t) {
-        h(C(t));
+        await y.redeemInvite(m.trim()), u(""), r(), d == null || d();
+      } catch (n) {
+        s(N(n));
       } finally {
-        f(!1);
+        v(!1);
       }
     }
   }
-  async function x() {
-    if (!(!u.trim() || c)) {
-      f(!0), h(null);
+  async function H() {
+    if (!(!t || p)) {
+      v(!0), s(null);
       try {
-        await p.redeemInvite(u.trim()), v(""), l(), S((t) => t + 1);
-      } catch (t) {
-        h(C(t));
+        const n = await y.createInvite(t.id, {});
+        w(n), d == null || d();
+      } catch (n) {
+        s(N(n));
       } finally {
-        f(!1);
+        v(!1);
       }
     }
   }
-  async function o() {
-    if (!(!a || c)) {
-      f(!0), h(null);
+  async function O() {
+    if (!(!t || !S.trim() || c)) {
+      f(!0), E(null);
       try {
-        const t = await p.createInvite(a.id, {});
-        s(t), S((H) => H + 1);
-      } catch (t) {
-        h(C(t));
+        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 {
         f(!1);
       }
     }
   }
-  async function y() {
-    if (!(!a || !m || c)) {
-      f(!0), h(null);
+  async function A() {
+    if (!(!t || !o || p)) {
+      v(!0), s(null);
       try {
-        await p.revokeInvite(a.id, m.code), s(null);
-      } catch (t) {
-        h(C(t));
+        await y.revokeInvite(t.id, o.code), w(null);
+      } catch (n) {
+        s(N(n));
       } finally {
-        f(!1);
+        v(!1);
       }
     }
   }
-  _(() => {
-    s(null);
-  }, [a == null ? void 0 : a.id]);
-  const E = m ? `${window.location.origin}/join/${encodeURIComponent(m.code)}` : null;
-  return /* @__PURE__ */ r("section", { className: "shepherd-workspaces", "aria-labelledby": N, children: [
-    /* @__PURE__ */ r("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: N, children: "Workspace management" }),
+  $(() => {
+    w(null), E(null);
+  }, [t == null ? void 0 : t.id]);
+  const j = o ? `${window.location.origin}/shepherd/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__ */ r("div", { className: "card-body", children: [
-      w && /* @__PURE__ */ e("p", { role: "alert", children: w }),
-      d.length > 1 && k && /* @__PURE__ */ r("div", { className: "field switcher", children: [
+    /* @__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: (a == null ? void 0 : a.id) ?? "",
-            onChange: (t) => k(t.target.value),
-            children: d.map((t) => /* @__PURE__ */ e("option", { value: t.id, children: t.name }, t.id))
+            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__ */ r("div", { className: "field create", children: [
+      /* @__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__ */ r("div", { className: "field__row", children: [
+        /* @__PURE__ */ a("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -153,182 +106,265 @@ function F({ workspaces: d, selected: a, onChanged: l, onSelect: k }) {
               type: "text",
               placeholder: "e.g. Acme Engineering",
               value: g,
-              onChange: (t) => b(t.target.value)
+              onChange: (n) => k(n.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: c, children: "Create workspace" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void I(), disabled: p, children: "Create workspace" })
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "field join", children: [
+      /* @__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__ */ r("div", { className: "field__row", children: [
+        /* @__PURE__ */ a("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
               id: "invite-code",
               type: "text",
               placeholder: "Invite code",
-              value: u,
-              onChange: (t) => v(t.target.value)
+              value: m,
+              onChange: (n) => u(n.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: c, children: "Join" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: p, children: "Join" })
         ] })
       ] }),
-      I && a && /* @__PURE__ */ r("div", { className: "admin", children: [
-        /* @__PURE__ */ r("div", { className: "invites", children: [
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void o(), disabled: c, children: "Create invite" }),
-          m && /* @__PURE__ */ r("div", { className: "invite-result", children: [
-            /* @__PURE__ */ e("code", { children: m.code }),
-            /* @__PURE__ */ e("a", { href: E ?? void 0, children: E }),
-            /* @__PURE__ */ r("span", { className: "invite-uses", children: [
-              m.useCount,
-              " / ",
-              m.maxUses,
-              " uses"
+      _ && 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("button", { type: "button", onClick: () => void y(), disabled: c, children: "Revoke invite" })
+            /* @__PURE__ */ e("a", { href: j ?? void 0, children: j })
           ] })
         ] }),
-        /* @__PURE__ */ e(
-          A,
-          {
-            workspaceId: a.id,
-            refreshKey: R,
-            onLeft: l,
-            canRemove: !0
-          }
-        )
+        /* @__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 })
+        ] })
       ] })
     ] })
   ] });
 }
-const K = [
+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 J = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], M = "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(d, a, l) {
-  return d === "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: a, SHEPHERD_TOKEN: l }
+          env: { HUB_URL: t, SHEPHERD_TOKEN: r }
         }
       }
     },
     null,
     2
   ) : [
-    D[d],
-    `  -e HUB_URL=${a} \\`,
-    `  -e SHEPHERD_TOKEN=${l} \\`,
+    q[l],
+    `  -e HUB_URL=${t} \\`,
+    `  -e SHEPHERD_TOKEN=${r} \\`,
     "  -- npx -y @korso/shepherd"
   ].join(`
 `);
 }
-function G({ workspaceId: d, hubUrl: a }) {
-  const l = j(), k = a ?? l.baseUrl, p = O(), [N, g] = i("claude"), [b, u] = i(""), [v, m] = i(null), [s, w] = i([]), [h, c] = i(null), [f, R] = i(null), [S, I] = i(!1), [L, x] = i(!0), [o, y] = i(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 l.listTokens(d);
+      const n = await r.listTokens(l);
       w(n.tokens);
     } catch (n) {
-      c(C(n));
+      s(N(n));
     } finally {
-      x(!1);
+      f(!1);
     }
   }
-  _(() => {
-    x(!0), E();
-  }, [l, d]), _(() => {
-    m(null);
-  }, [d]);
-  async function t() {
-    I(!0), c(null);
+  $(() => {
+    f(!0), L();
+  }, [r, l]), $(() => {
+    u(null);
+  }, [l]);
+  async function H() {
+    R(!0), s(null);
     try {
-      const n = await l.mintToken(
-        d,
-        b.trim() ? { name: b.trim() } : {}
+      const n = await r.mintToken(
+        l,
+        g.trim() ? { name: g.trim() } : {}
       );
-      m(n.token), u(""), await E();
+      u(n.token), k(""), await L();
     } catch (n) {
-      c(C(n));
+      s(N(n));
     } finally {
-      I(!1);
+      R(!1);
     }
   }
-  async function H(n) {
-    if (!o) {
-      y(n), c(null), R(null);
+  async function O(n) {
+    if (!_) {
+      I(n), s(null), v(null);
       try {
-        await l.revokeToken(d, n), w((T) => T.filter((U) => U.id !== n)), R("Token revoked");
+        await r.revokeToken(l, n), w((T) => T.filter((P) => P.id !== n)), v("Token revoked");
       } catch (T) {
-        c(C(T));
+        s(N(T));
       } finally {
-        y(null);
+        I(null);
       }
     }
   }
-  const P = B(N, k, v ?? M);
-  return /* @__PURE__ */ r("section", { className: "shepherd-connect-agent", "aria-labelledby": p, children: [
-    /* @__PURE__ */ r("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: p, children: "Connect your agent" }),
+  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." })
     ] }),
-    /* @__PURE__ */ r("div", { className: "card-body", children: [
-      /* @__PURE__ */ r("div", { className: "field", children: [
+    /* @__PURE__ */ a("div", { className: "card-body", children: [
+      /* @__PURE__ */ a("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { htmlFor: "connect-tool", children: "Tool" }),
         /* @__PURE__ */ e(
           "select",
           {
             id: "connect-tool",
-            value: N,
-            onChange: (n) => g(n.target.value),
-            children: K.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
+            value: y,
+            onChange: (n) => C(n.target.value),
+            children: J.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "field generate", children: [
+      /* @__PURE__ */ a("div", { className: "field generate", children: [
         /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
-        /* @__PURE__ */ r("div", { className: "field__row", children: [
+        /* @__PURE__ */ a("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
               id: "token-name",
               type: "text",
-              value: b,
-              onChange: (n) => u(n.target.value),
+              value: g,
+              onChange: (n) => k(n.target.value),
               placeholder: "e.g. laptop"
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void t(), disabled: S, children: "Generate token" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void H(), disabled: S, children: "Generate token" })
         ] })
       ] }),
       h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
-      f && /* @__PURE__ */ e("p", { role: "status", children: f }),
-      v && /* @__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: P }),
+      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" }),
-      L ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : s.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: s.map((n) => {
+      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__ */ r("li", { children: [
+        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 H(n.id),
-              disabled: o === n.id,
+              onClick: () => void O(n.id),
+              disabled: _ === n.id,
               children: "Revoke"
             }
           )
@@ -337,62 +373,72 @@ function G({ workspaceId: d, hubUrl: a }) {
     ] })
   ] });
 }
-function z({ hubUrl: d }) {
-  const a = j(), [l, k] = i({ status: "loading" }), [p, N] = i(null), g = $(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 s = await a.listWorkspaces();
-      k({ status: "ready", workspaces: s.workspaces }), N(
-        (w) => {
-          var h;
-          return w && s.workspaces.some((c) => c.id === w) ? w : ((h = s.workspaces[0]) == null ? void 0 : h.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 (s) {
-      k({ status: "error", message: C(s) });
+    } catch (h) {
+      b({ status: "error", message: N(h) });
     }
-  }, [a]);
-  _(() => {
-    g();
-  }, [g]);
-  const b = l.status === "ready" ? l.workspaces : [], u = b.find((s) => s.id === p) ?? null;
-  if (l.status === "loading")
+  }, [t]);
+  $(() => {
+    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 (l.status === "error")
-    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: l.message }) });
-  const v = b.length > 0, m = /* @__PURE__ */ r("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(
-      F,
+      K,
       {
-        workspaces: b,
+        workspaces: m,
         selected: u,
         onChanged: () => {
-          g();
+          k();
         },
-        onSelect: N
+        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(G, { workspaceId: u.id, hubUrl: d })
+    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: m,
-      hasWorkspace: v
+      config: w,
+      hasWorkspace: o
     }
   ) });
 }
 export {
-  G as ConnectAgent,
+  V as ConnectAgent,
   W as Dashboard,
-  Y as EmptyState,
-  A as Members,
-  Z as ShepherdClientError,
-  ee as ShepherdClientProvider,
-  z as ShepherdRoot,
-  F as Workspaces,
-  ne as createShepherdClient,
-  C as describeError,
-  j as useShepherdClient
+  ie as EmptyState,
+  G as Members,
+  ae as ShepherdClientError,
+  le as ShepherdClientProvider,
+  ee as ShepherdRoot,
+  K as Workspaces,
+  re as createShepherdClient,
+  N as describeError,
+  U as useShepherdClient
 };