@korso/shepherd-ui 0.4.0 → 0.5.1

package/dist/client.js

@@ -177,6 +177,20 @@ export function createShepherdClient(config) {
         revokeToken(workspaceId, tokenId) {
             return request("DELETE", `/workspaces/${enc(workspaceId)}/tokens/${enc(tokenId)}`);
         },
+        mintAccountToken(body) {
+            return request("POST", "/tokens", {
+                body,
+                schema: MintTokenResponse,
+            });
+        },
+        listAccountTokens() {
+            return request("GET", "/tokens", {
+                schema: ListTokensResponse,
+            });
+        },
+        revokeAccountToken(id) {
+            return request("DELETE", `/tokens/${enc(id)}`);
+        },
         createInvite(workspaceId, body) {
             return request("POST", `/workspaces/${enc(workspaceId)}/invites`, {
                 body,

package/dist/config/ConfigPanel.js

@@ -12,5 +12,5 @@ const SECTIONS = [
 export function ConfigPanel({ workspace, hubUrl, membersRefreshKey, onMembersChanged, onLeft, }) {
     const [section, setSection] = useState("general");
     const isAdmin = workspace.role === "admin";
-    return (_jsxs("div", { className: "config-layout", children: [_jsx("nav", { className: "config-nav", "aria-label": "Configuration sections", children: SECTIONS.map(({ id, label }) => (_jsx("button", { type: "button", className: "config-nav__item" + (section === id ? " config-nav__item--on" : ""), "aria-current": section === id ? "page" : undefined, onClick: () => setSection(id), children: label }, id))) }), _jsxs("div", { className: "config-panel", children: [section === "general" && (_jsx(GeneralSettings, { workspace: workspace, onLeft: onLeft })), section === "members" && (_jsxs(_Fragment, { children: [_jsx(Members, { workspaceId: workspace.id, refreshKey: membersRefreshKey, canRemove: isAdmin }), isAdmin && (_jsx(Invites, { workspaceId: workspace.id, onMembersChanged: onMembersChanged }))] })), section === "agent" && _jsx(ConnectAgent, { workspaceId: workspace.id, hubUrl: hubUrl })] })] }));
+    return (_jsxs("div", { className: "config-layout", children: [_jsx("nav", { className: "config-nav", "aria-label": "Configuration sections", children: SECTIONS.map(({ id, label }) => (_jsx("button", { type: "button", className: "config-nav__item" + (section === id ? " config-nav__item--on" : ""), "aria-current": section === id ? "page" : undefined, onClick: () => setSection(id), children: label }, id))) }), _jsxs("div", { className: "config-panel", children: [section === "general" && (_jsx(GeneralSettings, { workspace: workspace, onLeft: onLeft })), section === "members" && (_jsxs(_Fragment, { children: [_jsx(Members, { workspaceId: workspace.id, refreshKey: membersRefreshKey, canRemove: isAdmin }), isAdmin && (_jsx(Invites, { workspaceId: workspace.id, onMembersChanged: onMembersChanged }))] })), section === "agent" && _jsx(ConnectAgent, { hubUrl: hubUrl })] })] }));
 }

package/dist/config/ConnectAgent.d.ts

@@ -1,5 +1,4 @@
 export interface ConnectAgentProps {
-    workspaceId: string;
     /**
      * The DIRECT Hub URL the agent connects to (public Cloud Run URL when hosted).
      * Defaults to the dashboard client's baseUrl, which is correct for self-host
@@ -7,4 +6,4 @@ export interface ConnectAgentProps {
      */
     hubUrl?: string;
 }
-export declare function ConnectAgent({ workspaceId, hubUrl }: ConnectAgentProps): import("react").JSX.Element;
+export declare function ConnectAgent({ hubUrl }: ConnectAgentProps): import("react").JSX.Element;

package/dist/config/ConnectAgent.js

@@ -12,12 +12,12 @@ const TOOLS = [
 // The token placeholder shown before a real token is minted. Switching tools or
 // reading the command pre-mint shows this, never a real secret.
 const TOKEN_PLACEHOLDER = "shp_<paste-after-generating>";
-// The CLI tools differ only in the first line of the `mcp add` invocation; the
-// rest of the command (the env flags and the npx tail) is shared.
+// The CLI tools differ only in the `mcp add` invocation; the rest of the
+// command (the env flags and the npx tail) is shared.
 const CLI_PREFIX = {
-    claude: "claude mcp add shepherd -s user \\",
-    codex: "codex mcp add shepherd \\",
-    pi: "pi mcp add shepherd \\",
+    claude: "claude mcp add shepherd -s user",
+    codex: "codex mcp add shepherd",
+    pi: "pi mcp add shepherd",
 };
 // "created 3d ago · never used" / "created 3d ago · last used 2h ago" — helps
 // an operator tell which tokens are still active before revoking one.
@@ -38,14 +38,17 @@ function installCommand(tool, hubUrl, token) {
             },
         }, null, 2);
     }
+    // A single line with no shell-specific continuation character (`\` in
+    // bash/zsh, backtick in PowerShell, `^` in cmd) so the command pastes
+    // cleanly into any terminal.
     return [
         CLI_PREFIX[tool],
-        `  -e HUB_URL=${hubUrl} \\`,
-        `  -e SHEPHERD_TOKEN=${token} \\`,
-        "  -- npx -y @korso/shepherd",
-    ].join("\n");
+        `-e HUB_URL=${hubUrl}`,
+        `-e SHEPHERD_TOKEN=${token}`,
+        "-- npx -y @korso/shepherd",
+    ].join(" ");
 }
-export function ConnectAgent({ workspaceId, hubUrl }) {
+export function ConnectAgent({ hubUrl }) {
     const client = useShepherdClient();
     const directHubUrl = hubUrl ?? client.baseUrl;
     const headingId = useId();
@@ -66,7 +69,7 @@ export function ConnectAgent({ workspaceId, hubUrl }) {
     const [revokingId, setRevokingId] = useState(null);
     async function loadTokens() {
         try {
-            const res = await client.listTokens(workspaceId);
+            const res = await client.listAccountTokens();
             setTokens(res.tokens);
         }
         catch (err) {
@@ -80,18 +83,12 @@ export function ConnectAgent({ workspaceId, hubUrl }) {
         setLoading(true);
         void loadTokens();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [client, workspaceId]);
-    // The component is re-rendered (not remounted) across a workspace switch, so
-    // clear the once-shown raw token so it never leaks into another workspace's
-    // install command (mirrors Workspaces' setInvite(null) reset).
-    useEffect(() => {
-        setRawToken(null);
-    }, [workspaceId]);
+    }, [client]);
     async function generate() {
         setBusy(true);
         setError(null);
         try {
-            const res = await client.mintToken(workspaceId, name.trim() ? { name: name.trim() } : {});
+            const res = await client.mintAccountToken(name.trim() ? { name: name.trim() } : {});
             setRawToken(res.token);
             setName("");
             await loadTokens();
@@ -110,7 +107,7 @@ export function ConnectAgent({ workspaceId, hubUrl }) {
         setError(null);
         setStatus(null);
         try {
-            await client.revokeToken(workspaceId, tokenId);
+            await client.revokeAccountToken(tokenId);
             setTokens((prev) => prev.filter((t) => t.id !== tokenId));
             setStatus("Token revoked");
         }
@@ -127,7 +124,7 @@ export function ConnectAgent({ workspaceId, 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, then paste the command into your coding 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), 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), 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) => {
                             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/config/Members.js

@@ -58,7 +58,7 @@ export function Members({ workspaceId, refreshKey = 0, canRemove = false }) {
         }
     }
     return (_jsxs("section", { className: "shepherd-members", "aria-labelledby": headingId, children: [_jsx("div", { className: "card-head", children: _jsx("h3", { id: headingId, children: "Members" }) }), _jsxs("div", { className: "card-body", children: [error && _jsx("p", { role: "alert", children: error }), status && _jsx("p", { role: "status", children: status }), loading ? (_jsx("p", { role: "status", children: "Loading\u2026" })) : members.length === 0 ? (_jsx("p", { children: "No members." })) : (_jsx("ul", { children: members.map((m) => {
-                            const display = m.displayName ?? m.githubLogin ?? m.accountId;
+                            const display = m.displayName ?? m.githubLogin ?? m.email ?? m.accountId;
                             return (_jsxs("li", { children: [_jsx("span", { children: display }), _jsx("span", { className: "role", children: m.role }), canRemove && (_jsx("button", { type: "button", "aria-label": `Remove ${display}`, onClick: () => void remove(m.accountId, display), disabled: removingId === m.accountId, children: "Remove" }))] }, m.accountId));
                         }) }))] })] }));
 }