@korso/shepherd-ui 0.10.0 → 0.11.1

package/dist/lib/index.js

@@ -1,99 +1,99 @@
-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";
+import { u as L, d as x, S as M, f as W, D as V } from "./Dashboard-DNr0hdbW.js";
+import { E as ye, a as be, c as ke } from "./Dashboard-DNr0hdbW.js";
+import { jsxs as n, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { useId as j, useRef as B, useState as s, useEffect as T, useCallback as G } from "react";
 function F(t) {
   return (t.trim()[0] ?? "?").toUpperCase();
 }
-function V({
+function q({
   workspaces: t,
   selected: a,
-  onSelect: l,
-  onChanged: o,
+  onSelect: h,
+  onChanged: r,
   onMembersChanged: i
 }) {
-  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() {
-    u(!1), b("menu"), k(""), _(""), d(null);
+  const p = L(), u = j(), c = B(null), [d, m] = s(!1), [y, l] = s("menu"), [N, g] = s(""), [_, b] = s(""), [C, o] = s(null), [k, E] = s(!1);
+  function S() {
+    m(!1), l("menu"), g(""), b(""), o(null);
   }
   T(() => {
-    if (!s) return;
-    function m(O) {
-      v.current && !v.current.contains(O.target) && C();
+    if (!d) return;
+    function v(D) {
+      c.current && !c.current.contains(D.target) && S();
     }
-    function I(O) {
-      O.key === "Escape" && C();
+    function R(D) {
+      D.key === "Escape" && S();
     }
-    return document.addEventListener("mousedown", m), document.addEventListener("keydown", I), () => {
-      document.removeEventListener("mousedown", m), document.removeEventListener("keydown", I);
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", R);
     };
-  }, [s]);
-  async function j() {
-    if (!(!N.trim() || g)) {
-      S(!0), d(null);
+  }, [d]);
+  async function I() {
+    if (!(!N.trim() || k)) {
+      E(!0), o(null);
       try {
-        const m = await h.createWorkspace({ name: N.trim() });
-        l(m.id), o(), C();
-      } catch (m) {
-        d(x(m));
+        const v = await p.createWorkspace({ name: N.trim() });
+        h(v.id), r(), S();
+      } catch (v) {
+        o(x(v));
       } finally {
-        S(!1);
+        E(!1);
       }
     }
   }
-  async function L() {
-    if (!(!f.trim() || g)) {
-      S(!0), d(null);
+  async function A() {
+    if (!(!_.trim() || k)) {
+      E(!0), o(null);
       try {
-        const m = await h.redeemInvite(f.trim());
-        l(m.workspace.id), o(), i == null || i(), C();
-      } catch (m) {
-        d(x(m));
+        const v = await p.redeemInvite(_.trim());
+        h(v.workspace.id), r(), i == null || i(), S();
+      } catch (v) {
+        o(x(v));
       } finally {
-        S(!1);
+        E(!1);
       }
     }
   }
-  const w = a !== null, $ = a ? a.name : "Get started";
-  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: v, children: [
+  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": s,
-        "aria-controls": s ? c : void 0,
-        onClick: () => s ? C() : u(!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: F($) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
-          /* @__PURE__ */ e("span", { className: "ws-name", children: $ }),
+          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: "▾" })
         ]
       }
     ),
-    s && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
-      y === "menu" && /* @__PURE__ */ n(P, { 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" }),
-        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);
+        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",
               role: "menuitemradio",
-              "aria-checked": I,
-              className: "ws-mi" + (I ? " ws-mi--on" : ""),
+              "aria-checked": R,
+              className: "ws-mi" + (R ? " ws-mi--on" : ""),
               onClick: () => {
-                l(m.id), C();
+                h(v.id), S();
               },
               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: "✓" })
+                /* @__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: "✓" })
               ]
             }
-          ) }, m.id);
+          ) }, v.id);
         }) }),
         /* @__PURE__ */ n("div", { className: "ws-menu__actions", children: [
           /* @__PURE__ */ e(
@@ -103,7 +103,7 @@ function V({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                d(null), b("create");
+                o(null), l("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,7 +115,7 @@ function V({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                d(null), b("join");
+                o(null), l("join");
               },
               children: "⎘ Join with a code"
             }
@@ -126,25 +126,25 @@ function V({
         "form",
         {
           className: "ws-form",
-          onSubmit: (m) => {
-            m.preventDefault(), j();
+          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: (m) => k(m.target.value)
+                onChange: (v) => g(v.target.value)
               }
             ),
             /* @__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" })
+              /* @__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" })
             ] })
           ]
         }
@@ -153,51 +153,51 @@ function V({
         "form",
         {
           className: "ws-form",
-          onSubmit: (m) => {
-            m.preventDefault(), L();
+          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: f,
+                value: _,
                 autoFocus: !0,
-                onChange: (m) => _(m.target.value)
+                onChange: (v) => b(v.target.value)
               }
             ),
             /* @__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" })
+              /* @__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({
+function X({
   workspaceName: t,
   busy: a,
-  error: l,
-  onConfirm: o,
+  error: h,
+  onConfirm: r,
   onCancel: i
 }) {
-  const h = R(), c = R(), [v, s] = r(""), u = U(null);
+  const p = j(), u = j(), [c, d] = s(""), m = B(null);
   T(() => {
-    var b;
-    (b = u.current) == null || b.focus();
+    var l;
+    (l = m.current) == null || l.focus();
   }, []), T(() => {
-    function b(N) {
+    function l(N) {
       N.key === "Escape" && !a && i();
     }
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
   }, [a, i]);
-  const y = v === t;
+  const y = c === t;
   return /* @__PURE__ */ e(
     "div",
     {
@@ -211,17 +211,17 @@ function q({
           className: "shepherd-modal",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": h,
-          "aria-describedby": c,
-          onClick: (b) => b.stopPropagation(),
+          "aria-labelledby": p,
+          "aria-describedby": u,
+          onClick: (l) => l.stopPropagation(),
           children: [
-            /* @__PURE__ */ e("h3", { id: h, children: "Delete workspace" }),
-            /* @__PURE__ */ n("p", { id: c, className: "shepherd-modal__body", children: [
+            /* @__PURE__ */ e("h3", { id: p, children: "Delete workspace" }),
+            /* @__PURE__ */ n("p", { id: u, className: "shepherd-modal__body", children: [
               "This permanently deletes ",
               /* @__PURE__ */ e("b", { children: t }),
-              " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
+              " and all of its data: agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
             ] }),
-            /* @__PURE__ */ n("label", { htmlFor: `${h}-input`, className: "shepherd-modal__label", children: [
+            /* @__PURE__ */ n("label", { htmlFor: `${p}-input`, className: "shepherd-modal__label", children: [
               "Type ",
               /* @__PURE__ */ e("b", { children: t }),
               " to confirm"
@@ -229,16 +229,16 @@ function q({
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${h}-input`,
-                ref: u,
+                id: `${p}-input`,
+                ref: m,
                 type: "text",
-                value: v,
+                value: c,
                 autoComplete: "off",
                 disabled: a,
-                onChange: (b) => s(b.target.value)
+                onChange: (l) => d(l.target.value)
               }
             ),
-            l && /* @__PURE__ */ e("p", { role: "alert", children: l }),
+            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(
@@ -246,7 +246,7 @@ function q({
                 {
                   type: "button",
                   className: "danger",
-                  onClick: o,
+                  onClick: r,
                   disabled: !y || a,
                   children: a ? "Deleting…" : "Delete workspace"
                 }
@@ -258,29 +258,29 @@ function q({
     }
   );
 }
-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 (!v) {
-      s(!0), c(null), y(!1);
+function z({ workspace: t, onLeft: a, onDeleted: h }) {
+  const r = L(), i = j(), [p, u] = s(null), [c, d] = s(!1), [m, y] = s(!1), [l, N] = s(!1), [g, _] = s(!1), [b, C] = s(null), o = t.role === "admin";
+  async function k() {
+    if (!c) {
+      d(!0), u(null), y(!1);
       try {
-        await o.leave(t.id), a == null || a();
-      } catch (C) {
-        c(x(C)), C instanceof Y && C.status === 409 && y(!0);
+        await r.leave(t.id), a == null || a();
+      } catch (S) {
+        u(x(S)), S instanceof M && S.status === 409 && y(!0);
       } finally {
-        s(!1);
+        d(!1);
       }
     }
   }
-  async function S() {
-    if (!k) {
-      f(!0), E(null);
+  async function E() {
+    if (!g) {
+      _(!0), C(null);
       try {
-        await o.deleteWorkspace(t.id), N(!1), l == null || l();
-      } catch (C) {
-        E(x(C));
+        await r.deleteWorkspace(t.id), N(!1), h == null || h();
+      } catch (S) {
+        C(x(S));
       } finally {
-        f(!1);
+        _(!1);
       }
     }
   }
@@ -290,8 +290,8 @@ function X({ workspace: t, onLeft: a, onDeleted: l }) {
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Your active workspace and its settings." })
     ] }),
     /* @__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." }),
+      p && /* @__PURE__ */ e("p", { role: "alert", children: p }),
+      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: t.name })
@@ -303,9 +303,9 @@ function X({ workspace: t, onLeft: a, onDeleted: l }) {
       /* @__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: v, children: "Leave workspace" })
+        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void k(), disabled: c, children: "Leave workspace" })
       ] }),
-      d && /* @__PURE__ */ n("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,135 +314,135 @@ function X({ workspace: t, onLeft: a, onDeleted: l }) {
             type: "button",
             className: "danger",
             onClick: () => {
-              E(null), N(!0);
+              C(null), N(!0);
             },
-            disabled: k,
+            disabled: g,
             children: "Delete workspace"
           }
         )
       ] })
     ] }),
-    b && /* @__PURE__ */ e(
-      q,
+    l && /* @__PURE__ */ e(
+      X,
       {
         workspaceName: t.name,
-        busy: k,
-        error: _,
-        onConfirm: () => void S(),
+        busy: g,
+        error: b,
+        onConfirm: () => void E(),
         onCancel: () => {
-          k || N(!1);
+          g || N(!1);
         }
       }
     )
   ] });
 }
-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);
+function Q({ workspaceId: t, refreshKey: a = 0, canRemove: h = !1 }) {
+  const r = L(), i = j(), [p, u] = s([]), [c, d] = s(null), [m, y] = s(null), [l, N] = s(!0), [g, _] = s(null);
+  async function b({ keepError: o = !1 } = {}) {
+    o || d(null);
     try {
-      const g = await o.listMembers(t);
-      c(g.members);
-    } catch (g) {
-      s(x(g));
+      const k = await r.listMembers(t);
+      u(k.members);
+    } catch (k) {
+      d(x(k));
     } finally {
       N(!1);
     }
   }
   T(() => {
-    N(!0), _();
-  }, [o, t, a]);
-  async function E(d, g) {
-    if (!k) {
-      f(d), s(null), y(null), c((S) => S.filter((C) => C.accountId !== d));
+    N(!0), b();
+  }, [r, t, a]);
+  async function C(o, k) {
+    if (!g) {
+      _(o), d(null), y(null), u((E) => E.filter((S) => S.accountId !== o));
       try {
-        await o.removeMember(t, d), y(`Removed ${g}`);
-      } catch (S) {
-        s(x(S)), _({ keepError: !0 });
+        await r.removeMember(t, o), y(`Removed ${k}`);
+      } catch (E) {
+        d(x(E)), b({ keepError: !0 });
       } finally {
-        f(null);
+        _(null);
       }
     }
   }
   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;
+      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: g }),
-          /* @__PURE__ */ e("span", { className: "role", children: d.role }),
-          l && /* @__PURE__ */ e(
+          /* @__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(d.accountId, g),
-              disabled: k === d.accountId,
+              "aria-label": `Remove ${k}`,
+              onClick: () => void C(o.accountId, k),
+              disabled: g === o.accountId,
               children: "Remove"
             }
           )
-        ] }, d.accountId);
+        ] }, o.accountId);
       }) })
     ] })
   ] });
 }
-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);
+function Z({ workspaceId: t, onMembersChanged: a }) {
+  const h = L(), r = j(), [i, p] = s(null), [u, c] = s(null), [d, m] = s(!1), [y, l] = s(""), [N, g] = s(null), [_, b] = s(!1), [C, o] = s(null);
   T(() => {
-    h(null), k(null);
+    p(null), g(null);
   }, [t]);
-  async function g() {
-    if (!s) {
-      u(!0), v(null);
+  async function k() {
+    if (!d) {
+      m(!0), c(null);
       try {
-        const w = await l.createInvite(t, {});
-        h(w), a == null || a();
+        const w = await h.createInvite(t, {});
+        p(w), a == null || a();
       } catch (w) {
-        v(x(w));
+        c(x(w));
       } finally {
-        u(!1);
+        m(!1);
       }
     }
   }
-  async function S() {
-    if (!(!i || s)) {
-      u(!0), v(null);
+  async function E() {
+    if (!(!i || d)) {
+      m(!0), c(null);
       try {
-        await l.revokeInvite(t, i.code), h(null);
+        await h.revokeInvite(t, i.code), p(null);
       } catch (w) {
-        v(x(w));
+        c(x(w));
       } finally {
-        u(!1);
+        m(!1);
       }
     }
   }
-  async function C() {
-    if (!(!y.trim() || f)) {
-      _(!0), k(null);
+  async function S() {
+    if (!(!y.trim() || _)) {
+      b(!0), g(null);
       try {
-        const w = await l.inviteByEmail(t, y.trim());
-        k(`Invite sent to ${w.email}.`), b(""), 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 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);
+  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__ */ n("section", { className: "shepherd-invites", "aria-labelledby": o, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": r, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: o, children: "Invite people" }),
+      /* @__PURE__ */ e("h3", { id: r, children: "Invite people" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Share a code, or send a one-time join link by email." })
     ] }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
-      c && /* @__PURE__ */ e("p", { role: "alert", children: c }),
+      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." }),
@@ -456,8 +456,8 @@ function Q({ workspaceId: t, onMembersChanged: a }) {
                 type: "button",
                 className: "link-btn",
                 "aria-label": "Revoke invite",
-                onClick: () => void S(),
-                disabled: s,
+                onClick: () => void E(),
+                disabled: d,
                 children: "Revoke"
               }
             )
@@ -469,25 +469,25 @@ function Q({ workspaceId: t, onMembersChanged: a }) {
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void L("code", i.code),
-                children: E === "code" ? "Copied" : "Copy"
+                onClick: () => void A("code", i.code),
+                children: C === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          j && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
-            /* @__PURE__ */ e("a", { href: j, children: j }),
+          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 L("link", j),
-                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: s, children: "Create invite" })
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => void k(), disabled: d, children: "Create invite" })
       ] }),
       /* @__PURE__ */ n("div", { className: "field email-invite", children: [
         /* @__PURE__ */ e("label", { htmlFor: "invite-email", children: "Invite by email" }),
@@ -500,38 +500,38 @@ function Q({ workspaceId: t, onMembersChanged: a }) {
               type: "email",
               placeholder: "name@example.com",
               value: y,
-              onChange: (w) => b(w.target.value)
+              onChange: (w) => l(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: f, 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"
-}, B = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
-function ae(t) {
+}, H = "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: B }] }],
+          SessionStart: [{ hooks: [{ type: "command", command: H }] }],
           PreToolUse: [
-            { matcher: "*", hooks: [{ type: "command", command: B }] }
+            { matcher: "*", hooks: [{ type: "command", command: H }] }
           ]
         }
       },
@@ -557,7 +557,7 @@ function ae(t) {
       {
         version: 1,
         hooks: {
-          beforeSubmitPrompt: [{ command: B }]
+          beforeSubmitPrompt: [{ command: H }]
         }
       },
       null,
@@ -565,20 +565,20 @@ function ae(t) {
     )
   } : null;
 }
-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(t, a) {
+  const h = `created ${W(t.createdAt, a)}`, r = t.lastUsedAt ? `last used ${W(t.lastUsedAt, a)}` : "never used";
+  return `${h} · ${r}`;
 }
-function re(t, a, l) {
+function re(t, a, h) {
   if (t === "generic" || t === "pi" || t === "cursor") {
-    const h = { HUB_URL: a, SHEPHERD_TOKEN: l };
-    return t !== "generic" && (h.PROGRAM = t), JSON.stringify(
+    const p = { HUB_URL: a, SHEPHERD_TOKEN: h };
+    return t !== "generic" && (p.PROGRAM = t), JSON.stringify(
       {
         mcpServers: {
           shepherd: {
             command: "npx",
             args: ["-y", "--package=@korso/shepherd", "shepherd-mcp"],
-            env: h
+            env: p
           }
         }
       },
@@ -586,62 +586,62 @@ function re(t, a, l) {
       2
     );
   }
-  const o = te[t], i = [
-    ne[t],
-    `${o} HUB_URL=${a}`,
-    `${o} SHEPHERD_TOKEN=${l}`
+  const r = ae[t], i = [
+    te[t],
+    `${r} HUB_URL=${a}`,
+    `${r} SHEPHERD_TOKEN=${h}`
   ];
-  return t === "codex" && i.push(`${o} PROGRAM=codex`), i.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), i.join(" ");
+  return t === "codex" && i.push(`${r} PROGRAM=codex`), i.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), i.join(" ");
 }
-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 $() {
+function le({ hubUrl: t }) {
+  const a = L(), h = t ?? a.baseUrl, r = j(), [i, p] = s("claude"), [u, c] = s(""), [d, m] = s(null), [y, l] = s([]), [N, g] = s(null), [_, b] = s(null), [C, o] = s(!1), [k, E] = s(!1), [S, I] = s(!0), [A, w] = s(null);
+  async function O() {
     try {
-      const p = await a.listAccountTokens();
-      b(p.tokens);
-    } catch (p) {
-      k(x(p));
+      const f = await a.listAccountTokens();
+      l(f.tokens);
+    } catch (f) {
+      g(x(f));
     } finally {
-      j(!1);
+      I(!1);
     }
   }
   T(() => {
-    j(!0), $();
+    I(!0), O();
   }, [a]);
-  async function m() {
-    d(!0), k(null), _(null);
+  async function v() {
+    o(!0), g(null), b(null);
     try {
-      const p = await a.mintAccountToken(
-        c.trim() ? { name: c.trim() } : {}
+      const f = await a.mintAccountToken(
+        u.trim() ? { name: u.trim() } : {}
       );
-      u(p.token), v(""), await $();
-    } catch (p) {
-      k(x(p));
+      m(f.token), c(""), await O();
+    } catch (f) {
+      g(x(f));
     } finally {
-      d(!1);
+      o(!1);
     }
   }
-  async function I(p) {
-    if (!L) {
-      w(p), k(null), _(null);
+  async function R(f) {
+    if (!A) {
+      w(f), g(null), b(null);
       try {
-        await a.revokeAccountToken(p), b((D) => D.filter((J) => J.id !== p)), _("Token revoked");
-      } catch (D) {
-        k(x(D));
+        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 = re(i, l, s ?? ee), H = ae(i);
-  async function K() {
-    await navigator.clipboard.writeText(O), S(!0), setTimeout(() => S(!1), 2e3);
+  const D = re(i, h, d ?? ne), U = ie(i);
+  async function J() {
+    await navigator.clipboard.writeText(D), E(!0), setTimeout(() => E(!1), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": o, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": r, 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__ */ e("h3", { id: r, children: "Connect your agent" }),
+      /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token; it works across all your workspaces, so 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__ */ n("div", { className: "card-body", children: [
       /* @__PURE__ */ n("div", { className: "field", children: [
@@ -651,8 +651,8 @@ function se({ hubUrl: t }) {
           {
             id: "connect-tool",
             value: i,
-            onChange: (p) => h(p.target.value),
-            children: Z.map((p) => /* @__PURE__ */ e("option", { value: p.id, children: p.label }, p.id))
+            onChange: (f) => p(f.target.value),
+            children: ee.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.label }, f.id))
           }
         )
       ] }),
@@ -664,31 +664,31 @@ function se({ hubUrl: t }) {
             {
               id: "token-name",
               type: "text",
-              value: c,
-              onChange: (p) => v(p.target.value),
-              onKeyDown: (p) => {
-                p.key === "Enter" && !E && (p.preventDefault(), m());
+              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 m(), 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 }),
-      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__ */ 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: O }),
+        /* @__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 K(),
-            children: g ? /* @__PURE__ */ e(
+            "aria-label": k ? "Copied" : "Copy command",
+            title: k ? "Copied" : "Copy",
+            onClick: () => void J(),
+            children: k ? /* @__PURE__ */ e(
               "svg",
               {
                 width: "15",
@@ -723,183 +723,202 @@ function se({ hubUrl: t }) {
           }
         )
       ] }),
-      H && /* @__PURE__ */ n("div", { className: "hook-setup", children: [
+      U && /* @__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: H.target }),
+          /* @__PURE__ */ e("code", { children: U.target }),
+          " ",
+          "automatically. It delivers teammate announcements and reminds the agent to link each repo before its first write. This happens at most once; set",
           " ",
-          "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."
         ] }),
-        H.snippet && /* @__PURE__ */ n("details", { className: "hook-reference", children: [
+        U.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: H.snippet }) })
+          /* @__PURE__ */ e("div", { className: "install-command", children: /* @__PURE__ */ e("pre", { "data-testid": "hook-snippet", children: U.snippet }) })
         ] })
       ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-      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;
+      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: D }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: ie(p, Date.now()) }),
-          p.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { children: P }),
+          /* @__PURE__ */ e("span", { className: "token-meta", children: se(f, Date.now()) }),
+          f.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Revoke token ${D}`,
-              onClick: () => void I(p.id),
-              disabled: L === p.id,
+              "aria-label": `Revoke token ${P}`,
+              onClick: () => void R(f.id),
+              disabled: A === f.id,
               children: "Revoke"
             }
           )
-        ] }, p.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({
+function ce({
   workspace: t,
   hubUrl: a,
-  membersRefreshKey: l,
-  onMembersChanged: o,
+  membersRefreshKey: h,
+  onMembersChanged: r,
   onLeft: i,
-  onDeleted: h
+  onDeleted: p,
+  onLogout: u
 }) {
-  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 === u ? " config-nav__item--on" : ""),
-        "aria-current": c === u ? "page" : void 0,
-        onClick: () => v(u),
-        children: y
-      },
-      u
-    )) }),
-    /* @__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: t.id,
-            refreshKey: l,
-            canRemove: s
-          }
-        ),
-        s && /* @__PURE__ */ e(Q, { workspaceId: t.id, onMembersChanged: o })
-      ] }),
-      c === "agent" && /* @__PURE__ */ e(se, { hubUrl: a })
-    ] })
+  const [c, d] = s("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: r })
+        ] }),
+        c === "agent" && /* @__PURE__ */ e(le, { hubUrl: a })
+      ] })
+    ] }),
+    u && /* @__PURE__ */ e(K, { onLogout: u })
   ] });
 }
-function ue({ hubUrl: t }) {
-  const a = A(), [l, o] = r({ status: "loading" }), [i, h] = r(null), [c, v] = r(0), s = G(async () => {
+function me({ hubUrl: t, onLogout: a }) {
+  const h = L(), [r, i] = s({ status: "loading" }), [p, u] = s(null), [c, d] = s(0), m = G(async () => {
     try {
-      const f = await a.listWorkspaces();
-      o({ status: "ready", workspaces: f.workspaces }), h(
-        (_) => {
-          var E;
-          return _ && f.workspaces.some((d) => d.id === _) ? _ : ((E = f.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 (f) {
-      o({ status: "error", message: x(f) });
+    } catch (b) {
+      i({ status: "error", message: x(b) });
     }
-  }, [a]);
+  }, [h]);
   T(() => {
-    s();
-  }, [s]);
-  const u = l.status === "ready" ? l.workspaces : [], y = u.find((f) => f.id === i) ?? null;
-  if (l.status === "loading")
+    m();
+  }, [m]);
+  const y = r.status === "ready" ? r.workspaces : [], l = y.find((b) => b.id === p) ?? null;
+  if (r.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  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,
+  if (r.status === "error")
+    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: r.message }) });
+  const N = y.length > 0, g = /* @__PURE__ */ e(
+    q,
     {
-      workspaces: u,
-      selected: y,
-      onSelect: h,
+      workspaces: y,
+      selected: l,
+      onSelect: u,
       onChanged: () => {
-        s();
+        m();
       },
-      onMembersChanged: () => v((f) => f + 1)
+      onMembersChanged: () => d((b) => b + 1)
     }
-  ), k = /* @__PURE__ */ n("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" }),
-    y ? /* @__PURE__ */ e(
-      oe,
+    l ? /* @__PURE__ */ e(
+      ce,
       {
-        workspace: y,
+        workspace: l,
         hubUrl: t,
         membersRefreshKey: c,
-        onMembersChanged: () => v((f) => f + 1),
-        onLeft: () => void s(),
-        onDeleted: () => void s()
+        onMembersChanged: () => d((b) => b + 1),
+        onLeft: () => void m(),
+        onDeleted: () => void m(),
+        onLogout: a
       }
-    ) : /* @__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."
+    ) : /* @__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(
-    M,
+    V,
     {
-      workspaceId: y == null ? void 0 : y.id,
-      config: k,
-      switcher: N,
-      hasWorkspace: b
+      workspaceId: l == null ? void 0 : l.id,
+      config: _,
+      switcher: g,
+      hasWorkspace: N
     }
   ) });
 }
-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" });
+function pe({ code: t, onJoined: a }) {
+  const h = L(), r = j(), [i, p] = s({ status: "joining" }), u = B(a);
+  u.current = a;
+  const c = G(async () => {
+    p({ 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) });
+      const m = await h.redeemInvite(t);
+      p({ status: "joined", workspace: m.workspace }), u.current(m.workspace);
+    } catch (m) {
+      p({ status: "error", message: x(m) });
     }
-  }, [l, t]), s = U(!1);
+  }, [h, t]), d = B(!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: [
+    d.current || (d.current = !0, c());
+  }, [c]), /* @__PURE__ */ e("section", { className: "shepherd-join", "aria-labelledby": r, 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…" }),
+    i.status === "joining" && /* @__PURE__ */ n($, { children: [
+      /* @__PURE__ */ e("h1", { id: r, 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" }),
+    i.status === "joined" && /* @__PURE__ */ n($, { children: [
+      /* @__PURE__ */ e("h1", { id: r, 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" }),
+    i.status === "error" && /* @__PURE__ */ n($, { children: [
+      /* @__PURE__ */ e("h1", { id: r, 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(),
+          onClick: () => void c(),
           children: "Try again"
         }
       )
@@ -907,19 +926,19 @@ function me({ code: t, onJoined: a }) {
   ] }) });
 }
 export {
-  oe as ConfigPanel,
-  se as ConnectAgent,
-  M as Dashboard,
-  fe as EmptyState,
-  X as GeneralSettings,
-  Q as Invites,
-  me as JoinWorkspace,
-  z as Members,
-  Y as ShepherdClientError,
-  ye as ShepherdClientProvider,
-  ue as ShepherdRoot,
-  V as WorkspaceSwitcher,
-  be 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,
-  A as useShepherdClient
+  L as useShepherdClient
 };