@korso/shepherd-ui 0.4.0 → 0.5.0

package/dist/lib/index.js

@@ -1,28 +1,28 @@
-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();
+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 J({
-  workspaces: t,
-  selected: i,
-  onSelect: r,
-  onChanged: p,
+function Y({
+  workspaces: i,
+  selected: t,
+  onSelect: d,
+  onChanged: v,
   onMembersChanged: o
 }) {
-  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);
+  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() {
-    f(!1), N("menu"), w(""), C(""), d(null);
+    y(!1), w("menu"), N(""), C(""), r(null);
   }
-  j(() => {
+  U(() => {
     if (!l) return;
-    function s(B) {
-      m.current && !m.current.contains(B.target) && S();
+    function s($) {
+      p.current && !p.current.contains($.target) && S();
     }
-    function R(B) {
-      B.key === "Escape" && S();
+    function R($) {
+      $.key === "Escape" && S();
     }
     return document.addEventListener("mousedown", s), document.addEventListener("keydown", R), () => {
       document.removeEventListener("mousedown", s), document.removeEventListener("keydown", R);
@@ -30,53 +30,53 @@ function J({
   }, [l]);
   async function x() {
     if (!(!g.trim() || k)) {
-      _(!0), d(null);
+      _(!0), r(null);
       try {
         const s = await h.createWorkspace({ name: g.trim() });
-        r(s.id), p(), S();
+        d(s.id), v(), S();
       } catch (s) {
-        d(I(s));
+        r(I(s));
       } finally {
         _(!1);
       }
     }
   }
   async function L() {
-    if (!(!c.trim() || k)) {
-      _(!0), d(null);
+    if (!(!u.trim() || k)) {
+      _(!0), r(null);
       try {
-        const s = await h.redeemInvite(c.trim());
-        r(s.workspace.id), p(), o == null || o(), S();
+        const s = await h.redeemInvite(u.trim());
+        d(s.workspace.id), v(), o == null || o(), S();
       } catch (s) {
-        d(I(s));
+        r(I(s));
       } finally {
         _(!1);
       }
     }
   }
-  const y = i !== null, T = i ? i.name : "Get started";
-  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: m, 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" + (y ? "" : " ws-trig--empty"),
+        className: "ws-trig" + (f ? "" : " ws-trig--empty"),
         "aria-haspopup": "menu",
         "aria-expanded": l,
-        "aria-controls": l ? v : void 0,
-        onClick: () => l ? S() : f(!0),
+        "aria-controls": l ? m : void 0,
+        onClick: () => l ? S() : y(!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: "＋" }),
+          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: 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);
+    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",
             {
@@ -85,10 +85,10 @@ function J({
               "aria-checked": R,
               className: "ws-mi" + (R ? " ws-mi--on" : ""),
               onClick: () => {
-                r(s.id), S();
+                d(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-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: "✓" })
               ]
@@ -103,7 +103,7 @@ function J({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                d(null), N("create");
+                r(null), w("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,7 +115,7 @@ function J({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                d(null), N("join");
+                r(null), w("join");
               },
               children: "⎘ Join with a code"
             }
@@ -130,20 +130,20 @@ function J({
             s.preventDefault(), x();
           },
           children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${v}-name`, children: "New workspace name" }),
+            /* @__PURE__ */ e("label", { htmlFor: `${m}-name`, children: "New workspace name" }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${v}-name`,
+                id: `${m}-name`,
                 type: "text",
                 placeholder: "e.g. Acme Engineering",
                 value: g,
                 autoFocus: !0,
-                onChange: (s) => w(s.target.value)
+                onChange: (s) => N(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: "button", className: "ws-form__back", onClick: () => w("menu"), children: "Back" }),
               /* @__PURE__ */ e("button", { type: "submit", disabled: k || !g.trim(), children: "Create" })
             ] })
           ]
@@ -157,21 +157,21 @@ function J({
             s.preventDefault(), L();
           },
           children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${v}-code`, children: "Invite code" }),
+            /* @__PURE__ */ e("label", { htmlFor: `${m}-code`, children: "Invite code" }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${v}-code`,
+                id: `${m}-code`,
                 type: "text",
                 placeholder: "Paste an invite code",
-                value: c,
+                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: () => N("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: k || !c.trim(), children: "Join" })
+              /* @__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" })
             ] })
           ]
         }
@@ -180,150 +180,150 @@ function J({
     ] })
   ] });
 }
-function V({ workspace: t, onLeft: i }) {
-  const r = A(), p = U(), [o, h] = a(null), [v, m] = a(!1);
+function J({ workspace: i, onLeft: t }) {
+  const d = A(), v = B(), [o, h] = a(null), [m, p] = a(!1);
   async function l() {
-    if (!v) {
-      m(!0), h(null);
+    if (!m) {
+      p(!0), h(null);
       try {
-        await r.leave(t.id), i == null || i();
-      } catch (f) {
-        h(I(f));
+        await d.leave(i.id), t == null || t();
+      } catch (y) {
+        h(I(y));
       } finally {
-        m(!1);
+        p(!1);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": p, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": v, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: p, children: "General" }),
+      /* @__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: t.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: t.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: v, children: "Leave workspace" })
+        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void l(), disabled: m, children: "Leave workspace" })
       ] })
     ] })
   ] });
 }
-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);
+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 k = await p.listMembers(t);
-      v(k.members);
+      const k = await v.listMembers(i);
+      m(k.members);
     } catch (k) {
       l(I(k));
     } finally {
       g(!1);
     }
   }
-  j(() => {
+  U(() => {
     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));
+  }, [v, i, t]);
+  async function E(r, k) {
+    if (!N) {
+      u(r), l(null), b(null), m((_) => _.filter((S) => S.accountId !== r));
       try {
-        await p.removeMember(t, d), b(`Removed ${k}`);
+        await v.removeMember(i, r), b(`Removed ${k}`);
       } catch (_) {
         l(I(_)), C({ keepError: !0 });
       } finally {
-        c(null);
+        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: [
-      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;
+      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: d.role }),
-          r && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { className: "role", children: r.role }),
+          d && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               "aria-label": `Remove ${k}`,
-              onClick: () => void E(d.accountId, k),
-              disabled: w === d.accountId,
+              onClick: () => void E(r.accountId, k),
+              disabled: N === r.accountId,
               children: "Remove"
             }
           )
-        ] }, d.accountId);
+        ] }, r.accountId);
       }) })
     ] })
   ] });
 }
-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]);
+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) {
-      f(!0), m(null);
+      y(!0), p(null);
       try {
-        const y = await r.createInvite(t, {});
-        h(y), i == null || i();
-      } catch (y) {
-        m(I(y));
+        const f = await d.createInvite(i, {});
+        h(f), t == null || t();
+      } catch (f) {
+        p(I(f));
       } finally {
-        f(!1);
+        y(!1);
       }
     }
   }
   async function _() {
     if (!(!o || l)) {
-      f(!0), m(null);
+      y(!0), p(null);
       try {
-        await r.revokeInvite(t, o.code), h(null);
-      } catch (y) {
-        m(I(y));
+        await d.revokeInvite(i, o.code), h(null);
+      } catch (f) {
+        p(I(f));
       } finally {
-        f(!1);
+        y(!1);
       }
     }
   }
   async function S() {
-    if (!(!b.trim() || c)) {
-      C(!0), w(null);
+    if (!(!b.trim() || u)) {
+      C(!0), N(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));
+        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(y, T) {
-    await navigator.clipboard.writeText(T), d(y), setTimeout(() => d((s) => s === y ? null : s), 2e3);
+  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": p, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": v, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: p, children: "Invite people" }),
+      /* @__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: [
-      v && /* @__PURE__ */ e("p", { role: "alert", children: v }),
+      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." }),
@@ -381,102 +381,100 @@ function q({ workspaceId: t, onMembersChanged: i }) {
               type: "email",
               placeholder: "name@example.com",
               value: b,
-              onChange: (y) => N(y.target.value)
+              onChange: (f) => w(f.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void S(), disabled: c, children: "Send invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void S(), disabled: u, children: "Send invite" })
         ] }),
         g && /* @__PURE__ */ e("p", { className: "email-invite__status", children: g })
       ] })
     ] })
   ] });
 }
-const z = [
+const q = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], Q = "shp_<paste-after-generating>", Z = {
+], z = "shp_<paste-after-generating>", Q = {
   claude: "claude mcp add shepherd -s user \\",
   codex: "codex mcp add shepherd \\",
   pi: "pi mcp add shepherd \\"
 };
-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 Z(i, t) {
+  const d = `created ${O(i.createdAt, t)}`, v = i.lastUsedAt ? `last used ${O(i.lastUsedAt, t)}` : "never used";
+  return `${d} · ${v}`;
 }
-function ee(t, i, r) {
-  return t === "generic" ? JSON.stringify(
+function M(i, t, d) {
+  return i === "generic" ? JSON.stringify(
     {
       mcpServers: {
         shepherd: {
           command: "npx",
           args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: i, SHEPHERD_TOKEN: r }
+          env: { HUB_URL: t, SHEPHERD_TOKEN: d }
         }
       }
     },
     null,
     2
   ) : [
-    Z[t],
-    `  -e HUB_URL=${i} \\`,
-    `  -e SHEPHERD_TOKEN=${r} \\`,
+    Q[i],
+    `  -e HUB_URL=${t} \\`,
+    `  -e SHEPHERD_TOKEN=${d} \\`,
     "  -- npx -y @korso/shepherd"
   ].join(`
 `);
 }
-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() {
+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 u = await r.listTokens(t);
-      g(u.tokens);
-    } catch (u) {
-      c(I(u));
+      const c = await t.listAccountTokens();
+      w(c.tokens);
+    } catch (c) {
+      N(I(c));
     } finally {
-      L(!1);
+      x(!1);
     }
   }
-  j(() => {
-    L(!0), s();
-  }, [r, t]), j(() => {
-    b(null);
+  U(() => {
+    x(!0), T();
   }, [t]);
-  async function R() {
-    k(!0), c(null);
+  async function s() {
+    r(!0), N(null);
     try {
-      const u = await r.mintToken(
-        t,
+      const c = await t.mintAccountToken(
         m.trim() ? { name: m.trim() } : {}
       );
-      b(u.token), l(""), await s();
-    } catch (u) {
-      c(I(u));
+      y(c.token), p(""), await T();
+    } catch (c) {
+      N(I(c));
     } finally {
-      k(!1);
+      r(!1);
     }
   }
-  async function B(u) {
-    if (!y) {
-      T(u), c(null), E(null);
+  async function R(c) {
+    if (!L) {
+      f(c), N(null), C(null);
       try {
-        await r.revokeToken(t, u), g(($) => $.filter((G) => G.id !== u)), E("Token revoked");
-      } catch ($) {
-        c(I($));
+        await t.revokeAccountToken(c), w((j) => j.filter((W) => W.id !== c)), C("Token revoked");
+      } catch (j) {
+        N(I(j));
       } finally {
-        T(null);
+        f(null);
       }
     }
   }
-  const O = ee(h, p, f ?? Q);
-  async function W() {
-    await navigator.clipboard.writeText(O), S(!0), setTimeout(() => S(!1), 2e3);
+  const $ = M(o, d, l ?? z);
+  async function H() {
+    await navigator.clipboard.writeText($), _(!0), setTimeout(() => _(!1), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": o, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": v, 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__ */ 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__ */ n("div", { className: "card-body", children: [
       /* @__PURE__ */ n("div", { className: "field", children: [
@@ -485,9 +483,9 @@ function ne({ workspaceId: t, hubUrl: i }) {
           "select",
           {
             id: "connect-tool",
-            value: h,
-            onChange: (u) => v(u.target.value),
-            children: z.map((u) => /* @__PURE__ */ e("option", { value: u.id, children: u.label }, u.id))
+            value: o,
+            onChange: (c) => h(c.target.value),
+            children: q.map((c) => /* @__PURE__ */ e("option", { value: c.id, children: c.label }, c.id))
           }
         )
       ] }),
@@ -500,27 +498,27 @@ function ne({ workspaceId: t, hubUrl: i }) {
               id: "token-name",
               type: "text",
               value: m,
-              onChange: (u) => l(u.target.value),
+              onChange: (c) => p(c.target.value),
               placeholder: "e.g. laptop"
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void R(), disabled: d, children: "Generate token" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void s(), disabled: E, children: "Generate token" })
         ] })
       ] }),
-      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." }),
+      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: O }),
+        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: $ }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "install-command__copy",
-            "aria-label": _ ? "Copied" : "Copy command",
-            title: _ ? "Copied" : "Copy",
-            onClick: () => void W(),
-            children: _ ? /* @__PURE__ */ e(
+            "aria-label": k ? "Copied" : "Copy command",
+            title: k ? "Copied" : "Copy",
+            onClick: () => void H(),
+            children: k ? /* @__PURE__ */ e(
               "svg",
               {
                 width: "15",
@@ -556,110 +554,110 @@ function ne({ workspaceId: t, hubUrl: i }) {
         )
       ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-      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;
+      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: $ }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: M(u, Date.now()) }),
-          u.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+          /* @__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 ${$}`,
-              onClick: () => void B(u.id),
-              disabled: y === u.id,
+              "aria-label": `Revoke token ${j}`,
+              onClick: () => void R(c.id),
+              disabled: L === c.id,
               children: "Revoke"
             }
           )
-        ] }, u.id);
+        ] }, c.id);
       }) })
     ] })
   ] });
 }
-const te = [
+const ne = [
   { id: "general", label: "General" },
   { id: "members", label: "Members" },
   { id: "agent", label: "Agent" }
 ];
-function ae({
-  workspace: t,
-  hubUrl: i,
-  membersRefreshKey: r,
-  onMembersChanged: p,
+function te({
+  workspace: i,
+  hubUrl: t,
+  membersRefreshKey: d,
+  onMembersChanged: v,
   onLeft: o
 }) {
-  const [h, v] = a("general"), m = t.role === "admin";
+  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: te.map(({ id: l, label: f }) => /* @__PURE__ */ e(
+    /* @__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: () => v(l),
-        children: f
+        onClick: () => m(l),
+        children: y
       },
       l
     )) }),
     /* @__PURE__ */ n("div", { className: "config-panel", children: [
-      h === "general" && /* @__PURE__ */ e(V, { workspace: t, onLeft: o }),
-      h === "members" && /* @__PURE__ */ n(H, { children: [
+      h === "general" && /* @__PURE__ */ e(J, { workspace: i, onLeft: o }),
+      h === "members" && /* @__PURE__ */ n(F, { children: [
         /* @__PURE__ */ e(
-          X,
+          V,
           {
-            workspaceId: t.id,
-            refreshKey: r,
-            canRemove: m
+            workspaceId: i.id,
+            refreshKey: d,
+            canRemove: p
           }
         ),
-        m && /* @__PURE__ */ e(q, { workspaceId: t.id, onMembersChanged: p })
+        p && /* @__PURE__ */ e(X, { workspaceId: i.id, onMembersChanged: v })
       ] }),
-      h === "agent" && /* @__PURE__ */ e(ne, { workspaceId: t.id, hubUrl: i })
+      h === "agent" && /* @__PURE__ */ e(ee, { hubUrl: t })
     ] })
   ] });
 }
-function se({ hubUrl: t }) {
-  const i = A(), [r, p] = a({ status: "loading" }), [o, h] = a(null), [v, m] = a(0), l = Y(async () => {
+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 c = await i.listWorkspaces();
-      p({ status: "ready", workspaces: c.workspaces }), h(
+      const u = await t.listWorkspaces();
+      v({ status: "ready", workspaces: u.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;
+          return C && u.workspaces.some((r) => r.id === C) ? C : ((E = u.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
-    } catch (c) {
-      p({ status: "error", message: I(c) });
+    } catch (u) {
+      v({ status: "error", message: I(u) });
     }
-  }, [i]);
-  j(() => {
+  }, [t]);
+  U(() => {
     l();
   }, [l]);
-  const f = r.status === "ready" ? r.workspaces : [], b = f.find((c) => c.id === o) ?? null;
-  if (r.status === "loading")
+  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 N = f.length > 0, g = /* @__PURE__ */ e(
-    J,
+  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: f,
+      workspaces: y,
       selected: b,
       onSelect: h,
       onChanged: () => {
         l();
       },
-      onMembersChanged: () => m((c) => c + 1)
+      onMembersChanged: () => p((u) => u + 1)
     }
-  ), w = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
+  ), N = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
     b ? /* @__PURE__ */ e(
-      ae,
+      te,
       {
         workspace: b,
-        hubUrl: t,
-        membersRefreshKey: v,
-        onMembersChanged: () => m((c) => c + 1),
+        hubUrl: i,
+        membersRefreshKey: m,
+        onMembersChanged: () => p((u) => u + 1),
         onLeft: () => void l()
       }
     ) : /* @__PURE__ */ n("p", { className: "config-none", children: [
@@ -669,28 +667,28 @@ function se({ hubUrl: t }) {
     ] })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    P,
+    G,
     {
       workspaceId: b == null ? void 0 : b.id,
-      config: w,
+      config: N,
       switcher: g,
-      hasWorkspace: N
+      hasWorkspace: w
     }
   ) });
 }
 export {
-  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,
+  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
 };