@korso/shepherd-ui 0.6.0 → 0.8.0

package/dist/lib/index.js

@@ -1,70 +1,70 @@
-import { u as B, d as S, S as G, f as O, D as K } from "./Dashboard-D7tbhMwK.js";
-import { E as ue, a as he, c as me } from "./Dashboard-D7tbhMwK.js";
-import { jsxs as n, jsx as e, Fragment as W } from "react/jsx-runtime";
-import { useId as $, useRef as F, useState as i, useEffect as A, useCallback as Y } from "react";
-function U(a) {
-  return (a.trim()[0] ?? "?").toUpperCase();
+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 { 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 J({
-  workspaces: a,
-  selected: t,
+function V({
+  workspaces: t,
+  selected: a,
   onSelect: o,
-  onChanged: y,
-  onMembersChanged: l
+  onChanged: h,
+  onMembersChanged: r
 }) {
-  const b = B(), c = $(), f = F(null), [r, v] = i(!1), [h, m] = i("menu"), [g, k] = i(""), [u, _] = i(""), [E, s] = i(null), [N, I] = i(!1);
-  function C() {
-    v(!1), m("menu"), k(""), _(""), s(null);
+  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);
   }
   A(() => {
-    if (!r) return;
-    function d(j) {
-      f.current && !f.current.contains(j.target) && C();
+    if (!s) return;
+    function d(D) {
+      b.current && !b.current.contains(D.target) && _();
     }
-    function x(j) {
-      j.key === "Escape" && C();
+    function R(D) {
+      D.key === "Escape" && _();
     }
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", x), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", x);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", R);
     };
-  }, [r]);
-  async function T() {
-    if (!(!g.trim() || N)) {
-      I(!0), s(null);
+  }, [s]);
+  async function I() {
+    if (!(!N.trim() || g)) {
+      x(!0), l(null);
       try {
-        const d = await b.createWorkspace({ name: g.trim() });
-        o(d.id), y(), C();
+        const d = await p.createWorkspace({ name: N.trim() });
+        o(d.id), h(), _();
       } catch (d) {
-        s(S(d));
+        l(S(d));
       } finally {
-        I(!1);
+        x(!1);
       }
     }
   }
-  async function R() {
-    if (!(!u.trim() || N)) {
-      I(!0), s(null);
+  async function T() {
+    if (!(!m.trim() || g)) {
+      x(!0), l(null);
       try {
-        const d = await b.redeemInvite(u.trim());
-        o(d.workspace.id), y(), l == null || l(), C();
+        const d = await p.redeemInvite(m.trim());
+        o(d.workspace.id), h(), r == null || r(), _();
       } catch (d) {
-        s(S(d));
+        l(S(d));
       } finally {
-        I(!1);
+        x(!1);
       }
     }
   }
-  const w = t !== null, L = t ? t.name : "Get started";
-  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: f, children: [
+  const w = a !== null, L = a ? a.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: b, 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() : v(!0),
+        "aria-expanded": s,
+        "aria-controls": s ? c : void 0,
+        onClick: () => s ? _() : 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: "＋" }),
           /* @__PURE__ */ e("span", { className: "ws-name", children: L }),
@@ -72,25 +72,25 @@ function J({
         ]
       }
     ),
-    r && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
-      h === "menu" && /* @__PURE__ */ n(W, { children: [
+    s && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
+      v === "menu" && /* @__PURE__ */ n(G, { children: [
         /* @__PURE__ */ e("p", { className: "ws-menu__head", children: w ? "Switch workspace" : "Your workspaces" }),
-        a.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: a.map((d) => {
-          const x = d.id === (t == null ? void 0 : t.id);
+        t.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: t.map((d) => {
+          const R = d.id === (a == null ? void 0 : a.id);
           return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               role: "menuitemradio",
-              "aria-checked": x,
-              className: "ws-mi" + (x ? " ws-mi--on" : ""),
+              "aria-checked": R,
+              className: "ws-mi" + (R ? " ws-mi--on" : ""),
               onClick: () => {
-                o(d.id), C();
+                o(d.id), _();
               },
               children: [
                 /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: U(d.name) }),
                 /* @__PURE__ */ e("span", { className: "ws-mi__name", children: d.name }),
-                x && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
+                R && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
               ]
             }
           ) }, d.id);
@@ -103,7 +103,7 @@ function J({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                s(null), m("create");
+                l(null), f("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,19 +115,19 @@ function J({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                s(null), m("join");
+                l(null), f("join");
               },
               children: "⎘ Join with a code"
             }
           )
         ] })
       ] }),
-      h === "create" && /* @__PURE__ */ n(
+      v === "create" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
           onSubmit: (d) => {
-            d.preventDefault(), T();
+            d.preventDefault(), I();
           },
           children: [
             /* @__PURE__ */ e("label", { htmlFor: `${c}-name`, children: "New workspace name" }),
@@ -137,24 +137,24 @@ function J({
                 id: `${c}-name`,
                 type: "text",
                 placeholder: "e.g. Acme Engineering",
-                value: g,
+                value: N,
                 autoFocus: !0,
                 onChange: (d) => k(d.target.value)
               }
             ),
             /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => m("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !g.trim(), children: "Create" })
+              /* @__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" })
             ] })
           ]
         }
       ),
-      h === "join" && /* @__PURE__ */ n(
+      v === "join" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
           onSubmit: (d) => {
-            d.preventDefault(), R();
+            d.preventDefault(), T();
           },
           children: [
             /* @__PURE__ */ e("label", { htmlFor: `${c}-code`, children: "Invite code" }),
@@ -164,14 +164,14 @@ function J({
                 id: `${c}-code`,
                 type: "text",
                 placeholder: "Paste an invite code",
-                value: u,
+                value: m,
                 autoFocus: !0,
-                onChange: (d) => _(d.target.value)
+                onChange: (d) => C(d.target.value)
               }
             ),
             /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => m("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !u.trim(), children: "Join" })
+              /* @__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,30 +180,30 @@ function J({
     ] })
   ] });
 }
-function V({
-  workspaceName: a,
-  busy: t,
+function X({
+  workspaceName: t,
+  busy: a,
   error: o,
-  onConfirm: y,
-  onCancel: l
+  onConfirm: h,
+  onCancel: r
 }) {
-  const b = $(), c = $(), [f, r] = i(""), v = F(null);
+  const p = $(), c = $(), [b, s] = i(""), y = W(null);
   A(() => {
-    var m;
-    (m = v.current) == null || m.focus();
+    var f;
+    (f = y.current) == null || f.focus();
   }, []), A(() => {
-    function m(g) {
-      g.key === "Escape" && !t && l();
+    function f(N) {
+      N.key === "Escape" && !a && r();
     }
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [t, l]);
-  const h = f === a;
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [a, r]);
+  const v = b === t;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "shepherd-modal__backdrop",
       onClick: () => {
-        t || l();
+        a || r();
       },
       children: /* @__PURE__ */ n(
         "div",
@@ -211,44 +211,44 @@ function V({
           className: "shepherd-modal",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": b,
+          "aria-labelledby": p,
           "aria-describedby": c,
-          onClick: (m) => m.stopPropagation(),
+          onClick: (f) => f.stopPropagation(),
           children: [
-            /* @__PURE__ */ e("h3", { id: b, children: "Delete workspace" }),
+            /* @__PURE__ */ e("h3", { id: p, children: "Delete workspace" }),
             /* @__PURE__ */ n("p", { id: c, className: "shepherd-modal__body", children: [
               "This permanently deletes ",
-              /* @__PURE__ */ e("b", { children: a }),
+              /* @__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__ */ n("label", { htmlFor: `${b}-input`, className: "shepherd-modal__label", children: [
+            /* @__PURE__ */ n("label", { htmlFor: `${p}-input`, className: "shepherd-modal__label", children: [
               "Type ",
-              /* @__PURE__ */ e("b", { children: a }),
+              /* @__PURE__ */ e("b", { children: t }),
               " to confirm"
             ] }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${b}-input`,
-                ref: v,
+                id: `${p}-input`,
+                ref: y,
                 type: "text",
-                value: f,
+                value: b,
                 autoComplete: "off",
-                disabled: t,
-                onChange: (m) => r(m.target.value)
+                disabled: a,
+                onChange: (f) => s(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: l, disabled: t, children: "Cancel" }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: r, disabled: a, children: "Cancel" }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "danger",
-                  onClick: y,
-                  disabled: !h || t,
-                  children: t ? "Deleting…" : "Delete workspace"
+                  onClick: h,
+                  disabled: !v || a,
+                  children: a ? "Deleting…" : "Delete workspace"
                 }
               )
             ] })
@@ -258,54 +258,54 @@ function V({
     }
   );
 }
-function X({ workspace: a, onLeft: t, onDeleted: o }) {
-  const y = B(), l = $(), [b, c] = i(null), [f, r] = i(!1), [v, h] = i(!1), [m, g] = i(!1), [k, u] = i(!1), [_, E] = i(null), s = a.role === "admin";
-  async function N() {
-    if (!f) {
-      r(!0), c(null), h(!1);
+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";
+  async function g() {
+    if (!b) {
+      s(!0), c(null), v(!1);
       try {
-        await y.leave(a.id), t == null || t();
-      } catch (C) {
-        c(S(C)), C instanceof G && C.status === 409 && h(!0);
+        await h.leave(t.id), a == null || a();
+      } catch (_) {
+        c(S(_)), _ instanceof Y && _.status === 409 && v(!0);
       } finally {
-        r(!1);
+        s(!1);
       }
     }
   }
-  async function I() {
+  async function x() {
     if (!k) {
-      u(!0), E(null);
+      m(!0), E(null);
       try {
-        await y.deleteWorkspace(a.id), g(!1), o == null || o();
-      } catch (C) {
-        E(S(C));
+        await h.deleteWorkspace(t.id), N(!1), o == null || o();
+      } catch (_) {
+        E(S(_));
       } finally {
-        u(!1);
+        m(!1);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": l, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-general", "aria-labelledby": r, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: l, children: "General" }),
+      /* @__PURE__ */ e("h3", { id: r, children: "General" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Your active workspace and its settings." })
     ] }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
-      b && /* @__PURE__ */ e("p", { role: "alert", children: b }),
-      v && s && /* @__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 }),
+      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__ */ e("label", { children: "Workspace name" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: a.name })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.name })
       ] }),
       /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Your role" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: a.role })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.role })
       ] }),
       /* @__PURE__ */ n("div", { className: "field leave", children: [
         /* @__PURE__ */ e("label", { children: "Leave workspace" }),
         /* @__PURE__ */ e("p", { className: "helper", children: "Remove yourself from this workspace. You'll need a new invite to rejoin." }),
-        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void N(), disabled: f, children: "Leave workspace" })
+        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void g(), disabled: b, children: "Leave workspace" })
       ] }),
-      s && /* @__PURE__ */ n("div", { className: "field delete", children: [
+      l && /* @__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,7 +314,7 @@ function X({ workspace: a, onLeft: t, onDeleted: o }) {
             type: "button",
             className: "danger",
             onClick: () => {
-              E(null), g(!0);
+              E(null), N(!0);
             },
             disabled: k,
             children: "Delete workspace"
@@ -322,123 +322,123 @@ function X({ workspace: a, onLeft: t, onDeleted: o }) {
         )
       ] })
     ] }),
-    m && /* @__PURE__ */ e(
-      V,
+    f && /* @__PURE__ */ e(
+      X,
       {
-        workspaceName: a.name,
+        workspaceName: t.name,
         busy: k,
-        error: _,
-        onConfirm: () => void I(),
+        error: C,
+        onConfirm: () => void x(),
         onCancel: () => {
-          k || g(!1);
+          k || N(!1);
         }
       }
     )
   ] });
 }
-function q({ workspaceId: a, refreshKey: t = 0, canRemove: o = !1 }) {
-  const y = B(), l = $(), [b, c] = i([]), [f, r] = i(null), [v, h] = i(null), [m, g] = i(!0), [k, u] = i(null);
-  async function _({ keepError: s = !1 } = {}) {
-    s || r(null);
+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);
     try {
-      const N = await y.listMembers(a);
-      c(N.members);
-    } catch (N) {
-      r(S(N));
+      const g = await h.listMembers(t);
+      c(g.members);
+    } catch (g) {
+      s(S(g));
     } finally {
-      g(!1);
+      N(!1);
     }
   }
   A(() => {
-    g(!0), _();
-  }, [y, a, t]);
-  async function E(s, N) {
+    N(!0), C();
+  }, [h, t, a]);
+  async function E(l, g) {
     if (!k) {
-      u(s), r(null), h(null), c((I) => I.filter((C) => C.accountId !== s));
+      m(l), s(null), v(null), c((x) => x.filter((_) => _.accountId !== l));
       try {
-        await y.removeMember(a, s), h(`Removed ${N}`);
-      } catch (I) {
-        r(S(I)), _({ keepError: !0 });
+        await h.removeMember(t, l), v(`Removed ${g}`);
+      } catch (x) {
+        s(S(x)), C({ keepError: !0 });
       } finally {
-        u(null);
+        m(null);
       }
     }
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-members", "aria-labelledby": l, children: [
-    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: l, children: "Members" }) }),
+  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: [
-      f && /* @__PURE__ */ e("p", { role: "alert", children: f }),
-      v && /* @__PURE__ */ e("p", { role: "status", children: v }),
-      m ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : b.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: b.map((s) => {
-        const N = s.displayName ?? s.githubLogin ?? s.email ?? s.accountId;
+      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: [
-          /* @__PURE__ */ e("span", { children: N }),
-          /* @__PURE__ */ e("span", { className: "role", children: s.role }),
+          /* @__PURE__ */ e("span", { children: g }),
+          /* @__PURE__ */ e("span", { className: "role", children: l.role }),
           o && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Remove ${N}`,
-              onClick: () => void E(s.accountId, N),
-              disabled: k === s.accountId,
+              "aria-label": `Remove ${g}`,
+              onClick: () => void E(l.accountId, g),
+              disabled: k === l.accountId,
               children: "Remove"
             }
           )
-        ] }, s.accountId);
+        ] }, l.accountId);
       }) })
     ] })
   ] });
 }
-function z({ workspaceId: a, onMembersChanged: t }) {
-  const o = B(), y = $(), [l, b] = i(null), [c, f] = i(null), [r, v] = i(!1), [h, m] = i(""), [g, k] = i(null), [u, _] = i(!1), [E, s] = i(null);
+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);
   A(() => {
-    b(null), k(null);
-  }, [a]);
-  async function N() {
-    if (!r) {
-      v(!0), f(null);
+    p(null), k(null);
+  }, [t]);
+  async function g() {
+    if (!s) {
+      y(!0), b(null);
       try {
-        const w = await o.createInvite(a, {});
-        b(w), t == null || t();
+        const w = await o.createInvite(t, {});
+        p(w), a == null || a();
       } catch (w) {
-        f(S(w));
+        b(S(w));
       } finally {
-        v(!1);
+        y(!1);
       }
     }
   }
-  async function I() {
-    if (!(!l || r)) {
-      v(!0), f(null);
+  async function x() {
+    if (!(!r || s)) {
+      y(!0), b(null);
       try {
-        await o.revokeInvite(a, l.code), b(null);
+        await o.revokeInvite(t, r.code), p(null);
       } catch (w) {
-        f(S(w));
+        b(S(w));
       } finally {
-        v(!1);
+        y(!1);
       }
     }
   }
-  async function C() {
-    if (!(!h.trim() || u)) {
-      _(!0), k(null);
+  async function _() {
+    if (!(!v.trim() || m)) {
+      C(!0), k(null);
       try {
-        const w = await o.inviteByEmail(a, h.trim());
-        k(`Invite sent to ${w.email}.`), m(""), t == null || t();
+        const w = await o.inviteByEmail(t, v.trim());
+        k(`Invite sent to ${w.email}.`), f(""), a == null || a();
       } catch (w) {
         k(S(w));
       } finally {
-        _(!1);
+        C(!1);
       }
     }
   }
-  const T = l ? `${window.location.origin}/shepherd/join/${encodeURIComponent(l.code)}` : null;
-  async function R(w, L) {
-    await navigator.clipboard.writeText(L), s(w), setTimeout(() => s((d) => d === w ? null : d), 2e3);
+  const I = r ? `${window.location.origin}/shepherd/join/${encodeURIComponent(r.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": y, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": h, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: y, children: "Invite people" }),
+      /* @__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: [
@@ -446,48 +446,48 @@ function z({ workspaceId: a, onMembersChanged: t }) {
       /* @__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." }),
-        l && /* @__PURE__ */ n("div", { className: "invite-result", children: [
+        r && /* @__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: l.maxUses === null ? `${l.useCount} uses` : `${l.useCount} / ${l.maxUses} uses` }),
+            /* @__PURE__ */ e("span", { className: "invite-uses", children: r.maxUses === null ? `${r.useCount} uses` : `${r.useCount} / ${r.maxUses} uses` }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "link-btn",
                 "aria-label": "Revoke invite",
-                onClick: () => void I(),
-                disabled: r,
+                onClick: () => void x(),
+                disabled: s,
                 children: "Revoke"
               }
             )
           ] }),
           /* @__PURE__ */ n("div", { className: "invite-result__copyrow", children: [
-            /* @__PURE__ */ e("code", { children: l.code }),
+            /* @__PURE__ */ e("code", { children: r.code }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void R("code", l.code),
+                onClick: () => void T("code", r.code),
                 children: E === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          T && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
-            /* @__PURE__ */ e("a", { href: T, children: T }),
+          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 R("link", T),
+                onClick: () => void T("link", I),
                 children: E === "link" ? "Copied" : "Copy link"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void N(), disabled: r, children: "Create invite" })
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => void g(), disabled: s, children: "Create invite" })
       ] }),
       /* @__PURE__ */ n("div", { className: "field email-invite", children: [
         /* @__PURE__ */ e("label", { htmlFor: "invite-email", children: "Invite by email" }),
@@ -499,98 +499,132 @@ function z({ workspaceId: a, onMembersChanged: t }) {
               id: "invite-email",
               type: "email",
               placeholder: "name@example.com",
-              value: h,
-              onChange: (w) => m(w.target.value)
+              value: v,
+              onChange: (w) => f(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: u, children: "Send invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void _(), disabled: m, children: "Send invite" })
         ] }),
-        g && /* @__PURE__ */ e("p", { className: "email-invite__status", children: g })
+        N && /* @__PURE__ */ e("p", { className: "email-invite__status", children: N })
       ] })
     ] })
   ] });
 }
-const Q = [
+const Z = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
+  { id: "cursor", label: "Cursor" },
   { id: "generic", label: "Generic (JSON)" }
-], Z = "shp_<paste-after-generating>", M = {
+], ee = "shp_<paste-after-generating>", ne = {
   claude: "claude mcp add shepherd -s user",
-  codex: "codex mcp add shepherd",
-  pi: "pi mcp add shepherd"
-};
-function ee(a, t) {
-  const o = `created ${O(a.createdAt, t)}`, y = a.lastUsedAt ? `last used ${O(a.lastUsedAt, t)}` : "never used";
-  return `${o} · ${y}`;
+  codex: "codex mcp add shepherd"
+}, te = {
+  claude: "-e",
+  codex: "--env"
+}, F = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
+function ae(t) {
+  return t === "claude" ? {
+    target: "~/.claude/settings.json",
+    snippet: JSON.stringify(
+      {
+        hooks: {
+          SessionStart: [{ hooks: [{ type: "command", command: F }] }],
+          PreToolUse: [
+            { matcher: "*", hooks: [{ type: "command", command: F }] }
+          ]
+        }
+      },
+      null,
+      2
+    )
+  } : t === "codex" ? {
+    target: "~/.codex/config.toml",
+    snippet: [
+      "[features]",
+      "hooks = true",
+      "",
+      "[[hooks.UserPromptSubmit]]",
+      'command = ["npx", "-y", "--package=@korso/shepherd", "shepherd-inbox-hook"]'
+    ].join(`
+`)
+  } : null;
 }
-function ne(a, t, o) {
-  return a === "generic" ? JSON.stringify(
-    {
-      mcpServers: {
-        shepherd: {
-          command: "npx",
-          args: ["-y", "-p", "@korso/shepherd", "shepherd-mcp"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: o }
+function ie(t, a) {
+  const o = `created ${P(t.createdAt, a)}`, h = t.lastUsedAt ? `last used ${P(t.lastUsedAt, a)}` : "never used";
+  return `${o} · ${h}`;
+}
+function re(t, a, o) {
+  if (t === "generic" || t === "pi" || t === "cursor") {
+    const p = { HUB_URL: a, SHEPHERD_TOKEN: o };
+    return t !== "generic" && (p.PROGRAM = t), JSON.stringify(
+      {
+        mcpServers: {
+          shepherd: {
+            command: "npx",
+            args: ["-y", "--package=@korso/shepherd", "shepherd-mcp"],
+            env: p
+          }
         }
-      }
-    },
-    null,
-    2
-  ) : [
-    M[a],
-    `-e HUB_URL=${t}`,
-    `-e SHEPHERD_TOKEN=${o}`,
-    "-- npx -y -p @korso/shepherd shepherd-mcp"
-  ].join(" ");
+      },
+      null,
+      2
+    );
+  }
+  const h = te[t], r = [
+    ne[t],
+    `${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(" ");
 }
-function te({ hubUrl: a }) {
-  const t = B(), o = a ?? t.baseUrl, y = $(), [l, b] = i("claude"), [c, f] = i(""), [r, v] = i(null), [h, m] = i([]), [g, k] = i(null), [u, _] = i(null), [E, s] = i(!1), [N, I] = i(!1), [C, T] = i(!0), [R, w] = i(null);
+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);
   async function L() {
     try {
-      const p = await t.listAccountTokens();
-      m(p.tokens);
-    } catch (p) {
-      k(S(p));
+      const u = await a.listAccountTokens();
+      f(u.tokens);
+    } catch (u) {
+      k(S(u));
     } finally {
-      T(!1);
+      I(!1);
     }
   }
   A(() => {
-    T(!0), L();
-  }, [t]);
+    I(!0), L();
+  }, [a]);
   async function d() {
-    s(!0), k(null);
+    l(!0), k(null), C(null);
     try {
-      const p = await t.mintAccountToken(
+      const u = await a.mintAccountToken(
         c.trim() ? { name: c.trim() } : {}
       );
-      v(p.token), f(""), await L();
-    } catch (p) {
-      k(S(p));
+      y(u.token), b(""), await L();
+    } catch (u) {
+      k(S(u));
     } finally {
-      s(!1);
+      l(!1);
     }
   }
-  async function x(p) {
-    if (!R) {
-      w(p), k(null), _(null);
+  async function R(u) {
+    if (!T) {
+      w(u), k(null), C(null);
       try {
-        await t.revokeAccountToken(p), m((D) => D.filter((H) => H.id !== p)), _("Token revoked");
-      } catch (D) {
-        k(S(D));
+        await a.revokeAccountToken(u), f((O) => O.filter((K) => K.id !== u)), C("Token revoked");
+      } catch (O) {
+        k(S(O));
       } finally {
         w(null);
       }
     }
   }
-  const j = ne(l, o, r ?? Z);
-  async function P() {
-    await navigator.clipboard.writeText(j), I(!0), setTimeout(() => I(!1), 2e3);
+  const D = re(r, o, s ?? ee), B = ae(r);
+  async function H() {
+    await navigator.clipboard.writeText(D), x(!0), setTimeout(() => x(!1), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": y, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": h, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: y, children: "Connect your agent" }),
+      /* @__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." })
     ] }),
@@ -601,9 +635,9 @@ function te({ hubUrl: a }) {
           "select",
           {
             id: "connect-tool",
-            value: l,
-            onChange: (p) => b(p.target.value),
-            children: Q.map((p) => /* @__PURE__ */ e("option", { value: p.id, children: p.label }, p.id))
+            value: r,
+            onChange: (u) => p(u.target.value),
+            children: Z.map((u) => /* @__PURE__ */ e("option", { value: u.id, children: u.label }, u.id))
           }
         )
       ] }),
@@ -616,27 +650,30 @@ function te({ hubUrl: a }) {
               id: "token-name",
               type: "text",
               value: c,
-              onChange: (p) => f(p.target.value),
+              onChange: (u) => b(u.target.value),
+              onKeyDown: (u) => {
+                u.key === "Enter" && !E && (u.preventDefault(), d());
+              },
               placeholder: "e.g. laptop"
             }
           ),
           /* @__PURE__ */ e("button", { type: "button", onClick: () => void d(), disabled: E, children: "Generate token" })
         ] })
       ] }),
-      g && /* @__PURE__ */ e("p", { role: "alert", children: g }),
-      u && /* @__PURE__ */ e("p", { role: "status", children: u }),
-      r && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
+      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: j }),
+        /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: D }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "install-command__copy",
-            "aria-label": N ? "Copied" : "Copy command",
-            title: N ? "Copied" : "Copy",
-            onClick: () => void P(),
-            children: N ? /* @__PURE__ */ e(
+            "aria-label": g ? "Copied" : "Copy command",
+            title: g ? "Copied" : "Copy",
+            onClick: () => void H(),
+            children: g ? /* @__PURE__ */ e(
               "svg",
               {
                 width: "15",
@@ -671,114 +708,122 @@ function te({ hubUrl: a }) {
           }
         )
       ] }),
+      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."
+        ] }),
+        /* @__PURE__ */ e("div", { className: "install-command", children: /* @__PURE__ */ e("pre", { "data-testid": "hook-snippet", children: B.snippet }) })
+      ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-      C ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : h.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: h.map((p) => {
-        const D = p.name ?? p.id;
+      _ ? /* @__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: D }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: ee(p, Date.now()) }),
-          p.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { children: O }),
+          /* @__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 ${D}`,
-              onClick: () => void x(p.id),
-              disabled: R === p.id,
+              "aria-label": `Revoke token ${O}`,
+              onClick: () => void R(u.id),
+              disabled: T === u.id,
               children: "Revoke"
             }
           )
-        ] }, p.id);
+        ] }, u.id);
       }) })
     ] })
   ] });
 }
-const ae = [
+const le = [
   { id: "general", label: "General" },
   { id: "members", label: "Members" },
   { id: "agent", label: "Agent" }
 ];
-function ie({
-  workspace: a,
-  hubUrl: t,
+function oe({
+  workspace: t,
+  hubUrl: a,
   membersRefreshKey: o,
-  onMembersChanged: y,
-  onLeft: l,
-  onDeleted: b
+  onMembersChanged: h,
+  onLeft: r,
+  onDeleted: p
 }) {
-  const [c, f] = i("general"), r = a.role === "admin";
+  const [c, b] = i("general"), s = t.role === "admin";
   return /* @__PURE__ */ n("div", { className: "config-layout", children: [
-    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: ae.map(({ id: v, label: h }) => /* @__PURE__ */ e(
+    /* @__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 === v ? " config-nav__item--on" : ""),
-        "aria-current": c === v ? "page" : void 0,
-        onClick: () => f(v),
-        children: h
+        className: "config-nav__item" + (c === y ? " config-nav__item--on" : ""),
+        "aria-current": c === y ? "page" : void 0,
+        onClick: () => b(y),
+        children: v
       },
-      v
+      y
     )) }),
     /* @__PURE__ */ n("div", { className: "config-panel", children: [
-      c === "general" && /* @__PURE__ */ e(X, { workspace: a, onLeft: l, onDeleted: b }),
-      c === "members" && /* @__PURE__ */ n(W, { children: [
+      c === "general" && /* @__PURE__ */ e(q, { workspace: t, onLeft: r, onDeleted: p }),
+      c === "members" && /* @__PURE__ */ n(G, { children: [
         /* @__PURE__ */ e(
-          q,
+          z,
           {
-            workspaceId: a.id,
+            workspaceId: t.id,
             refreshKey: o,
-            canRemove: r
+            canRemove: s
           }
         ),
-        r && /* @__PURE__ */ e(z, { workspaceId: a.id, onMembersChanged: y })
+        s && /* @__PURE__ */ e(Q, { workspaceId: t.id, onMembersChanged: h })
       ] }),
-      c === "agent" && /* @__PURE__ */ e(te, { hubUrl: t })
+      c === "agent" && /* @__PURE__ */ e(se, { hubUrl: a })
     ] })
   ] });
 }
-function oe({ hubUrl: a }) {
-  const t = B(), [o, y] = i({ status: "loading" }), [l, b] = i(null), [c, f] = i(0), r = Y(async () => {
+function he({ hubUrl: t }) {
+  const a = j(), [o, h] = i({ status: "loading" }), [r, p] = i(null), [c, b] = i(0), s = M(async () => {
     try {
-      const u = await t.listWorkspaces();
-      y({ status: "ready", workspaces: u.workspaces }), b(
-        (_) => {
+      const m = await a.listWorkspaces();
+      h({ status: "ready", workspaces: m.workspaces }), p(
+        (C) => {
           var E;
-          return _ && u.workspaces.some((s) => s.id === _) ? _ : ((E = u.workspaces[0]) == null ? void 0 : E.id) ?? null;
+          return C && m.workspaces.some((l) => l.id === C) ? C : ((E = m.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
-    } catch (u) {
-      y({ status: "error", message: S(u) });
+    } catch (m) {
+      h({ status: "error", message: S(m) });
     }
-  }, [t]);
+  }, [a]);
   A(() => {
-    r();
-  }, [r]);
-  const v = o.status === "ready" ? o.workspaces : [], h = v.find((u) => u.id === l) ?? null;
+    s();
+  }, [s]);
+  const y = o.status === "ready" ? o.workspaces : [], v = y.find((m) => m.id === r) ?? null;
   if (o.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 m = v.length > 0, g = /* @__PURE__ */ e(
-    J,
+  const f = y.length > 0, N = /* @__PURE__ */ e(
+    V,
     {
-      workspaces: v,
-      selected: h,
-      onSelect: b,
+      workspaces: y,
+      selected: v,
+      onSelect: p,
       onChanged: () => {
-        r();
+        s();
       },
-      onMembersChanged: () => f((u) => u + 1)
+      onMembersChanged: () => b((m) => m + 1)
     }
   ), k = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
-    h ? /* @__PURE__ */ e(
-      ie,
+    v ? /* @__PURE__ */ e(
+      oe,
       {
-        workspace: h,
-        hubUrl: a,
+        workspace: v,
+        hubUrl: t,
         membersRefreshKey: c,
-        onMembersChanged: () => f((u) => u + 1),
-        onLeft: () => void r(),
-        onDeleted: () => void r()
+        onMembersChanged: () => b((m) => m + 1),
+        onLeft: () => void s(),
+        onDeleted: () => void s()
       }
     ) : /* @__PURE__ */ n("p", { className: "config-none", children: [
       "You're not in a workspace yet. Use the ",
@@ -787,28 +832,28 @@ function oe({ hubUrl: a }) {
     ] })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    K,
+    J,
     {
-      workspaceId: h == null ? void 0 : h.id,
+      workspaceId: v == null ? void 0 : v.id,
       config: k,
-      switcher: g,
-      hasWorkspace: m
+      switcher: N,
+      hasWorkspace: f
     }
   ) });
 }
 export {
-  ie as ConfigPanel,
-  te as ConnectAgent,
-  K as Dashboard,
-  ue as EmptyState,
-  X as GeneralSettings,
-  z as Invites,
-  q as Members,
-  G as ShepherdClientError,
-  he as ShepherdClientProvider,
-  oe as ShepherdRoot,
-  J as WorkspaceSwitcher,
-  me as createShepherdClient,
+  oe as ConfigPanel,
+  se as ConnectAgent,
+  J as Dashboard,
+  ve as EmptyState,
+  q as GeneralSettings,
+  Q as Invites,
+  z as Members,
+  Y as ShepherdClientError,
+  fe as ShepherdClientProvider,
+  he as ShepherdRoot,
+  V as WorkspaceSwitcher,
+  ye as createShepherdClient,
   S as describeError,
-  B as useShepherdClient
+  j as useShepherdClient
 };