@korso/shepherd-ui 0.9.1 → 0.11.0

package/dist/lib/index.js

@@ -1,83 +1,83 @@
-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 L, d as x, S as M, f as W, D as V } from "./Dashboard-YgxAVEUF.js";
+import { E as ye, a as be, c as ke } from "./Dashboard-YgxAVEUF.js";
+import { jsxs as n, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { useId as j, 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,
+function q({
+  workspaces: t,
   selected: a,
-  onSelect: o,
-  onChanged: h,
-  onMembersChanged: s
+  onSelect: h,
+  onChanged: s,
+  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);
-  function C() {
-    y(!1), f("menu"), k(""), _(""), l(null);
+  const p = L(), u = j(), c = U(null), [d, m] = r(!1), [y, l] = r("menu"), [N, g] = r(""), [_, b] = r(""), [C, o] = r(null), [k, E] = r(!1);
+  function S() {
+    m(!1), l("menu"), g(""), b(""), o(null);
   }
-  A(() => {
-    if (!r) return;
-    function d(O) {
-      b.current && !b.current.contains(O.target) && C();
+  T(() => {
+    if (!d) return;
+    function v(D) {
+      c.current && !c.current.contains(D.target) && S();
     }
-    function R(O) {
-      O.key === "Escape" && C();
+    function R(D) {
+      D.key === "Escape" && S();
     }
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", R);
     };
-  }, [r]);
+  }, [d]);
   async function I() {
-    if (!(!N.trim() || g)) {
-      S(!0), l(null);
+    if (!(!N.trim() || k)) {
+      E(!0), o(null);
       try {
-        const d = await p.createWorkspace({ name: N.trim() });
-        o(d.id), h(), C();
-      } catch (d) {
-        l(x(d));
+        const v = await p.createWorkspace({ name: N.trim() });
+        h(v.id), s(), S();
+      } catch (v) {
+        o(x(v));
       } finally {
-        S(!1);
+        E(!1);
       }
     }
   }
-  async function T() {
-    if (!(!m.trim() || g)) {
-      S(!0), l(null);
+  async function A() {
+    if (!(!_.trim() || k)) {
+      E(!0), o(null);
       try {
-        const d = await p.redeemInvite(m.trim());
-        o(d.workspace.id), h(), s == null || s(), C();
-      } catch (d) {
-        l(x(d));
+        const v = await p.redeemInvite(_.trim());
+        h(v.workspace.id), s(), i == null || i(), S();
+      } catch (v) {
+        o(x(v));
       } finally {
-        S(!1);
+        E(!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, O = a ? a.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: c, 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": d,
+        "aria-controls": d ? u : void 0,
+        onClick: () => d ? S() : m(!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(O) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
+          /* @__PURE__ */ e("span", { className: "ws-name", children: O }),
           /* @__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: [
+    d && /* @__PURE__ */ n("div", { className: "ws-menu", id: u, role: "menu", children: [
+      y === "menu" && /* @__PURE__ */ n($, { 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((v) => {
+          const R = v.id === (a == null ? void 0 : a.id);
+          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
             "button",
             {
               type: "button",
@@ -85,17 +85,17 @@ function V({
               "aria-checked": R,
               className: "ws-mi" + (R ? " ws-mi--on" : ""),
               onClick: () => {
-                o(d.id), C();
+                h(v.id), S();
               },
               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 }),
+                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: F(v.name) }),
+                /* @__PURE__ */ e("span", { className: "ws-mi__name", children: v.name }),
                 R && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
               ]
             }
-          ) }, d.id);
+          ) }, v.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");
+                o(null), l("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,139 +115,139 @@ function V({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                l(null), f("join");
+                o(null), l("join");
               },
               children: "⎘ Join with a code"
             }
           )
         ] })
       ] }),
-      v === "create" && /* @__PURE__ */ t(
+      y === "create" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (d) => {
-            d.preventDefault(), I();
+          onSubmit: (v) => {
+            v.preventDefault(), I();
           },
           children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${c}-name`, children: "New workspace name" }),
+            /* @__PURE__ */ e("label", { htmlFor: `${u}-name`, children: "New workspace name" }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${c}-name`,
+                id: `${u}-name`,
                 type: "text",
                 placeholder: "e.g. Acme Engineering",
                 value: N,
                 autoFocus: !0,
-                onChange: (d) => k(d.target.value)
+                onChange: (v) => g(v.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 || !N.trim(), children: "Create" })
+            /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
+              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => l("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: k || !N.trim(), children: "Create" })
             ] })
           ]
         }
       ),
-      v === "join" && /* @__PURE__ */ t(
+      y === "join" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
-          onSubmit: (d) => {
-            d.preventDefault(), T();
+          onSubmit: (v) => {
+            v.preventDefault(), A();
           },
           children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${c}-code`, children: "Invite code" }),
+            /* @__PURE__ */ e("label", { htmlFor: `${u}-code`, children: "Invite code" }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${c}-code`,
+                id: `${u}-code`,
                 type: "text",
                 placeholder: "Paste an invite code",
-                value: m,
+                value: _,
                 autoFocus: !0,
-                onChange: (d) => _(d.target.value)
+                onChange: (v) => b(v.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: () => l("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: k || !_.trim(), children: "Join" })
             ] })
           ]
         }
       ),
-      E && /* @__PURE__ */ e("p", { className: "ws-menu__error", role: "alert", children: E })
+      C && /* @__PURE__ */ e("p", { className: "ws-menu__error", role: "alert", children: C })
     ] })
   ] });
 }
-function q({
-  workspaceName: n,
+function X({
+  workspaceName: t,
   busy: a,
-  error: o,
-  onConfirm: h,
-  onCancel: s
+  error: h,
+  onConfirm: s,
+  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 p = j(), u = j(), [c, d] = r(""), m = U(null);
+  T(() => {
+    var l;
+    (l = m.current) == null || l.focus();
+  }, []), T(() => {
+    function l(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", l), () => document.removeEventListener("keydown", l);
+  }, [a, i]);
+  const y = c === 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-describedby": c,
-          onClick: (f) => f.stopPropagation(),
+          "aria-describedby": u,
+          onClick: (l) => l.stopPropagation(),
           children: [
             /* @__PURE__ */ e("h3", { id: p, children: "Delete workspace" }),
-            /* @__PURE__ */ t("p", { id: c, className: "shepherd-modal__body", children: [
+            /* @__PURE__ */ n("p", { id: u, 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: `${p}-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,
+                ref: m,
                 type: "text",
-                value: b,
+                value: c,
                 autoComplete: "off",
                 disabled: a,
-                onChange: (f) => r(f.target.value)
+                onChange: (l) => d(l.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" }),
+            h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
+            /* @__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: s,
+                  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";
-  async function g() {
-    if (!b) {
-      r(!0), c(null), v(!1);
+function z({ workspace: t, onLeft: a, onDeleted: h }) {
+  const s = L(), i = j(), [p, u] = r(null), [c, d] = r(!1), [m, y] = r(!1), [l, N] = r(!1), [g, _] = r(!1), [b, C] = r(null), o = t.role === "admin";
+  async function k() {
+    if (!c) {
+      d(!0), u(null), y(!1);
       try {
-        await h.leave(n.id), a == null || a();
-      } catch (C) {
-        c(x(C)), C instanceof J && C.status === 409 && v(!0);
+        await s.leave(t.id), a == null || a();
+      } catch (S) {
+        u(x(S)), S instanceof M && S.status === 409 && y(!0);
       } finally {
-        r(!1);
+        d(!1);
       }
     }
   }
-  async function S() {
-    if (!k) {
-      m(!0), E(null);
+  async function E() {
+    if (!g) {
+      _(!0), C(null);
       try {
-        await h.deleteWorkspace(n.id), N(!1), o == null || o();
-      } catch (C) {
-        E(x(C));
+        await s.deleteWorkspace(t.id), N(!1), h == null || h();
+      } catch (S) {
+        C(x(S));
       } finally {
-        m(!1);
+        _(!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: [
+    /* @__PURE__ */ n("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: [
+      m && o && /* @__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 k(), disabled: c, children: "Leave workspace" })
       ] }),
-      l && /* @__PURE__ */ t("div", { className: "field delete", children: [
+      o && /* @__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(
@@ -314,231 +314,231 @@ function X({ workspace: n, onLeft: a, onDeleted: o }) {
             type: "button",
             className: "danger",
             onClick: () => {
-              E(null), N(!0);
+              C(null), N(!0);
             },
-            disabled: k,
+            disabled: g,
             children: "Delete workspace"
           }
         )
       ] })
     ] }),
-    f && /* @__PURE__ */ e(
-      q,
+    l && /* @__PURE__ */ e(
+      X,
       {
-        workspaceName: n.name,
-        busy: k,
-        error: _,
-        onConfirm: () => void S(),
+        workspaceName: t.name,
+        busy: g,
+        error: b,
+        onConfirm: () => void E(),
         onCancel: () => {
-          k || N(!1);
+          g || N(!1);
         }
       }
     )
   ] });
 }
-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 Q({ workspaceId: t, refreshKey: a = 0, canRemove: h = !1 }) {
+  const s = L(), i = j(), [p, u] = r([]), [c, d] = r(null), [m, y] = r(null), [l, N] = r(!0), [g, _] = r(null);
+  async function b({ keepError: o = !1 } = {}) {
+    o || d(null);
     try {
-      const g = await h.listMembers(n);
-      c(g.members);
-    } catch (g) {
-      r(x(g));
+      const k = await s.listMembers(t);
+      u(k.members);
+    } catch (k) {
+      d(x(k));
     } finally {
       N(!1);
     }
   }
-  A(() => {
-    N(!0), _();
-  }, [h, n, a]);
-  async function E(l, g) {
-    if (!k) {
-      m(l), r(null), v(null), c((S) => S.filter((C) => C.accountId !== l));
+  T(() => {
+    N(!0), b();
+  }, [s, t, a]);
+  async function C(o, k) {
+    if (!g) {
+      _(o), d(null), y(null), u((E) => E.filter((S) => S.accountId !== o));
       try {
-        await h.removeMember(n, l), v(`Removed ${g}`);
-      } catch (S) {
-        r(x(S)), _({ keepError: !0 });
+        await s.removeMember(t, o), y(`Removed ${k}`);
+      } catch (E) {
+        d(x(E)), b({ keepError: !0 });
       } finally {
-        m(null);
+        _(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: [
-          /* @__PURE__ */ e("span", { children: g }),
-          /* @__PURE__ */ e("span", { className: "role", children: l.role }),
-          o && /* @__PURE__ */ e(
+  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: [
+      c && /* @__PURE__ */ e("p", { role: "alert", children: c }),
+      m && /* @__PURE__ */ e("p", { role: "status", children: m }),
+      l ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : p.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: p.map((o) => {
+        const k = o.displayName ?? o.githubLogin ?? o.email ?? o.accountId;
+        return /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { children: k }),
+          /* @__PURE__ */ e("span", { className: "role", children: o.role }),
+          h && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Remove ${g}`,
-              onClick: () => void E(l.accountId, g),
-              disabled: k === l.accountId,
+              "aria-label": `Remove ${k}`,
+              onClick: () => void C(o.accountId, k),
+              disabled: g === o.accountId,
               children: "Remove"
             }
           )
-        ] }, l.accountId);
+        ] }, o.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]);
-  async function g() {
-    if (!r) {
-      y(!0), b(null);
+function Z({ workspaceId: t, onMembersChanged: a }) {
+  const h = L(), s = j(), [i, p] = r(null), [u, c] = r(null), [d, m] = r(!1), [y, l] = r(""), [N, g] = r(null), [_, b] = r(!1), [C, o] = r(null);
+  T(() => {
+    p(null), g(null);
+  }, [t]);
+  async function k() {
+    if (!d) {
+      m(!0), c(null);
       try {
-        const w = await o.createInvite(n, {});
+        const w = await h.createInvite(t, {});
         p(w), a == null || a();
       } catch (w) {
-        b(x(w));
+        c(x(w));
       } finally {
-        y(!1);
+        m(!1);
       }
     }
   }
-  async function S() {
-    if (!(!s || r)) {
-      y(!0), b(null);
+  async function E() {
+    if (!(!i || d)) {
+      m(!0), c(null);
       try {
-        await o.revokeInvite(n, s.code), p(null);
+        await h.revokeInvite(t, i.code), p(null);
       } catch (w) {
-        b(x(w));
+        c(x(w));
       } finally {
-        y(!1);
+        m(!1);
       }
     }
   }
-  async function C() {
-    if (!(!v.trim() || m)) {
-      _(!0), k(null);
+  async function S() {
+    if (!(!y.trim() || _)) {
+      b(!0), g(null);
       try {
-        const w = await o.inviteByEmail(n, v.trim());
-        k(`Invite sent to ${w.email}.`), f(""), a == null || a();
+        const w = await h.inviteByEmail(t, y.trim());
+        g(`Invite sent to ${w.email}.`), l(""), a == null || a();
       } catch (w) {
-        k(x(w));
+        g(x(w));
       } finally {
-        _(!1);
+        b(!1);
       }
     }
   }
-  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 I = i ? `${window.location.origin}/shepherd/join/${encodeURIComponent(i.code)}` : null;
+  async function A(w, O) {
+    await navigator.clipboard.writeText(O), o(w), setTimeout(() => o((v) => v === w ? null : v), 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": s, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: s, 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: [
-      c && /* @__PURE__ */ e("p", { role: "alert", children: c }),
-      /* @__PURE__ */ t("div", { className: "field invites", children: [
+    /* @__PURE__ */ n("div", { className: "card-body", children: [
+      u && /* @__PURE__ */ e("p", { role: "alert", children: u }),
+      /* @__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",
               {
                 type: "button",
                 className: "link-btn",
                 "aria-label": "Revoke invite",
-                onClick: () => void S(),
-                disabled: r,
+                onClick: () => void E(),
+                disabled: d,
                 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),
-                children: E === "code" ? "Copied" : "Copy"
+                onClick: () => void A("code", i.code),
+                children: C === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          I && /* @__PURE__ */ t("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
+          I && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
             /* @__PURE__ */ e("a", { href: I, children: I }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void T("link", I),
-                children: E === "link" ? "Copied" : "Copy link"
+                onClick: () => void A("link", I),
+                children: C === "link" ? "Copied" : "Copy link"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void g(), disabled: r, children: "Create invite" })
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => void k(), disabled: d, 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) => l(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: m, children: "Send invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void S(), disabled: _, children: "Send invite" })
         ] }),
         N && /* @__PURE__ */ e("p", { className: "email-invite__status", children: N })
       ] })
     ] })
   ] });
 }
-const Z = [
+const ee = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "cursor", label: "Cursor" },
   { id: "generic", label: "Generic (JSON)" }
-], ee = "shp_<paste-after-generating>", ne = {
+], ne = "shp_<paste-after-generating>", te = {
   claude: "claude mcp add shepherd -s user",
   codex: "codex mcp add shepherd"
-}, te = {
+}, ae = {
   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 ie(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,14 +565,14 @@ 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 re(t, a) {
+  const h = `created ${W(t.createdAt, a)}`, s = t.lastUsedAt ? `last used ${W(t.lastUsedAt, a)}` : "never used";
+  return `${h} · ${s}`;
 }
-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 se(t, a, h) {
+  if (t === "generic" || t === "pi" || t === "cursor") {
+    const p = { HUB_URL: a, SHEPHERD_TOKEN: h };
+    return t !== "generic" && (p.PROGRAM = t), JSON.stringify(
       {
         mcpServers: {
           shepherd: {
@@ -586,109 +586,109 @@ function se(n, a, o) {
       2
     );
   }
-  const h = te[n], s = [
-    ne[n],
-    `${h} HUB_URL=${a}`,
-    `${h} SHEPHERD_TOKEN=${o}`
+  const s = ae[t], i = [
+    te[t],
+    `${s} HUB_URL=${a}`,
+    `${s} SHEPHERD_TOKEN=${h}`
   ];
-  return n === "codex" && s.push(`${h} PROGRAM=codex`), s.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), s.join(" ");
+  return t === "codex" && i.push(`${s} 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 le({ hubUrl: t }) {
+  const a = L(), h = t ?? a.baseUrl, s = j(), [i, p] = r("claude"), [u, c] = r(""), [d, m] = r(null), [y, l] = r([]), [N, g] = r(null), [_, b] = r(null), [C, o] = r(!1), [k, E] = r(!1), [S, I] = r(!0), [A, w] = r(null);
+  async function O() {
     try {
-      const u = await a.listAccountTokens();
-      f(u.tokens);
-    } catch (u) {
-      k(x(u));
+      const f = await a.listAccountTokens();
+      l(f.tokens);
+    } catch (f) {
+      g(x(f));
     } finally {
       I(!1);
     }
   }
-  A(() => {
-    I(!0), L();
+  T(() => {
+    I(!0), O();
   }, [a]);
-  async function d() {
-    l(!0), k(null), _(null);
+  async function v() {
+    o(!0), g(null), b(null);
     try {
-      const u = await a.mintAccountToken(
-        c.trim() ? { name: c.trim() } : {}
+      const f = await a.mintAccountToken(
+        u.trim() ? { name: u.trim() } : {}
       );
-      y(u.token), b(""), await L();
-    } catch (u) {
-      k(x(u));
+      m(f.token), c(""), await O();
+    } catch (f) {
+      g(x(f));
     } finally {
-      l(!1);
+      o(!1);
     }
   }
-  async function R(u) {
-    if (!T) {
-      w(u), k(null), _(null);
+  async function R(f) {
+    if (!A) {
+      w(f), g(null), b(null);
       try {
-        await a.revokeAccountToken(u), f((j) => j.filter((K) => K.id !== u)), _("Token revoked");
-      } catch (j) {
-        k(x(j));
+        await a.revokeAccountToken(f), l((P) => P.filter((Y) => Y.id !== f)), b("Token revoked");
+      } catch (P) {
+        g(x(P));
       } finally {
         w(null);
       }
     }
   }
-  const O = se(s, o, r ?? ee), P = ae(s);
-  async function G() {
-    await navigator.clipboard.writeText(O), S(!0), setTimeout(() => S(!1), 2e3);
+  const D = se(i, h, d ?? ne), H = ie(i);
+  async function J() {
+    await navigator.clipboard.writeText(D), E(!0), setTimeout(() => E(!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": s, children: [
+    /* @__PURE__ */ n("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: s, 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: (f) => p(f.target.value),
+            children: ee.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.label }, f.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());
+              value: u,
+              onChange: (f) => c(f.target.value),
+              onKeyDown: (f) => {
+                f.key === "Enter" && !C && (f.preventDefault(), v());
               },
               placeholder: "e.g. laptop"
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void d(), disabled: E, children: "Generate token" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void v(), disabled: C, 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: [
-        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: O }),
+      _ && /* @__PURE__ */ e("p", { role: "status", children: _ }),
+      d && /* @__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: D }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "install-command__copy",
-            "aria-label": g ? "Copied" : "Copy command",
-            title: g ? "Copied" : "Copy",
-            onClick: () => void G(),
-            children: g ? /* @__PURE__ */ e(
+            "aria-label": k ? "Copied" : "Copy command",
+            title: k ? "Copied" : "Copy",
+            onClick: () => void J(),
+            children: k ? /* @__PURE__ */ e(
               "svg",
               {
                 width: "15",
@@ -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,158 +723,221 @@ 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(
+      S ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : y.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: y.map((f) => {
+        const P = f.name ?? f.id;
+        return /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { children: P }),
+          /* @__PURE__ */ e("span", { className: "token-meta", children: re(f, Date.now()) }),
+          f.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Revoke token ${j}`,
-              onClick: () => void R(u.id),
-              disabled: T === u.id,
+              "aria-label": `Revoke token ${P}`,
+              onClick: () => void R(f.id),
+              disabled: A === f.id,
               children: "Revoke"
             }
           )
-        ] }, u.id);
+        ] }, f.id);
       }) })
     ] })
   ] });
 }
-const le = [
+function K({ onLogout: t }) {
+  const a = j();
+  return /* @__PURE__ */ n("section", { className: "config-signout", "aria-labelledby": a, children: [
+    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: a, children: "Session" }) }),
+    /* @__PURE__ */ n("div", { className: "card-body", children: [
+      /* @__PURE__ */ e("p", { className: "helper", children: "Sign out of this Shepherd dashboard session." }),
+      /* @__PURE__ */ e("button", { type: "button", onClick: t, children: "Sign out" })
+    ] })
+  ] });
+}
+const oe = [
   { id: "general", label: "General" },
   { id: "members", label: "Members" },
   { id: "agent", label: "Agent" }
 ];
-function oe({
-  workspace: n,
+function ce({
+  workspace: t,
   hubUrl: a,
-  membersRefreshKey: o,
-  onMembersChanged: h,
-  onLeft: s,
-  onDeleted: p
+  membersRefreshKey: h,
+  onMembersChanged: s,
+  onLeft: i,
+  onDeleted: p,
+  onLogout: u
 }) {
-  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(
-      "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
-      },
-      y
-    )) }),
-    /* @__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__ */ e(
-          z,
-          {
-            workspaceId: n.id,
-            refreshKey: o,
-            canRemove: r
-          }
-        ),
-        r && /* @__PURE__ */ e(Q, { workspaceId: n.id, onMembersChanged: h })
-      ] }),
-      c === "agent" && /* @__PURE__ */ e(re, { hubUrl: a })
-    ] })
+  const [c, d] = r("general"), m = t.role === "admin";
+  return /* @__PURE__ */ n($, { children: [
+    /* @__PURE__ */ n("div", { className: "config-layout", children: [
+      /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: oe.map(({ id: y, label: l }) => /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "config-nav__item" + (c === y ? " config-nav__item--on" : ""),
+          "aria-current": c === y ? "page" : void 0,
+          onClick: () => d(y),
+          children: l
+        },
+        y
+      )) }),
+      /* @__PURE__ */ n("div", { className: "config-panel", children: [
+        c === "general" && /* @__PURE__ */ e(z, { workspace: t, onLeft: i, onDeleted: p }),
+        c === "members" && /* @__PURE__ */ n($, { children: [
+          /* @__PURE__ */ e(
+            Q,
+            {
+              workspaceId: t.id,
+              refreshKey: h,
+              canRemove: m
+            }
+          ),
+          m && /* @__PURE__ */ e(Z, { workspaceId: t.id, onMembersChanged: s })
+        ] }),
+        c === "agent" && /* @__PURE__ */ e(le, { hubUrl: a })
+      ] })
+    ] }),
+    u && /* @__PURE__ */ e(K, { onLogout: u })
   ] });
 }
-function he({ hubUrl: n }) {
-  const a = D(), [o, h] = i({ status: "loading" }), [s, p] = i(null), [c, b] = i(0), r = M(async () => {
+function me({ hubUrl: t, onLogout: a }) {
+  const h = L(), [s, i] = r({ status: "loading" }), [p, u] = r(null), [c, d] = r(0), m = G(async () => {
     try {
-      const m = await a.listWorkspaces();
-      h({ status: "ready", workspaces: m.workspaces }), p(
-        (_) => {
-          var E;
-          return _ && m.workspaces.some((l) => l.id === _) ? _ : ((E = m.workspaces[0]) == null ? void 0 : E.id) ?? null;
+      const b = await h.listWorkspaces();
+      i({ status: "ready", workspaces: b.workspaces }), u(
+        (C) => {
+          var o;
+          return C && b.workspaces.some((k) => k.id === C) ? C : ((o = b.workspaces[0]) == null ? void 0 : o.id) ?? null;
         }
       );
-    } catch (m) {
-      h({ status: "error", message: x(m) });
+    } catch (b) {
+      i({ status: "error", message: x(b) });
     }
-  }, [a]);
-  A(() => {
-    r();
-  }, [r]);
-  const y = o.status === "ready" ? o.workspaces : [], v = y.find((m) => m.id === s) ?? null;
-  if (o.status === "loading")
+  }, [h]);
+  T(() => {
+    m();
+  }, [m]);
+  const y = s.status === "ready" ? s.workspaces : [], l = y.find((b) => b.id === p) ?? null;
+  if (s.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(
-    V,
+  if (s.status === "error")
+    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: s.message }) });
+  const N = y.length > 0, g = /* @__PURE__ */ e(
+    q,
     {
       workspaces: y,
-      selected: v,
-      onSelect: p,
+      selected: l,
+      onSelect: u,
       onChanged: () => {
-        r();
+        m();
       },
-      onMembersChanged: () => b((m) => m + 1)
+      onMembersChanged: () => d((b) => b + 1)
     }
-  ), k = /* @__PURE__ */ t("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
+  ), _ = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
-    v ? /* @__PURE__ */ e(
-      oe,
+    l ? /* @__PURE__ */ e(
+      ce,
       {
-        workspace: v,
-        hubUrl: n,
+        workspace: l,
+        hubUrl: t,
         membersRefreshKey: c,
-        onMembersChanged: () => b((m) => m + 1),
-        onLeft: () => void r(),
-        onDeleted: () => void r()
+        onMembersChanged: () => d((b) => b + 1),
+        onLeft: () => void m(),
+        onDeleted: () => void m(),
+        onLogout: a
       }
-    ) : /* @__PURE__ */ t("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."
+    ) : /* @__PURE__ */ n($, { 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."
+      ] }),
+      a && /* @__PURE__ */ e(K, { onLogout: a })
     ] })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    Y,
+    V,
     {
-      workspaceId: v == null ? void 0 : v.id,
-      config: k,
-      switcher: N,
-      hasWorkspace: f
+      workspaceId: l == null ? void 0 : l.id,
+      config: _,
+      switcher: g,
+      hasWorkspace: N
     }
   ) });
 }
+function pe({ code: t, onJoined: a }) {
+  const h = L(), s = j(), [i, p] = r({ status: "joining" }), u = U(a);
+  u.current = a;
+  const c = G(async () => {
+    p({ status: "joining" });
+    try {
+      const m = await h.redeemInvite(t);
+      p({ status: "joined", workspace: m.workspace }), u.current(m.workspace);
+    } catch (m) {
+      p({ status: "error", message: x(m) });
+    }
+  }, [h, t]), d = U(!1);
+  return T(() => {
+    d.current || (d.current = !0, c());
+  }, [c]), /* @__PURE__ */ e("section", { className: "shepherd-join", "aria-labelledby": s, children: /* @__PURE__ */ n("div", { className: "shepherd-join__card", children: [
+    /* @__PURE__ */ e("p", { className: "shepherd-join__brand", children: "Shepherd" }),
+    i.status === "joining" && /* @__PURE__ */ n($, { children: [
+      /* @__PURE__ */ e("h1", { id: s, 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($, { children: [
+      /* @__PURE__ */ e("h1", { id: s, 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($, { children: [
+      /* @__PURE__ */ e("h1", { id: s, 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 c(),
+          children: "Try again"
+        }
+      )
+    ] })
+  ] }) });
+}
 export {
-  oe as ConfigPanel,
-  re as ConnectAgent,
-  Y as Dashboard,
-  ve as EmptyState,
-  X as GeneralSettings,
-  Q as Invites,
-  z as Members,
-  J as ShepherdClientError,
-  fe as ShepherdClientProvider,
-  he as ShepherdRoot,
-  V as WorkspaceSwitcher,
-  ye as createShepherdClient,
+  ce as ConfigPanel,
+  le as ConnectAgent,
+  V as Dashboard,
+  ye as EmptyState,
+  z as GeneralSettings,
+  Z as Invites,
+  pe as JoinWorkspace,
+  Q as Members,
+  M as ShepherdClientError,
+  be as ShepherdClientProvider,
+  me as ShepherdRoot,
+  q as WorkspaceSwitcher,
+  ke as createShepherdClient,
   x as describeError,
-  D as useShepherdClient
+  L as useShepherdClient
 };