@korso/shepherd-ui 0.9.1 → 0.10.0

package/dist/lib/index.js

@@ -1,101 +1,101 @@
-import { u as D, d as x, S as J, f as B, D as Y } from "./Dashboard-BSGZuM-A.js";
-import { E as ve, a as fe, c as ye } from "./Dashboard-BSGZuM-A.js";
-import { jsxs as t, jsx as e, Fragment as F } from "react/jsx-runtime";
-import { useId as $, useRef as W, useState as i, useEffect as A, useCallback as M } from "react";
-function H(n) {
-  return (n.trim()[0] ?? "?").toUpperCase();
+import { u as A, d as x, S as Y, f as W, D as M } from "./Dashboard-BSGZuM-A.js";
+import { E as fe, a as ye, c as be } from "./Dashboard-BSGZuM-A.js";
+import { jsxs as n, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { useId as R, useRef as U, useState as r, useEffect as T, useCallback as G } from "react";
+function F(t) {
+  return (t.trim()[0] ?? "?").toUpperCase();
 }
 function V({
-  workspaces: n,
+  workspaces: t,
   selected: a,
-  onSelect: o,
-  onChanged: h,
-  onMembersChanged: s
+  onSelect: l,
+  onChanged: o,
+  onMembersChanged: i
 }) {
-  const p = D(), c = $(), b = W(null), [r, y] = i(!1), [v, f] = i("menu"), [N, k] = i(""), [m, _] = i(""), [E, l] = i(null), [g, S] = i(!1);
+  const h = A(), c = R(), v = U(null), [s, u] = r(!1), [y, b] = r("menu"), [N, k] = r(""), [f, _] = r(""), [E, d] = r(null), [g, S] = r(!1);
   function C() {
-    y(!1), f("menu"), k(""), _(""), l(null);
+    u(!1), b("menu"), k(""), _(""), d(null);
   }
-  A(() => {
-    if (!r) return;
-    function d(O) {
-      b.current && !b.current.contains(O.target) && C();
+  T(() => {
+    if (!s) return;
+    function m(O) {
+      v.current && !v.current.contains(O.target) && C();
     }
-    function R(O) {
+    function I(O) {
       O.key === "Escape" && C();
     }
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", m), document.addEventListener("keydown", I), () => {
+      document.removeEventListener("mousedown", m), document.removeEventListener("keydown", I);
     };
-  }, [r]);
-  async function I() {
+  }, [s]);
+  async function j() {
     if (!(!N.trim() || g)) {
-      S(!0), l(null);
+      S(!0), d(null);
       try {
-        const d = await p.createWorkspace({ name: N.trim() });
-        o(d.id), h(), C();
-      } catch (d) {
-        l(x(d));
+        const m = await h.createWorkspace({ name: N.trim() });
+        l(m.id), o(), C();
+      } catch (m) {
+        d(x(m));
       } finally {
         S(!1);
       }
     }
   }
-  async function T() {
-    if (!(!m.trim() || g)) {
-      S(!0), l(null);
+  async function L() {
+    if (!(!f.trim() || g)) {
+      S(!0), d(null);
       try {
-        const d = await p.redeemInvite(m.trim());
-        o(d.workspace.id), h(), s == null || s(), C();
-      } catch (d) {
-        l(x(d));
+        const m = await h.redeemInvite(f.trim());
+        l(m.workspace.id), o(), i == null || i(), C();
+      } catch (m) {
+        d(x(m));
       } finally {
         S(!1);
       }
     }
   }
-  const w = a !== null, L = a ? a.name : "Get started";
-  return /* @__PURE__ */ t("div", { className: "ws-switcher", ref: b, children: [
-    /* @__PURE__ */ t(
+  const w = a !== null, $ = a ? a.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: v, children: [
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "ws-trig" + (w ? "" : " ws-trig--empty"),
         "aria-haspopup": "menu",
-        "aria-expanded": r,
-        "aria-controls": r ? c : void 0,
-        onClick: () => r ? C() : y(!0),
+        "aria-expanded": s,
+        "aria-controls": s ? c : void 0,
+        onClick: () => s ? C() : u(!0),
         children: [
-          w ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: H(L) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
-          /* @__PURE__ */ e("span", { className: "ws-name", children: L }),
+          w ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: F($) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
+          /* @__PURE__ */ e("span", { className: "ws-name", children: $ }),
           /* @__PURE__ */ e("span", { className: "ws-caret", "aria-hidden": "true", children: "▾" })
         ]
       }
     ),
-    r && /* @__PURE__ */ t("div", { className: "ws-menu", id: c, role: "menu", children: [
-      v === "menu" && /* @__PURE__ */ t(F, { children: [
+    s && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
+      y === "menu" && /* @__PURE__ */ n(P, { children: [
         /* @__PURE__ */ e("p", { className: "ws-menu__head", children: w ? "Switch workspace" : "Your workspaces" }),
-        n.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: n.map((d) => {
-          const R = d.id === (a == null ? void 0 : a.id);
-          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ t(
+        t.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: t.map((m) => {
+          const I = m.id === (a == null ? void 0 : a.id);
+          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               role: "menuitemradio",
-              "aria-checked": R,
-              className: "ws-mi" + (R ? " ws-mi--on" : ""),
+              "aria-checked": I,
+              className: "ws-mi" + (I ? " ws-mi--on" : ""),
               onClick: () => {
-                o(d.id), C();
+                l(m.id), C();
               },
               children: [
-                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: H(d.name) }),
-                /* @__PURE__ */ e("span", { className: "ws-mi__name", children: d.name }),
-                R && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
+                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: F(m.name) }),
+                /* @__PURE__ */ e("span", { className: "ws-mi__name", children: m.name }),
+                I && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
               ]
             }
-          ) }, d.id);
+          ) }, m.id);
         }) }),
-        /* @__PURE__ */ t("div", { className: "ws-menu__actions", children: [
+        /* @__PURE__ */ n("div", { className: "ws-menu__actions", children: [
           /* @__PURE__ */ e(
             "button",
             {
@@ -103,7 +103,7 @@ function V({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                l(null), f("create");
+                d(null), b("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,19 +115,19 @@ function V({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                l(null), f("join");
+                d(null), b("join");
               },
               children: "⎘ Join with a code"
             }
           )
         ] })
       ] }),
-      v === "create" && /* @__PURE__ */ t(
+      y === "create" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (d) => {
-            d.preventDefault(), I();
+          onSubmit: (m) => {
+            m.preventDefault(), j();
           },
           children: [
             /* @__PURE__ */ e("label", { htmlFor: `${c}-name`, children: "New workspace name" }),
@@ -139,22 +139,22 @@ function V({
                 placeholder: "e.g. Acme Engineering",
                 value: N,
                 autoFocus: !0,
-                onChange: (d) => k(d.target.value)
+                onChange: (m) => k(m.target.value)
               }
             ),
-            /* @__PURE__ */ t("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => f("menu"), children: "Back" }),
+            /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
+              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => b("menu"), children: "Back" }),
               /* @__PURE__ */ e("button", { type: "submit", disabled: g || !N.trim(), children: "Create" })
             ] })
           ]
         }
       ),
-      v === "join" && /* @__PURE__ */ t(
+      y === "join" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (d) => {
-            d.preventDefault(), T();
+          onSubmit: (m) => {
+            m.preventDefault(), L();
           },
           children: [
             /* @__PURE__ */ e("label", { htmlFor: `${c}-code`, children: "Invite code" }),
@@ -164,14 +164,14 @@ function V({
                 id: `${c}-code`,
                 type: "text",
                 placeholder: "Paste an invite code",
-                value: m,
+                value: f,
                 autoFocus: !0,
-                onChange: (d) => _(d.target.value)
+                onChange: (m) => _(m.target.value)
               }
             ),
-            /* @__PURE__ */ t("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => f("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: g || !m.trim(), children: "Join" })
+            /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
+              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => b("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: g || !f.trim(), children: "Join" })
             ] })
           ]
         }
@@ -181,73 +181,73 @@ function V({
   ] });
 }
 function q({
-  workspaceName: n,
+  workspaceName: t,
   busy: a,
-  error: o,
-  onConfirm: h,
-  onCancel: s
+  error: l,
+  onConfirm: o,
+  onCancel: i
 }) {
-  const p = $(), c = $(), [b, r] = i(""), y = W(null);
-  A(() => {
-    var f;
-    (f = y.current) == null || f.focus();
-  }, []), A(() => {
-    function f(N) {
-      N.key === "Escape" && !a && s();
+  const h = R(), c = R(), [v, s] = r(""), u = U(null);
+  T(() => {
+    var b;
+    (b = u.current) == null || b.focus();
+  }, []), T(() => {
+    function b(N) {
+      N.key === "Escape" && !a && i();
     }
-    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [a, s]);
-  const v = b === n;
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+  }, [a, i]);
+  const y = v === t;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "shepherd-modal__backdrop",
       onClick: () => {
-        a || s();
+        a || i();
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ n(
         "div",
         {
           className: "shepherd-modal",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": p,
+          "aria-labelledby": h,
           "aria-describedby": c,
-          onClick: (f) => f.stopPropagation(),
+          onClick: (b) => b.stopPropagation(),
           children: [
-            /* @__PURE__ */ e("h3", { id: p, children: "Delete workspace" }),
-            /* @__PURE__ */ t("p", { id: c, className: "shepherd-modal__body", children: [
+            /* @__PURE__ */ e("h3", { id: h, children: "Delete workspace" }),
+            /* @__PURE__ */ n("p", { id: c, className: "shepherd-modal__body", children: [
               "This permanently deletes ",
-              /* @__PURE__ */ e("b", { children: n }),
+              /* @__PURE__ */ e("b", { children: t }),
               " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
             ] }),
-            /* @__PURE__ */ t("label", { htmlFor: `${p}-input`, className: "shepherd-modal__label", children: [
+            /* @__PURE__ */ n("label", { htmlFor: `${h}-input`, className: "shepherd-modal__label", children: [
               "Type ",
-              /* @__PURE__ */ e("b", { children: n }),
+              /* @__PURE__ */ e("b", { children: t }),
               " to confirm"
             ] }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${p}-input`,
-                ref: y,
+                id: `${h}-input`,
+                ref: u,
                 type: "text",
-                value: b,
+                value: v,
                 autoComplete: "off",
                 disabled: a,
-                onChange: (f) => r(f.target.value)
+                onChange: (b) => s(b.target.value)
               }
             ),
-            o && /* @__PURE__ */ e("p", { role: "alert", children: o }),
-            /* @__PURE__ */ t("div", { className: "shepherd-modal__actions", children: [
-              /* @__PURE__ */ e("button", { type: "button", onClick: s, disabled: a, children: "Cancel" }),
+            l && /* @__PURE__ */ e("p", { role: "alert", children: l }),
+            /* @__PURE__ */ n("div", { className: "shepherd-modal__actions", children: [
+              /* @__PURE__ */ e("button", { type: "button", onClick: i, disabled: a, children: "Cancel" }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "danger",
-                  onClick: h,
-                  disabled: !v || a,
+                  onClick: o,
+                  disabled: !y || a,
                   children: a ? "Deleting…" : "Delete workspace"
                 }
               )
@@ -258,54 +258,54 @@ function q({
     }
   );
 }
-function X({ workspace: n, onLeft: a, onDeleted: o }) {
-  const h = D(), s = $(), [p, c] = i(null), [b, r] = i(!1), [y, v] = i(!1), [f, N] = i(!1), [k, m] = i(!1), [_, E] = i(null), l = n.role === "admin";
+function X({ workspace: t, onLeft: a, onDeleted: l }) {
+  const o = A(), i = R(), [h, c] = r(null), [v, s] = r(!1), [u, y] = r(!1), [b, N] = r(!1), [k, f] = r(!1), [_, E] = r(null), d = t.role === "admin";
   async function g() {
-    if (!b) {
-      r(!0), c(null), v(!1);
+    if (!v) {
+      s(!0), c(null), y(!1);
       try {
-        await h.leave(n.id), a == null || a();
+        await o.leave(t.id), a == null || a();
       } catch (C) {
-        c(x(C)), C instanceof J && C.status === 409 && v(!0);
+        c(x(C)), C instanceof Y && C.status === 409 && y(!0);
       } finally {
-        r(!1);
+        s(!1);
       }
     }
   }
   async function S() {
     if (!k) {
-      m(!0), E(null);
+      f(!0), E(null);
       try {
-        await h.deleteWorkspace(n.id), N(!1), o == null || o();
+        await o.deleteWorkspace(t.id), N(!1), l == null || l();
       } catch (C) {
         E(x(C));
       } finally {
-        m(!1);
+        f(!1);
       }
     }
   }
-  return /* @__PURE__ */ t("section", { className: "shepherd-general", "aria-labelledby": s, children: [
-    /* @__PURE__ */ t("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: s, children: "General" }),
+  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": i, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: i, children: "General" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Your active workspace and its settings." })
     ] }),
-    /* @__PURE__ */ t("div", { className: "card-body", children: [
-      p && /* @__PURE__ */ e("p", { role: "alert", children: p }),
-      y && l && /* @__PURE__ */ e("p", { className: "helper", children: "You're the last admin, so you can't leave. To remove this workspace entirely, delete it below." }),
-      /* @__PURE__ */ t("div", { className: "field", children: [
+    /* @__PURE__ */ n("div", { className: "card-body", children: [
+      h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
+      u && d && /* @__PURE__ */ e("p", { className: "helper", children: "You're the last admin, so you can't leave. To remove this workspace entirely, delete it below." }),
+      /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Workspace name" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: n.name })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.name })
       ] }),
-      /* @__PURE__ */ t("div", { className: "field", children: [
+      /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Your role" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: n.role })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.role })
       ] }),
-      /* @__PURE__ */ t("div", { className: "field leave", children: [
+      /* @__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 g(), disabled: b, children: "Leave workspace" })
+        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void g(), disabled: v, children: "Leave workspace" })
       ] }),
-      l && /* @__PURE__ */ t("div", { className: "field delete", children: [
+      d && /* @__PURE__ */ n("div", { className: "field delete", children: [
         /* @__PURE__ */ e("label", { children: "Delete workspace" }),
         /* @__PURE__ */ e("p", { className: "helper", children: "Permanently delete this workspace and all of its data. This cannot be undone." }),
         /* @__PURE__ */ e(
@@ -322,10 +322,10 @@ function X({ workspace: n, onLeft: a, onDeleted: o }) {
         )
       ] })
     ] }),
-    f && /* @__PURE__ */ e(
+    b && /* @__PURE__ */ e(
       q,
       {
-        workspaceName: n.name,
+        workspaceName: t.name,
         busy: k,
         error: _,
         onConfirm: () => void S(),
@@ -336,95 +336,95 @@ function X({ workspace: n, onLeft: a, onDeleted: o }) {
     )
   ] });
 }
-function z({ workspaceId: n, refreshKey: a = 0, canRemove: o = !1 }) {
-  const h = D(), s = $(), [p, c] = i([]), [b, r] = i(null), [y, v] = i(null), [f, N] = i(!0), [k, m] = i(null);
-  async function _({ keepError: l = !1 } = {}) {
-    l || r(null);
+function z({ workspaceId: t, refreshKey: a = 0, canRemove: l = !1 }) {
+  const o = A(), i = R(), [h, c] = r([]), [v, s] = r(null), [u, y] = r(null), [b, N] = r(!0), [k, f] = r(null);
+  async function _({ keepError: d = !1 } = {}) {
+    d || s(null);
     try {
-      const g = await h.listMembers(n);
+      const g = await o.listMembers(t);
       c(g.members);
     } catch (g) {
-      r(x(g));
+      s(x(g));
     } finally {
       N(!1);
     }
   }
-  A(() => {
+  T(() => {
     N(!0), _();
-  }, [h, n, a]);
-  async function E(l, g) {
+  }, [o, t, a]);
+  async function E(d, g) {
     if (!k) {
-      m(l), r(null), v(null), c((S) => S.filter((C) => C.accountId !== l));
+      f(d), s(null), y(null), c((S) => S.filter((C) => C.accountId !== d));
       try {
-        await h.removeMember(n, l), v(`Removed ${g}`);
+        await o.removeMember(t, d), y(`Removed ${g}`);
       } catch (S) {
-        r(x(S)), _({ keepError: !0 });
+        s(x(S)), _({ keepError: !0 });
       } finally {
-        m(null);
+        f(null);
       }
     }
   }
-  return /* @__PURE__ */ t("section", { className: "shepherd-members", "aria-labelledby": s, children: [
-    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: s, children: "Members" }) }),
-    /* @__PURE__ */ t("div", { className: "card-body", children: [
-      b && /* @__PURE__ */ e("p", { role: "alert", children: b }),
-      y && /* @__PURE__ */ e("p", { role: "status", children: y }),
-      f ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : p.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: p.map((l) => {
-        const g = l.displayName ?? l.githubLogin ?? l.email ?? l.accountId;
-        return /* @__PURE__ */ t("li", { children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-members", "aria-labelledby": i, children: [
+    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: i, children: "Members" }) }),
+    /* @__PURE__ */ n("div", { className: "card-body", children: [
+      v && /* @__PURE__ */ e("p", { role: "alert", children: v }),
+      u && /* @__PURE__ */ e("p", { role: "status", children: u }),
+      b ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : h.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: h.map((d) => {
+        const g = d.displayName ?? d.githubLogin ?? d.email ?? d.accountId;
+        return /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { children: g }),
-          /* @__PURE__ */ e("span", { className: "role", children: l.role }),
-          o && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { className: "role", children: d.role }),
+          l && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               "aria-label": `Remove ${g}`,
-              onClick: () => void E(l.accountId, g),
-              disabled: k === l.accountId,
+              onClick: () => void E(d.accountId, g),
+              disabled: k === d.accountId,
               children: "Remove"
             }
           )
-        ] }, l.accountId);
+        ] }, d.accountId);
       }) })
     ] })
   ] });
 }
-function Q({ workspaceId: n, onMembersChanged: a }) {
-  const o = D(), h = $(), [s, p] = i(null), [c, b] = i(null), [r, y] = i(!1), [v, f] = i(""), [N, k] = i(null), [m, _] = i(!1), [E, l] = i(null);
-  A(() => {
-    p(null), k(null);
-  }, [n]);
+function Q({ workspaceId: t, onMembersChanged: a }) {
+  const l = A(), o = R(), [i, h] = r(null), [c, v] = r(null), [s, u] = r(!1), [y, b] = r(""), [N, k] = r(null), [f, _] = r(!1), [E, d] = r(null);
+  T(() => {
+    h(null), k(null);
+  }, [t]);
   async function g() {
-    if (!r) {
-      y(!0), b(null);
+    if (!s) {
+      u(!0), v(null);
       try {
-        const w = await o.createInvite(n, {});
-        p(w), a == null || a();
+        const w = await l.createInvite(t, {});
+        h(w), a == null || a();
       } catch (w) {
-        b(x(w));
+        v(x(w));
       } finally {
-        y(!1);
+        u(!1);
       }
     }
   }
   async function S() {
-    if (!(!s || r)) {
-      y(!0), b(null);
+    if (!(!i || s)) {
+      u(!0), v(null);
       try {
-        await o.revokeInvite(n, s.code), p(null);
+        await l.revokeInvite(t, i.code), h(null);
       } catch (w) {
-        b(x(w));
+        v(x(w));
       } finally {
-        y(!1);
+        u(!1);
       }
     }
   }
   async function C() {
-    if (!(!v.trim() || m)) {
+    if (!(!y.trim() || f)) {
       _(!0), k(null);
       try {
-        const w = await o.inviteByEmail(n, v.trim());
-        k(`Invite sent to ${w.email}.`), f(""), a == null || a();
+        const w = await l.inviteByEmail(t, y.trim());
+        k(`Invite sent to ${w.email}.`), b(""), a == null || a();
       } catch (w) {
         k(x(w));
       } finally {
@@ -432,24 +432,24 @@ function Q({ workspaceId: n, onMembersChanged: a }) {
       }
     }
   }
-  const I = s ? `${window.location.origin}/shepherd/join/${encodeURIComponent(s.code)}` : null;
-  async function T(w, L) {
-    await navigator.clipboard.writeText(L), l(w), setTimeout(() => l((d) => d === w ? null : d), 2e3);
+  const j = i ? `${window.location.origin}/shepherd/join/${encodeURIComponent(i.code)}` : null;
+  async function L(w, $) {
+    await navigator.clipboard.writeText($), d(w), setTimeout(() => d((m) => m === w ? null : m), 2e3);
   }
-  return /* @__PURE__ */ t("section", { className: "shepherd-invites", "aria-labelledby": h, children: [
-    /* @__PURE__ */ t("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: h, children: "Invite people" }),
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": o, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: o, children: "Invite people" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Share a code, or send a one-time join link by email." })
     ] }),
-    /* @__PURE__ */ t("div", { className: "card-body", children: [
+    /* @__PURE__ */ n("div", { className: "card-body", children: [
       c && /* @__PURE__ */ e("p", { role: "alert", children: c }),
-      /* @__PURE__ */ t("div", { className: "field invites", children: [
+      /* @__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." }),
-        s && /* @__PURE__ */ t("div", { className: "invite-result", children: [
-          /* @__PURE__ */ t("div", { className: "invite-result__head", children: [
+        i && /* @__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: s.maxUses === null ? `${s.useCount} uses` : `${s.useCount} / ${s.maxUses} uses` }),
+            /* @__PURE__ */ e("span", { className: "invite-uses", children: i.maxUses === null ? `${i.useCount} uses` : `${i.useCount} / ${i.maxUses} uses` }),
             /* @__PURE__ */ e(
               "button",
               {
@@ -457,53 +457,53 @@ function Q({ workspaceId: n, onMembersChanged: a }) {
                 className: "link-btn",
                 "aria-label": "Revoke invite",
                 onClick: () => void S(),
-                disabled: r,
+                disabled: s,
                 children: "Revoke"
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "invite-result__copyrow", children: [
-            /* @__PURE__ */ e("code", { children: s.code }),
+          /* @__PURE__ */ n("div", { className: "invite-result__copyrow", children: [
+            /* @__PURE__ */ e("code", { children: i.code }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void T("code", s.code),
+                onClick: () => void L("code", i.code),
                 children: E === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          I && /* @__PURE__ */ t("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
-            /* @__PURE__ */ e("a", { href: I, children: I }),
+          j && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
+            /* @__PURE__ */ e("a", { href: j, children: j }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void T("link", I),
+                onClick: () => void L("link", j),
                 children: E === "link" ? "Copied" : "Copy link"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void g(), disabled: r, children: "Create invite" })
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => void g(), disabled: s, children: "Create invite" })
       ] }),
-      /* @__PURE__ */ t("div", { className: "field email-invite", children: [
+      /* @__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__ */ t("div", { className: "field__row", children: [
+        /* @__PURE__ */ n("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
               id: "invite-email",
               type: "email",
               placeholder: "name@example.com",
-              value: v,
-              onChange: (w) => f(w.target.value)
+              value: y,
+              onChange: (w) => b(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: m, children: "Send invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: f, children: "Send invite" })
         ] }),
         N && /* @__PURE__ */ e("p", { className: "email-invite__status", children: N })
       ] })
@@ -522,23 +522,23 @@ const Z = [
 }, te = {
   claude: "-e",
   codex: "--env"
-}, U = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
-function ae(n) {
-  return n === "claude" ? {
+}, B = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
+function ae(t) {
+  return t === "claude" ? {
     target: "~/.claude/settings.json",
     snippet: JSON.stringify(
       {
         hooks: {
-          SessionStart: [{ hooks: [{ type: "command", command: U }] }],
+          SessionStart: [{ hooks: [{ type: "command", command: B }] }],
           PreToolUse: [
-            { matcher: "*", hooks: [{ type: "command", command: U }] }
+            { matcher: "*", hooks: [{ type: "command", command: B }] }
           ]
         }
       },
       null,
       2
     )
-  } : n === "codex" ? {
+  } : t === "codex" ? {
     target: "~/.codex/config.toml",
     snippet: [
       "[features]",
@@ -548,16 +548,16 @@ function ae(n) {
       'command = ["npx", "-y", "--package=@korso/shepherd", "shepherd-inbox-hook"]'
     ].join(`
 `)
-  } : n === "pi" ? {
+  } : t === "pi" ? {
     target: "~/.pi/agent/extensions/shepherd-inbox.js",
     snippet: null
-  } : n === "cursor" ? {
+  } : t === "cursor" ? {
     target: "~/.cursor/hooks.json",
     snippet: JSON.stringify(
       {
         version: 1,
         hooks: {
-          beforeSubmitPrompt: [{ command: U }]
+          beforeSubmitPrompt: [{ command: B }]
         }
       },
       null,
@@ -565,20 +565,20 @@ function ae(n) {
     )
   } : null;
 }
-function ie(n, a) {
-  const o = `created ${B(n.createdAt, a)}`, h = n.lastUsedAt ? `last used ${B(n.lastUsedAt, a)}` : "never used";
-  return `${o} · ${h}`;
+function ie(t, a) {
+  const l = `created ${W(t.createdAt, a)}`, o = t.lastUsedAt ? `last used ${W(t.lastUsedAt, a)}` : "never used";
+  return `${l} · ${o}`;
 }
-function se(n, a, o) {
-  if (n === "generic" || n === "pi" || n === "cursor") {
-    const p = { HUB_URL: a, SHEPHERD_TOKEN: o };
-    return n !== "generic" && (p.PROGRAM = n), JSON.stringify(
+function re(t, a, l) {
+  if (t === "generic" || t === "pi" || t === "cursor") {
+    const h = { HUB_URL: a, SHEPHERD_TOKEN: l };
+    return t !== "generic" && (h.PROGRAM = t), JSON.stringify(
       {
         mcpServers: {
           shepherd: {
             command: "npx",
             args: ["-y", "--package=@korso/shepherd", "shepherd-mcp"],
-            env: p
+            env: h
           }
         }
       },
@@ -586,99 +586,99 @@ function se(n, a, o) {
       2
     );
   }
-  const h = te[n], s = [
-    ne[n],
-    `${h} HUB_URL=${a}`,
-    `${h} SHEPHERD_TOKEN=${o}`
+  const o = te[t], i = [
+    ne[t],
+    `${o} HUB_URL=${a}`,
+    `${o} SHEPHERD_TOKEN=${l}`
   ];
-  return n === "codex" && s.push(`${h} PROGRAM=codex`), s.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), s.join(" ");
+  return t === "codex" && i.push(`${o} PROGRAM=codex`), i.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), i.join(" ");
 }
-function re({ hubUrl: n }) {
-  const a = D(), o = n ?? a.baseUrl, h = $(), [s, p] = i("claude"), [c, b] = i(""), [r, y] = i(null), [v, f] = i([]), [N, k] = i(null), [m, _] = i(null), [E, l] = i(!1), [g, S] = i(!1), [C, I] = i(!0), [T, w] = i(null);
-  async function L() {
+function se({ hubUrl: t }) {
+  const a = A(), l = t ?? a.baseUrl, o = R(), [i, h] = r("claude"), [c, v] = r(""), [s, u] = r(null), [y, b] = r([]), [N, k] = r(null), [f, _] = r(null), [E, d] = r(!1), [g, S] = r(!1), [C, j] = r(!0), [L, w] = r(null);
+  async function $() {
     try {
-      const u = await a.listAccountTokens();
-      f(u.tokens);
-    } catch (u) {
-      k(x(u));
+      const p = await a.listAccountTokens();
+      b(p.tokens);
+    } catch (p) {
+      k(x(p));
     } finally {
-      I(!1);
+      j(!1);
     }
   }
-  A(() => {
-    I(!0), L();
+  T(() => {
+    j(!0), $();
   }, [a]);
-  async function d() {
-    l(!0), k(null), _(null);
+  async function m() {
+    d(!0), k(null), _(null);
     try {
-      const u = await a.mintAccountToken(
+      const p = await a.mintAccountToken(
         c.trim() ? { name: c.trim() } : {}
       );
-      y(u.token), b(""), await L();
-    } catch (u) {
-      k(x(u));
+      u(p.token), v(""), await $();
+    } catch (p) {
+      k(x(p));
     } finally {
-      l(!1);
+      d(!1);
     }
   }
-  async function R(u) {
-    if (!T) {
-      w(u), k(null), _(null);
+  async function I(p) {
+    if (!L) {
+      w(p), k(null), _(null);
       try {
-        await a.revokeAccountToken(u), f((j) => j.filter((K) => K.id !== u)), _("Token revoked");
-      } catch (j) {
-        k(x(j));
+        await a.revokeAccountToken(p), b((D) => D.filter((J) => J.id !== p)), _("Token revoked");
+      } catch (D) {
+        k(x(D));
       } finally {
         w(null);
       }
     }
   }
-  const O = se(s, o, r ?? ee), P = ae(s);
-  async function G() {
+  const O = re(i, l, s ?? ee), H = ae(i);
+  async function K() {
     await navigator.clipboard.writeText(O), S(!0), setTimeout(() => S(!1), 2e3);
   }
-  return /* @__PURE__ */ t("section", { className: "shepherd-connect-agent", "aria-labelledby": h, children: [
-    /* @__PURE__ */ t("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: h, 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 — 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 changes files in a repo, Shepherd asks which workspace to coordinate that repo with — once per repo, right in your tool." })
     ] }),
-    /* @__PURE__ */ t("div", { className: "card-body", children: [
-      /* @__PURE__ */ t("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: s,
-            onChange: (u) => p(u.target.value),
-            children: Z.map((u) => /* @__PURE__ */ e("option", { value: u.id, children: u.label }, u.id))
+            value: i,
+            onChange: (p) => h(p.target.value),
+            children: Z.map((p) => /* @__PURE__ */ e("option", { value: p.id, children: p.label }, p.id))
           }
         )
       ] }),
-      /* @__PURE__ */ t("div", { className: "field generate", children: [
+      /* @__PURE__ */ n("div", { className: "field generate", children: [
         /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
-        /* @__PURE__ */ t("div", { className: "field__row", children: [
+        /* @__PURE__ */ n("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
               id: "token-name",
               type: "text",
               value: c,
-              onChange: (u) => b(u.target.value),
-              onKeyDown: (u) => {
-                u.key === "Enter" && !E && (u.preventDefault(), d());
+              onChange: (p) => v(p.target.value),
+              onKeyDown: (p) => {
+                p.key === "Enter" && !E && (p.preventDefault(), m());
               },
               placeholder: "e.g. laptop"
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void d(), disabled: E, children: "Generate token" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void m(), disabled: E, children: "Generate token" })
         ] })
       ] }),
       N && /* @__PURE__ */ e("p", { role: "alert", children: N }),
-      m && /* @__PURE__ */ e("p", { role: "status", children: m }),
-      r && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
-      /* @__PURE__ */ t("div", { className: "install-command", children: [
+      f && /* @__PURE__ */ e("p", { role: "status", children: f }),
+      s && /* @__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",
@@ -687,7 +687,7 @@ function re({ hubUrl: n }) {
             className: "install-command__copy",
             "aria-label": g ? "Copied" : "Copy command",
             title: g ? "Copied" : "Copy",
-            onClick: () => void G(),
+            onClick: () => void K(),
             children: g ? /* @__PURE__ */ e(
               "svg",
               {
@@ -702,7 +702,7 @@ function re({ hubUrl: n }) {
                 "aria-hidden": "true",
                 children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
               }
-            ) : /* @__PURE__ */ t(
+            ) : /* @__PURE__ */ n(
               "svg",
               {
                 width: "15",
@@ -723,37 +723,37 @@ function re({ hubUrl: n }) {
           }
         )
       ] }),
-      P && /* @__PURE__ */ t("div", { className: "hook-setup", children: [
-        /* @__PURE__ */ t("p", { className: "card-sub", children: [
+      H && /* @__PURE__ */ n("div", { className: "hook-setup", children: [
+        /* @__PURE__ */ n("p", { className: "card-sub", children: [
           "Message delivery sets itself up: the first time the agent runs, Shepherd adds its inbox hook to ",
-          /* @__PURE__ */ e("code", { children: P.target }),
+          /* @__PURE__ */ e("code", { children: H.target }),
           " ",
           "automatically — it delivers teammate announcements and reminds the agent to link each repo before its first write. Happens at most once; set ",
           /* @__PURE__ */ e("code", { children: "SHEPHERD_NO_AUTO_HOOKS=1" }),
           " to opt out."
         ] }),
-        P.snippet && /* @__PURE__ */ t("details", { className: "hook-reference", children: [
+        H.snippet && /* @__PURE__ */ n("details", { className: "hook-reference", children: [
           /* @__PURE__ */ e("summary", { children: "What gets added (manual equivalent)" }),
-          /* @__PURE__ */ e("div", { className: "install-command", children: /* @__PURE__ */ e("pre", { "data-testid": "hook-snippet", children: P.snippet }) })
+          /* @__PURE__ */ e("div", { className: "install-command", children: /* @__PURE__ */ e("pre", { "data-testid": "hook-snippet", children: H.snippet }) })
         ] })
       ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-      C ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : v.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: v.map((u) => {
-        const j = u.name ?? u.id;
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ e("span", { children: j }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: ie(u, Date.now()) }),
-          u.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+      C ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : y.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: y.map((p) => {
+        const D = p.name ?? p.id;
+        return /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { children: D }),
+          /* @__PURE__ */ e("span", { className: "token-meta", children: ie(p, Date.now()) }),
+          p.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Revoke token ${j}`,
-              onClick: () => void R(u.id),
-              disabled: T === u.id,
+              "aria-label": `Revoke token ${D}`,
+              onClick: () => void I(p.id),
+              disabled: L === p.id,
               children: "Revoke"
             }
           )
-        ] }, u.id);
+        ] }, p.id);
       }) })
     ] })
   ] });
@@ -764,117 +764,162 @@ const le = [
   { id: "agent", label: "Agent" }
 ];
 function oe({
-  workspace: n,
+  workspace: t,
   hubUrl: a,
-  membersRefreshKey: o,
-  onMembersChanged: h,
-  onLeft: s,
-  onDeleted: p
+  membersRefreshKey: l,
+  onMembersChanged: o,
+  onLeft: i,
+  onDeleted: h
 }) {
-  const [c, b] = i("general"), r = n.role === "admin";
-  return /* @__PURE__ */ t("div", { className: "config-layout", children: [
-    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: le.map(({ id: y, label: v }) => /* @__PURE__ */ e(
+  const [c, v] = r("general"), s = t.role === "admin";
+  return /* @__PURE__ */ n("div", { className: "config-layout", children: [
+    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: le.map(({ id: u, label: y }) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: "config-nav__item" + (c === y ? " config-nav__item--on" : ""),
-        "aria-current": c === y ? "page" : void 0,
-        onClick: () => b(y),
-        children: v
+        className: "config-nav__item" + (c === u ? " config-nav__item--on" : ""),
+        "aria-current": c === u ? "page" : void 0,
+        onClick: () => v(u),
+        children: y
       },
-      y
+      u
     )) }),
-    /* @__PURE__ */ t("div", { className: "config-panel", children: [
-      c === "general" && /* @__PURE__ */ e(X, { workspace: n, onLeft: s, onDeleted: p }),
-      c === "members" && /* @__PURE__ */ t(F, { children: [
+    /* @__PURE__ */ n("div", { className: "config-panel", children: [
+      c === "general" && /* @__PURE__ */ e(X, { workspace: t, onLeft: i, onDeleted: h }),
+      c === "members" && /* @__PURE__ */ n(P, { children: [
         /* @__PURE__ */ e(
           z,
           {
-            workspaceId: n.id,
-            refreshKey: o,
-            canRemove: r
+            workspaceId: t.id,
+            refreshKey: l,
+            canRemove: s
           }
         ),
-        r && /* @__PURE__ */ e(Q, { workspaceId: n.id, onMembersChanged: h })
+        s && /* @__PURE__ */ e(Q, { workspaceId: t.id, onMembersChanged: o })
       ] }),
-      c === "agent" && /* @__PURE__ */ e(re, { hubUrl: a })
+      c === "agent" && /* @__PURE__ */ e(se, { hubUrl: a })
     ] })
   ] });
 }
-function he({ hubUrl: n }) {
-  const a = D(), [o, h] = i({ status: "loading" }), [s, p] = i(null), [c, b] = i(0), r = M(async () => {
+function ue({ hubUrl: t }) {
+  const a = A(), [l, o] = r({ status: "loading" }), [i, h] = r(null), [c, v] = r(0), s = G(async () => {
     try {
-      const m = await a.listWorkspaces();
-      h({ status: "ready", workspaces: m.workspaces }), p(
+      const f = await a.listWorkspaces();
+      o({ status: "ready", workspaces: f.workspaces }), h(
         (_) => {
           var E;
-          return _ && m.workspaces.some((l) => l.id === _) ? _ : ((E = m.workspaces[0]) == null ? void 0 : E.id) ?? null;
+          return _ && f.workspaces.some((d) => d.id === _) ? _ : ((E = f.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
-    } catch (m) {
-      h({ status: "error", message: x(m) });
+    } catch (f) {
+      o({ status: "error", message: x(f) });
     }
   }, [a]);
-  A(() => {
-    r();
-  }, [r]);
-  const y = o.status === "ready" ? o.workspaces : [], v = y.find((m) => m.id === s) ?? null;
-  if (o.status === "loading")
+  T(() => {
+    s();
+  }, [s]);
+  const u = l.status === "ready" ? l.workspaces : [], y = u.find((f) => f.id === i) ?? null;
+  if (l.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  if (o.status === "error")
-    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: o.message }) });
-  const f = y.length > 0, N = /* @__PURE__ */ e(
+  if (l.status === "error")
+    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: l.message }) });
+  const b = u.length > 0, N = /* @__PURE__ */ e(
     V,
     {
-      workspaces: y,
-      selected: v,
-      onSelect: p,
+      workspaces: u,
+      selected: y,
+      onSelect: h,
       onChanged: () => {
-        r();
+        s();
       },
-      onMembersChanged: () => b((m) => m + 1)
+      onMembersChanged: () => v((f) => f + 1)
     }
-  ), k = /* @__PURE__ */ t("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
+  ), k = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
-    v ? /* @__PURE__ */ e(
+    y ? /* @__PURE__ */ e(
       oe,
       {
-        workspace: v,
-        hubUrl: n,
+        workspace: y,
+        hubUrl: t,
         membersRefreshKey: c,
-        onMembersChanged: () => b((m) => m + 1),
-        onLeft: () => void r(),
-        onDeleted: () => void r()
+        onMembersChanged: () => v((f) => f + 1),
+        onLeft: () => void s(),
+        onDeleted: () => void s()
       }
-    ) : /* @__PURE__ */ t("p", { className: "config-none", children: [
+    ) : /* @__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(
-    Y,
+    M,
     {
-      workspaceId: v == null ? void 0 : v.id,
+      workspaceId: y == null ? void 0 : y.id,
       config: k,
       switcher: N,
-      hasWorkspace: f
+      hasWorkspace: b
     }
   ) });
 }
+function me({ code: t, onJoined: a }) {
+  const l = A(), o = R(), [i, h] = r({ status: "joining" }), c = U(a);
+  c.current = a;
+  const v = G(async () => {
+    h({ status: "joining" });
+    try {
+      const u = await l.redeemInvite(t);
+      h({ status: "joined", workspace: u.workspace }), c.current(u.workspace);
+    } catch (u) {
+      h({ status: "error", message: x(u) });
+    }
+  }, [l, t]), s = U(!1);
+  return T(() => {
+    s.current || (s.current = !0, v());
+  }, [v]), /* @__PURE__ */ e("section", { className: "shepherd-join", "aria-labelledby": o, children: /* @__PURE__ */ n("div", { className: "shepherd-join__card", children: [
+    /* @__PURE__ */ e("p", { className: "shepherd-join__brand", children: "Shepherd" }),
+    i.status === "joining" && /* @__PURE__ */ n(P, { children: [
+      /* @__PURE__ */ e("h1", { id: o, children: "Joining workspace…" }),
+      /* @__PURE__ */ e("p", { className: "shepherd-join__copy", role: "status", children: "Hold on while we add you to the team." }),
+      /* @__PURE__ */ e("div", { className: "shepherd-join__spinner", "aria-hidden": "true" })
+    ] }),
+    i.status === "joined" && /* @__PURE__ */ n(P, { children: [
+      /* @__PURE__ */ e("h1", { id: o, children: "You’re in" }),
+      /* @__PURE__ */ n("p", { className: "shepherd-join__copy", role: "status", children: [
+        "Joined ",
+        /* @__PURE__ */ e("strong", { children: i.workspace.name }),
+        ". Taking you to the board…"
+      ] })
+    ] }),
+    i.status === "error" && /* @__PURE__ */ n(P, { children: [
+      /* @__PURE__ */ e("h1", { id: o, children: "Couldn’t join the workspace" }),
+      /* @__PURE__ */ e("p", { className: "shepherd-join__error", role: "alert", children: i.message }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "shepherd-join__retry",
+          onClick: () => void v(),
+          children: "Try again"
+        }
+      )
+    ] })
+  ] }) });
+}
 export {
   oe as ConfigPanel,
-  re as ConnectAgent,
-  Y as Dashboard,
-  ve as EmptyState,
+  se as ConnectAgent,
+  M as Dashboard,
+  fe as EmptyState,
   X as GeneralSettings,
   Q as Invites,
+  me as JoinWorkspace,
   z as Members,
-  J as ShepherdClientError,
-  fe as ShepherdClientProvider,
-  he as ShepherdRoot,
+  Y as ShepherdClientError,
+  ye as ShepherdClientProvider,
+  ue as ShepherdRoot,
   V as WorkspaceSwitcher,
-  ye as createShepherdClient,
+  be as createShepherdClient,
   x as describeError,
-  D as useShepherdClient
+  A as useShepherdClient
 };