@korso/shepherd-ui 0.3.1 → 0.5.0

package/dist/lib/index.js

@@ -1,444 +1,694 @@
-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,
+import { u as A, d as I, f as O, D as G } from "./Dashboard-C48qY8R2.js";
+import { E as ce, S as de, a as ue, c as he } from "./Dashboard-C48qY8R2.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();
+}
+function Y({
+  workspaces: i,
   selected: t,
-  onChanged: r,
-  onSelect: b,
-  onMembersChanged: d
+  onSelect: d,
+  onChanged: v,
+  onMembersChanged: o
 }) {
-  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 y.createWorkspace({ name: g.trim() }), k(""), r();
-      } catch (n) {
-        s(N(n));
-      } finally {
-        v(!1);
-      }
-    }
+  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);
   }
-  async function L() {
-    if (!(!m.trim() || p)) {
-      v(!0), s(null);
-      try {
-        await y.redeemInvite(m.trim()), u(""), r(), d == null || d();
-      } catch (n) {
-        s(N(n));
-      } finally {
-        v(!1);
-      }
+  U(() => {
+    if (!l) return;
+    function s($) {
+      p.current && !p.current.contains($.target) && S();
     }
-  }
-  async function H() {
-    if (!(!t || p)) {
-      v(!0), s(null);
-      try {
-        const n = await y.createInvite(t.id, {});
-        w(n), d == null || d();
-      } catch (n) {
-        s(N(n));
-      } finally {
-        v(!1);
-      }
+    function R($) {
+      $.key === "Escape" && S();
     }
-  }
-  async function O() {
-    if (!(!t || !S.trim() || c)) {
-      f(!0), E(null);
+    return document.addEventListener("mousedown", s), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", R);
+    };
+  }, [l]);
+  async function x() {
+    if (!(!g.trim() || k)) {
+      _(!0), r(null);
       try {
-        const n = await y.inviteByEmail(t.id, S.trim());
-        E(`Invite sent to ${n.email}.`), R(""), d == null || d();
-      } catch (n) {
-        E(N(n));
+        const s = await h.createWorkspace({ name: g.trim() });
+        d(s.id), v(), S();
+      } catch (s) {
+        r(I(s));
       } finally {
-        f(!1);
+        _(!1);
       }
     }
   }
-  async function A() {
-    if (!(!t || !o || p)) {
-      v(!0), s(null);
+  async function L() {
+    if (!(!u.trim() || k)) {
+      _(!0), r(null);
       try {
-        await y.revokeInvite(t.id, o.code), w(null);
-      } catch (n) {
-        s(N(n));
+        const s = await h.redeemInvite(u.trim());
+        d(s.workspace.id), v(), o == null || o(), S();
+      } catch (s) {
+        r(I(s));
       } finally {
-        v(!1);
+        _(!1);
       }
     }
   }
-  $(() => {
-    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__ */ a("div", { className: "card-body", children: [
-      h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
-      l.length > 1 && b && /* @__PURE__ */ a("div", { className: "field switcher", children: [
-        /* @__PURE__ */ e("label", { htmlFor: "ws-switcher", children: "Active workspace" }),
-        /* @__PURE__ */ e(
-          "select",
-          {
-            id: "ws-switcher",
-            value: (t == null ? void 0 : t.id) ?? "",
-            onChange: (n) => b(n.target.value),
-            children: l.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, n.id))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "field create", children: [
-        /* @__PURE__ */ e("label", { htmlFor: "ws-name", children: "Workspace name" }),
-        /* @__PURE__ */ e("p", { className: "helper", children: "Start a fresh workspace — you'll be its admin." }),
-        /* @__PURE__ */ a("div", { className: "field__row", children: [
+  const f = t !== null, T = t ? t.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: p, children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: "ws-trig" + (f ? "" : " ws-trig--empty"),
+        "aria-haspopup": "menu",
+        "aria-expanded": l,
+        "aria-controls": l ? m : void 0,
+        onClick: () => l ? S() : 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 }),
+          /* @__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);
+          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              role: "menuitemradio",
+              "aria-checked": R,
+              className: "ws-mi" + (R ? " ws-mi--on" : ""),
+              onClick: () => {
+                d(s.id), S();
+              },
+              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: "✓" })
+              ]
+            }
+          ) }, s.id);
+        }) }),
+        /* @__PURE__ */ n("div", { className: "ws-menu__actions", children: [
           /* @__PURE__ */ e(
-            "input",
+            "button",
             {
-              id: "ws-name",
-              type: "text",
-              placeholder: "e.g. Acme Engineering",
-              value: g,
-              onChange: (n) => k(n.target.value)
+              type: "button",
+              role: "menuitem",
+              className: "ws-action",
+              onClick: () => {
+                r(null), w("create");
+              },
+              children: "＋ Create workspace"
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void I(), disabled: p, children: "Create workspace" })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "field join", children: [
-        /* @__PURE__ */ e("label", { htmlFor: "invite-code", children: "Invite code" }),
-        /* @__PURE__ */ e("p", { className: "helper", children: "Paste an invite code someone shared to join their workspace." }),
-        /* @__PURE__ */ a("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
-            "input",
+            "button",
             {
-              id: "invite-code",
-              type: "text",
-              placeholder: "Invite code",
-              value: m,
-              onChange: (n) => u(n.target.value)
+              type: "button",
+              role: "menuitem",
+              className: "ws-action",
+              onClick: () => {
+                r(null), w("join");
+              },
+              children: "⎘ Join with a code"
             }
-          ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: p, children: "Join" })
+          )
         ] })
       ] }),
-      _ && t && /* @__PURE__ */ a("div", { className: "admin", children: [
-        /* @__PURE__ */ a("div", { className: "invites", children: [
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void H(), disabled: p, children: "Create invite" }),
-          o && /* @__PURE__ */ a("div", { className: "invite-result", children: [
-            /* @__PURE__ */ a("div", { className: "invite-result__row", children: [
-              /* @__PURE__ */ e("code", { children: o.code }),
-              /* @__PURE__ */ e("span", { className: "invite-uses", children: o.maxUses === null ? `${o.useCount} uses` : `${o.useCount} / ${o.maxUses} uses` }),
-              /* @__PURE__ */ e("button", { type: "button", onClick: () => void A(), disabled: p, children: "Revoke invite" })
-            ] }),
-            /* @__PURE__ */ e("a", { href: j ?? void 0, children: j })
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "field email-invite", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "invite-email", children: "Email invite" }),
-          /* @__PURE__ */ e("p", { className: "helper", children: "Send a one-time-use join link directly to someone's inbox." }),
-          /* @__PURE__ */ a("div", { className: "field__row", children: [
+      b === "create" && /* @__PURE__ */ n(
+        "form",
+        {
+          className: "ws-form",
+          onSubmit: (s) => {
+            s.preventDefault(), x();
+          },
+          children: [
+            /* @__PURE__ */ e("label", { htmlFor: `${m}-name`, children: "New workspace name" }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: "invite-email",
-                type: "email",
-                placeholder: "name@example.com",
-                value: S,
-                onChange: (n) => R(n.target.value)
+                id: `${m}-name`,
+                type: "text",
+                placeholder: "e.g. Acme Engineering",
+                value: g,
+                autoFocus: !0,
+                onChange: (s) => N(s.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 })
-        ] })
+            /* @__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" })
+            ] })
+          ]
+        }
+      ),
+      b === "join" && /* @__PURE__ */ n(
+        "form",
+        {
+          className: "ws-form",
+          onSubmit: (s) => {
+            s.preventDefault(), L();
+          },
+          children: [
+            /* @__PURE__ */ e("label", { htmlFor: `${m}-code`, children: "Invite code" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: `${m}-code`,
+                type: "text",
+                placeholder: "Paste an invite code",
+                value: u,
+                autoFocus: !0,
+                onChange: (s) => C(s.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" })
+            ] })
+          ]
+        }
+      ),
+      E && /* @__PURE__ */ e("p", { className: "ws-menu__error", role: "alert", children: E })
+    ] })
+  ] });
+}
+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);
+      try {
+        await d.leave(i.id), t == null || t();
+      } catch (y) {
+        h(I(y));
+      } finally {
+        p(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": v, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: v, 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 }),
+      /* @__PURE__ */ n("div", { className: "field", children: [
+        /* @__PURE__ */ e("label", { children: "Workspace name" }),
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: i.name })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "field", children: [
+        /* @__PURE__ */ e("label", { children: "Your role" }),
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: i.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" })
       ] })
     ] })
   ] });
 }
-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);
+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);
     try {
-      const f = await d.listMembers(l);
-      g(f.members);
-    } catch (f) {
-      m(N(f));
+      const k = await v.listMembers(i);
+      m(k.members);
+    } catch (k) {
+      l(I(k));
     } finally {
-      h(!1);
+      g(!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));
+  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));
       try {
-        await d.removeMember(l, c), o(`Removed ${f}`);
+        await v.removeMember(i, r), b(`Removed ${k}`);
       } catch (_) {
-        m(N(_)), R({ keepError: !0 });
+        l(I(_)), C({ 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" }) }),
+    /* @__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.accountId;
+        return /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { children: k }),
+          /* @__PURE__ */ e("span", { className: "role", children: r.role }),
+          d && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${k}`,
+              onClick: () => void E(r.accountId, k),
+              disabled: N === r.accountId,
+              children: "Remove"
+            }
+          )
+        ] }, r.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);
+      try {
+        const f = await d.createInvite(i, {});
+        h(f), t == null || t();
+      } catch (f) {
+        p(I(f));
       } finally {
-        p(null);
+        y(!1);
       }
     }
   }
-  async function E() {
-    if (!v) {
-      S(!0), m(null), o(null);
+  async function _() {
+    if (!(!o || l)) {
+      y(!0), p(null);
       try {
-        await d.leave(l), o("Left workspace"), b == null || b();
-      } catch (c) {
-        m(N(c));
+        await d.revokeInvite(i, o.code), h(null);
+      } catch (f) {
+        p(I(f));
       } finally {
-        S(!1);
+        y(!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",
+  async function S() {
+    if (!(!b.trim() || u)) {
+      C(!0), N(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));
+      } finally {
+        C(!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);
+  }
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": v, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: v, 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 }),
+      /* @__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: [
+          /* @__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(
+              "button",
+              {
+                type: "button",
+                className: "link-btn",
+                "aria-label": "Revoke invite",
+                onClick: () => void _(),
+                disabled: l,
+                children: "Revoke"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n("div", { className: "invite-result__copyrow", children: [
+            /* @__PURE__ */ e("code", { children: o.code }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "copy-btn",
+                onClick: () => void L("code", o.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 }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "copy-btn",
+                onClick: () => void L("link", x),
+                children: E === "link" ? "Copied" : "Copy link"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => void k(), disabled: l, children: "Create invite" })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "field email-invite", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "invite-email", children: "Invite by email" }),
+        /* @__PURE__ */ e("p", { className: "helper", children: "Send a one-time-use join link directly to someone's inbox." }),
+        /* @__PURE__ */ n("div", { className: "field__row", children: [
+          /* @__PURE__ */ e(
+            "input",
             {
-              type: "button",
-              "aria-label": `Remove ${f}`,
-              onClick: () => void x(c.accountId, f),
-              disabled: s === c.accountId,
-              children: "Remove"
+              id: "invite-email",
+              type: "email",
+              placeholder: "name@example.com",
+              value: b,
+              onChange: (f) => w(f.target.value)
             }
-          )
-        ] }, c.accountId);
-      }) }),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void E(), disabled: v, children: "Leave workspace" })
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void S(), disabled: u, children: "Send invite" })
+        ] }),
+        g && /* @__PURE__ */ e("p", { className: "email-invite__status", children: g })
+      ] })
     ] })
   ] });
 }
-const J = [
+const q = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], X = "shp_<paste-after-generating>", q = {
+], z = "shp_<paste-after-generating>", Q = {
   claude: "claude mcp add shepherd -s user \\",
   codex: "codex mcp add shepherd \\",
   pi: "pi mcp add shepherd \\"
 };
-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 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 Q(l, t, r) {
-  return l === "generic" ? JSON.stringify(
+function M(i, t, d) {
+  return i === "generic" ? JSON.stringify(
     {
       mcpServers: {
         shepherd: {
           command: "npx",
           args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: r }
+          env: { HUB_URL: t, SHEPHERD_TOKEN: d }
         }
       }
     },
     null,
     2
   ) : [
-    q[l],
+    Q[i],
     `  -e HUB_URL=${t} \\`,
-    `  -e SHEPHERD_TOKEN=${r} \\`,
+    `  -e SHEPHERD_TOKEN=${d} \\`,
     "  -- npx -y @korso/shepherd"
   ].join(`
 `);
 }
-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() {
+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() {
     try {
-      const n = await r.listTokens(l);
-      w(n.tokens);
-    } catch (n) {
-      s(N(n));
+      const c = await t.listAccountTokens();
+      w(c.tokens);
+    } catch (c) {
+      N(I(c));
     } finally {
-      f(!1);
+      x(!1);
     }
   }
-  $(() => {
-    f(!0), L();
-  }, [r, l]), $(() => {
-    u(null);
-  }, [l]);
-  async function H() {
-    R(!0), s(null);
+  U(() => {
+    x(!0), T();
+  }, [t]);
+  async function s() {
+    r(!0), N(null);
     try {
-      const n = await r.mintToken(
-        l,
-        g.trim() ? { name: g.trim() } : {}
+      const c = await t.mintAccountToken(
+        m.trim() ? { name: m.trim() } : {}
       );
-      u(n.token), k(""), await L();
-    } catch (n) {
-      s(N(n));
+      y(c.token), p(""), await T();
+    } catch (c) {
+      N(I(c));
     } finally {
-      R(!1);
+      r(!1);
     }
   }
-  async function O(n) {
-    if (!_) {
-      I(n), s(null), v(null);
+  async function R(c) {
+    if (!L) {
+      f(c), N(null), C(null);
       try {
-        await r.revokeToken(l, n), w((T) => T.filter((P) => P.id !== n)), v("Token revoked");
-      } catch (T) {
-        s(N(T));
+        await t.revokeAccountToken(c), w((j) => j.filter((W) => W.id !== c)), C("Token revoked");
+      } catch (j) {
+        N(I(j));
       } finally {
-        I(null);
+        f(null);
       }
     }
   }
-  const A = Q(y, b, m ?? X);
-  async function j() {
-    await navigator.clipboard.writeText(A), E(!0), setTimeout(() => E(!1), 2e3);
+  const $ = M(o, d, l ?? z);
+  async function H() {
+    await navigator.clipboard.writeText($), _(!0), setTimeout(() => _(!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." })
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": v, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: v, 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." })
     ] }),
-    /* @__PURE__ */ a("div", { className: "card-body", children: [
-      /* @__PURE__ */ a("div", { className: "field", children: [
+    /* @__PURE__ */ n("div", { className: "card-body", children: [
+      /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { htmlFor: "connect-tool", children: "Tool" }),
         /* @__PURE__ */ e(
           "select",
           {
             id: "connect-tool",
-            value: y,
-            onChange: (n) => C(n.target.value),
-            children: J.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
+            value: o,
+            onChange: (c) => h(c.target.value),
+            children: q.map((c) => /* @__PURE__ */ e("option", { value: c.id, children: c.label }, c.id))
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { className: "field generate", children: [
+      /* @__PURE__ */ n("div", { className: "field generate", children: [
         /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
-        /* @__PURE__ */ a("div", { className: "field__row", children: [
+        /* @__PURE__ */ n("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
               id: "token-name",
               type: "text",
-              value: g,
-              onChange: (n) => k(n.target.value),
+              value: m,
+              onChange: (c) => p(c.target.value),
               placeholder: "e.g. laptop"
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void H(), disabled: S, children: "Generate token" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void s(), disabled: E, children: "Generate token" })
         ] })
       ] }),
-      h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
-      p && /* @__PURE__ */ e("p", { role: "status", children: p }),
-      m && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
-      /* @__PURE__ */ a("div", { className: "install-command", children: [
-        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: A }),
-        /* @__PURE__ */ e("button", { type: "button", className: "install-command__copy", onClick: () => void j(), children: x ? "Copied" : "Copy" })
+      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." }),
+      /* @__PURE__ */ n("div", { className: "install-command", children: [
+        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: $ }),
+        /* @__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(
+              "svg",
+              {
+                width: "15",
+                height: "15",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
+              }
+            ) : /* @__PURE__ */ n(
+              "svg",
+              {
+                width: "15",
+                height: "15",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ e("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+                  /* @__PURE__ */ e("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                ]
+              }
+            )
+          }
+        )
       ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-      c ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : o.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: o.map((n) => {
-        const T = n.name ?? n.id;
-        return /* @__PURE__ */ a("li", { children: [
-          /* @__PURE__ */ e("span", { children: T }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: z(n, Date.now()) }),
-          n.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+      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;
+        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(
             "button",
             {
               type: "button",
-              "aria-label": `Revoke token ${T}`,
-              onClick: () => void O(n.id),
-              disabled: _ === n.id,
+              "aria-label": `Revoke token ${j}`,
+              onClick: () => void R(c.id),
+              disabled: L === c.id,
               children: "Revoke"
             }
           )
-        ] }, n.id);
+        ] }, c.id);
       }) })
     ] })
   ] });
 }
-function ee({ hubUrl: l }) {
-  const t = U(), [r, b] = i({ status: "loading" }), [d, y] = i(null), [C, g] = i(0), k = D(async () => {
+const ne = [
+  { id: "general", label: "General" },
+  { id: "members", label: "Members" },
+  { id: "agent", label: "Agent" }
+];
+function te({
+  workspace: i,
+  hubUrl: t,
+  membersRefreshKey: d,
+  onMembersChanged: v,
+  onLeft: o
+}) {
+  const [h, m] = a("general"), p = i.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(
+      "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
+      },
+      l
+    )) }),
+    /* @__PURE__ */ n("div", { className: "config-panel", children: [
+      h === "general" && /* @__PURE__ */ e(J, { workspace: i, onLeft: o }),
+      h === "members" && /* @__PURE__ */ n(F, { children: [
+        /* @__PURE__ */ e(
+          V,
+          {
+            workspaceId: i.id,
+            refreshKey: d,
+            canRemove: p
+          }
+        ),
+        p && /* @__PURE__ */ e(X, { workspaceId: i.id, onMembersChanged: v })
+      ] }),
+      h === "agent" && /* @__PURE__ */ e(ee, { 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 () => {
     try {
-      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;
+      const u = await t.listWorkspaces();
+      v({ status: "ready", workspaces: u.workspaces }), h(
+        (C) => {
+          var E;
+          return C && u.workspaces.some((r) => r.id === C) ? C : ((E = u.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
-    } catch (h) {
-      b({ status: "error", message: N(h) });
+    } catch (u) {
+      v({ status: "error", message: I(u) });
     }
   }, [t]);
-  $(() => {
-    k();
-  }, [k]);
-  const m = r.status === "ready" ? r.workspaces : [], u = m.find((h) => h.id === d) ?? null;
-  if (r.status === "loading")
+  U(() => {
+    l();
+  }, [l]);
+  const y = d.status === "ready" ? d.workspaces : [], b = y.find((u) => u.id === o) ?? null;
+  if (d.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  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: [
+  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,
+    {
+      workspaces: y,
+      selected: b,
+      onSelect: h,
+      onChanged: () => {
+        l();
+      },
+      onMembersChanged: () => p((u) => u + 1)
+    }
+  ), N = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
-    /* @__PURE__ */ e(
-      K,
+    b ? /* @__PURE__ */ e(
+      te,
       {
-        workspaces: m,
-        selected: u,
-        onChanged: () => {
-          k();
-        },
-        onSelect: y,
-        onMembersChanged: () => g((h) => h + 1)
+        workspace: b,
+        hubUrl: i,
+        membersRefreshKey: m,
+        onMembersChanged: () => p((u) => u + 1),
+        onLeft: () => void l()
       }
-    ),
-    u && /* @__PURE__ */ e(
-      G,
-      {
-        workspaceId: u.id,
-        refreshKey: C,
-        canRemove: u.role === "admin",
-        onLeft: () => void k()
-      }
-    ),
-    u && /* @__PURE__ */ e(V, { workspaceId: u.id, hubUrl: l })
+    ) : /* @__PURE__ */ n("p", { className: "config-none", children: [
+      "You're not in a workspace yet. Use the ",
+      /* @__PURE__ */ e("b", { children: "Get started ▾" }),
+      " menu at the top to create one or join with an invite code."
+    ] })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    W,
+    G,
     {
-      workspaceId: u == null ? void 0 : u.id,
-      config: w,
-      hasWorkspace: o
+      workspaceId: b == null ? void 0 : b.id,
+      config: N,
+      switcher: g,
+      hasWorkspace: w
     }
   ) });
 }
 export {
-  V as ConnectAgent,
-  W as Dashboard,
-  ie as EmptyState,
-  G as Members,
-  ae as ShepherdClientError,
-  le as ShepherdClientProvider,
-  ee as ShepherdRoot,
-  K as Workspaces,
-  re as createShepherdClient,
-  N as describeError,
-  U as useShepherdClient
+  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
 };