@korso/shepherd-ui 0.3.0 → 0.4.0

package/dist/lib/index.js

@@ -1,444 +1,696 @@
-import { u as U, d as N, f as F, D as W } from "./Dashboard-Bgi50wCo.js";
-import { E as ie, S as ae, a as le, c as re } from "./Dashboard-Bgi50wCo.js";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useId as B, useState as i, useEffect as $, useCallback as D } from "react";
-function K({
-  workspaces: l,
-  selected: t,
-  onChanged: r,
-  onSelect: b,
-  onMembersChanged: d
+import { u as A, d as I, f as D, D as P } from "./Dashboard-CTXdGRxM.js";
+import { E as de, S as ue, a as he, c as me } from "./Dashboard-CTXdGRxM.js";
+import { jsxs as n, jsx as e, Fragment as H } from "react/jsx-runtime";
+import { useId as U, useRef as K, useState as a, useEffect as j, useCallback as Y } from "react";
+function F(t) {
+  return (t.trim()[0] ?? "?").toUpperCase();
+}
+function J({
+  workspaces: t,
+  selected: i,
+  onSelect: r,
+  onChanged: p,
+  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(), v = U(), m = K(null), [l, f] = a(!1), [b, N] = a("menu"), [g, w] = a(""), [c, C] = a(""), [E, d] = a(null), [k, _] = a(!1);
+  function S() {
+    f(!1), N("menu"), w(""), C(""), d(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);
-      }
+  j(() => {
+    if (!l) return;
+    function s(B) {
+      m.current && !m.current.contains(B.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(B) {
+      B.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), d(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() });
+        r(s.id), p(), S();
+      } catch (s) {
+        d(I(s));
       } finally {
-        f(!1);
+        _(!1);
       }
     }
   }
-  async function A() {
-    if (!(!t || !o || p)) {
-      v(!0), s(null);
+  async function L() {
+    if (!(!c.trim() || k)) {
+      _(!0), d(null);
       try {
-        await y.revokeInvite(t.id, o.code), w(null);
-      } catch (n) {
-        s(N(n));
+        const s = await h.redeemInvite(c.trim());
+        r(s.workspace.id), p(), o == null || o(), S();
+      } catch (s) {
+        d(I(s));
       } finally {
-        v(!1);
+        _(!1);
       }
     }
   }
-  $(() => {
-    w(null), E(null);
-  }, [t == null ? void 0 : t.id]);
-  const j = o ? `${window.location.origin}/join/${encodeURIComponent(o.code)}` : null;
-  return /* @__PURE__ */ a("section", { className: "shepherd-workspaces", "aria-labelledby": C, children: [
-    /* @__PURE__ */ a("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: C, children: "Workspace management" }),
-      /* @__PURE__ */ e("p", { className: "card-sub", children: "Create a workspace to get started, or join an existing one with an invite code." })
-    ] }),
-    /* @__PURE__ */ 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 y = i !== null, T = i ? i.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: m, children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: "ws-trig" + (y ? "" : " ws-trig--empty"),
+        "aria-haspopup": "menu",
+        "aria-expanded": l,
+        "aria-controls": l ? v : void 0,
+        onClick: () => l ? S() : f(!0),
+        children: [
+          y ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: F(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: v, role: "menu", children: [
+      b === "menu" && /* @__PURE__ */ n(H, { children: [
+        /* @__PURE__ */ e("p", { className: "ws-menu__head", children: y ? "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((s) => {
+          const R = s.id === (i == null ? void 0 : i.id);
+          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              role: "menuitemradio",
+              "aria-checked": R,
+              className: "ws-mi" + (R ? " ws-mi--on" : ""),
+              onClick: () => {
+                r(s.id), S();
+              },
+              children: [
+                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: F(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: () => {
+                d(null), N("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: () => {
+                d(null), N("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: `${v}-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: `${v}-name`,
+                type: "text",
+                placeholder: "e.g. Acme Engineering",
+                value: g,
+                autoFocus: !0,
+                onChange: (s) => w(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: () => N("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: `${v}-code`, children: "Invite code" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: `${v}-code`,
+                type: "text",
+                placeholder: "Paste an invite code",
+                value: c,
+                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: () => N("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: k || !c.trim(), children: "Join" })
+            ] })
+          ]
+        }
+      ),
+      E && /* @__PURE__ */ e("p", { className: "ws-menu__error", role: "alert", children: E })
+    ] })
+  ] });
+}
+function V({ workspace: t, onLeft: i }) {
+  const r = A(), p = U(), [o, h] = a(null), [v, m] = a(!1);
+  async function l() {
+    if (!v) {
+      m(!0), h(null);
+      try {
+        await r.leave(t.id), i == null || i();
+      } catch (f) {
+        h(I(f));
+      } finally {
+        m(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": p, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: p, 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: t.name })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "field", children: [
+        /* @__PURE__ */ e("label", { children: "Your 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: v, 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 X({ workspaceId: t, refreshKey: i = 0, canRemove: r = !1 }) {
+  const p = A(), o = U(), [h, v] = a([]), [m, l] = a(null), [f, b] = a(null), [N, g] = a(!0), [w, c] = a(null);
+  async function C({ keepError: d = !1 } = {}) {
+    d || l(null);
     try {
-      const f = await d.listMembers(l);
-      g(f.members);
-    } catch (f) {
-      m(N(f));
+      const k = await p.listMembers(t);
+      v(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));
+  j(() => {
+    g(!0), C();
+  }, [p, t, i]);
+  async function E(d, k) {
+    if (!w) {
+      c(d), l(null), b(null), v((_) => _.filter((S) => S.accountId !== d));
       try {
-        await d.removeMember(l, c), o(`Removed ${f}`);
+        await p.removeMember(t, d), b(`Removed ${k}`);
       } catch (_) {
-        m(N(_)), R({ keepError: !0 });
+        l(I(_)), C({ keepError: !0 });
       } finally {
-        p(null);
+        c(null);
       }
     }
   }
-  async function E() {
-    if (!v) {
-      S(!0), m(null), o(null);
-      try {
-        await d.leave(l), o("Left workspace"), b == null || b();
-      } catch (c) {
-        m(N(c));
-      } finally {
-        S(!1);
-      }
-    }
-  }
-  return /* @__PURE__ */ a("section", { className: "shepherd-members", "aria-labelledby": y, children: [
-    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: y, children: "Members" }) }),
-    /* @__PURE__ */ a("div", { className: "card-body", children: [
-      k && /* @__PURE__ */ e("p", { role: "alert", children: k }),
-      u && /* @__PURE__ */ e("p", { role: "status", children: u }),
-      w ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : C.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: C.map((c) => {
-        const f = c.displayName ?? c.githubLogin ?? c.accountId;
-        return /* @__PURE__ */ a("li", { children: [
-          /* @__PURE__ */ e("span", { children: f }),
-          /* @__PURE__ */ e("span", { className: "role", children: c.role }),
+  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: [
+      m && /* @__PURE__ */ e("p", { role: "alert", children: m }),
+      f && /* @__PURE__ */ e("p", { role: "status", children: f }),
+      N ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : h.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: h.map((d) => {
+        const k = d.displayName ?? d.githubLogin ?? d.accountId;
+        return /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { children: k }),
+          /* @__PURE__ */ e("span", { className: "role", children: d.role }),
           r && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Remove ${f}`,
-              onClick: () => void x(c.accountId, f),
-              disabled: s === c.accountId,
+              "aria-label": `Remove ${k}`,
+              onClick: () => void E(d.accountId, k),
+              disabled: w === d.accountId,
               children: "Remove"
             }
           )
-        ] }, c.accountId);
-      }) }),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void E(), disabled: v, children: "Leave workspace" })
+        ] }, d.accountId);
+      }) })
     ] })
   ] });
 }
-const J = [
+function q({ workspaceId: t, onMembersChanged: i }) {
+  const r = A(), p = U(), [o, h] = a(null), [v, m] = a(null), [l, f] = a(!1), [b, N] = a(""), [g, w] = a(null), [c, C] = a(!1), [E, d] = a(null);
+  j(() => {
+    h(null), w(null);
+  }, [t]);
+  async function k() {
+    if (!l) {
+      f(!0), m(null);
+      try {
+        const y = await r.createInvite(t, {});
+        h(y), i == null || i();
+      } catch (y) {
+        m(I(y));
+      } finally {
+        f(!1);
+      }
+    }
+  }
+  async function _() {
+    if (!(!o || l)) {
+      f(!0), m(null);
+      try {
+        await r.revokeInvite(t, o.code), h(null);
+      } catch (y) {
+        m(I(y));
+      } finally {
+        f(!1);
+      }
+    }
+  }
+  async function S() {
+    if (!(!b.trim() || c)) {
+      C(!0), w(null);
+      try {
+        const y = await r.inviteByEmail(t, b.trim());
+        w(`Invite sent to ${y.email}.`), N(""), i == null || i();
+      } catch (y) {
+        w(I(y));
+      } finally {
+        C(!1);
+      }
+    }
+  }
+  const x = o ? `${window.location.origin}/shepherd/join/${encodeURIComponent(o.code)}` : null;
+  async function L(y, T) {
+    await navigator.clipboard.writeText(T), d(y), setTimeout(() => d((s) => s === y ? null : s), 2e3);
+  }
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": p, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: p, 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: [
+      v && /* @__PURE__ */ e("p", { role: "alert", children: v }),
+      /* @__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",
+            {
+              id: "invite-email",
+              type: "email",
+              placeholder: "name@example.com",
+              value: b,
+              onChange: (y) => N(y.target.value)
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void S(), disabled: c, children: "Send invite" })
+        ] }),
+        g && /* @__PURE__ */ e("p", { className: "email-invite__status", children: g })
+      ] })
+    ] })
+  ] });
+}
+const z = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], X = "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 \\"
 };
-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 M(t, i) {
+  const r = `created ${D(t.createdAt, i)}`, p = t.lastUsedAt ? `last used ${D(t.lastUsedAt, i)}` : "never used";
+  return `${r} · ${p}`;
 }
-function Q(l, t, r) {
-  return l === "generic" ? JSON.stringify(
+function ee(t, i, r) {
+  return t === "generic" ? JSON.stringify(
     {
       mcpServers: {
         shepherd: {
           command: "npx",
           args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: r }
+          env: { HUB_URL: i, SHEPHERD_TOKEN: r }
         }
       }
     },
     null,
     2
   ) : [
-    q[l],
-    `  -e HUB_URL=${t} \\`,
+    Z[t],
+    `  -e HUB_URL=${i} \\`,
     `  -e SHEPHERD_TOKEN=${r} \\`,
     "  -- 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 ne({ workspaceId: t, hubUrl: i }) {
+  const r = A(), p = i ?? r.baseUrl, o = U(), [h, v] = a("claude"), [m, l] = a(""), [f, b] = a(null), [N, g] = a([]), [w, c] = a(null), [C, E] = a(null), [d, k] = a(!1), [_, S] = a(!1), [x, L] = a(!0), [y, T] = a(null);
+  async function s() {
     try {
-      const n = await r.listTokens(l);
-      w(n.tokens);
-    } catch (n) {
-      s(N(n));
+      const u = await r.listTokens(t);
+      g(u.tokens);
+    } catch (u) {
+      c(I(u));
     } finally {
-      f(!1);
+      L(!1);
     }
   }
-  $(() => {
-    f(!0), L();
-  }, [r, l]), $(() => {
-    u(null);
-  }, [l]);
-  async function H() {
-    R(!0), s(null);
+  j(() => {
+    L(!0), s();
+  }, [r, t]), j(() => {
+    b(null);
+  }, [t]);
+  async function R() {
+    k(!0), c(null);
     try {
-      const n = await r.mintToken(
-        l,
-        g.trim() ? { name: g.trim() } : {}
+      const u = await r.mintToken(
+        t,
+        m.trim() ? { name: m.trim() } : {}
       );
-      u(n.token), k(""), await L();
-    } catch (n) {
-      s(N(n));
+      b(u.token), l(""), await s();
+    } catch (u) {
+      c(I(u));
     } finally {
-      R(!1);
+      k(!1);
     }
   }
-  async function O(n) {
-    if (!_) {
-      I(n), s(null), v(null);
+  async function B(u) {
+    if (!y) {
+      T(u), c(null), E(null);
       try {
-        await r.revokeToken(l, n), w((T) => T.filter((P) => P.id !== n)), v("Token revoked");
-      } catch (T) {
-        s(N(T));
+        await r.revokeToken(t, u), g(($) => $.filter((G) => G.id !== u)), E("Token revoked");
+      } catch ($) {
+        c(I($));
       } finally {
-        I(null);
+        T(null);
       }
     }
   }
-  const A = Q(y, b, m ?? X);
-  async function j() {
-    await navigator.clipboard.writeText(A), E(!0), setTimeout(() => E(!1), 2e3);
+  const O = ee(h, p, f ?? Q);
+  async function W() {
+    await navigator.clipboard.writeText(O), S(!0), setTimeout(() => S(!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" }),
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": o, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: o, children: "Connect your agent" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token, then paste the command into your coding tool." })
     ] }),
-    /* @__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: h,
+            onChange: (u) => v(u.target.value),
+            children: z.map((u) => /* @__PURE__ */ e("option", { value: u.id, children: u.label }, u.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: (u) => l(u.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 R(), disabled: d, 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" })
+      w && /* @__PURE__ */ e("p", { role: "alert", children: w }),
+      C && /* @__PURE__ */ e("p", { role: "status", children: C }),
+      f && /* @__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: O }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "install-command__copy",
+            "aria-label": _ ? "Copied" : "Copy command",
+            title: _ ? "Copied" : "Copy",
+            onClick: () => void W(),
+            children: _ ? /* @__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(
+      x ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : N.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: N.map((u) => {
+        const $ = u.name ?? u.id;
+        return /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { children: $ }),
+          /* @__PURE__ */ e("span", { className: "token-meta", children: M(u, Date.now()) }),
+          u.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 ${$}`,
+              onClick: () => void B(u.id),
+              disabled: y === u.id,
               children: "Revoke"
             }
           )
-        ] }, n.id);
+        ] }, u.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 te = [
+  { id: "general", label: "General" },
+  { id: "members", label: "Members" },
+  { id: "agent", label: "Agent" }
+];
+function ae({
+  workspace: t,
+  hubUrl: i,
+  membersRefreshKey: r,
+  onMembersChanged: p,
+  onLeft: o
+}) {
+  const [h, v] = a("general"), m = t.role === "admin";
+  return /* @__PURE__ */ n("div", { className: "config-layout", children: [
+    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: te.map(({ id: l, label: f }) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "config-nav__item" + (h === l ? " config-nav__item--on" : ""),
+        "aria-current": h === l ? "page" : void 0,
+        onClick: () => v(l),
+        children: f
+      },
+      l
+    )) }),
+    /* @__PURE__ */ n("div", { className: "config-panel", children: [
+      h === "general" && /* @__PURE__ */ e(V, { workspace: t, onLeft: o }),
+      h === "members" && /* @__PURE__ */ n(H, { children: [
+        /* @__PURE__ */ e(
+          X,
+          {
+            workspaceId: t.id,
+            refreshKey: r,
+            canRemove: m
+          }
+        ),
+        m && /* @__PURE__ */ e(q, { workspaceId: t.id, onMembersChanged: p })
+      ] }),
+      h === "agent" && /* @__PURE__ */ e(ne, { workspaceId: t.id, hubUrl: i })
+    ] })
+  ] });
+}
+function se({ hubUrl: t }) {
+  const i = A(), [r, p] = a({ status: "loading" }), [o, h] = a(null), [v, m] = a(0), l = Y(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 c = await i.listWorkspaces();
+      p({ status: "ready", workspaces: c.workspaces }), h(
+        (C) => {
+          var E;
+          return C && c.workspaces.some((d) => d.id === C) ? C : ((E = c.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
-    } catch (h) {
-      b({ status: "error", message: N(h) });
+    } catch (c) {
+      p({ status: "error", message: I(c) });
     }
-  }, [t]);
-  $(() => {
-    k();
-  }, [k]);
-  const m = r.status === "ready" ? r.workspaces : [], u = m.find((h) => h.id === d) ?? null;
+  }, [i]);
+  j(() => {
+    l();
+  }, [l]);
+  const f = r.status === "ready" ? r.workspaces : [], b = f.find((c) => c.id === o) ?? null;
   if (r.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: [
+  const N = f.length > 0, g = /* @__PURE__ */ e(
+    J,
+    {
+      workspaces: f,
+      selected: b,
+      onSelect: h,
+      onChanged: () => {
+        l();
+      },
+      onMembersChanged: () => m((c) => c + 1)
+    }
+  ), w = /* @__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(
+      ae,
       {
-        workspaces: m,
-        selected: u,
-        onChanged: () => {
-          k();
-        },
-        onSelect: y,
-        onMembersChanged: () => g((h) => h + 1)
+        workspace: b,
+        hubUrl: t,
+        membersRefreshKey: v,
+        onMembersChanged: () => m((c) => c + 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,
+    P,
     {
-      workspaceId: u == null ? void 0 : u.id,
+      workspaceId: b == null ? void 0 : b.id,
       config: w,
-      hasWorkspace: o
+      switcher: g,
+      hasWorkspace: N
     }
   ) });
 }
 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
+  ae as ConfigPanel,
+  ne as ConnectAgent,
+  P as Dashboard,
+  de as EmptyState,
+  V as GeneralSettings,
+  q as Invites,
+  X as Members,
+  ue as ShepherdClientError,
+  he as ShepherdClientProvider,
+  se as ShepherdRoot,
+  J as WorkspaceSwitcher,
+  me as createShepherdClient,
+  I as describeError,
+  A as useShepherdClient
 };