@korso/shepherd-ui 0.7.0 → 0.8.0

package/dist/config/ConnectAgent.js

@@ -25,6 +25,45 @@ const ENV_FLAG = {
     claude: "-e",
     codex: "--env",
 };
+// The shepherd-inbox-hook bin: delivers teammate announcements out-of-band AND
+// nudges the agent to run `link` before its first write in an unlinked repo.
+// Neither `claude mcp add` nor `codex mcp add` can install hooks, so the
+// snippet is a paste-into-config block surfaced next to the install command.
+// Cursor has no hook mechanism; Pi uses the bundled extension (see the
+// @korso/shepherd README) — neither gets a snippet here.
+const HOOK_COMMAND = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
+function hookSnippet(tool) {
+    if (tool === "claude") {
+        // SessionStart front-loads the link ask; PreToolUse delivers announcements
+        // and re-nudges right before a write in a still-unlinked repo.
+        return {
+            target: "~/.claude/settings.json",
+            snippet: JSON.stringify({
+                hooks: {
+                    SessionStart: [{ hooks: [{ type: "command", command: HOOK_COMMAND }] }],
+                    PreToolUse: [
+                        { matcher: "*", hooks: [{ type: "command", command: HOOK_COMMAND }] },
+                    ],
+                },
+            }, null, 2),
+        };
+    }
+    if (tool === "codex") {
+        // Codex's PreToolUse only fires for Bash, so UserPromptSubmit is the
+        // frequent event there; hooks must be feature-flagged on.
+        return {
+            target: "~/.codex/config.toml",
+            snippet: [
+                "[features]",
+                "hooks = true",
+                "",
+                "[[hooks.UserPromptSubmit]]",
+                'command = ["npx", "-y", "--package=@korso/shepherd", "shepherd-inbox-hook"]',
+            ].join("\n"),
+        };
+    }
+    return null;
+}
 // "created 3d ago · never used" / "created 3d ago · last used 2h ago" — helps
 // an operator tell which tokens are still active before revoking one.
 function tokenMeta(token, nowMs) {
@@ -105,6 +144,7 @@ export function ConnectAgent({ hubUrl }) {
     async function generate() {
         setBusy(true);
         setError(null);
+        setStatus(null);
         try {
             const res = await client.mintAccountToken(name.trim() ? { name: name.trim() } : {});
             setRawToken(res.token);
@@ -137,12 +177,18 @@ export function ConnectAgent({ hubUrl }) {
         }
     }
     const command = installCommand(tool, directHubUrl, rawToken ?? TOKEN_PLACEHOLDER);
+    const hook = hookSnippet(tool);
     async function copyCommand() {
         await navigator.clipboard.writeText(command);
         setCopied(true);
         setTimeout(() => setCopied(false), 2000);
     }
-    return (_jsxs("section", { className: "shepherd-connect-agent", "aria-labelledby": headingId, children: [_jsxs("div", { className: "card-head", children: [_jsx("h3", { id: headingId, children: "Connect your agent" }), _jsx("p", { className: "card-sub", children: "Generate a token \u2014 it works across all your workspaces \u2014 then paste the command into your coding tool." }), _jsx("p", { className: "card-sub", children: "The first time the agent opens a repo, it'll ask which workspace to coordinate that repo with." })] }), _jsxs("div", { className: "card-body", children: [_jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "connect-tool", children: "Tool" }), _jsx("select", { id: "connect-tool", value: tool, onChange: (e) => setTool(e.target.value), children: TOOLS.map((t) => (_jsx("option", { value: t.id, children: t.label }, t.id))) })] }), _jsxs("div", { className: "field generate", children: [_jsx("label", { htmlFor: "token-name", children: "Token name (optional)" }), _jsxs("div", { className: "field__row", children: [_jsx("input", { id: "token-name", type: "text", value: name, onChange: (e) => setName(e.target.value), placeholder: "e.g. laptop" }), _jsx("button", { type: "button", onClick: () => void generate(), disabled: busy, children: "Generate token" })] })] }), error && _jsx("p", { role: "alert", children: error }), status && _jsx("p", { role: "status", children: status }), rawToken && (_jsx("p", { className: "token-once", role: "status", children: "Copy this token now \u2014 it won't be shown again." })), _jsxs("div", { className: "install-command", children: [_jsx("pre", { "data-testid": "install-command", children: command }), _jsx("button", { type: "button", className: "install-command__copy", "aria-label": copied ? "Copied" : "Copy command", title: copied ? "Copied" : "Copy", onClick: () => void copyCommand(), children: copied ? (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })) : (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })) })] }), _jsx("h4", { children: "Existing tokens" }), loading ? (_jsx("p", { role: "status", children: "Loading\u2026" })) : tokens.length === 0 ? (_jsx("p", { children: "No tokens yet." })) : (_jsx("ul", { children: tokens.map((t) => {
+    return (_jsxs("section", { className: "shepherd-connect-agent", "aria-labelledby": headingId, children: [_jsxs("div", { className: "card-head", children: [_jsx("h3", { id: headingId, children: "Connect your agent" }), _jsx("p", { className: "card-sub", children: "Generate a token \u2014 it works across all your workspaces \u2014 then paste the command into your coding tool." }), _jsx("p", { className: "card-sub", children: "The first time the agent opens a repo, it'll ask which workspace to coordinate that repo with." })] }), _jsxs("div", { className: "card-body", children: [_jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "connect-tool", children: "Tool" }), _jsx("select", { id: "connect-tool", value: tool, onChange: (e) => setTool(e.target.value), children: TOOLS.map((t) => (_jsx("option", { value: t.id, children: t.label }, t.id))) })] }), _jsxs("div", { className: "field generate", children: [_jsx("label", { htmlFor: "token-name", children: "Token name (optional)" }), _jsxs("div", { className: "field__row", children: [_jsx("input", { id: "token-name", type: "text", value: name, onChange: (e) => setName(e.target.value), onKeyDown: (e) => {
+                                            if (e.key === "Enter" && !busy) {
+                                                e.preventDefault();
+                                                void generate();
+                                            }
+                                        }, placeholder: "e.g. laptop" }), _jsx("button", { type: "button", onClick: () => void generate(), disabled: busy, children: "Generate token" })] })] }), error && _jsx("p", { role: "alert", children: error }), status && _jsx("p", { role: "status", children: status }), rawToken && (_jsx("p", { className: "token-once", role: "status", children: "Copy this token now \u2014 it won't be shown again." })), _jsxs("div", { className: "install-command", children: [_jsx("pre", { "data-testid": "install-command", children: command }), _jsx("button", { type: "button", className: "install-command__copy", "aria-label": copied ? "Copied" : "Copy command", title: copied ? "Copied" : "Copy", onClick: () => void copyCommand(), children: copied ? (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })) : (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })) })] }), hook && (_jsxs("div", { className: "hook-setup", children: [_jsxs("p", { className: "card-sub", children: ["Recommended: merge this into ", _jsx("code", { children: hook.target }), " \u2014 it delivers teammate announcements to the agent and reminds it to link each repo before its first write."] }), _jsx("div", { className: "install-command", children: _jsx("pre", { "data-testid": "hook-snippet", children: hook.snippet }) })] })), _jsx("h4", { children: "Existing tokens" }), loading ? (_jsx("p", { role: "status", children: "Loading\u2026" })) : tokens.length === 0 ? (_jsx("p", { children: "No tokens yet." })) : (_jsx("ul", { children: tokens.map((t) => {
                             const name = t.name ?? t.id;
                             return (_jsxs("li", { children: [_jsx("span", { children: name }), _jsx("span", { className: "token-meta", children: tokenMeta(t, Date.now()) }), t.revokedAt ? (_jsx("span", { className: "revoked", children: "revoked" })) : (_jsx("button", { type: "button", "aria-label": `Revoke token ${name}`, onClick: () => void revoke(t.id), disabled: revokingId === t.id, children: "Revoke" }))] }, t.id));
                         }) }))] })] }));

package/dist/lib/index.js

@@ -1,56 +1,56 @@
-import { u as B, d as R, S as H, f as O, D as K } from "./Dashboard-D7tbhMwK.js";
-import { E as he, a as me, c as pe } from "./Dashboard-D7tbhMwK.js";
-import { jsxs as n, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { useId as $, useRef as U, useState as i, useEffect as A, useCallback as Y } from "react";
-function F(t) {
+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({
+function V({
   workspaces: t,
   selected: a,
   onSelect: o,
-  onChanged: u,
-  onMembersChanged: l
+  onChanged: h,
+  onMembersChanged: r
 }) {
-  const m = B(), c = $(), b = U(null), [r, y] = i(!1), [p, v] = i("menu"), [g, k] = i(""), [h, _] = i(""), [E, s] = i(null), [N, I] = i(!1);
-  function C() {
-    y(!1), v("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) {
-      b.current && !b.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 S() {
-    if (!(!g.trim() || N)) {
-      I(!0), s(null);
+  }, [s]);
+  async function I() {
+    if (!(!N.trim() || g)) {
+      x(!0), l(null);
       try {
-        const d = await m.createWorkspace({ name: g.trim() });
-        o(d.id), u(), C();
+        const d = await p.createWorkspace({ name: N.trim() });
+        o(d.id), h(), _();
       } catch (d) {
-        s(R(d));
+        l(S(d));
       } finally {
-        I(!1);
+        x(!1);
       }
     }
   }
   async function T() {
-    if (!(!h.trim() || N)) {
-      I(!0), s(null);
+    if (!(!m.trim() || g)) {
+      x(!0), l(null);
       try {
-        const d = await m.redeemInvite(h.trim());
-        o(d.workspace.id), u(), l == null || l(), C();
+        const d = await p.redeemInvite(m.trim());
+        o(d.workspace.id), h(), r == null || r(), _();
       } catch (d) {
-        s(R(d));
+        l(S(d));
       } finally {
-        I(!1);
+        x(!1);
       }
     }
   }
@@ -62,35 +62,35 @@ function J({
         type: "button",
         className: "ws-trig" + (w ? "" : " ws-trig--empty"),
         "aria-haspopup": "menu",
-        "aria-expanded": r,
-        "aria-controls": r ? c : void 0,
-        onClick: () => r ? C() : y(!0),
+        "aria-expanded": s,
+        "aria-controls": s ? c : void 0,
+        onClick: () => s ? _() : y(!0),
         children: [
-          w ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: F(L) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", 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 }),
           /* @__PURE__ */ e("span", { className: "ws-caret", "aria-hidden": "true", children: "▾" })
         ]
       }
     ),
-    r && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
-      p === "menu" && /* @__PURE__ */ n(P, { 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" }),
         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 x = d.id === (a == null ? void 0 : a.id);
+          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: F(d.name) }),
+                /* @__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), v("create");
+                l(null), f("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,19 +115,19 @@ function J({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                s(null), v("join");
+                l(null), f("join");
               },
               children: "⎘ Join with a code"
             }
           )
         ] })
       ] }),
-      p === "create" && /* @__PURE__ */ n(
+      v === "create" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
           onSubmit: (d) => {
-            d.preventDefault(), S();
+            d.preventDefault(), I();
           },
           children: [
             /* @__PURE__ */ e("label", { htmlFor: `${c}-name`, children: "New workspace name" }),
@@ -137,19 +137,19 @@ 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: () => v("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" })
             ] })
           ]
         }
       ),
-      p === "join" && /* @__PURE__ */ n(
+      v === "join" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
@@ -164,14 +164,14 @@ function J({
                 id: `${c}-code`,
                 type: "text",
                 placeholder: "Paste an invite code",
-                value: h,
+                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: () => v("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !h.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({
+function X({
   workspaceName: t,
   busy: a,
   error: o,
-  onConfirm: u,
-  onCancel: l
+  onConfirm: h,
+  onCancel: r
 }) {
-  const m = $(), c = $(), [b, r] = i(""), y = U(null);
+  const p = $(), c = $(), [b, s] = i(""), y = W(null);
   A(() => {
-    var v;
-    (v = y.current) == null || v.focus();
+    var f;
+    (f = y.current) == null || f.focus();
   }, []), A(() => {
-    function v(g) {
-      g.key === "Escape" && !a && l();
+    function f(N) {
+      N.key === "Escape" && !a && r();
     }
-    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
-  }, [a, l]);
-  const p = b === t;
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [a, r]);
+  const v = b === t;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "shepherd-modal__backdrop",
       onClick: () => {
-        a || l();
+        a || r();
       },
       children: /* @__PURE__ */ n(
         "div",
@@ -211,17 +211,17 @@ function V({
           className: "shepherd-modal",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": m,
+          "aria-labelledby": p,
           "aria-describedby": c,
-          onClick: (v) => v.stopPropagation(),
+          onClick: (f) => f.stopPropagation(),
           children: [
-            /* @__PURE__ */ e("h3", { id: m, 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: t }),
               " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
             ] }),
-            /* @__PURE__ */ n("label", { htmlFor: `${m}-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,25 +229,25 @@ function V({
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${m}-input`,
+                id: `${p}-input`,
                 ref: y,
                 type: "text",
                 value: b,
                 autoComplete: "off",
                 disabled: a,
-                onChange: (v) => r(v.target.value)
+                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: a, children: "Cancel" }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: r, disabled: a, children: "Cancel" }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "danger",
-                  onClick: u,
-                  disabled: !p || a,
+                  onClick: h,
+                  disabled: !v || a,
                   children: a ? "Deleting…" : "Delete workspace"
                 }
               )
@@ -258,40 +258,40 @@ function V({
     }
   );
 }
-function M({ workspace: t, onLeft: a, onDeleted: o }) {
-  const u = B(), l = $(), [m, c] = i(null), [b, r] = i(!1), [y, p] = i(!1), [v, g] = i(!1), [k, h] = i(!1), [_, E] = i(null), s = t.role === "admin";
-  async function N() {
+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) {
-      r(!0), c(null), p(!1);
+      s(!0), c(null), v(!1);
       try {
-        await u.leave(t.id), a == null || a();
-      } catch (C) {
-        c(R(C)), C instanceof H && C.status === 409 && p(!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) {
-      h(!0), E(null);
+      m(!0), E(null);
       try {
-        await u.deleteWorkspace(t.id), g(!1), o == null || o();
-      } catch (C) {
-        E(R(C));
+        await h.deleteWorkspace(t.id), N(!1), o == null || o();
+      } catch (_) {
+        E(S(_));
       } finally {
-        h(!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: [
-      m && /* @__PURE__ */ e("p", { role: "alert", children: m }),
-      y && 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: t.name })
@@ -303,9 +303,9 @@ function M({ workspace: t, onLeft: a, onDeleted: o }) {
       /* @__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: b, 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 M({ workspace: t, onLeft: a, 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 M({ workspace: t, onLeft: a, onDeleted: o }) {
         )
       ] })
     ] }),
-    v && /* @__PURE__ */ e(
-      V,
+    f && /* @__PURE__ */ e(
+      X,
       {
         workspaceName: t.name,
         busy: k,
-        error: _,
-        onConfirm: () => void I(),
+        error: C,
+        onConfirm: () => void x(),
         onCancel: () => {
-          k || g(!1);
+          k || N(!1);
         }
       }
     )
   ] });
 }
-function X({ workspaceId: t, refreshKey: a = 0, canRemove: o = !1 }) {
-  const u = B(), l = $(), [m, c] = i([]), [b, r] = i(null), [y, p] = i(null), [v, g] = i(!0), [k, h] = 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 u.listMembers(t);
-      c(N.members);
-    } catch (N) {
-      r(R(N));
+      const g = await h.listMembers(t);
+      c(g.members);
+    } catch (g) {
+      s(S(g));
     } finally {
-      g(!1);
+      N(!1);
     }
   }
   A(() => {
-    g(!0), _();
-  }, [u, t, a]);
-  async function E(s, N) {
+    N(!0), C();
+  }, [h, t, a]);
+  async function E(l, g) {
     if (!k) {
-      h(s), r(null), p(null), c((I) => I.filter((C) => C.accountId !== s));
+      m(l), s(null), v(null), c((x) => x.filter((_) => _.accountId !== l));
       try {
-        await u.removeMember(t, s), p(`Removed ${N}`);
-      } catch (I) {
-        r(R(I)), _({ keepError: !0 });
+        await h.removeMember(t, l), v(`Removed ${g}`);
+      } catch (x) {
+        s(S(x)), C({ keepError: !0 });
       } finally {
-        h(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: [
       b && /* @__PURE__ */ e("p", { role: "alert", children: b }),
       y && /* @__PURE__ */ e("p", { role: "status", children: y }),
-      v ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : m.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: m.map((s) => {
-        const N = s.displayName ?? s.githubLogin ?? s.email ?? s.accountId;
+      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 q({ workspaceId: t, onMembersChanged: a }) {
-  const o = B(), u = $(), [l, m] = i(null), [c, b] = i(null), [r, y] = i(!1), [p, v] = i(""), [g, k] = i(null), [h, _] = 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(() => {
-    m(null), k(null);
+    p(null), k(null);
   }, [t]);
-  async function N() {
-    if (!r) {
+  async function g() {
+    if (!s) {
       y(!0), b(null);
       try {
         const w = await o.createInvite(t, {});
-        m(w), a == null || a();
+        p(w), a == null || a();
       } catch (w) {
-        b(R(w));
+        b(S(w));
       } finally {
         y(!1);
       }
     }
   }
-  async function I() {
-    if (!(!l || r)) {
+  async function x() {
+    if (!(!r || s)) {
       y(!0), b(null);
       try {
-        await o.revokeInvite(t, l.code), m(null);
+        await o.revokeInvite(t, r.code), p(null);
       } catch (w) {
-        b(R(w));
+        b(S(w));
       } finally {
         y(!1);
       }
     }
   }
-  async function C() {
-    if (!(!p.trim() || h)) {
-      _(!0), k(null);
+  async function _() {
+    if (!(!v.trim() || m)) {
+      C(!0), k(null);
       try {
-        const w = await o.inviteByEmail(t, p.trim());
-        k(`Invite sent to ${w.email}.`), v(""), a == null || a();
+        const w = await o.inviteByEmail(t, v.trim());
+        k(`Invite sent to ${w.email}.`), f(""), a == null || a();
       } catch (w) {
-        k(R(w));
+        k(S(w));
       } finally {
-        _(!1);
+        C(!1);
       }
     }
   }
-  const S = l ? `${window.location.origin}/shepherd/join/${encodeURIComponent(l.code)}` : null;
+  const I = r ? `${window.location.origin}/shepherd/join/${encodeURIComponent(r.code)}` : null;
   async function T(w, L) {
-    await navigator.clipboard.writeText(L), s(w), setTimeout(() => s((d) => d === w ? null : d), 2e3);
+    await navigator.clipboard.writeText(L), l(w), setTimeout(() => l((d) => d === w ? null : d), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": u, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": h, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: u, 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 q({ workspaceId: t, onMembersChanged: a }) {
       /* @__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 T("code", l.code),
+                onClick: () => void T("code", r.code),
                 children: E === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          S && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
-            /* @__PURE__ */ e("a", { href: S, children: S }),
+          I && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
+            /* @__PURE__ */ e("a", { href: I, children: I }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void T("link", S),
+                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,44 +499,71 @@ function q({ workspaceId: t, onMembersChanged: a }) {
               id: "invite-email",
               type: "email",
               placeholder: "name@example.com",
-              value: p,
-              onChange: (w) => v(w.target.value)
+              value: v,
+              onChange: (w) => f(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: h, 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 z = [
+const Z = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "cursor", label: "Cursor" },
   { id: "generic", label: "Generic (JSON)" }
-], Q = "shp_<paste-after-generating>", Z = {
+], ee = "shp_<paste-after-generating>", ne = {
   claude: "claude mcp add shepherd -s user",
   codex: "codex mcp add shepherd"
-}, ee = {
+}, te = {
   claude: "-e",
   codex: "--env"
-};
-function ne(t, a) {
-  const o = `created ${O(t.createdAt, a)}`, u = t.lastUsedAt ? `last used ${O(t.lastUsedAt, a)}` : "never used";
-  return `${o} · ${u}`;
+}, 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 te(t, a, 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 m = { HUB_URL: a, SHEPHERD_TOKEN: o };
-    return t !== "generic" && (m.PROGRAM = t), JSON.stringify(
+    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: m
+            env: p
           }
         }
       },
@@ -544,60 +571,60 @@ function te(t, a, o) {
       2
     );
   }
-  const u = ee[t], l = [
-    Z[t],
-    `${u} HUB_URL=${a}`,
-    `${u} SHEPHERD_TOKEN=${o}`
+  const h = te[t], r = [
+    ne[t],
+    `${h} HUB_URL=${a}`,
+    `${h} SHEPHERD_TOKEN=${o}`
   ];
-  return t === "codex" && l.push(`${u} PROGRAM=codex`), l.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), l.join(" ");
+  return t === "codex" && r.push(`${h} PROGRAM=codex`), r.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), r.join(" ");
 }
-function ae({ hubUrl: t }) {
-  const a = B(), o = t ?? a.baseUrl, u = $(), [l, m] = i("claude"), [c, b] = i(""), [r, y] = i(null), [p, v] = i([]), [g, k] = i(null), [h, _] = i(null), [E, s] = i(!1), [N, I] = i(!1), [C, S] = i(!0), [T, 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 f = await a.listAccountTokens();
-      v(f.tokens);
-    } catch (f) {
-      k(R(f));
+      const u = await a.listAccountTokens();
+      f(u.tokens);
+    } catch (u) {
+      k(S(u));
     } finally {
-      S(!1);
+      I(!1);
     }
   }
   A(() => {
-    S(!0), L();
+    I(!0), L();
   }, [a]);
   async function d() {
-    s(!0), k(null);
+    l(!0), k(null), C(null);
     try {
-      const f = await a.mintAccountToken(
+      const u = await a.mintAccountToken(
         c.trim() ? { name: c.trim() } : {}
       );
-      y(f.token), b(""), await L();
-    } catch (f) {
-      k(R(f));
+      y(u.token), b(""), await L();
+    } catch (u) {
+      k(S(u));
     } finally {
-      s(!1);
+      l(!1);
     }
   }
-  async function x(f) {
+  async function R(u) {
     if (!T) {
-      w(f), k(null), _(null);
+      w(u), k(null), C(null);
       try {
-        await a.revokeAccountToken(f), v((D) => D.filter((W) => W.id !== f)), _("Token revoked");
-      } catch (D) {
-        k(R(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 = te(l, o, r ?? Q);
-  async function G() {
-    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": u, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": h, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: u, 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." })
     ] }),
@@ -608,9 +635,9 @@ function ae({ hubUrl: t }) {
           "select",
           {
             id: "connect-tool",
-            value: l,
-            onChange: (f) => m(f.target.value),
-            children: z.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.label }, f.id))
+            value: r,
+            onChange: (u) => p(u.target.value),
+            children: Z.map((u) => /* @__PURE__ */ e("option", { value: u.id, children: u.label }, u.id))
           }
         )
       ] }),
@@ -623,27 +650,30 @@ function ae({ hubUrl: t }) {
               id: "token-name",
               type: "text",
               value: c,
-              onChange: (f) => b(f.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 }),
-      h && /* @__PURE__ */ e("p", { role: "status", children: h }),
-      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 G(),
-            children: N ? /* @__PURE__ */ e(
+            "aria-label": g ? "Copied" : "Copy command",
+            title: g ? "Copied" : "Copy",
+            onClick: () => void H(),
+            children: g ? /* @__PURE__ */ e(
               "svg",
               {
                 width: "15",
@@ -678,114 +708,122 @@ function ae({ 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."
+        ] }),
+        /* @__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…" }) : p.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: p.map((f) => {
-        const D = f.name ?? f.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: ne(f, Date.now()) }),
-          f.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(f.id),
-              disabled: T === f.id,
+              "aria-label": `Revoke token ${O}`,
+              onClick: () => void R(u.id),
+              disabled: T === u.id,
               children: "Revoke"
             }
           )
-        ] }, f.id);
+        ] }, u.id);
       }) })
     ] })
   ] });
 }
-const ie = [
+const le = [
   { id: "general", label: "General" },
   { id: "members", label: "Members" },
   { id: "agent", label: "Agent" }
 ];
-function le({
+function oe({
   workspace: t,
   hubUrl: a,
   membersRefreshKey: o,
-  onMembersChanged: u,
-  onLeft: l,
-  onDeleted: m
+  onMembersChanged: h,
+  onLeft: r,
+  onDeleted: p
 }) {
-  const [c, b] = i("general"), r = t.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: ie.map(({ id: y, label: p }) => /* @__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 === y ? " config-nav__item--on" : ""),
         "aria-current": c === y ? "page" : void 0,
         onClick: () => b(y),
-        children: p
+        children: v
       },
       y
     )) }),
     /* @__PURE__ */ n("div", { className: "config-panel", children: [
-      c === "general" && /* @__PURE__ */ e(M, { workspace: t, onLeft: l, onDeleted: m }),
-      c === "members" && /* @__PURE__ */ n(P, { children: [
+      c === "general" && /* @__PURE__ */ e(q, { workspace: t, onLeft: r, onDeleted: p }),
+      c === "members" && /* @__PURE__ */ n(G, { children: [
         /* @__PURE__ */ e(
-          X,
+          z,
           {
             workspaceId: t.id,
             refreshKey: o,
-            canRemove: r
+            canRemove: s
           }
         ),
-        r && /* @__PURE__ */ e(q, { workspaceId: t.id, onMembersChanged: u })
+        s && /* @__PURE__ */ e(Q, { workspaceId: t.id, onMembersChanged: h })
       ] }),
-      c === "agent" && /* @__PURE__ */ e(ae, { hubUrl: a })
+      c === "agent" && /* @__PURE__ */ e(se, { hubUrl: a })
     ] })
   ] });
 }
-function ce({ hubUrl: t }) {
-  const a = B(), [o, u] = i({ status: "loading" }), [l, m] = i(null), [c, b] = 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 h = await a.listWorkspaces();
-      u({ status: "ready", workspaces: h.workspaces }), m(
-        (_) => {
+      const m = await a.listWorkspaces();
+      h({ status: "ready", workspaces: m.workspaces }), p(
+        (C) => {
           var E;
-          return _ && h.workspaces.some((s) => s.id === _) ? _ : ((E = h.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 (h) {
-      u({ status: "error", message: R(h) });
+    } catch (m) {
+      h({ status: "error", message: S(m) });
     }
   }, [a]);
   A(() => {
-    r();
-  }, [r]);
-  const y = o.status === "ready" ? o.workspaces : [], p = y.find((h) => h.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 v = y.length > 0, g = /* @__PURE__ */ e(
-    J,
+  const f = y.length > 0, N = /* @__PURE__ */ e(
+    V,
     {
       workspaces: y,
-      selected: p,
-      onSelect: m,
+      selected: v,
+      onSelect: p,
       onChanged: () => {
-        r();
+        s();
       },
-      onMembersChanged: () => b((h) => h + 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" }),
-    p ? /* @__PURE__ */ e(
-      le,
+    v ? /* @__PURE__ */ e(
+      oe,
       {
-        workspace: p,
+        workspace: v,
         hubUrl: t,
         membersRefreshKey: c,
-        onMembersChanged: () => b((h) => h + 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 ",
@@ -794,28 +832,28 @@ function ce({ hubUrl: t }) {
     ] })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    K,
+    J,
     {
-      workspaceId: p == null ? void 0 : p.id,
+      workspaceId: v == null ? void 0 : v.id,
       config: k,
-      switcher: g,
-      hasWorkspace: v
+      switcher: N,
+      hasWorkspace: f
     }
   ) });
 }
 export {
-  le as ConfigPanel,
-  ae as ConnectAgent,
-  K as Dashboard,
-  he as EmptyState,
-  M as GeneralSettings,
-  q as Invites,
-  X as Members,
-  H as ShepherdClientError,
-  me as ShepherdClientProvider,
-  ce as ShepherdRoot,
-  J as WorkspaceSwitcher,
-  pe as createShepherdClient,
-  R as describeError,
-  B as useShepherdClient
+  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,
+  j as useShepherdClient
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korso/shepherd-ui",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Auth-agnostic React UI library for the Shepherd wallboard (Dashboard, client, provider). Host injects auth; the library never reads tokens.",
   "type": "module",
   "license": "AGPL-3.0-only",