@korso/shepherd-ui 0.8.0 → 0.9.1

package/dist/lib/index.js

@@ -1,83 +1,83 @@
-import { u as j, d as S, S as Y, f as P, D as J } from "./Dashboard-D7tbhMwK.js";
-import { E as ve, a as fe, c as ye } from "./Dashboard-D7tbhMwK.js";
-import { jsxs as n, jsx as e, Fragment as G } from "react/jsx-runtime";
+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 U(t) {
-  return (t.trim()[0] ?? "?").toUpperCase();
+function H(n) {
+  return (n.trim()[0] ?? "?").toUpperCase();
 }
 function V({
-  workspaces: t,
+  workspaces: n,
   selected: a,
   onSelect: o,
   onChanged: h,
-  onMembersChanged: r
+  onMembersChanged: s
 }) {
-  const p = j(), c = $(), b = W(null), [s, y] = i(!1), [v, f] = i("menu"), [N, k] = i(""), [m, C] = i(""), [E, l] = i(null), [g, x] = i(!1);
-  function _() {
-    y(!1), f("menu"), k(""), C(""), l(null);
+  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);
   }
   A(() => {
-    if (!s) return;
-    function d(D) {
-      b.current && !b.current.contains(D.target) && _();
+    if (!r) return;
+    function d(O) {
+      b.current && !b.current.contains(O.target) && C();
     }
-    function R(D) {
-      D.key === "Escape" && _();
+    function R(O) {
+      O.key === "Escape" && C();
     }
     return document.addEventListener("mousedown", d), document.addEventListener("keydown", R), () => {
       document.removeEventListener("mousedown", d), document.removeEventListener("keydown", R);
     };
-  }, [s]);
+  }, [r]);
   async function I() {
     if (!(!N.trim() || g)) {
-      x(!0), l(null);
+      S(!0), l(null);
       try {
         const d = await p.createWorkspace({ name: N.trim() });
-        o(d.id), h(), _();
+        o(d.id), h(), C();
       } catch (d) {
-        l(S(d));
+        l(x(d));
       } finally {
-        x(!1);
+        S(!1);
       }
     }
   }
   async function T() {
     if (!(!m.trim() || g)) {
-      x(!0), l(null);
+      S(!0), l(null);
       try {
         const d = await p.redeemInvite(m.trim());
-        o(d.workspace.id), h(), r == null || r(), _();
+        o(d.workspace.id), h(), s == null || s(), C();
       } catch (d) {
-        l(S(d));
+        l(x(d));
       } finally {
-        x(!1);
+        S(!1);
       }
     }
   }
   const w = a !== null, L = a ? a.name : "Get started";
-  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: b, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ t("div", { className: "ws-switcher", ref: b, children: [
+    /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: "ws-trig" + (w ? "" : " ws-trig--empty"),
         "aria-haspopup": "menu",
-        "aria-expanded": s,
-        "aria-controls": s ? c : void 0,
-        onClick: () => s ? _() : y(!0),
+        "aria-expanded": r,
+        "aria-controls": r ? c : void 0,
+        onClick: () => r ? C() : y(!0),
         children: [
-          w ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: U(L) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", 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 }),
           /* @__PURE__ */ e("span", { className: "ws-caret", "aria-hidden": "true", children: "▾" })
         ]
       }
     ),
-    s && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
-      v === "menu" && /* @__PURE__ */ n(G, { children: [
+    r && /* @__PURE__ */ t("div", { className: "ws-menu", id: c, role: "menu", children: [
+      v === "menu" && /* @__PURE__ */ t(F, { 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((d) => {
+        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__ */ n(
+          return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ t(
             "button",
             {
               type: "button",
@@ -85,17 +85,17 @@ function V({
               "aria-checked": R,
               className: "ws-mi" + (R ? " ws-mi--on" : ""),
               onClick: () => {
-                o(d.id), _();
+                o(d.id), C();
               },
               children: [
-                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: U(d.name) }),
+                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: H(d.name) }),
                 /* @__PURE__ */ e("span", { className: "ws-mi__name", children: d.name }),
                 R && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
               ]
             }
           ) }, d.id);
         }) }),
-        /* @__PURE__ */ n("div", { className: "ws-menu__actions", children: [
+        /* @__PURE__ */ t("div", { className: "ws-menu__actions", children: [
           /* @__PURE__ */ e(
             "button",
             {
@@ -122,7 +122,7 @@ function V({
           )
         ] })
       ] }),
-      v === "create" && /* @__PURE__ */ n(
+      v === "create" && /* @__PURE__ */ t(
         "form",
         {
           className: "ws-form",
@@ -142,14 +142,14 @@ function V({
                 onChange: (d) => k(d.target.value)
               }
             ),
-            /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
+            /* @__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" })
             ] })
           ]
         }
       ),
-      v === "join" && /* @__PURE__ */ n(
+      v === "join" && /* @__PURE__ */ t(
         "form",
         {
           className: "ws-form",
@@ -166,10 +166,10 @@ function V({
                 placeholder: "Paste an invite code",
                 value: m,
                 autoFocus: !0,
-                onChange: (d) => C(d.target.value)
+                onChange: (d) => _(d.target.value)
               }
             ),
-            /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
+            /* @__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" })
             ] })
@@ -180,32 +180,32 @@ function V({
     ] })
   ] });
 }
-function X({
-  workspaceName: t,
+function q({
+  workspaceName: n,
   busy: a,
   error: o,
   onConfirm: h,
-  onCancel: r
+  onCancel: s
 }) {
-  const p = $(), c = $(), [b, s] = i(""), y = W(null);
+  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 && r();
+      N.key === "Escape" && !a && s();
     }
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [a, r]);
-  const v = b === t;
+  }, [a, s]);
+  const v = b === n;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "shepherd-modal__backdrop",
       onClick: () => {
-        a || r();
+        a || s();
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ t(
         "div",
         {
           className: "shepherd-modal",
@@ -216,14 +216,14 @@ function X({
           onClick: (f) => f.stopPropagation(),
           children: [
             /* @__PURE__ */ e("h3", { id: p, children: "Delete workspace" }),
-            /* @__PURE__ */ n("p", { id: c, className: "shepherd-modal__body", children: [
+            /* @__PURE__ */ t("p", { id: c, className: "shepherd-modal__body", children: [
               "This permanently deletes ",
-              /* @__PURE__ */ e("b", { children: t }),
+              /* @__PURE__ */ e("b", { children: n }),
               " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
             ] }),
-            /* @__PURE__ */ n("label", { htmlFor: `${p}-input`, className: "shepherd-modal__label", children: [
+            /* @__PURE__ */ t("label", { htmlFor: `${p}-input`, className: "shepherd-modal__label", children: [
               "Type ",
-              /* @__PURE__ */ e("b", { children: t }),
+              /* @__PURE__ */ e("b", { children: n }),
               " to confirm"
             ] }),
             /* @__PURE__ */ e(
@@ -235,12 +235,12 @@ function X({
                 value: b,
                 autoComplete: "off",
                 disabled: a,
-                onChange: (f) => s(f.target.value)
+                onChange: (f) => r(f.target.value)
               }
             ),
             o && /* @__PURE__ */ e("p", { role: "alert", children: o }),
-            /* @__PURE__ */ n("div", { className: "shepherd-modal__actions", children: [
-              /* @__PURE__ */ e("button", { type: "button", onClick: r, disabled: a, children: "Cancel" }),
+            /* @__PURE__ */ t("div", { className: "shepherd-modal__actions", children: [
+              /* @__PURE__ */ e("button", { type: "button", onClick: s, disabled: a, children: "Cancel" }),
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -258,54 +258,54 @@ function X({
     }
   );
 }
-function q({ workspace: t, onLeft: a, onDeleted: o }) {
-  const h = j(), r = $(), [p, c] = i(null), [b, s] = i(!1), [y, v] = i(!1), [f, N] = i(!1), [k, m] = i(!1), [C, E] = i(null), l = t.role === "admin";
+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) {
-      s(!0), c(null), v(!1);
+      r(!0), c(null), v(!1);
       try {
-        await h.leave(t.id), a == null || a();
-      } catch (_) {
-        c(S(_)), _ instanceof Y && _.status === 409 && v(!0);
+        await h.leave(n.id), a == null || a();
+      } catch (C) {
+        c(x(C)), C instanceof J && C.status === 409 && v(!0);
       } finally {
-        s(!1);
+        r(!1);
       }
     }
   }
-  async function x() {
+  async function S() {
     if (!k) {
       m(!0), E(null);
       try {
-        await h.deleteWorkspace(t.id), N(!1), o == null || o();
-      } catch (_) {
-        E(S(_));
+        await h.deleteWorkspace(n.id), N(!1), o == null || o();
+      } catch (C) {
+        E(x(C));
       } finally {
         m(!1);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": r, children: [
-    /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: r, children: "General" }),
+  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" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Your active workspace and its settings." })
     ] }),
-    /* @__PURE__ */ n("div", { className: "card-body", children: [
+    /* @__PURE__ */ t("div", { className: "card-body", children: [
       p && /* @__PURE__ */ e("p", { role: "alert", children: p }),
       y && l && /* @__PURE__ */ e("p", { className: "helper", children: "You're the last admin, so you can't leave. To remove this workspace entirely, delete it below." }),
-      /* @__PURE__ */ n("div", { className: "field", children: [
+      /* @__PURE__ */ t("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Workspace name" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.name })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: n.name })
       ] }),
-      /* @__PURE__ */ n("div", { className: "field", children: [
+      /* @__PURE__ */ t("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Your role" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.role })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: n.role })
       ] }),
-      /* @__PURE__ */ n("div", { className: "field leave", children: [
+      /* @__PURE__ */ t("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" })
       ] }),
-      l && /* @__PURE__ */ n("div", { className: "field delete", children: [
+      l && /* @__PURE__ */ t("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(
@@ -323,12 +323,12 @@ function q({ workspace: t, onLeft: a, onDeleted: o }) {
       ] })
     ] }),
     f && /* @__PURE__ */ e(
-      X,
+      q,
       {
-        workspaceName: t.name,
+        workspaceName: n.name,
         busy: k,
-        error: C,
-        onConfirm: () => void x(),
+        error: _,
+        onConfirm: () => void S(),
         onCancel: () => {
           k || N(!1);
         }
@@ -336,42 +336,42 @@ function q({ workspace: t, onLeft: a, onDeleted: o }) {
     )
   ] });
 }
-function z({ workspaceId: t, refreshKey: a = 0, canRemove: o = !1 }) {
-  const h = j(), r = $(), [p, c] = i([]), [b, s] = i(null), [y, v] = i(null), [f, N] = i(!0), [k, m] = i(null);
-  async function C({ keepError: l = !1 } = {}) {
-    l || s(null);
+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);
     try {
-      const g = await h.listMembers(t);
+      const g = await h.listMembers(n);
       c(g.members);
     } catch (g) {
-      s(S(g));
+      r(x(g));
     } finally {
       N(!1);
     }
   }
   A(() => {
-    N(!0), C();
-  }, [h, t, a]);
+    N(!0), _();
+  }, [h, n, a]);
   async function E(l, g) {
     if (!k) {
-      m(l), s(null), v(null), c((x) => x.filter((_) => _.accountId !== l));
+      m(l), r(null), v(null), c((S) => S.filter((C) => C.accountId !== l));
       try {
-        await h.removeMember(t, l), v(`Removed ${g}`);
-      } catch (x) {
-        s(S(x)), C({ keepError: !0 });
+        await h.removeMember(n, l), v(`Removed ${g}`);
+      } catch (S) {
+        r(x(S)), _({ keepError: !0 });
       } finally {
         m(null);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-members", "aria-labelledby": r, children: [
-    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: r, children: "Members" }) }),
-    /* @__PURE__ */ n("div", { className: "card-body", children: [
+  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__ */ n("li", { children: [
+        return /* @__PURE__ */ t("li", { children: [
           /* @__PURE__ */ e("span", { children: g }),
           /* @__PURE__ */ e("span", { className: "role", children: l.role }),
           o && /* @__PURE__ */ e(
@@ -389,92 +389,92 @@ function z({ workspaceId: t, refreshKey: a = 0, canRemove: o = !1 }) {
     ] })
   ] });
 }
-function Q({ workspaceId: t, onMembersChanged: a }) {
-  const o = j(), h = $(), [r, p] = i(null), [c, b] = i(null), [s, y] = i(!1), [v, f] = i(""), [N, k] = i(null), [m, C] = i(!1), [E, l] = i(null);
+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);
-  }, [t]);
+  }, [n]);
   async function g() {
-    if (!s) {
+    if (!r) {
       y(!0), b(null);
       try {
-        const w = await o.createInvite(t, {});
+        const w = await o.createInvite(n, {});
         p(w), a == null || a();
       } catch (w) {
-        b(S(w));
+        b(x(w));
       } finally {
         y(!1);
       }
     }
   }
-  async function x() {
-    if (!(!r || s)) {
+  async function S() {
+    if (!(!s || r)) {
       y(!0), b(null);
       try {
-        await o.revokeInvite(t, r.code), p(null);
+        await o.revokeInvite(n, s.code), p(null);
       } catch (w) {
-        b(S(w));
+        b(x(w));
       } finally {
         y(!1);
       }
     }
   }
-  async function _() {
+  async function C() {
     if (!(!v.trim() || m)) {
-      C(!0), k(null);
+      _(!0), k(null);
       try {
-        const w = await o.inviteByEmail(t, v.trim());
+        const w = await o.inviteByEmail(n, v.trim());
         k(`Invite sent to ${w.email}.`), f(""), a == null || a();
       } catch (w) {
-        k(S(w));
+        k(x(w));
       } finally {
-        C(!1);
+        _(!1);
       }
     }
   }
-  const I = r ? `${window.location.origin}/shepherd/join/${encodeURIComponent(r.code)}` : null;
+  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);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": h, children: [
-    /* @__PURE__ */ n("div", { className: "card-head", children: [
+  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" }),
       /* @__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: [
+    /* @__PURE__ */ t("div", { className: "card-body", children: [
       c && /* @__PURE__ */ e("p", { role: "alert", children: c }),
-      /* @__PURE__ */ n("div", { className: "field invites", children: [
+      /* @__PURE__ */ t("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." }),
-        r && /* @__PURE__ */ n("div", { className: "invite-result", children: [
-          /* @__PURE__ */ n("div", { className: "invite-result__head", children: [
+        s && /* @__PURE__ */ t("div", { className: "invite-result", children: [
+          /* @__PURE__ */ t("div", { className: "invite-result__head", children: [
             /* @__PURE__ */ e("span", { className: "invite-result__eyebrow", children: "Invite code" }),
-            /* @__PURE__ */ e("span", { className: "invite-uses", children: r.maxUses === null ? `${r.useCount} uses` : `${r.useCount} / ${r.maxUses} uses` }),
+            /* @__PURE__ */ e("span", { className: "invite-uses", children: s.maxUses === null ? `${s.useCount} uses` : `${s.useCount} / ${s.maxUses} uses` }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "link-btn",
                 "aria-label": "Revoke invite",
-                onClick: () => void x(),
-                disabled: s,
+                onClick: () => void S(),
+                disabled: r,
                 children: "Revoke"
               }
             )
           ] }),
-          /* @__PURE__ */ n("div", { className: "invite-result__copyrow", children: [
-            /* @__PURE__ */ e("code", { children: r.code }),
+          /* @__PURE__ */ t("div", { className: "invite-result__copyrow", children: [
+            /* @__PURE__ */ e("code", { children: s.code }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void T("code", r.code),
+                onClick: () => void T("code", s.code),
                 children: E === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          I && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
+          I && /* @__PURE__ */ t("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
             /* @__PURE__ */ e("a", { href: I, children: I }),
             /* @__PURE__ */ e(
               "button",
@@ -487,12 +487,12 @@ function Q({ workspaceId: t, onMembersChanged: a }) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void g(), disabled: s, children: "Create invite" })
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => void g(), disabled: r, children: "Create invite" })
       ] }),
-      /* @__PURE__ */ n("div", { className: "field email-invite", children: [
+      /* @__PURE__ */ t("div", { className: "field email-invite", children: [
         /* @__PURE__ */ e("label", { htmlFor: "invite-email", children: "Invite by email" }),
         /* @__PURE__ */ e("p", { className: "helper", children: "Send a one-time-use join link directly to someone's inbox." }),
-        /* @__PURE__ */ n("div", { className: "field__row", children: [
+        /* @__PURE__ */ t("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -503,7 +503,7 @@ function Q({ workspaceId: t, onMembersChanged: a }) {
               onChange: (w) => f(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void _(), disabled: m, children: "Send invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: m, children: "Send invite" })
         ] }),
         N && /* @__PURE__ */ e("p", { className: "email-invite__status", children: N })
       ] })
@@ -522,23 +522,23 @@ const Z = [
 }, te = {
   claude: "-e",
   codex: "--env"
-}, F = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
-function ae(t) {
-  return t === "claude" ? {
+}, U = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
+function ae(n) {
+  return n === "claude" ? {
     target: "~/.claude/settings.json",
     snippet: JSON.stringify(
       {
         hooks: {
-          SessionStart: [{ hooks: [{ type: "command", command: F }] }],
+          SessionStart: [{ hooks: [{ type: "command", command: U }] }],
           PreToolUse: [
-            { matcher: "*", hooks: [{ type: "command", command: F }] }
+            { matcher: "*", hooks: [{ type: "command", command: U }] }
           ]
         }
       },
       null,
       2
     )
-  } : t === "codex" ? {
+  } : n === "codex" ? {
     target: "~/.codex/config.toml",
     snippet: [
       "[features]",
@@ -548,16 +548,31 @@ function ae(t) {
       'command = ["npx", "-y", "--package=@korso/shepherd", "shepherd-inbox-hook"]'
     ].join(`
 `)
+  } : n === "pi" ? {
+    target: "~/.pi/agent/extensions/shepherd-inbox.js",
+    snippet: null
+  } : n === "cursor" ? {
+    target: "~/.cursor/hooks.json",
+    snippet: JSON.stringify(
+      {
+        version: 1,
+        hooks: {
+          beforeSubmitPrompt: [{ command: U }]
+        }
+      },
+      null,
+      2
+    )
   } : null;
 }
-function ie(t, a) {
-  const o = `created ${P(t.createdAt, a)}`, h = t.lastUsedAt ? `last used ${P(t.lastUsedAt, a)}` : "never used";
+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, o) {
-  if (t === "generic" || t === "pi" || t === "cursor") {
+function se(n, a, o) {
+  if (n === "generic" || n === "pi" || n === "cursor") {
     const p = { HUB_URL: a, SHEPHERD_TOKEN: o };
-    return t !== "generic" && (p.PROGRAM = t), JSON.stringify(
+    return n !== "generic" && (p.PROGRAM = n), JSON.stringify(
       {
         mcpServers: {
           shepherd: {
@@ -571,21 +586,21 @@ function re(t, a, o) {
       2
     );
   }
-  const h = te[t], r = [
-    ne[t],
+  const h = te[n], s = [
+    ne[n],
     `${h} HUB_URL=${a}`,
     `${h} SHEPHERD_TOKEN=${o}`
   ];
-  return t === "codex" && r.push(`${h} PROGRAM=codex`), r.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), r.join(" ");
+  return n === "codex" && s.push(`${h} PROGRAM=codex`), s.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), s.join(" ");
 }
-function se({ hubUrl: t }) {
-  const a = j(), o = t ?? a.baseUrl, h = $(), [r, p] = i("claude"), [c, b] = i(""), [s, y] = i(null), [v, f] = i([]), [N, k] = i(null), [m, C] = i(null), [E, l] = i(!1), [g, x] = i(!1), [_, I] = i(!0), [T, w] = i(null);
+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() {
     try {
       const u = await a.listAccountTokens();
       f(u.tokens);
     } catch (u) {
-      k(S(u));
+      k(x(u));
     } finally {
       I(!1);
     }
@@ -594,56 +609,56 @@ function se({ hubUrl: t }) {
     I(!0), L();
   }, [a]);
   async function d() {
-    l(!0), k(null), C(null);
+    l(!0), k(null), _(null);
     try {
       const u = await a.mintAccountToken(
         c.trim() ? { name: c.trim() } : {}
       );
       y(u.token), b(""), await L();
     } catch (u) {
-      k(S(u));
+      k(x(u));
     } finally {
       l(!1);
     }
   }
   async function R(u) {
     if (!T) {
-      w(u), k(null), C(null);
+      w(u), k(null), _(null);
       try {
-        await a.revokeAccountToken(u), f((O) => O.filter((K) => K.id !== u)), C("Token revoked");
-      } catch (O) {
-        k(S(O));
+        await a.revokeAccountToken(u), f((j) => j.filter((K) => K.id !== u)), _("Token revoked");
+      } catch (j) {
+        k(x(j));
       } finally {
         w(null);
       }
     }
   }
-  const D = re(r, o, s ?? ee), B = ae(r);
-  async function H() {
-    await navigator.clipboard.writeText(D), x(!0), setTimeout(() => x(!1), 2e3);
+  const O = se(s, o, r ?? ee), P = ae(s);
+  async function G() {
+    await navigator.clipboard.writeText(O), S(!0), setTimeout(() => S(!1), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": h, children: [
-    /* @__PURE__ */ n("div", { className: "card-head", children: [
+  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" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token — it works across all your workspaces — then paste the command into your coding tool." }),
-      /* @__PURE__ */ e("p", { className: "card-sub", children: "The first time the agent opens a repo, it'll ask which workspace to coordinate that repo with." })
+      /* @__PURE__ */ 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: [
+    /* @__PURE__ */ t("div", { className: "card-body", children: [
+      /* @__PURE__ */ t("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { htmlFor: "connect-tool", children: "Tool" }),
         /* @__PURE__ */ e(
           "select",
           {
             id: "connect-tool",
-            value: r,
+            value: s,
             onChange: (u) => p(u.target.value),
             children: Z.map((u) => /* @__PURE__ */ e("option", { value: u.id, children: u.label }, u.id))
           }
         )
       ] }),
-      /* @__PURE__ */ n("div", { className: "field generate", children: [
+      /* @__PURE__ */ t("div", { className: "field generate", children: [
         /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
-        /* @__PURE__ */ n("div", { className: "field__row", children: [
+        /* @__PURE__ */ t("div", { className: "field__row", children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -662,9 +677,9 @@ function se({ hubUrl: t }) {
       ] }),
       N && /* @__PURE__ */ e("p", { role: "alert", children: N }),
       m && /* @__PURE__ */ e("p", { role: "status", children: m }),
-      s && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
-      /* @__PURE__ */ n("div", { className: "install-command", children: [
-        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: D }),
+      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(
           "button",
           {
@@ -672,7 +687,7 @@ function se({ hubUrl: t }) {
             className: "install-command__copy",
             "aria-label": g ? "Copied" : "Copy command",
             title: g ? "Copied" : "Copy",
-            onClick: () => void H(),
+            onClick: () => void G(),
             children: g ? /* @__PURE__ */ e(
               "svg",
               {
@@ -687,7 +702,7 @@ function se({ hubUrl: t }) {
                 "aria-hidden": "true",
                 children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
               }
-            ) : /* @__PURE__ */ n(
+            ) : /* @__PURE__ */ t(
               "svg",
               {
                 width: "15",
@@ -708,25 +723,31 @@ function se({ hubUrl: t }) {
           }
         )
       ] }),
-      B && /* @__PURE__ */ n("div", { className: "hook-setup", children: [
-        /* @__PURE__ */ n("p", { className: "card-sub", children: [
-          "Recommended: merge this into ",
-          /* @__PURE__ */ e("code", { children: B.target }),
-          " — it delivers teammate announcements to the agent and reminds it to link each repo before its first write."
+      P && /* @__PURE__ */ t("div", { className: "hook-setup", children: [
+        /* @__PURE__ */ t("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 }),
+          " ",
+          "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."
         ] }),
-        /* @__PURE__ */ e("div", { className: "install-command", children: /* @__PURE__ */ e("pre", { "data-testid": "hook-snippet", children: B.snippet }) })
+        P.snippet && /* @__PURE__ */ t("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("h4", { children: "Existing tokens" }),
-      _ ? /* @__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 O = u.name ?? u.id;
-        return /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { children: O }),
+      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(
             "button",
             {
               type: "button",
-              "aria-label": `Revoke token ${O}`,
+              "aria-label": `Revoke token ${j}`,
               onClick: () => void R(u.id),
               disabled: T === u.id,
               children: "Revoke"
@@ -743,15 +764,15 @@ const le = [
   { id: "agent", label: "Agent" }
 ];
 function oe({
-  workspace: t,
+  workspace: n,
   hubUrl: a,
   membersRefreshKey: o,
   onMembersChanged: h,
-  onLeft: r,
+  onLeft: s,
   onDeleted: p
 }) {
-  const [c, b] = i("general"), s = t.role === "admin";
-  return /* @__PURE__ */ n("div", { className: "config-layout", children: [
+  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",
       {
@@ -763,41 +784,41 @@ function oe({
       },
       y
     )) }),
-    /* @__PURE__ */ n("div", { className: "config-panel", children: [
-      c === "general" && /* @__PURE__ */ e(q, { workspace: t, onLeft: r, onDeleted: p }),
-      c === "members" && /* @__PURE__ */ n(G, { children: [
+    /* @__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: t.id,
+            workspaceId: n.id,
             refreshKey: o,
-            canRemove: s
+            canRemove: r
           }
         ),
-        s && /* @__PURE__ */ e(Q, { workspaceId: t.id, onMembersChanged: h })
+        r && /* @__PURE__ */ e(Q, { workspaceId: n.id, onMembersChanged: h })
       ] }),
-      c === "agent" && /* @__PURE__ */ e(se, { hubUrl: a })
+      c === "agent" && /* @__PURE__ */ e(re, { hubUrl: a })
     ] })
   ] });
 }
-function he({ hubUrl: t }) {
-  const a = j(), [o, h] = i({ status: "loading" }), [r, p] = i(null), [c, b] = i(0), s = M(async () => {
+function he({ hubUrl: n }) {
+  const a = D(), [o, h] = i({ status: "loading" }), [s, p] = i(null), [c, b] = i(0), r = M(async () => {
     try {
       const m = await a.listWorkspaces();
       h({ status: "ready", workspaces: m.workspaces }), p(
-        (C) => {
+        (_) => {
           var E;
-          return C && m.workspaces.some((l) => l.id === C) ? C : ((E = m.workspaces[0]) == null ? void 0 : E.id) ?? null;
+          return _ && m.workspaces.some((l) => l.id === _) ? _ : ((E = m.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
     } catch (m) {
-      h({ status: "error", message: S(m) });
+      h({ status: "error", message: x(m) });
     }
   }, [a]);
   A(() => {
-    s();
-  }, [s]);
-  const y = o.status === "ready" ? o.workspaces : [], v = y.find((m) => m.id === r) ?? null;
+    r();
+  }, [r]);
+  const y = o.status === "ready" ? o.workspaces : [], v = y.find((m) => m.id === s) ?? null;
   if (o.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
   if (o.status === "error")
@@ -809,30 +830,30 @@ function he({ hubUrl: t }) {
       selected: v,
       onSelect: p,
       onChanged: () => {
-        s();
+        r();
       },
       onMembersChanged: () => b((m) => m + 1)
     }
-  ), k = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
+  ), k = /* @__PURE__ */ t("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
     v ? /* @__PURE__ */ e(
       oe,
       {
         workspace: v,
-        hubUrl: t,
+        hubUrl: n,
         membersRefreshKey: c,
         onMembersChanged: () => b((m) => m + 1),
-        onLeft: () => void s(),
-        onDeleted: () => void s()
+        onLeft: () => void r(),
+        onDeleted: () => void r()
       }
-    ) : /* @__PURE__ */ n("p", { className: "config-none", children: [
+    ) : /* @__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."
     ] })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    J,
+    Y,
     {
       workspaceId: v == null ? void 0 : v.id,
       config: k,
@@ -843,17 +864,17 @@ function he({ hubUrl: t }) {
 }
 export {
   oe as ConfigPanel,
-  se as ConnectAgent,
-  J as Dashboard,
+  re as ConnectAgent,
+  Y as Dashboard,
   ve as EmptyState,
-  q as GeneralSettings,
+  X as GeneralSettings,
   Q as Invites,
   z as Members,
-  Y as ShepherdClientError,
+  J as ShepherdClientError,
   fe as ShepherdClientProvider,
   he as ShepherdRoot,
   V as WorkspaceSwitcher,
   ye as createShepherdClient,
-  S as describeError,
-  j as useShepherdClient
+  x as describeError,
+  D as useShepherdClient
 };