@korso/shepherd-ui 0.5.1 → 0.6.0

package/dist/lib/index.js

@@ -1,99 +1,99 @@
-import { u as A, d as I, f as O, D as G } from "./Dashboard-qipRa5MO.js";
-import { E as ce, S as de, a as ue, c as he } from "./Dashboard-qipRa5MO.js";
-import { jsxs as n, jsx as e, Fragment as F } from "react/jsx-runtime";
-import { useId as B, useRef as P, useState as a, useEffect as U, useCallback as K } from "react";
-function D(i) {
-  return (i.trim()[0] ?? "?").toUpperCase();
+import { u as B, d as S, S as G, f as O, D as K } from "./Dashboard-D7tbhMwK.js";
+import { E as ue, a as he, c as me } from "./Dashboard-D7tbhMwK.js";
+import { jsxs as n, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { useId as $, useRef as F, useState as i, useEffect as A, useCallback as Y } from "react";
+function U(a) {
+  return (a.trim()[0] ?? "?").toUpperCase();
 }
-function Y({
-  workspaces: i,
+function J({
+  workspaces: a,
   selected: t,
-  onSelect: d,
-  onChanged: v,
-  onMembersChanged: o
+  onSelect: o,
+  onChanged: y,
+  onMembersChanged: l
 }) {
-  const h = A(), m = B(), p = P(null), [l, y] = a(!1), [b, w] = a("menu"), [g, N] = a(""), [u, C] = a(""), [E, r] = a(null), [k, _] = a(!1);
-  function S() {
-    y(!1), w("menu"), N(""), C(""), r(null);
+  const b = B(), c = $(), f = F(null), [r, v] = i(!1), [h, m] = i("menu"), [g, k] = i(""), [u, _] = i(""), [E, s] = i(null), [N, I] = i(!1);
+  function C() {
+    v(!1), m("menu"), k(""), _(""), s(null);
   }
-  U(() => {
-    if (!l) return;
-    function s($) {
-      p.current && !p.current.contains($.target) && S();
+  A(() => {
+    if (!r) return;
+    function d(j) {
+      f.current && !f.current.contains(j.target) && C();
     }
-    function R($) {
-      $.key === "Escape" && S();
+    function x(j) {
+      j.key === "Escape" && C();
     }
-    return document.addEventListener("mousedown", s), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", x);
     };
-  }, [l]);
-  async function x() {
-    if (!(!g.trim() || k)) {
-      _(!0), r(null);
+  }, [r]);
+  async function T() {
+    if (!(!g.trim() || N)) {
+      I(!0), s(null);
       try {
-        const s = await h.createWorkspace({ name: g.trim() });
-        d(s.id), v(), S();
-      } catch (s) {
-        r(I(s));
+        const d = await b.createWorkspace({ name: g.trim() });
+        o(d.id), y(), C();
+      } catch (d) {
+        s(S(d));
       } finally {
-        _(!1);
+        I(!1);
       }
     }
   }
-  async function L() {
-    if (!(!u.trim() || k)) {
-      _(!0), r(null);
+  async function R() {
+    if (!(!u.trim() || N)) {
+      I(!0), s(null);
       try {
-        const s = await h.redeemInvite(u.trim());
-        d(s.workspace.id), v(), o == null || o(), S();
-      } catch (s) {
-        r(I(s));
+        const d = await b.redeemInvite(u.trim());
+        o(d.workspace.id), y(), l == null || l(), C();
+      } catch (d) {
+        s(S(d));
       } finally {
-        _(!1);
+        I(!1);
       }
     }
   }
-  const f = t !== null, T = t ? t.name : "Get started";
-  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: p, children: [
+  const w = t !== null, L = t ? t.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: f, children: [
     /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        className: "ws-trig" + (f ? "" : " ws-trig--empty"),
+        className: "ws-trig" + (w ? "" : " ws-trig--empty"),
         "aria-haspopup": "menu",
-        "aria-expanded": l,
-        "aria-controls": l ? m : void 0,
-        onClick: () => l ? S() : y(!0),
+        "aria-expanded": r,
+        "aria-controls": r ? c : void 0,
+        onClick: () => r ? C() : v(!0),
         children: [
-          f ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: D(T) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
-          /* @__PURE__ */ e("span", { className: "ws-name", children: T }),
+          w ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: U(L) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
+          /* @__PURE__ */ e("span", { className: "ws-name", children: L }),
           /* @__PURE__ */ e("span", { className: "ws-caret", "aria-hidden": "true", children: "▾" })
         ]
       }
     ),
-    l && /* @__PURE__ */ n("div", { className: "ws-menu", id: m, role: "menu", children: [
-      b === "menu" && /* @__PURE__ */ n(F, { children: [
-        /* @__PURE__ */ e("p", { className: "ws-menu__head", children: f ? "Switch workspace" : "Your workspaces" }),
-        i.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: i.map((s) => {
-          const R = s.id === (t == null ? void 0 : t.id);
+    r && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
+      h === "menu" && /* @__PURE__ */ n(W, { children: [
+        /* @__PURE__ */ e("p", { className: "ws-menu__head", children: w ? "Switch workspace" : "Your workspaces" }),
+        a.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: a.map((d) => {
+          const x = d.id === (t == null ? void 0 : t.id);
           return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               role: "menuitemradio",
-              "aria-checked": R,
-              className: "ws-mi" + (R ? " ws-mi--on" : ""),
+              "aria-checked": x,
+              className: "ws-mi" + (x ? " ws-mi--on" : ""),
               onClick: () => {
-                d(s.id), S();
+                o(d.id), C();
               },
               children: [
-                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: D(s.name) }),
-                /* @__PURE__ */ e("span", { className: "ws-mi__name", children: s.name }),
-                R && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
+                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: U(d.name) }),
+                /* @__PURE__ */ e("span", { className: "ws-mi__name", children: d.name }),
+                x && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
               ]
             }
-          ) }, s.id);
+          ) }, d.id);
         }) }),
         /* @__PURE__ */ n("div", { className: "ws-menu__actions", children: [
           /* @__PURE__ */ e(
@@ -103,7 +103,7 @@ function Y({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                r(null), w("create");
+                s(null), m("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,63 +115,63 @@ function Y({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                r(null), w("join");
+                s(null), m("join");
               },
               children: "⎘ Join with a code"
             }
           )
         ] })
       ] }),
-      b === "create" && /* @__PURE__ */ n(
+      h === "create" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (s) => {
-            s.preventDefault(), x();
+          onSubmit: (d) => {
+            d.preventDefault(), T();
           },
           children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${m}-name`, children: "New workspace name" }),
+            /* @__PURE__ */ e("label", { htmlFor: `${c}-name`, children: "New workspace name" }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${m}-name`,
+                id: `${c}-name`,
                 type: "text",
                 placeholder: "e.g. Acme Engineering",
                 value: g,
                 autoFocus: !0,
-                onChange: (s) => N(s.target.value)
+                onChange: (d) => k(d.target.value)
               }
             ),
             /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => w("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: k || !g.trim(), children: "Create" })
+              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => m("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !g.trim(), children: "Create" })
             ] })
           ]
         }
       ),
-      b === "join" && /* @__PURE__ */ n(
+      h === "join" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (s) => {
-            s.preventDefault(), L();
+          onSubmit: (d) => {
+            d.preventDefault(), R();
           },
           children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${m}-code`, children: "Invite code" }),
+            /* @__PURE__ */ e("label", { htmlFor: `${c}-code`, children: "Invite code" }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${m}-code`,
+                id: `${c}-code`,
                 type: "text",
                 placeholder: "Paste an invite code",
                 value: u,
                 autoFocus: !0,
-                onChange: (s) => C(s.target.value)
+                onChange: (d) => _(d.target.value)
               }
             ),
             /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => w("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: k || !u.trim(), children: "Join" })
+              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => m("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !u.trim(), children: "Join" })
             ] })
           ]
         }
@@ -180,195 +180,314 @@ function Y({
     ] })
   ] });
 }
-function J({ workspace: i, onLeft: t }) {
-  const d = A(), v = B(), [o, h] = a(null), [m, p] = a(!1);
-  async function l() {
-    if (!m) {
-      p(!0), h(null);
+function V({
+  workspaceName: a,
+  busy: t,
+  error: o,
+  onConfirm: y,
+  onCancel: l
+}) {
+  const b = $(), c = $(), [f, r] = i(""), v = F(null);
+  A(() => {
+    var m;
+    (m = v.current) == null || m.focus();
+  }, []), A(() => {
+    function m(g) {
+      g.key === "Escape" && !t && l();
+    }
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [t, l]);
+  const h = f === a;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "shepherd-modal__backdrop",
+      onClick: () => {
+        t || l();
+      },
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: "shepherd-modal",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": b,
+          "aria-describedby": c,
+          onClick: (m) => m.stopPropagation(),
+          children: [
+            /* @__PURE__ */ e("h3", { id: b, children: "Delete workspace" }),
+            /* @__PURE__ */ n("p", { id: c, className: "shepherd-modal__body", children: [
+              "This permanently deletes ",
+              /* @__PURE__ */ e("b", { children: a }),
+              " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
+            ] }),
+            /* @__PURE__ */ n("label", { htmlFor: `${b}-input`, className: "shepherd-modal__label", children: [
+              "Type ",
+              /* @__PURE__ */ e("b", { children: a }),
+              " to confirm"
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: `${b}-input`,
+                ref: v,
+                type: "text",
+                value: f,
+                autoComplete: "off",
+                disabled: t,
+                onChange: (m) => r(m.target.value)
+              }
+            ),
+            o && /* @__PURE__ */ e("p", { role: "alert", children: o }),
+            /* @__PURE__ */ n("div", { className: "shepherd-modal__actions", children: [
+              /* @__PURE__ */ e("button", { type: "button", onClick: l, disabled: t, children: "Cancel" }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "danger",
+                  onClick: y,
+                  disabled: !h || t,
+                  children: t ? "Deleting…" : "Delete workspace"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function X({ workspace: a, onLeft: t, onDeleted: o }) {
+  const y = B(), l = $(), [b, c] = i(null), [f, r] = i(!1), [v, h] = i(!1), [m, g] = i(!1), [k, u] = i(!1), [_, E] = i(null), s = a.role === "admin";
+  async function N() {
+    if (!f) {
+      r(!0), c(null), h(!1);
       try {
-        await d.leave(i.id), t == null || t();
-      } catch (y) {
-        h(I(y));
+        await y.leave(a.id), t == null || t();
+      } catch (C) {
+        c(S(C)), C instanceof G && C.status === 409 && h(!0);
       } finally {
-        p(!1);
+        r(!1);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": v, children: [
+  async function I() {
+    if (!k) {
+      u(!0), E(null);
+      try {
+        await y.deleteWorkspace(a.id), g(!1), o == null || o();
+      } catch (C) {
+        E(S(C));
+      } finally {
+        u(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": l, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: v, children: "General" }),
+      /* @__PURE__ */ e("h3", { id: l, children: "General" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Your active workspace and its settings." })
     ] }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
-      o && /* @__PURE__ */ e("p", { role: "alert", children: o }),
+      b && /* @__PURE__ */ e("p", { role: "alert", children: b }),
+      v && s && /* @__PURE__ */ e("p", { className: "helper", children: "You're the last admin, so you can't leave. To remove this workspace entirely, delete it below." }),
       /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Workspace name" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: i.name })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: a.name })
       ] }),
       /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Your role" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: i.role })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: a.role })
       ] }),
       /* @__PURE__ */ n("div", { className: "field leave", children: [
         /* @__PURE__ */ e("label", { children: "Leave workspace" }),
         /* @__PURE__ */ e("p", { className: "helper", children: "Remove yourself from this workspace. You'll need a new invite to rejoin." }),
-        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void l(), disabled: m, children: "Leave workspace" })
+        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void N(), disabled: f, children: "Leave workspace" })
+      ] }),
+      s && /* @__PURE__ */ n("div", { className: "field delete", children: [
+        /* @__PURE__ */ e("label", { children: "Delete workspace" }),
+        /* @__PURE__ */ e("p", { className: "helper", children: "Permanently delete this workspace and all of its data. This cannot be undone." }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "danger",
+            onClick: () => {
+              E(null), g(!0);
+            },
+            disabled: k,
+            children: "Delete workspace"
+          }
+        )
       ] })
-    ] })
+    ] }),
+    m && /* @__PURE__ */ e(
+      V,
+      {
+        workspaceName: a.name,
+        busy: k,
+        error: _,
+        onConfirm: () => void I(),
+        onCancel: () => {
+          k || g(!1);
+        }
+      }
+    )
   ] });
 }
-function V({ workspaceId: i, refreshKey: t = 0, canRemove: d = !1 }) {
-  const v = A(), o = B(), [h, m] = a([]), [p, l] = a(null), [y, b] = a(null), [w, g] = a(!0), [N, u] = a(null);
-  async function C({ keepError: r = !1 } = {}) {
-    r || l(null);
+function q({ workspaceId: a, refreshKey: t = 0, canRemove: o = !1 }) {
+  const y = B(), l = $(), [b, c] = i([]), [f, r] = i(null), [v, h] = i(null), [m, g] = i(!0), [k, u] = i(null);
+  async function _({ keepError: s = !1 } = {}) {
+    s || r(null);
     try {
-      const k = await v.listMembers(i);
-      m(k.members);
-    } catch (k) {
-      l(I(k));
+      const N = await y.listMembers(a);
+      c(N.members);
+    } catch (N) {
+      r(S(N));
     } finally {
       g(!1);
     }
   }
-  U(() => {
-    g(!0), C();
-  }, [v, i, t]);
-  async function E(r, k) {
-    if (!N) {
-      u(r), l(null), b(null), m((_) => _.filter((S) => S.accountId !== r));
+  A(() => {
+    g(!0), _();
+  }, [y, a, t]);
+  async function E(s, N) {
+    if (!k) {
+      u(s), r(null), h(null), c((I) => I.filter((C) => C.accountId !== s));
       try {
-        await v.removeMember(i, r), b(`Removed ${k}`);
-      } catch (_) {
-        l(I(_)), C({ keepError: !0 });
+        await y.removeMember(a, s), h(`Removed ${N}`);
+      } catch (I) {
+        r(S(I)), _({ keepError: !0 });
       } finally {
         u(null);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-members", "aria-labelledby": o, children: [
-    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: o, children: "Members" }) }),
+  return /* @__PURE__ */ n("section", { className: "shepherd-members", "aria-labelledby": l, children: [
+    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: l, children: "Members" }) }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
-      p && /* @__PURE__ */ e("p", { role: "alert", children: p }),
-      y && /* @__PURE__ */ e("p", { role: "status", children: y }),
-      w ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : h.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: h.map((r) => {
-        const k = r.displayName ?? r.githubLogin ?? r.email ?? r.accountId;
+      f && /* @__PURE__ */ e("p", { role: "alert", children: f }),
+      v && /* @__PURE__ */ e("p", { role: "status", children: v }),
+      m ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : b.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: b.map((s) => {
+        const N = s.displayName ?? s.githubLogin ?? s.email ?? s.accountId;
         return /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { children: k }),
-          /* @__PURE__ */ e("span", { className: "role", children: r.role }),
-          d && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { children: N }),
+          /* @__PURE__ */ e("span", { className: "role", children: s.role }),
+          o && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Remove ${k}`,
-              onClick: () => void E(r.accountId, k),
-              disabled: N === r.accountId,
+              "aria-label": `Remove ${N}`,
+              onClick: () => void E(s.accountId, N),
+              disabled: k === s.accountId,
               children: "Remove"
             }
           )
-        ] }, r.accountId);
+        ] }, s.accountId);
       }) })
     ] })
   ] });
 }
-function X({ workspaceId: i, onMembersChanged: t }) {
-  const d = A(), v = B(), [o, h] = a(null), [m, p] = a(null), [l, y] = a(!1), [b, w] = a(""), [g, N] = a(null), [u, C] = a(!1), [E, r] = a(null);
-  U(() => {
-    h(null), N(null);
-  }, [i]);
-  async function k() {
-    if (!l) {
-      y(!0), p(null);
+function z({ workspaceId: a, onMembersChanged: t }) {
+  const o = B(), y = $(), [l, b] = i(null), [c, f] = i(null), [r, v] = i(!1), [h, m] = i(""), [g, k] = i(null), [u, _] = i(!1), [E, s] = i(null);
+  A(() => {
+    b(null), k(null);
+  }, [a]);
+  async function N() {
+    if (!r) {
+      v(!0), f(null);
       try {
-        const f = await d.createInvite(i, {});
-        h(f), t == null || t();
-      } catch (f) {
-        p(I(f));
+        const w = await o.createInvite(a, {});
+        b(w), t == null || t();
+      } catch (w) {
+        f(S(w));
       } finally {
-        y(!1);
+        v(!1);
       }
     }
   }
-  async function _() {
-    if (!(!o || l)) {
-      y(!0), p(null);
+  async function I() {
+    if (!(!l || r)) {
+      v(!0), f(null);
       try {
-        await d.revokeInvite(i, o.code), h(null);
-      } catch (f) {
-        p(I(f));
+        await o.revokeInvite(a, l.code), b(null);
+      } catch (w) {
+        f(S(w));
       } finally {
-        y(!1);
+        v(!1);
       }
     }
   }
-  async function S() {
-    if (!(!b.trim() || u)) {
-      C(!0), N(null);
+  async function C() {
+    if (!(!h.trim() || u)) {
+      _(!0), k(null);
       try {
-        const f = await d.inviteByEmail(i, b.trim());
-        N(`Invite sent to ${f.email}.`), w(""), t == null || t();
-      } catch (f) {
-        N(I(f));
+        const w = await o.inviteByEmail(a, h.trim());
+        k(`Invite sent to ${w.email}.`), m(""), t == null || t();
+      } catch (w) {
+        k(S(w));
       } finally {
-        C(!1);
+        _(!1);
       }
     }
   }
-  const x = o ? `${window.location.origin}/shepherd/join/${encodeURIComponent(o.code)}` : null;
-  async function L(f, T) {
-    await navigator.clipboard.writeText(T), r(f), setTimeout(() => r((s) => s === f ? null : s), 2e3);
+  const T = l ? `${window.location.origin}/shepherd/join/${encodeURIComponent(l.code)}` : null;
+  async function R(w, L) {
+    await navigator.clipboard.writeText(L), s(w), setTimeout(() => s((d) => d === w ? null : d), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": v, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": y, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: v, children: "Invite people" }),
+      /* @__PURE__ */ e("h3", { id: y, children: "Invite people" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Share a code, or send a one-time join link by email." })
     ] }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
-      m && /* @__PURE__ */ e("p", { role: "alert", children: m }),
+      c && /* @__PURE__ */ e("p", { role: "alert", children: c }),
       /* @__PURE__ */ n("div", { className: "field invites", children: [
         /* @__PURE__ */ e("label", { children: "Invite by code" }),
         /* @__PURE__ */ e("p", { className: "helper", children: "Anyone with the code can join this workspace." }),
-        o && /* @__PURE__ */ n("div", { className: "invite-result", children: [
+        l && /* @__PURE__ */ n("div", { className: "invite-result", children: [
           /* @__PURE__ */ n("div", { className: "invite-result__head", children: [
             /* @__PURE__ */ e("span", { className: "invite-result__eyebrow", children: "Invite code" }),
-            /* @__PURE__ */ e("span", { className: "invite-uses", children: o.maxUses === null ? `${o.useCount} uses` : `${o.useCount} / ${o.maxUses} uses` }),
+            /* @__PURE__ */ e("span", { className: "invite-uses", children: l.maxUses === null ? `${l.useCount} uses` : `${l.useCount} / ${l.maxUses} uses` }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "link-btn",
                 "aria-label": "Revoke invite",
-                onClick: () => void _(),
-                disabled: l,
+                onClick: () => void I(),
+                disabled: r,
                 children: "Revoke"
               }
             )
           ] }),
           /* @__PURE__ */ n("div", { className: "invite-result__copyrow", children: [
-            /* @__PURE__ */ e("code", { children: o.code }),
+            /* @__PURE__ */ e("code", { children: l.code }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void L("code", o.code),
+                onClick: () => void R("code", l.code),
                 children: E === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          x && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
-            /* @__PURE__ */ e("a", { href: x, children: x }),
+          T && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
+            /* @__PURE__ */ e("a", { href: T, children: T }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void L("link", x),
+                onClick: () => void R("link", T),
                 children: E === "link" ? "Copied" : "Copy link"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void k(), disabled: l, children: "Create invite" })
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => void N(), disabled: r, children: "Create invite" })
       ] }),
       /* @__PURE__ */ n("div", { className: "field email-invite", children: [
         /* @__PURE__ */ e("label", { htmlFor: "invite-email", children: "Invite by email" }),
@@ -380,98 +499,98 @@ function X({ workspaceId: i, onMembersChanged: t }) {
               id: "invite-email",
               type: "email",
               placeholder: "name@example.com",
-              value: b,
-              onChange: (f) => w(f.target.value)
+              value: h,
+              onChange: (w) => m(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void S(), disabled: u, children: "Send invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: u, children: "Send invite" })
         ] }),
         g && /* @__PURE__ */ e("p", { className: "email-invite__status", children: g })
       ] })
     ] })
   ] });
 }
-const q = [
+const Q = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], z = "shp_<paste-after-generating>", Q = {
+], Z = "shp_<paste-after-generating>", M = {
   claude: "claude mcp add shepherd -s user",
   codex: "codex mcp add shepherd",
   pi: "pi mcp add shepherd"
 };
-function Z(i, t) {
-  const d = `created ${O(i.createdAt, t)}`, v = i.lastUsedAt ? `last used ${O(i.lastUsedAt, t)}` : "never used";
-  return `${d} · ${v}`;
+function ee(a, t) {
+  const o = `created ${O(a.createdAt, t)}`, y = a.lastUsedAt ? `last used ${O(a.lastUsedAt, t)}` : "never used";
+  return `${o} · ${y}`;
 }
-function M(i, t, d) {
-  return i === "generic" ? JSON.stringify(
+function ne(a, t, o) {
+  return a === "generic" ? JSON.stringify(
     {
       mcpServers: {
         shepherd: {
           command: "npx",
-          args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: d }
+          args: ["-y", "-p", "@korso/shepherd", "shepherd-mcp"],
+          env: { HUB_URL: t, SHEPHERD_TOKEN: o }
         }
       }
     },
     null,
     2
   ) : [
-    Q[i],
+    M[a],
     `-e HUB_URL=${t}`,
-    `-e SHEPHERD_TOKEN=${d}`,
-    "-- npx -y @korso/shepherd"
+    `-e SHEPHERD_TOKEN=${o}`,
+    "-- npx -y -p @korso/shepherd shepherd-mcp"
   ].join(" ");
 }
-function ee({ hubUrl: i }) {
-  const t = A(), d = i ?? t.baseUrl, v = B(), [o, h] = a("claude"), [m, p] = a(""), [l, y] = a(null), [b, w] = a([]), [g, N] = a(null), [u, C] = a(null), [E, r] = a(!1), [k, _] = a(!1), [S, x] = a(!0), [L, f] = a(null);
-  async function T() {
+function te({ hubUrl: a }) {
+  const t = B(), o = a ?? t.baseUrl, y = $(), [l, b] = i("claude"), [c, f] = i(""), [r, v] = i(null), [h, m] = i([]), [g, k] = i(null), [u, _] = i(null), [E, s] = i(!1), [N, I] = i(!1), [C, T] = i(!0), [R, w] = i(null);
+  async function L() {
     try {
-      const c = await t.listAccountTokens();
-      w(c.tokens);
-    } catch (c) {
-      N(I(c));
+      const p = await t.listAccountTokens();
+      m(p.tokens);
+    } catch (p) {
+      k(S(p));
     } finally {
-      x(!1);
+      T(!1);
     }
   }
-  U(() => {
-    x(!0), T();
+  A(() => {
+    T(!0), L();
   }, [t]);
-  async function s() {
-    r(!0), N(null);
+  async function d() {
+    s(!0), k(null);
     try {
-      const c = await t.mintAccountToken(
-        m.trim() ? { name: m.trim() } : {}
+      const p = await t.mintAccountToken(
+        c.trim() ? { name: c.trim() } : {}
       );
-      y(c.token), p(""), await T();
-    } catch (c) {
-      N(I(c));
+      v(p.token), f(""), await L();
+    } catch (p) {
+      k(S(p));
     } finally {
-      r(!1);
+      s(!1);
     }
   }
-  async function R(c) {
-    if (!L) {
-      f(c), N(null), C(null);
+  async function x(p) {
+    if (!R) {
+      w(p), k(null), _(null);
       try {
-        await t.revokeAccountToken(c), w((j) => j.filter((W) => W.id !== c)), C("Token revoked");
-      } catch (j) {
-        N(I(j));
+        await t.revokeAccountToken(p), m((D) => D.filter((H) => H.id !== p)), _("Token revoked");
+      } catch (D) {
+        k(S(D));
       } finally {
-        f(null);
+        w(null);
       }
     }
   }
-  const $ = M(o, d, l ?? z);
-  async function H() {
-    await navigator.clipboard.writeText($), _(!0), setTimeout(() => _(!1), 2e3);
+  const j = ne(l, o, r ?? Z);
+  async function P() {
+    await navigator.clipboard.writeText(j), I(!0), setTimeout(() => I(!1), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": v, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": y, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: v, children: "Connect your agent" }),
+      /* @__PURE__ */ e("h3", { id: y, children: "Connect your agent" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token — it works across all your workspaces — then paste the command into your coding tool." }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "The first time the agent opens a repo, it'll ask which workspace to coordinate that repo with." })
     ] }),
@@ -482,9 +601,9 @@ function ee({ hubUrl: i }) {
           "select",
           {
             id: "connect-tool",
-            value: o,
-            onChange: (c) => h(c.target.value),
-            children: q.map((c) => /* @__PURE__ */ e("option", { value: c.id, children: c.label }, c.id))
+            value: l,
+            onChange: (p) => b(p.target.value),
+            children: Q.map((p) => /* @__PURE__ */ e("option", { value: p.id, children: p.label }, p.id))
           }
         )
       ] }),
@@ -496,28 +615,28 @@ function ee({ hubUrl: i }) {
             {
               id: "token-name",
               type: "text",
-              value: m,
-              onChange: (c) => p(c.target.value),
+              value: c,
+              onChange: (p) => f(p.target.value),
               placeholder: "e.g. laptop"
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void s(), disabled: E, children: "Generate token" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void d(), disabled: E, children: "Generate token" })
         ] })
       ] }),
       g && /* @__PURE__ */ e("p", { role: "alert", children: g }),
       u && /* @__PURE__ */ e("p", { role: "status", children: u }),
-      l && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
+      r && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
       /* @__PURE__ */ n("div", { className: "install-command", children: [
-        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: $ }),
+        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: j }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "install-command__copy",
-            "aria-label": k ? "Copied" : "Copy command",
-            title: k ? "Copied" : "Copy",
-            onClick: () => void H(),
-            children: k ? /* @__PURE__ */ e(
+            "aria-label": N ? "Copied" : "Copy command",
+            title: N ? "Copied" : "Copy",
+            onClick: () => void P(),
+            children: N ? /* @__PURE__ */ e(
               "svg",
               {
                 width: "15",
@@ -553,111 +672,113 @@ function ee({ hubUrl: i }) {
         )
       ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-      S ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : b.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: b.map((c) => {
-        const j = c.name ?? c.id;
+      C ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : h.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: h.map((p) => {
+        const D = p.name ?? p.id;
         return /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { children: j }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: Z(c, Date.now()) }),
-          c.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { children: D }),
+          /* @__PURE__ */ e("span", { className: "token-meta", children: ee(p, Date.now()) }),
+          p.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Revoke token ${j}`,
-              onClick: () => void R(c.id),
-              disabled: L === c.id,
+              "aria-label": `Revoke token ${D}`,
+              onClick: () => void x(p.id),
+              disabled: R === p.id,
               children: "Revoke"
             }
           )
-        ] }, c.id);
+        ] }, p.id);
       }) })
     ] })
   ] });
 }
-const ne = [
+const ae = [
   { id: "general", label: "General" },
   { id: "members", label: "Members" },
   { id: "agent", label: "Agent" }
 ];
-function te({
-  workspace: i,
+function ie({
+  workspace: a,
   hubUrl: t,
-  membersRefreshKey: d,
-  onMembersChanged: v,
-  onLeft: o
+  membersRefreshKey: o,
+  onMembersChanged: y,
+  onLeft: l,
+  onDeleted: b
 }) {
-  const [h, m] = a("general"), p = i.role === "admin";
+  const [c, f] = i("general"), r = a.role === "admin";
   return /* @__PURE__ */ n("div", { className: "config-layout", children: [
-    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: ne.map(({ id: l, label: y }) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: ae.map(({ id: v, label: h }) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: "config-nav__item" + (h === l ? " config-nav__item--on" : ""),
-        "aria-current": h === l ? "page" : void 0,
-        onClick: () => m(l),
-        children: y
+        className: "config-nav__item" + (c === v ? " config-nav__item--on" : ""),
+        "aria-current": c === v ? "page" : void 0,
+        onClick: () => f(v),
+        children: h
       },
-      l
+      v
     )) }),
     /* @__PURE__ */ n("div", { className: "config-panel", children: [
-      h === "general" && /* @__PURE__ */ e(J, { workspace: i, onLeft: o }),
-      h === "members" && /* @__PURE__ */ n(F, { children: [
+      c === "general" && /* @__PURE__ */ e(X, { workspace: a, onLeft: l, onDeleted: b }),
+      c === "members" && /* @__PURE__ */ n(W, { children: [
         /* @__PURE__ */ e(
-          V,
+          q,
           {
-            workspaceId: i.id,
-            refreshKey: d,
-            canRemove: p
+            workspaceId: a.id,
+            refreshKey: o,
+            canRemove: r
           }
         ),
-        p && /* @__PURE__ */ e(X, { workspaceId: i.id, onMembersChanged: v })
+        r && /* @__PURE__ */ e(z, { workspaceId: a.id, onMembersChanged: y })
       ] }),
-      h === "agent" && /* @__PURE__ */ e(ee, { hubUrl: t })
+      c === "agent" && /* @__PURE__ */ e(te, { hubUrl: t })
     ] })
   ] });
 }
-function re({ hubUrl: i }) {
-  const t = A(), [d, v] = a({ status: "loading" }), [o, h] = a(null), [m, p] = a(0), l = K(async () => {
+function oe({ hubUrl: a }) {
+  const t = B(), [o, y] = i({ status: "loading" }), [l, b] = i(null), [c, f] = i(0), r = Y(async () => {
     try {
       const u = await t.listWorkspaces();
-      v({ status: "ready", workspaces: u.workspaces }), h(
-        (C) => {
+      y({ status: "ready", workspaces: u.workspaces }), b(
+        (_) => {
           var E;
-          return C && u.workspaces.some((r) => r.id === C) ? C : ((E = u.workspaces[0]) == null ? void 0 : E.id) ?? null;
+          return _ && u.workspaces.some((s) => s.id === _) ? _ : ((E = u.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
     } catch (u) {
-      v({ status: "error", message: I(u) });
+      y({ status: "error", message: S(u) });
     }
   }, [t]);
-  U(() => {
-    l();
-  }, [l]);
-  const y = d.status === "ready" ? d.workspaces : [], b = y.find((u) => u.id === o) ?? null;
-  if (d.status === "loading")
+  A(() => {
+    r();
+  }, [r]);
+  const v = o.status === "ready" ? o.workspaces : [], h = v.find((u) => u.id === l) ?? null;
+  if (o.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  if (d.status === "error")
-    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: d.message }) });
-  const w = y.length > 0, g = /* @__PURE__ */ e(
-    Y,
+  if (o.status === "error")
+    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: o.message }) });
+  const m = v.length > 0, g = /* @__PURE__ */ e(
+    J,
     {
-      workspaces: y,
-      selected: b,
-      onSelect: h,
+      workspaces: v,
+      selected: h,
+      onSelect: b,
       onChanged: () => {
-        l();
+        r();
       },
-      onMembersChanged: () => p((u) => u + 1)
+      onMembersChanged: () => f((u) => u + 1)
     }
-  ), N = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
+  ), k = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
-    b ? /* @__PURE__ */ e(
-      te,
+    h ? /* @__PURE__ */ e(
+      ie,
       {
-        workspace: b,
-        hubUrl: i,
-        membersRefreshKey: m,
-        onMembersChanged: () => p((u) => u + 1),
-        onLeft: () => void l()
+        workspace: h,
+        hubUrl: a,
+        membersRefreshKey: c,
+        onMembersChanged: () => f((u) => u + 1),
+        onLeft: () => void r(),
+        onDeleted: () => void r()
       }
     ) : /* @__PURE__ */ n("p", { className: "config-none", children: [
       "You're not in a workspace yet. Use the ",
@@ -666,28 +787,28 @@ function re({ hubUrl: i }) {
     ] })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    G,
+    K,
     {
-      workspaceId: b == null ? void 0 : b.id,
-      config: N,
+      workspaceId: h == null ? void 0 : h.id,
+      config: k,
       switcher: g,
-      hasWorkspace: w
+      hasWorkspace: m
     }
   ) });
 }
 export {
-  te as ConfigPanel,
-  ee as ConnectAgent,
-  G as Dashboard,
-  ce as EmptyState,
-  J as GeneralSettings,
-  X as Invites,
-  V as Members,
-  de as ShepherdClientError,
-  ue as ShepherdClientProvider,
-  re as ShepherdRoot,
-  Y as WorkspaceSwitcher,
-  he as createShepherdClient,
-  I as describeError,
-  A as useShepherdClient
+  ie as ConfigPanel,
+  te as ConnectAgent,
+  K as Dashboard,
+  ue as EmptyState,
+  X as GeneralSettings,
+  z as Invites,
+  q as Members,
+  G as ShepherdClientError,
+  he as ShepherdClientProvider,
+  oe as ShepherdRoot,
+  J as WorkspaceSwitcher,
+  me as createShepherdClient,
+  S as describeError,
+  B as useShepherdClient
 };