@korso/shepherd-ui 0.5.1 → 0.7.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 R, S as H, f as O, D as K } from "./Dashboard-D7tbhMwK.js";
+import { E as he, a as me, c as pe } from "./Dashboard-D7tbhMwK.js";
+import { jsxs as n, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { useId as $, useRef as U, useState as i, useEffect as A, useCallback as Y } from "react";
+function F(t) {
+  return (t.trim()[0] ?? "?").toUpperCase();
 }
-function Y({
-  workspaces: i,
-  selected: t,
-  onSelect: d,
-  onChanged: v,
-  onMembersChanged: o
+function J({
+  workspaces: t,
+  selected: a,
+  onSelect: o,
+  onChanged: u,
+  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 m = B(), c = $(), b = U(null), [r, y] = i(!1), [p, v] = i("menu"), [g, k] = i(""), [h, _] = i(""), [E, s] = i(null), [N, I] = i(!1);
+  function C() {
+    y(!1), v("menu"), k(""), _(""), s(null);
   }
-  U(() => {
-    if (!l) return;
-    function s($) {
-      p.current && !p.current.contains($.target) && S();
+  A(() => {
+    if (!r) return;
+    function d(j) {
+      b.current && !b.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 S() {
+    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 m.createWorkspace({ name: g.trim() });
+        o(d.id), u(), C();
+      } catch (d) {
+        s(R(d));
       } finally {
-        _(!1);
+        I(!1);
       }
     }
   }
-  async function L() {
-    if (!(!u.trim() || k)) {
-      _(!0), r(null);
+  async function T() {
+    if (!(!h.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 m.redeemInvite(h.trim());
+        o(d.workspace.id), u(), l == null || l(), C();
+      } catch (d) {
+        s(R(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 = a !== null, L = a ? a.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: b, 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() : y(!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: F(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: [
+      p === "menu" && /* @__PURE__ */ n(P, { children: [
+        /* @__PURE__ */ e("p", { className: "ws-menu__head", children: w ? "Switch workspace" : "Your workspaces" }),
+        t.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: t.map((d) => {
+          const x = d.id === (a == null ? void 0 : a.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: F(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), v("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,63 +115,63 @@ function Y({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                r(null), w("join");
+                s(null), v("join");
               },
               children: "⎘ Join with a code"
             }
           )
         ] })
       ] }),
-      b === "create" && /* @__PURE__ */ n(
+      p === "create" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (s) => {
-            s.preventDefault(), x();
+          onSubmit: (d) => {
+            d.preventDefault(), S();
           },
           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: () => v("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !g.trim(), children: "Create" })
             ] })
           ]
         }
       ),
-      b === "join" && /* @__PURE__ */ n(
+      p === "join" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (s) => {
-            s.preventDefault(), L();
+          onSubmit: (d) => {
+            d.preventDefault(), T();
           },
           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,
+                value: h,
                 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: () => v("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !h.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: t,
+  busy: a,
+  error: o,
+  onConfirm: u,
+  onCancel: l
+}) {
+  const m = $(), c = $(), [b, r] = i(""), y = U(null);
+  A(() => {
+    var v;
+    (v = y.current) == null || v.focus();
+  }, []), A(() => {
+    function v(g) {
+      g.key === "Escape" && !a && l();
+    }
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+  }, [a, l]);
+  const p = b === t;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "shepherd-modal__backdrop",
+      onClick: () => {
+        a || l();
+      },
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: "shepherd-modal",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": m,
+          "aria-describedby": c,
+          onClick: (v) => v.stopPropagation(),
+          children: [
+            /* @__PURE__ */ e("h3", { id: m, children: "Delete workspace" }),
+            /* @__PURE__ */ n("p", { id: c, className: "shepherd-modal__body", children: [
+              "This permanently deletes ",
+              /* @__PURE__ */ e("b", { children: t }),
+              " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
+            ] }),
+            /* @__PURE__ */ n("label", { htmlFor: `${m}-input`, className: "shepherd-modal__label", children: [
+              "Type ",
+              /* @__PURE__ */ e("b", { children: t }),
+              " to confirm"
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: `${m}-input`,
+                ref: y,
+                type: "text",
+                value: b,
+                autoComplete: "off",
+                disabled: a,
+                onChange: (v) => r(v.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: a, children: "Cancel" }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "danger",
+                  onClick: u,
+                  disabled: !p || a,
+                  children: a ? "Deleting…" : "Delete workspace"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function M({ workspace: t, onLeft: a, onDeleted: o }) {
+  const u = B(), l = $(), [m, c] = i(null), [b, r] = i(!1), [y, p] = i(!1), [v, g] = i(!1), [k, h] = i(!1), [_, E] = i(null), s = t.role === "admin";
+  async function N() {
+    if (!b) {
+      r(!0), c(null), p(!1);
+      try {
+        await u.leave(t.id), a == null || a();
+      } catch (C) {
+        c(R(C)), C instanceof H && C.status === 409 && p(!0);
+      } finally {
+        r(!1);
+      }
+    }
+  }
+  async function I() {
+    if (!k) {
+      h(!0), E(null);
       try {
-        await d.leave(i.id), t == null || t();
-      } catch (y) {
-        h(I(y));
+        await u.deleteWorkspace(t.id), g(!1), o == null || o();
+      } catch (C) {
+        E(R(C));
       } finally {
-        p(!1);
+        h(!1);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": v, children: [
+  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 }),
+      m && /* @__PURE__ */ e("p", { role: "alert", children: m }),
+      y && 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: t.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: t.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: b, 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"
+          }
+        )
       ] })
-    ] })
+    ] }),
+    v && /* @__PURE__ */ e(
+      V,
+      {
+        workspaceName: t.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 X({ workspaceId: t, refreshKey: a = 0, canRemove: o = !1 }) {
+  const u = B(), l = $(), [m, c] = i([]), [b, r] = i(null), [y, p] = i(null), [v, g] = i(!0), [k, h] = 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 u.listMembers(t);
+      c(N.members);
+    } catch (N) {
+      r(R(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), _();
+  }, [u, t, a]);
+  async function E(s, N) {
+    if (!k) {
+      h(s), r(null), p(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 u.removeMember(t, s), p(`Removed ${N}`);
+      } catch (I) {
+        r(R(I)), _({ keepError: !0 });
       } finally {
-        u(null);
+        h(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 }),
+      b && /* @__PURE__ */ e("p", { role: "alert", children: b }),
       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;
+      v ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : m.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: m.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 q({ workspaceId: t, onMembersChanged: a }) {
+  const o = B(), u = $(), [l, m] = i(null), [c, b] = i(null), [r, y] = i(!1), [p, v] = i(""), [g, k] = i(null), [h, _] = i(!1), [E, s] = i(null);
+  A(() => {
+    m(null), k(null);
+  }, [t]);
+  async function N() {
+    if (!r) {
+      y(!0), b(null);
       try {
-        const f = await d.createInvite(i, {});
-        h(f), t == null || t();
-      } catch (f) {
-        p(I(f));
+        const w = await o.createInvite(t, {});
+        m(w), a == null || a();
+      } catch (w) {
+        b(R(w));
       } finally {
         y(!1);
       }
     }
   }
-  async function _() {
-    if (!(!o || l)) {
-      y(!0), p(null);
+  async function I() {
+    if (!(!l || r)) {
+      y(!0), b(null);
       try {
-        await d.revokeInvite(i, o.code), h(null);
-      } catch (f) {
-        p(I(f));
+        await o.revokeInvite(t, l.code), m(null);
+      } catch (w) {
+        b(R(w));
       } finally {
         y(!1);
       }
     }
   }
-  async function S() {
-    if (!(!b.trim() || u)) {
-      C(!0), N(null);
+  async function C() {
+    if (!(!p.trim() || h)) {
+      _(!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(t, p.trim());
+        k(`Invite sent to ${w.email}.`), v(""), a == null || a();
+      } catch (w) {
+        k(R(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 S = l ? `${window.location.origin}/shepherd/join/${encodeURIComponent(l.code)}` : null;
+  async function T(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": u, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: v, children: "Invite people" }),
+      /* @__PURE__ */ e("h3", { id: u, 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 T("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 }),
+          S && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
+            /* @__PURE__ */ e("a", { href: S, children: S }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void L("link", x),
+                onClick: () => void T("link", S),
                 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,105 @@ function X({ workspaceId: i, onMembersChanged: t }) {
               id: "invite-email",
               type: "email",
               placeholder: "name@example.com",
-              value: b,
-              onChange: (f) => w(f.target.value)
+              value: p,
+              onChange: (w) => v(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: h, children: "Send invite" })
         ] }),
         g && /* @__PURE__ */ e("p", { className: "email-invite__status", children: g })
       ] })
     ] })
   ] });
 }
-const q = [
+const z = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
+  { id: "cursor", label: "Cursor" },
   { id: "generic", label: "Generic (JSON)" }
-], z = "shp_<paste-after-generating>", Q = {
+], Q = "shp_<paste-after-generating>", Z = {
   claude: "claude mcp add shepherd -s user",
-  codex: "codex mcp add shepherd",
-  pi: "pi mcp add shepherd"
+  codex: "codex mcp add shepherd"
+}, ee = {
+  claude: "-e",
+  codex: "--env"
 };
-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 ne(t, a) {
+  const o = `created ${O(t.createdAt, a)}`, u = t.lastUsedAt ? `last used ${O(t.lastUsedAt, a)}` : "never used";
+  return `${o} · ${u}`;
 }
-function M(i, t, d) {
-  return i === "generic" ? JSON.stringify(
-    {
-      mcpServers: {
-        shepherd: {
-          command: "npx",
-          args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: d }
+function te(t, a, o) {
+  if (t === "generic" || t === "pi" || t === "cursor") {
+    const m = { HUB_URL: a, SHEPHERD_TOKEN: o };
+    return t !== "generic" && (m.PROGRAM = t), JSON.stringify(
+      {
+        mcpServers: {
+          shepherd: {
+            command: "npx",
+            args: ["-y", "--package=@korso/shepherd", "shepherd-mcp"],
+            env: m
+          }
         }
-      }
-    },
-    null,
-    2
-  ) : [
-    Q[i],
-    `-e HUB_URL=${t}`,
-    `-e SHEPHERD_TOKEN=${d}`,
-    "-- npx -y @korso/shepherd"
-  ].join(" ");
+      },
+      null,
+      2
+    );
+  }
+  const u = ee[t], l = [
+    Z[t],
+    `${u} HUB_URL=${a}`,
+    `${u} SHEPHERD_TOKEN=${o}`
+  ];
+  return t === "codex" && l.push(`${u} PROGRAM=codex`), l.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), l.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 ae({ hubUrl: t }) {
+  const a = B(), o = t ?? a.baseUrl, u = $(), [l, m] = i("claude"), [c, b] = i(""), [r, y] = i(null), [p, v] = i([]), [g, k] = i(null), [h, _] = i(null), [E, s] = i(!1), [N, I] = i(!1), [C, S] = i(!0), [T, w] = i(null);
+  async function L() {
     try {
-      const c = await t.listAccountTokens();
-      w(c.tokens);
-    } catch (c) {
-      N(I(c));
+      const f = await a.listAccountTokens();
+      v(f.tokens);
+    } catch (f) {
+      k(R(f));
     } finally {
-      x(!1);
+      S(!1);
     }
   }
-  U(() => {
-    x(!0), T();
-  }, [t]);
-  async function s() {
-    r(!0), N(null);
+  A(() => {
+    S(!0), L();
+  }, [a]);
+  async function d() {
+    s(!0), k(null);
     try {
-      const c = await t.mintAccountToken(
-        m.trim() ? { name: m.trim() } : {}
+      const f = await a.mintAccountToken(
+        c.trim() ? { name: c.trim() } : {}
       );
-      y(c.token), p(""), await T();
-    } catch (c) {
-      N(I(c));
+      y(f.token), b(""), await L();
+    } catch (f) {
+      k(R(f));
     } finally {
-      r(!1);
+      s(!1);
     }
   }
-  async function R(c) {
-    if (!L) {
-      f(c), N(null), C(null);
+  async function x(f) {
+    if (!T) {
+      w(f), 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 a.revokeAccountToken(f), v((D) => D.filter((W) => W.id !== f)), _("Token revoked");
+      } catch (D) {
+        k(R(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 = te(l, o, r ?? Q);
+  async function G() {
+    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": u, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: v, children: "Connect your agent" }),
+      /* @__PURE__ */ e("h3", { id: u, 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 +608,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: (f) => m(f.target.value),
+            children: z.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.label }, f.id))
           }
         )
       ] }),
@@ -496,28 +622,28 @@ function ee({ hubUrl: i }) {
             {
               id: "token-name",
               type: "text",
-              value: m,
-              onChange: (c) => p(c.target.value),
+              value: c,
+              onChange: (f) => b(f.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." }),
+      h && /* @__PURE__ */ e("p", { role: "status", children: h }),
+      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 G(),
+            children: N ? /* @__PURE__ */ e(
               "svg",
               {
                 width: "15",
@@ -553,111 +679,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…" }) : p.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: p.map((f) => {
+        const D = f.name ?? f.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: ne(f, Date.now()) }),
+          f.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(f.id),
+              disabled: T === f.id,
               children: "Revoke"
             }
           )
-        ] }, c.id);
+        ] }, f.id);
       }) })
     ] })
   ] });
 }
-const ne = [
+const ie = [
   { id: "general", label: "General" },
   { id: "members", label: "Members" },
   { id: "agent", label: "Agent" }
 ];
-function te({
-  workspace: i,
-  hubUrl: t,
-  membersRefreshKey: d,
-  onMembersChanged: v,
-  onLeft: o
+function le({
+  workspace: t,
+  hubUrl: a,
+  membersRefreshKey: o,
+  onMembersChanged: u,
+  onLeft: l,
+  onDeleted: m
 }) {
-  const [h, m] = a("general"), p = i.role === "admin";
+  const [c, b] = i("general"), r = t.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: ie.map(({ id: y, label: p }) => /* @__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 === y ? " config-nav__item--on" : ""),
+        "aria-current": c === y ? "page" : void 0,
+        onClick: () => b(y),
+        children: p
       },
-      l
+      y
     )) }),
     /* @__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(M, { workspace: t, onLeft: l, onDeleted: m }),
+      c === "members" && /* @__PURE__ */ n(P, { children: [
         /* @__PURE__ */ e(
-          V,
+          X,
           {
-            workspaceId: i.id,
-            refreshKey: d,
-            canRemove: p
+            workspaceId: t.id,
+            refreshKey: o,
+            canRemove: r
           }
         ),
-        p && /* @__PURE__ */ e(X, { workspaceId: i.id, onMembersChanged: v })
+        r && /* @__PURE__ */ e(q, { workspaceId: t.id, onMembersChanged: u })
       ] }),
-      h === "agent" && /* @__PURE__ */ e(ee, { hubUrl: t })
+      c === "agent" && /* @__PURE__ */ e(ae, { hubUrl: a })
     ] })
   ] });
 }
-function re({ hubUrl: i }) {
-  const t = A(), [d, v] = a({ status: "loading" }), [o, h] = a(null), [m, p] = a(0), l = K(async () => {
+function ce({ hubUrl: t }) {
+  const a = B(), [o, u] = i({ status: "loading" }), [l, m] = i(null), [c, b] = i(0), r = Y(async () => {
     try {
-      const u = await t.listWorkspaces();
-      v({ status: "ready", workspaces: u.workspaces }), h(
-        (C) => {
+      const h = await a.listWorkspaces();
+      u({ status: "ready", workspaces: h.workspaces }), m(
+        (_) => {
           var E;
-          return C && u.workspaces.some((r) => r.id === C) ? C : ((E = u.workspaces[0]) == null ? void 0 : E.id) ?? null;
+          return _ && h.workspaces.some((s) => s.id === _) ? _ : ((E = h.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
-    } catch (u) {
-      v({ status: "error", message: I(u) });
+    } catch (h) {
+      u({ status: "error", message: R(h) });
     }
-  }, [t]);
-  U(() => {
-    l();
-  }, [l]);
-  const y = d.status === "ready" ? d.workspaces : [], b = y.find((u) => u.id === o) ?? null;
-  if (d.status === "loading")
+  }, [a]);
+  A(() => {
+    r();
+  }, [r]);
+  const y = o.status === "ready" ? o.workspaces : [], p = y.find((h) => h.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 v = y.length > 0, g = /* @__PURE__ */ e(
+    J,
     {
       workspaces: y,
-      selected: b,
-      onSelect: h,
+      selected: p,
+      onSelect: m,
       onChanged: () => {
-        l();
+        r();
       },
-      onMembersChanged: () => p((u) => u + 1)
+      onMembersChanged: () => b((h) => h + 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,
+    p ? /* @__PURE__ */ e(
+      le,
       {
-        workspace: b,
-        hubUrl: i,
-        membersRefreshKey: m,
-        onMembersChanged: () => p((u) => u + 1),
-        onLeft: () => void l()
+        workspace: p,
+        hubUrl: t,
+        membersRefreshKey: c,
+        onMembersChanged: () => b((h) => h + 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 +794,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: p == null ? void 0 : p.id,
+      config: k,
       switcher: g,
-      hasWorkspace: w
+      hasWorkspace: v
     }
   ) });
 }
 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
+  le as ConfigPanel,
+  ae as ConnectAgent,
+  K as Dashboard,
+  he as EmptyState,
+  M as GeneralSettings,
+  q as Invites,
+  X as Members,
+  H as ShepherdClientError,
+  me as ShepherdClientProvider,
+  ce as ShepherdRoot,
+  J as WorkspaceSwitcher,
+  pe as createShepherdClient,
+  R as describeError,
+  B as useShepherdClient
 };