@korso/shepherd-ui 0.11.0 → 0.11.1

package/README.md

@@ -1,50 +1,50 @@
-# @korso/shepherd-ui
-
-The Shepherd dashboard: an **auth-agnostic** React app (Vite) that renders the
-workspace landscape (crew, territory, active/done work, chat) and issues operator
-actions against the hub. "Auth-agnostic" means the core holds no notion of who
-the user is or how they authenticated — it renders coordination state and issues
-operator actions, leaving authentication to the layer in front of it.
-
-## Two build outputs
-
-One source tree, two Vite builds (`npm run build` runs both):
-
-- **`dist/lib`** (`build:lib`) — a component library for **Korso** to embed in
-  the hosted product. Exposes `<Dashboard/>`, `createShepherdClient`, the React
-  context (`ShepherdClientProvider` / `useShepherdClient`), and types via the `.`
-  export. It is **token-blind**: auth lives in the BFF in front of it. The
-  stylesheet is opt-in (`@korso/shepherd-ui/styles.css`), not auto-imported.
-- **`dist/selfhost`** (`build:app`) — a self-contained SPA the **hub serves**
-  verbatim via `@fastify/static` (the hub resolves `../../ui/dist/selfhost/`).
-  It bundles its own CSS and mounts the token-gated root.
-
-Both `dist/` outputs are gitignored; `npm run build` (root) and the hub Docker
-image regenerate them.
-
-## Two mounts
-
-- **Self-host (the Hub).** The Hub serves `<SelfHostApp/>` (the `./selfhost`
-  export, mounted by `src/main.tsx`). This is the **one** place a team token is
-  handled — the named exception to the auth-agnostic core: it prompts for the
-  `TEAM_TOKEN`, persists it, builds a same-origin client that sends
-  `Authorization: Bearer <token>`, and re-gates on a 401. The token gate lives
-  **only** here, never in the `.` export or `<Dashboard/>`.
-- **Hosted (Korso).** Korso imports `<Dashboard/>` + `createShepherdClient` from
-  the `.` export and supplies its own auth layer (the BFF). No token gate.
-  Hosted shells that embed `<ShepherdRoot/>` may pass `onLogout`; Shepherd renders
-  the Sign out action at the bottom of Config, while the host callback performs
-  the actual session cleanup and navigation (cookies, OIDC, BFF state, etc.).
-
-## Development
-
-```
-npm -w @korso/shepherd-ui run dev    # Vite dev server for the self-host SPA
-```
-
-Other scripts: `build` (both outputs), `build:lib`, `build:app`, `type-check`
-(`tsc --noEmit`), `test` (Vitest, jsdom).
-
-## Phase note
-
-Korso-side consumption of the `dist/lib` library is **finalized in Phase 5**.
+# @korso/shepherd-ui
+
+The Shepherd dashboard: an **auth-agnostic** React app (Vite) that renders the
+workspace landscape (crew, territory, active/done work, chat) and issues operator
+actions against the hub. "Auth-agnostic" means the core holds no notion of who
+the user is or how they authenticated — it renders coordination state and issues
+operator actions, leaving authentication to the layer in front of it.
+
+## Two build outputs
+
+One source tree, two Vite builds (`npm run build` runs both):
+
+- **`dist/lib`** (`build:lib`) — a component library for **Korso** to embed in
+  the hosted product. Exposes `<Dashboard/>`, `createShepherdClient`, the React
+  context (`ShepherdClientProvider` / `useShepherdClient`), and types via the `.`
+  export. It is **token-blind**: auth lives in the BFF in front of it. The
+  stylesheet is opt-in (`@korso/shepherd-ui/styles.css`), not auto-imported.
+- **`dist/selfhost`** (`build:app`) — a self-contained SPA the **hub serves**
+  verbatim via `@fastify/static` (the hub resolves `../../ui/dist/selfhost/`).
+  It bundles its own CSS and mounts the token-gated root.
+
+Both `dist/` outputs are gitignored; `npm run build` (root) and the hub Docker
+image regenerate them.
+
+## Two mounts
+
+- **Self-host (the Hub).** The Hub serves `<SelfHostApp/>` (the `./selfhost`
+  export, mounted by `src/main.tsx`). This is the **one** place a team token is
+  handled — the named exception to the auth-agnostic core: it prompts for the
+  `TEAM_TOKEN`, persists it, builds a same-origin client that sends
+  `Authorization: Bearer <token>`, and re-gates on a 401. The token gate lives
+  **only** here, never in the `.` export or `<Dashboard/>`.
+- **Hosted (Korso).** Korso imports `<Dashboard/>` + `createShepherdClient` from
+  the `.` export and supplies its own auth layer (the BFF). No token gate.
+  Hosted shells that embed `<ShepherdRoot/>` may pass `onLogout`; Shepherd renders
+  the Sign out action at the bottom of Config, while the host callback performs
+  the actual session cleanup and navigation (cookies, OIDC, BFF state, etc.).
+
+## Development
+
+```
+npm -w @korso/shepherd-ui run dev    # Vite dev server for the self-host SPA
+```
+
+Other scripts: `build` (both outputs), `build:lib`, `build:app`, `type-check`
+(`tsc --noEmit`), `test` (Vitest, jsdom).
+
+## Phase note
+
+Korso-side consumption of the `dist/lib` library is **finalized in Phase 5**.

package/dist/components/Chat.js

@@ -48,7 +48,7 @@ export function Chat({ announcements, selectedRepo, nowMs }) {
             chatRef.current.scrollTop = chatRef.current.scrollHeight;
         }
     }, [messages.length]);
-    return (_jsx("div", { id: "chat", className: "chat", ref: chatRef, children: messages.length === 0 ? (_jsx("div", { className: "empty", children: "No announcements yet \u2014 agents will post here as they coordinate." })) : (messages.map((a, i) => {
+    return (_jsx("div", { id: "chat", className: "chat", ref: chatRef, children: messages.length === 0 ? (_jsx("div", { className: "empty", children: "No announcements yet. Agents will post here as they coordinate." })) : (messages.map((a, i) => {
             const targeted = a.targetAgentName !== null || a.toAdmin;
             const className = "msg" +
                 (targeted ? " msg--targeted" : "") +

package/dist/components/Composer.js

@@ -142,5 +142,5 @@ export function Composer({ agents, selectedRepo, workspaceId, onSent }) {
                         accept(name);
                     }, children: [_jsx("div", { className: "ma", style: { background: colorForName(name) }, children: initialsFor(name) }), _jsx("span", { children: name })] }, name))) }), _jsxs("form", { id: "chat-form", className: "chat-form", onSubmit: (e) => {
                     void onSubmit(e);
-                }, children: [_jsx("input", { id: "chat-input", className: "chat-input", type: "text", autoComplete: "off", "aria-label": "Message the team", placeholder: "Message the team\u2026 use @name to direct it", role: "combobox", "aria-expanded": popOpen, "aria-controls": "mention-pop", "aria-autocomplete": "list", "aria-activedescendant": popOpen ? `mention-opt-${active}` : undefined, ref: inputRef, value: value, onChange: (e) => onInput(e.target.value), onKeyDown: onKeyDown }), _jsx("button", { id: "chat-send", className: "chat-send", type: "submit", disabled: sending, children: "Send" })] }), failed ? (_jsx("div", { className: "chat__note", role: "status", children: "send failed \u2014 retry" })) : null] }));
+                }, children: [_jsx("input", { id: "chat-input", className: "chat-input", type: "text", autoComplete: "off", "aria-label": "Message the team", placeholder: "Message the team\u2026 use @name to direct it", role: "combobox", "aria-expanded": popOpen, "aria-controls": "mention-pop", "aria-autocomplete": "list", "aria-activedescendant": popOpen ? `mention-opt-${active}` : undefined, ref: inputRef, value: value, onChange: (e) => onInput(e.target.value), onKeyDown: onKeyDown }), _jsx("button", { id: "chat-send", className: "chat-send", type: "submit", disabled: sending, children: "Send" })] }), failed ? (_jsx("div", { className: "chat__note", role: "status", children: "send failed, retry" })) : null] }));
 }

package/dist/components/DoneList.js

@@ -36,7 +36,7 @@ export function DoneList({ tasks, nowMs, selectedRepo, doneShown, onLoadMore, })
                 lastDay = day;
                 const dropped = t.status === "dropped";
                 const meta = dropped
-                    ? `went offline ${formatRelative(t.endedAt ?? t.createdAt, nowMs)} — no done signal`
+                    ? `went offline ${formatRelative(t.endedAt ?? t.createdAt, nowMs)}, no done signal`
                     : `finished ${formatRelative(t.endedAt ?? t.createdAt, nowMs)}${formatActiveDuration(t.createdAt, t.endedAt)
                         ? " · " + formatActiveDuration(t.createdAt, t.endedAt)
                         : ""}`;

package/dist/config/ConfirmDeleteWorkspace.js

@@ -24,5 +24,5 @@ export function ConfirmDeleteWorkspace({ workspaceName, busy, error, onConfirm,
                 onCancel();
         }, children: _jsxs("div", { className: "shepherd-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": headingId, "aria-describedby": descId, 
             // Clicks inside the dialog must not bubble to the backdrop's cancel.
-            onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { id: headingId, children: "Delete workspace" }), _jsxs("p", { id: descId, className: "shepherd-modal__body", children: ["This permanently deletes ", _jsx("b", { children: workspaceName }), " and all of its data \u2014 agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."] }), _jsxs("label", { htmlFor: `${headingId}-input`, className: "shepherd-modal__label", children: ["Type ", _jsx("b", { children: workspaceName }), " to confirm"] }), _jsx("input", { id: `${headingId}-input`, ref: inputRef, type: "text", value: typed, autoComplete: "off", disabled: busy, onChange: (e) => setTyped(e.target.value) }), error && _jsx("p", { role: "alert", children: error }), _jsxs("div", { className: "shepherd-modal__actions", children: [_jsx("button", { type: "button", onClick: onCancel, disabled: busy, children: "Cancel" }), _jsx("button", { type: "button", className: "danger", onClick: onConfirm, disabled: !confirmed || busy, children: busy ? "Deleting…" : "Delete workspace" })] })] }) }));
+            onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { id: headingId, children: "Delete workspace" }), _jsxs("p", { id: descId, className: "shepherd-modal__body", children: ["This permanently deletes ", _jsx("b", { children: workspaceName }), " and all of its data: agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."] }), _jsxs("label", { htmlFor: `${headingId}-input`, className: "shepherd-modal__label", children: ["Type ", _jsx("b", { children: workspaceName }), " to confirm"] }), _jsx("input", { id: `${headingId}-input`, ref: inputRef, type: "text", value: typed, autoComplete: "off", disabled: busy, onChange: (e) => setTyped(e.target.value) }), error && _jsx("p", { role: "alert", children: error }), _jsxs("div", { className: "shepherd-modal__actions", children: [_jsx("button", { type: "button", onClick: onCancel, disabled: busy, children: "Cancel" }), _jsx("button", { type: "button", className: "danger", onClick: onConfirm, disabled: !confirmed || busy, children: busy ? "Deleting…" : "Delete workspace" })] })] }) }));
 }

package/dist/config/ConnectAgent.js

@@ -206,12 +206,12 @@ export function ConnectAgent({ hubUrl }) {
         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 changes files in a repo, Shepherd asks which workspace to coordinate that repo with \u2014 once per repo, right in your tool." })] }), _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) => {
+    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; it works across all your workspaces, so paste the command into your coding tool." }), _jsx("p", { className: "card-sub", children: "The first time the agent changes files in a repo, Shepherd asks which workspace to coordinate that repo with, once per repo, right in your tool." })] }), _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: ["Message delivery sets itself up: the first time the agent runs, Shepherd adds its inbox hook to ", _jsx("code", { children: hook.target }), " ", "automatically \u2014 it delivers teammate announcements and reminds the agent to link each repo before its first write. Happens at most once; set ", _jsx("code", { children: "SHEPHERD_NO_AUTO_HOOKS=1" }), " to opt out."] }), hook.snippet && (_jsxs("details", { className: "hook-reference", children: [_jsx("summary", { children: "What gets added (manual equivalent)" }), _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) => {
+                                        }, 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; 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: ["Message delivery sets itself up: the first time the agent runs, Shepherd adds its inbox hook to ", _jsx("code", { children: hook.target }), " ", "automatically. It delivers teammate announcements and reminds the agent to link each repo before its first write. This happens at most once; set", " ", _jsx("code", { children: "SHEPHERD_NO_AUTO_HOOKS=1" }), " to opt out."] }), hook.snippet && (_jsxs("details", { className: "hook-reference", children: [_jsx("summary", { children: "What gets added (manual equivalent)" }), _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/{Dashboard-YgxAVEUF.js → Dashboard-DNr0hdbW.js}

@@ -928,7 +928,7 @@ function Dt({
     c.map((u) => {
       const d = yt(u.endedAt ?? u.createdAt, n), g = d !== h ? d : null;
       h = d;
-      const f = u.status === "dropped", k = f ? `went offline ${K(u.endedAt ?? u.createdAt, n)} — no done signal` : `finished ${K(u.endedAt ?? u.createdAt, n)}${ke(u.createdAt, u.endedAt) ? " · " + ke(u.createdAt, u.endedAt) : ""}`;
+      const f = u.status === "dropped", k = f ? `went offline ${K(u.endedAt ?? u.createdAt, n)}, no done signal` : `finished ${K(u.endedAt ?? u.createdAt, n)}${ke(u.createdAt, u.endedAt) ? " · " + ke(u.createdAt, u.endedAt) : ""}`;
       return /* @__PURE__ */ m(Fe, { children: [
         g !== null && /* @__PURE__ */ r("div", { className: "day", children: g }),
         /* @__PURE__ */ m("div", { className: "task", children: [
@@ -971,7 +971,7 @@ function xt({ announcements: t, selectedRepo: n, nowMs: i }) {
   const l = [...t].filter((c) => M(c, n)).reverse();
   return Ue(() => {
     a.current && o.current && (o.current.scrollTop = o.current.scrollHeight);
-  }, [l.length]), /* @__PURE__ */ r("div", { id: "chat", className: "chat", ref: o, children: l.length === 0 ? /* @__PURE__ */ r("div", { className: "empty", children: "No announcements yet — agents will post here as they coordinate." }) : l.map((c, h) => {
+  }, [l.length]), /* @__PURE__ */ r("div", { id: "chat", className: "chat", ref: o, children: l.length === 0 ? /* @__PURE__ */ r("div", { className: "empty", children: "No announcements yet. Agents will post here as they coordinate." }) : l.map((c, h) => {
     const d = "msg" + (c.targetAgentName !== null || c.toAdmin ? " msg--targeted" : "") + (c.fromAdmin ? " msg--me" : "");
     return (
       // The feed has no stable id; index is acceptable because the list is
@@ -1130,7 +1130,7 @@ function Lt({ agents: t, selectedRepo: n, workspaceId: i, onSent: o }) {
         ]
       }
     ),
-    T ? /* @__PURE__ */ r("div", { className: "chat__note", role: "status", children: "send failed — retry" }) : null
+    T ? /* @__PURE__ */ r("div", { className: "chat__note", role: "status", children: "send failed, retry" }) : null
   ] });
 }
 function Ae({

package/dist/lib/index.js

@@ -1,7 +1,7 @@
-import { u as L, d as x, S as M, f as W, D as V } from "./Dashboard-YgxAVEUF.js";
-import { E as ye, a as be, c as ke } from "./Dashboard-YgxAVEUF.js";
+import { u as L, d as x, S as M, f as W, D as V } from "./Dashboard-DNr0hdbW.js";
+import { E as ye, a as be, c as ke } from "./Dashboard-DNr0hdbW.js";
 import { jsxs as n, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { useId as j, useRef as U, useState as r, useEffect as T, useCallback as G } from "react";
+import { useId as j, useRef as B, useState as s, useEffect as T, useCallback as G } from "react";
 function F(t) {
   return (t.trim()[0] ?? "?").toUpperCase();
 }
@@ -9,10 +9,10 @@ function q({
   workspaces: t,
   selected: a,
   onSelect: h,
-  onChanged: s,
+  onChanged: r,
   onMembersChanged: i
 }) {
-  const p = L(), u = j(), c = U(null), [d, m] = r(!1), [y, l] = r("menu"), [N, g] = r(""), [_, b] = r(""), [C, o] = r(null), [k, E] = r(!1);
+  const p = L(), u = j(), c = B(null), [d, m] = s(!1), [y, l] = s("menu"), [N, g] = s(""), [_, b] = s(""), [C, o] = s(null), [k, E] = s(!1);
   function S() {
     m(!1), l("menu"), g(""), b(""), o(null);
   }
@@ -33,7 +33,7 @@ function q({
       E(!0), o(null);
       try {
         const v = await p.createWorkspace({ name: N.trim() });
-        h(v.id), s(), S();
+        h(v.id), r(), S();
       } catch (v) {
         o(x(v));
       } finally {
@@ -46,7 +46,7 @@ function q({
       E(!0), o(null);
       try {
         const v = await p.redeemInvite(_.trim());
-        h(v.workspace.id), s(), i == null || i(), S();
+        h(v.workspace.id), r(), i == null || i(), S();
       } catch (v) {
         o(x(v));
       } finally {
@@ -184,10 +184,10 @@ function X({
   workspaceName: t,
   busy: a,
   error: h,
-  onConfirm: s,
+  onConfirm: r,
   onCancel: i
 }) {
-  const p = j(), u = j(), [c, d] = r(""), m = U(null);
+  const p = j(), u = j(), [c, d] = s(""), m = B(null);
   T(() => {
     var l;
     (l = m.current) == null || l.focus();
@@ -219,7 +219,7 @@ function X({
             /* @__PURE__ */ n("p", { id: u, className: "shepherd-modal__body", children: [
               "This permanently deletes ",
               /* @__PURE__ */ e("b", { children: t }),
-              " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
+              " and all of its data: agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
             ] }),
             /* @__PURE__ */ n("label", { htmlFor: `${p}-input`, className: "shepherd-modal__label", children: [
               "Type ",
@@ -246,7 +246,7 @@ function X({
                 {
                   type: "button",
                   className: "danger",
-                  onClick: s,
+                  onClick: r,
                   disabled: !y || a,
                   children: a ? "Deleting…" : "Delete workspace"
                 }
@@ -259,12 +259,12 @@ function X({
   );
 }
 function z({ workspace: t, onLeft: a, onDeleted: h }) {
-  const s = L(), i = j(), [p, u] = r(null), [c, d] = r(!1), [m, y] = r(!1), [l, N] = r(!1), [g, _] = r(!1), [b, C] = r(null), o = t.role === "admin";
+  const r = L(), i = j(), [p, u] = s(null), [c, d] = s(!1), [m, y] = s(!1), [l, N] = s(!1), [g, _] = s(!1), [b, C] = s(null), o = t.role === "admin";
   async function k() {
     if (!c) {
       d(!0), u(null), y(!1);
       try {
-        await s.leave(t.id), a == null || a();
+        await r.leave(t.id), a == null || a();
       } catch (S) {
         u(x(S)), S instanceof M && S.status === 409 && y(!0);
       } finally {
@@ -276,7 +276,7 @@ function z({ workspace: t, onLeft: a, onDeleted: h }) {
     if (!g) {
       _(!0), C(null);
       try {
-        await s.deleteWorkspace(t.id), N(!1), h == null || h();
+        await r.deleteWorkspace(t.id), N(!1), h == null || h();
       } catch (S) {
         C(x(S));
       } finally {
@@ -337,11 +337,11 @@ function z({ workspace: t, onLeft: a, onDeleted: h }) {
   ] });
 }
 function Q({ workspaceId: t, refreshKey: a = 0, canRemove: h = !1 }) {
-  const s = L(), i = j(), [p, u] = r([]), [c, d] = r(null), [m, y] = r(null), [l, N] = r(!0), [g, _] = r(null);
+  const r = L(), i = j(), [p, u] = s([]), [c, d] = s(null), [m, y] = s(null), [l, N] = s(!0), [g, _] = s(null);
   async function b({ keepError: o = !1 } = {}) {
     o || d(null);
     try {
-      const k = await s.listMembers(t);
+      const k = await r.listMembers(t);
       u(k.members);
     } catch (k) {
       d(x(k));
@@ -351,12 +351,12 @@ function Q({ workspaceId: t, refreshKey: a = 0, canRemove: h = !1 }) {
   }
   T(() => {
     N(!0), b();
-  }, [s, t, a]);
+  }, [r, t, a]);
   async function C(o, k) {
     if (!g) {
       _(o), d(null), y(null), u((E) => E.filter((S) => S.accountId !== o));
       try {
-        await s.removeMember(t, o), y(`Removed ${k}`);
+        await r.removeMember(t, o), y(`Removed ${k}`);
       } catch (E) {
         d(x(E)), b({ keepError: !0 });
       } finally {
@@ -390,7 +390,7 @@ function Q({ workspaceId: t, refreshKey: a = 0, canRemove: h = !1 }) {
   ] });
 }
 function Z({ workspaceId: t, onMembersChanged: a }) {
-  const h = L(), s = j(), [i, p] = r(null), [u, c] = r(null), [d, m] = r(!1), [y, l] = r(""), [N, g] = r(null), [_, b] = r(!1), [C, o] = r(null);
+  const h = L(), r = j(), [i, p] = s(null), [u, c] = s(null), [d, m] = s(!1), [y, l] = s(""), [N, g] = s(null), [_, b] = s(!1), [C, o] = s(null);
   T(() => {
     p(null), g(null);
   }, [t]);
@@ -436,9 +436,9 @@ function Z({ workspaceId: t, onMembersChanged: a }) {
   async function A(w, O) {
     await navigator.clipboard.writeText(O), o(w), setTimeout(() => o((v) => v === w ? null : v), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": s, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": r, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: s, children: "Invite people" }),
+      /* @__PURE__ */ e("h3", { id: r, children: "Invite people" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Share a code, or send a one-time join link by email." })
     ] }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
@@ -522,16 +522,16 @@ const ee = [
 }, ae = {
   claude: "-e",
   codex: "--env"
-}, B = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
+}, H = "npx -y --package=@korso/shepherd shepherd-inbox-hook";
 function ie(t) {
   return t === "claude" ? {
     target: "~/.claude/settings.json",
     snippet: JSON.stringify(
       {
         hooks: {
-          SessionStart: [{ hooks: [{ type: "command", command: B }] }],
+          SessionStart: [{ hooks: [{ type: "command", command: H }] }],
           PreToolUse: [
-            { matcher: "*", hooks: [{ type: "command", command: B }] }
+            { matcher: "*", hooks: [{ type: "command", command: H }] }
           ]
         }
       },
@@ -557,7 +557,7 @@ function ie(t) {
       {
         version: 1,
         hooks: {
-          beforeSubmitPrompt: [{ command: B }]
+          beforeSubmitPrompt: [{ command: H }]
         }
       },
       null,
@@ -565,11 +565,11 @@ function ie(t) {
     )
   } : null;
 }
-function re(t, a) {
-  const h = `created ${W(t.createdAt, a)}`, s = t.lastUsedAt ? `last used ${W(t.lastUsedAt, a)}` : "never used";
-  return `${h} · ${s}`;
+function se(t, a) {
+  const h = `created ${W(t.createdAt, a)}`, r = t.lastUsedAt ? `last used ${W(t.lastUsedAt, a)}` : "never used";
+  return `${h} · ${r}`;
 }
-function se(t, a, h) {
+function re(t, a, h) {
   if (t === "generic" || t === "pi" || t === "cursor") {
     const p = { HUB_URL: a, SHEPHERD_TOKEN: h };
     return t !== "generic" && (p.PROGRAM = t), JSON.stringify(
@@ -586,15 +586,15 @@ function se(t, a, h) {
       2
     );
   }
-  const s = ae[t], i = [
+  const r = ae[t], i = [
     te[t],
-    `${s} HUB_URL=${a}`,
-    `${s} SHEPHERD_TOKEN=${h}`
+    `${r} HUB_URL=${a}`,
+    `${r} SHEPHERD_TOKEN=${h}`
   ];
-  return t === "codex" && i.push(`${s} PROGRAM=codex`), i.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), i.join(" ");
+  return t === "codex" && i.push(`${r} PROGRAM=codex`), i.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), i.join(" ");
 }
 function le({ hubUrl: t }) {
-  const a = L(), h = t ?? a.baseUrl, s = j(), [i, p] = r("claude"), [u, c] = r(""), [d, m] = r(null), [y, l] = r([]), [N, g] = r(null), [_, b] = r(null), [C, o] = r(!1), [k, E] = r(!1), [S, I] = r(!0), [A, w] = r(null);
+  const a = L(), h = t ?? a.baseUrl, r = j(), [i, p] = s("claude"), [u, c] = s(""), [d, m] = s(null), [y, l] = s([]), [N, g] = s(null), [_, b] = s(null), [C, o] = s(!1), [k, E] = s(!1), [S, I] = s(!0), [A, w] = s(null);
   async function O() {
     try {
       const f = await a.listAccountTokens();
@@ -633,15 +633,15 @@ function le({ hubUrl: t }) {
       }
     }
   }
-  const D = se(i, h, d ?? ne), H = ie(i);
+  const D = re(i, h, d ?? ne), U = ie(i);
   async function J() {
     await navigator.clipboard.writeText(D), E(!0), setTimeout(() => E(!1), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": s, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": r, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: s, children: "Connect your agent" }),
-      /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token — it works across all your workspaces — then paste the command into your coding tool." }),
-      /* @__PURE__ */ e("p", { className: "card-sub", children: "The first time the agent changes files in a repo, Shepherd asks which workspace to coordinate that repo with — once per repo, right in your tool." })
+      /* @__PURE__ */ e("h3", { id: r, children: "Connect your agent" }),
+      /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token; it works across all your workspaces, so paste the command into your coding tool." }),
+      /* @__PURE__ */ e("p", { className: "card-sub", children: "The first time the agent changes files in a repo, Shepherd asks which workspace to coordinate that repo with, once per repo, right in your tool." })
     ] }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
       /* @__PURE__ */ n("div", { className: "field", children: [
@@ -677,7 +677,7 @@ function le({ hubUrl: t }) {
       ] }),
       N && /* @__PURE__ */ e("p", { role: "alert", children: N }),
       _ && /* @__PURE__ */ e("p", { role: "status", children: _ }),
-      d && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
+      d && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now; it won't be shown again." }),
       /* @__PURE__ */ n("div", { className: "install-command", children: [
         /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: D }),
         /* @__PURE__ */ e(
@@ -723,18 +723,19 @@ function le({ hubUrl: t }) {
           }
         )
       ] }),
-      H && /* @__PURE__ */ n("div", { className: "hook-setup", children: [
+      U && /* @__PURE__ */ n("div", { className: "hook-setup", children: [
         /* @__PURE__ */ n("p", { className: "card-sub", children: [
           "Message delivery sets itself up: the first time the agent runs, Shepherd adds its inbox hook to ",
-          /* @__PURE__ */ e("code", { children: H.target }),
+          /* @__PURE__ */ e("code", { children: U.target }),
+          " ",
+          "automatically. It delivers teammate announcements and reminds the agent to link each repo before its first write. This happens at most once; set",
           " ",
-          "automatically — it delivers teammate announcements and reminds the agent to link each repo before its first write. Happens at most once; set ",
           /* @__PURE__ */ e("code", { children: "SHEPHERD_NO_AUTO_HOOKS=1" }),
           " to opt out."
         ] }),
-        H.snippet && /* @__PURE__ */ n("details", { className: "hook-reference", children: [
+        U.snippet && /* @__PURE__ */ n("details", { className: "hook-reference", children: [
           /* @__PURE__ */ e("summary", { children: "What gets added (manual equivalent)" }),
-          /* @__PURE__ */ e("div", { className: "install-command", children: /* @__PURE__ */ e("pre", { "data-testid": "hook-snippet", children: H.snippet }) })
+          /* @__PURE__ */ e("div", { className: "install-command", children: /* @__PURE__ */ e("pre", { "data-testid": "hook-snippet", children: U.snippet }) })
         ] })
       ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
@@ -742,7 +743,7 @@ function le({ hubUrl: t }) {
         const P = f.name ?? f.id;
         return /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { children: P }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: re(f, Date.now()) }),
+          /* @__PURE__ */ e("span", { className: "token-meta", children: se(f, Date.now()) }),
           f.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
             "button",
             {
@@ -777,12 +778,12 @@ function ce({
   workspace: t,
   hubUrl: a,
   membersRefreshKey: h,
-  onMembersChanged: s,
+  onMembersChanged: r,
   onLeft: i,
   onDeleted: p,
   onLogout: u
 }) {
-  const [c, d] = r("general"), m = t.role === "admin";
+  const [c, d] = s("general"), m = t.role === "admin";
   return /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ n("div", { className: "config-layout", children: [
       /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: oe.map(({ id: y, label: l }) => /* @__PURE__ */ e(
@@ -807,7 +808,7 @@ function ce({
               canRemove: m
             }
           ),
-          m && /* @__PURE__ */ e(Z, { workspaceId: t.id, onMembersChanged: s })
+          m && /* @__PURE__ */ e(Z, { workspaceId: t.id, onMembersChanged: r })
         ] }),
         c === "agent" && /* @__PURE__ */ e(le, { hubUrl: a })
       ] })
@@ -816,7 +817,7 @@ function ce({
   ] });
 }
 function me({ hubUrl: t, onLogout: a }) {
-  const h = L(), [s, i] = r({ status: "loading" }), [p, u] = r(null), [c, d] = r(0), m = G(async () => {
+  const h = L(), [r, i] = s({ status: "loading" }), [p, u] = s(null), [c, d] = s(0), m = G(async () => {
     try {
       const b = await h.listWorkspaces();
       i({ status: "ready", workspaces: b.workspaces }), u(
@@ -832,11 +833,11 @@ function me({ hubUrl: t, onLogout: a }) {
   T(() => {
     m();
   }, [m]);
-  const y = s.status === "ready" ? s.workspaces : [], l = y.find((b) => b.id === p) ?? null;
-  if (s.status === "loading")
+  const y = r.status === "ready" ? r.workspaces : [], l = y.find((b) => b.id === p) ?? null;
+  if (r.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  if (s.status === "error")
-    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: s.message }) });
+  if (r.status === "error")
+    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: r.message }) });
   const N = y.length > 0, g = /* @__PURE__ */ e(
     q,
     {
@@ -881,7 +882,7 @@ function me({ hubUrl: t, onLogout: a }) {
   ) });
 }
 function pe({ code: t, onJoined: a }) {
-  const h = L(), s = j(), [i, p] = r({ status: "joining" }), u = U(a);
+  const h = L(), r = j(), [i, p] = s({ status: "joining" }), u = B(a);
   u.current = a;
   const c = G(async () => {
     p({ status: "joining" });
@@ -891,18 +892,18 @@ function pe({ code: t, onJoined: a }) {
     } catch (m) {
       p({ status: "error", message: x(m) });
     }
-  }, [h, t]), d = U(!1);
+  }, [h, t]), d = B(!1);
   return T(() => {
     d.current || (d.current = !0, c());
-  }, [c]), /* @__PURE__ */ e("section", { className: "shepherd-join", "aria-labelledby": s, children: /* @__PURE__ */ n("div", { className: "shepherd-join__card", children: [
+  }, [c]), /* @__PURE__ */ e("section", { className: "shepherd-join", "aria-labelledby": r, children: /* @__PURE__ */ n("div", { className: "shepherd-join__card", children: [
     /* @__PURE__ */ e("p", { className: "shepherd-join__brand", children: "Shepherd" }),
     i.status === "joining" && /* @__PURE__ */ n($, { children: [
-      /* @__PURE__ */ e("h1", { id: s, children: "Joining workspace…" }),
+      /* @__PURE__ */ e("h1", { id: r, children: "Joining workspace…" }),
       /* @__PURE__ */ e("p", { className: "shepherd-join__copy", role: "status", children: "Hold on while we add you to the team." }),
       /* @__PURE__ */ e("div", { className: "shepherd-join__spinner", "aria-hidden": "true" })
     ] }),
     i.status === "joined" && /* @__PURE__ */ n($, { children: [
-      /* @__PURE__ */ e("h1", { id: s, children: "You’re in" }),
+      /* @__PURE__ */ e("h1", { id: r, children: "You’re in" }),
       /* @__PURE__ */ n("p", { className: "shepherd-join__copy", role: "status", children: [
         "Joined ",
         /* @__PURE__ */ e("strong", { children: i.workspace.name }),
@@ -910,7 +911,7 @@ function pe({ code: t, onJoined: a }) {
       ] })
     ] }),
     i.status === "error" && /* @__PURE__ */ n($, { children: [
-      /* @__PURE__ */ e("h1", { id: s, children: "Couldn’t join the workspace" }),
+      /* @__PURE__ */ e("h1", { id: r, children: "Couldn’t join the workspace" }),
       /* @__PURE__ */ e("p", { className: "shepherd-join__error", role: "alert", children: i.message }),
       /* @__PURE__ */ e(
         "button",

package/dist/lib/selfhost.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useState as s, useCallback as h, useMemo as d } from "react";
-import { c as m, a as u, D as p } from "./Dashboard-YgxAVEUF.js";
+import { c as m, a as u, D as p } from "./Dashboard-DNr0hdbW.js";
 const n = "shepherd.token";
 function f() {
   try {