@korso/shepherd-ui 0.2.1 → 0.2.2

package/dist/config/ConnectAgent.js

@@ -112,8 +112,8 @@ export function ConnectAgent({ workspaceId, hubUrl }) {
         }
     }
     const command = installCommand(tool, directHubUrl, rawToken ?? TOKEN_PLACEHOLDER);
-    return (_jsxs("section", { className: "shepherd-connect-agent", "aria-labelledby": headingId, children: [_jsx("h3", { id: headingId, children: "Connect your agent" }), _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: "generate", children: [_jsx("label", { htmlFor: "token-name", children: "Token name (optional)" }), _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." })), _jsx("pre", { "data-testid": "install-command", children: command }), _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 }), 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));
-                }) }))] }));
+    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." })), _jsx("pre", { "data-testid": "install-command", children: command }), _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 }), 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

@@ -76,8 +76,8 @@ export function Members({ workspaceId, refreshKey = 0, canRemove = false, onLeft
             setLeaving(false);
         }
     }
-    return (_jsxs("section", { className: "shepherd-members", "aria-labelledby": headingId, children: [_jsx("h3", { id: headingId, children: "Members" }), 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;
-                    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));
-                }) })), _jsx("button", { type: "button", onClick: () => void leave(), disabled: leaving, children: "Leave workspace" })] }));
+    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;
+                            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));
+                        }) })), _jsx("button", { type: "button", onClick: () => void leave(), disabled: leaving, children: "Leave workspace" })] })] }));
 }

package/dist/config/Workspaces.js

@@ -92,5 +92,5 @@ export function Workspaces({ workspaces, selected, onChanged, onSelect }) {
     const joinLink = invite
         ? `${window.location.origin}/join/${encodeURIComponent(invite.code)}`
         : null;
-    return (_jsxs("section", { className: "shepherd-workspaces", "aria-labelledby": headingId, children: [_jsx("h3", { id: headingId, children: "Workspace management" }), error && _jsx("p", { role: "alert", children: error }), workspaces.length > 1 && onSelect && (_jsxs("div", { className: "switcher", children: [_jsx("label", { htmlFor: "ws-switcher", children: "Active workspace" }), _jsx("select", { id: "ws-switcher", value: selected?.id ?? "", onChange: (e) => onSelect(e.target.value), children: workspaces.map((w) => (_jsx("option", { value: w.id, children: w.name }, w.id))) })] })), _jsxs("div", { className: "create", children: [_jsx("label", { htmlFor: "ws-name", children: "Workspace name" }), _jsx("input", { id: "ws-name", type: "text", value: name, onChange: (e) => setName(e.target.value) }), _jsx("button", { type: "button", onClick: () => void create(), disabled: busy, children: "Create workspace" })] }), _jsxs("div", { className: "join", children: [_jsx("label", { htmlFor: "invite-code", children: "Invite code" }), _jsx("input", { id: "invite-code", type: "text", value: code, onChange: (e) => setCode(e.target.value) }), _jsx("button", { type: "button", onClick: () => void join(), disabled: busy, children: "Join" })] }), isAdmin && selected && (_jsxs("div", { className: "admin", children: [_jsxs("div", { className: "invites", children: [_jsx("button", { type: "button", onClick: () => void createInvite(), disabled: busy, children: "Create invite" }), invite && (_jsxs("div", { className: "invite-result", children: [_jsx("code", { children: invite.code }), _jsx("a", { href: joinLink ?? undefined, children: joinLink }), _jsxs("span", { className: "invite-uses", children: [invite.useCount, " / ", invite.maxUses, " uses"] }), _jsx("button", { type: "button", onClick: () => void revokeInvite(), disabled: busy, children: "Revoke invite" })] }))] }), _jsx(Members, { workspaceId: selected.id, refreshKey: membersRefreshKey, onLeft: onChanged, canRemove: true })] }))] }));
+    return (_jsxs("section", { className: "shepherd-workspaces", "aria-labelledby": headingId, children: [_jsxs("div", { className: "card-head", children: [_jsx("h3", { id: headingId, children: "Workspace management" }), _jsx("p", { className: "card-sub", children: "Create a workspace to get started, or join an existing one with an invite code." })] }), _jsxs("div", { className: "card-body", children: [error && _jsx("p", { role: "alert", children: error }), workspaces.length > 1 && onSelect && (_jsxs("div", { className: "field switcher", children: [_jsx("label", { htmlFor: "ws-switcher", children: "Active workspace" }), _jsx("select", { id: "ws-switcher", value: selected?.id ?? "", onChange: (e) => onSelect(e.target.value), children: workspaces.map((w) => (_jsx("option", { value: w.id, children: w.name }, w.id))) })] })), _jsxs("div", { className: "field create", children: [_jsx("label", { htmlFor: "ws-name", children: "Workspace name" }), _jsx("p", { className: "helper", children: "Start a fresh workspace \u2014 you'll be its admin." }), _jsxs("div", { className: "field__row", children: [_jsx("input", { id: "ws-name", type: "text", placeholder: "e.g. Acme Engineering", value: name, onChange: (e) => setName(e.target.value) }), _jsx("button", { type: "button", onClick: () => void create(), disabled: busy, children: "Create workspace" })] })] }), _jsxs("div", { className: "field join", children: [_jsx("label", { htmlFor: "invite-code", children: "Invite code" }), _jsx("p", { className: "helper", children: "Paste an invite code someone shared to join their workspace." }), _jsxs("div", { className: "field__row", children: [_jsx("input", { id: "invite-code", type: "text", placeholder: "Invite code", value: code, onChange: (e) => setCode(e.target.value) }), _jsx("button", { type: "button", onClick: () => void join(), disabled: busy, children: "Join" })] })] }), isAdmin && selected && (_jsxs("div", { className: "admin", children: [_jsxs("div", { className: "invites", children: [_jsx("button", { type: "button", onClick: () => void createInvite(), disabled: busy, children: "Create invite" }), invite && (_jsxs("div", { className: "invite-result", children: [_jsx("code", { children: invite.code }), _jsx("a", { href: joinLink ?? undefined, children: joinLink }), _jsxs("span", { className: "invite-uses", children: [invite.useCount, " / ", invite.maxUses, " uses"] }), _jsx("button", { type: "button", onClick: () => void revokeInvite(), disabled: busy, children: "Revoke invite" })] }))] }), _jsx(Members, { workspaceId: selected.id, refreshKey: membersRefreshKey, onLeft: onChanged, canRemove: true })] }))] })] }));
 }

package/dist/lib/index.js

@@ -1,374 +1,398 @@
-import { u as O, d as N, D as $ } from "./Dashboard-B7nioe5N.js";
+import { u as j, d as C, D as W } from "./Dashboard-B7nioe5N.js";
 import { E as Y, S as Z, a as ee, c as ne } from "./Dashboard-B7nioe5N.js";
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { useId as U, useState as a, useEffect as H, useCallback as F } from "react";
-function K({ workspaceId: c, refreshKey: t = 0, canRemove: i = !1, onLeft: k }) {
-  const m = O(), C = U(), [g, b] = a([]), [u, p] = a(null), [h, o] = a(null), [w, d] = a(!0), [s, v] = a(null), [R, S] = a(!1);
-  async function I({ keepError: l = !1 } = {}) {
-    l || p(null);
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useId as O, useState as i, useEffect as _, useCallback as $ } from "react";
+function A({ workspaceId: d, refreshKey: a = 0, canRemove: l = !1, onLeft: k }) {
+  const p = j(), N = O(), [g, b] = i([]), [u, v] = i(null), [m, s] = i(null), [w, h] = i(!0), [c, f] = i(null), [R, S] = i(!1);
+  async function I({ keepError: o = !1 } = {}) {
+    o || v(null);
     try {
-      const f = await m.listMembers(c);
-      b(f.members);
-    } catch (f) {
-      p(N(f));
+      const y = await p.listMembers(d);
+      b(y.members);
+    } catch (y) {
+      v(C(y));
     } finally {
-      d(!1);
+      h(!1);
     }
   }
-  H(() => {
-    d(!0), I();
-  }, [m, c, t]);
-  async function L(l, f) {
-    if (!s) {
-      v(l), p(null), o(null), b((E) => E.filter((r) => r.accountId !== l));
+  _(() => {
+    h(!0), I();
+  }, [p, d, a]);
+  async function L(o, y) {
+    if (!c) {
+      f(o), v(null), s(null), b((E) => E.filter((t) => t.accountId !== o));
       try {
-        await m.removeMember(c, l), o(`Removed ${f}`);
+        await p.removeMember(d, o), s(`Removed ${y}`);
       } catch (E) {
-        p(N(E)), I({ keepError: !0 });
+        v(C(E)), I({ keepError: !0 });
       } finally {
-        v(null);
+        f(null);
       }
     }
   }
   async function x() {
     if (!R) {
-      S(!0), p(null), o(null);
+      S(!0), v(null), s(null);
       try {
-        await m.leave(c), o("Left workspace"), k == null || k();
-      } catch (l) {
-        p(N(l));
+        await p.leave(d), s("Left workspace"), k == null || k();
+      } catch (o) {
+        v(C(o));
       } finally {
         S(!1);
       }
     }
   }
-  return /* @__PURE__ */ y("section", { className: "shepherd-members", "aria-labelledby": C, children: [
-    /* @__PURE__ */ e("h3", { id: C, children: "Members" }),
-    u && /* @__PURE__ */ e("p", { role: "alert", children: u }),
-    h && /* @__PURE__ */ e("p", { role: "status", children: h }),
-    w ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : g.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: g.map((l) => {
-      const f = l.displayName ?? l.githubLogin ?? l.accountId;
-      return /* @__PURE__ */ y("li", { children: [
-        /* @__PURE__ */ e("span", { children: f }),
-        /* @__PURE__ */ e("span", { className: "role", children: l.role }),
-        i && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            "aria-label": `Remove ${f}`,
-            onClick: () => void L(l.accountId, f),
-            disabled: s === l.accountId,
-            children: "Remove"
-          }
-        )
-      ] }, l.accountId);
-    }) }),
-    /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: R, children: "Leave workspace" })
+  return /* @__PURE__ */ r("section", { className: "shepherd-members", "aria-labelledby": N, children: [
+    /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: N, children: "Members" }) }),
+    /* @__PURE__ */ r("div", { className: "card-body", children: [
+      u && /* @__PURE__ */ e("p", { role: "alert", children: u }),
+      m && /* @__PURE__ */ e("p", { role: "status", children: m }),
+      w ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : g.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: g.map((o) => {
+        const y = o.displayName ?? o.githubLogin ?? o.accountId;
+        return /* @__PURE__ */ r("li", { children: [
+          /* @__PURE__ */ e("span", { children: y }),
+          /* @__PURE__ */ e("span", { className: "role", children: o.role }),
+          l && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${y}`,
+              onClick: () => void L(o.accountId, y),
+              disabled: c === o.accountId,
+              children: "Remove"
+            }
+          )
+        ] }, o.accountId);
+      }) }),
+      /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: R, children: "Leave workspace" })
+    ] })
   ] });
 }
-function M({ workspaces: c, selected: t, onChanged: i, onSelect: k }) {
-  const m = O(), C = U(), [g, b] = a(""), [u, p] = a(""), [h, o] = a(null), [w, d] = a(null), [s, v] = a(!1), [R, S] = a(0), I = (t == null ? void 0 : t.role) === "admin";
+function F({ workspaces: d, selected: a, onChanged: l, onSelect: k }) {
+  const p = j(), N = O(), [g, b] = i(""), [u, v] = i(""), [m, s] = i(null), [w, h] = i(null), [c, f] = i(!1), [R, S] = i(0), I = (a == null ? void 0 : a.role) === "admin";
   async function L() {
-    if (!(!g.trim() || s)) {
-      v(!0), d(null);
+    if (!(!g.trim() || c)) {
+      f(!0), h(null);
       try {
-        await m.createWorkspace({ name: g.trim() }), b(""), i();
-      } catch (r) {
-        d(N(r));
+        await p.createWorkspace({ name: g.trim() }), b(""), l();
+      } catch (t) {
+        h(C(t));
       } finally {
-        v(!1);
+        f(!1);
       }
     }
   }
   async function x() {
-    if (!(!u.trim() || s)) {
-      v(!0), d(null);
+    if (!(!u.trim() || c)) {
+      f(!0), h(null);
       try {
-        await m.redeemInvite(u.trim()), p(""), i(), S((r) => r + 1);
-      } catch (r) {
-        d(N(r));
+        await p.redeemInvite(u.trim()), v(""), l(), S((t) => t + 1);
+      } catch (t) {
+        h(C(t));
       } finally {
-        v(!1);
+        f(!1);
       }
     }
   }
-  async function l() {
-    if (!(!t || s)) {
-      v(!0), d(null);
+  async function o() {
+    if (!(!a || c)) {
+      f(!0), h(null);
       try {
-        const r = await m.createInvite(t.id, {});
-        o(r), S((j) => j + 1);
-      } catch (r) {
-        d(N(r));
+        const t = await p.createInvite(a.id, {});
+        s(t), S((H) => H + 1);
+      } catch (t) {
+        h(C(t));
       } finally {
-        v(!1);
+        f(!1);
       }
     }
   }
-  async function f() {
-    if (!(!t || !h || s)) {
-      v(!0), d(null);
+  async function y() {
+    if (!(!a || !m || c)) {
+      f(!0), h(null);
       try {
-        await m.revokeInvite(t.id, h.code), o(null);
-      } catch (r) {
-        d(N(r));
+        await p.revokeInvite(a.id, m.code), s(null);
+      } catch (t) {
+        h(C(t));
       } finally {
-        v(!1);
+        f(!1);
       }
     }
   }
-  H(() => {
-    o(null);
-  }, [t == null ? void 0 : t.id]);
-  const E = h ? `${window.location.origin}/join/${encodeURIComponent(h.code)}` : null;
-  return /* @__PURE__ */ y("section", { className: "shepherd-workspaces", "aria-labelledby": C, children: [
-    /* @__PURE__ */ e("h3", { id: C, children: "Workspace management" }),
-    w && /* @__PURE__ */ e("p", { role: "alert", children: w }),
-    c.length > 1 && k && /* @__PURE__ */ y("div", { className: "switcher", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "ws-switcher", children: "Active workspace" }),
-      /* @__PURE__ */ e(
-        "select",
-        {
-          id: "ws-switcher",
-          value: (t == null ? void 0 : t.id) ?? "",
-          onChange: (r) => k(r.target.value),
-          children: c.map((r) => /* @__PURE__ */ e("option", { value: r.id, children: r.name }, r.id))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ y("div", { className: "create", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "ws-name", children: "Workspace name" }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "ws-name",
-          type: "text",
-          value: g,
-          onChange: (r) => b(r.target.value)
-        }
-      ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: s, children: "Create workspace" })
+  _(() => {
+    s(null);
+  }, [a == null ? void 0 : a.id]);
+  const E = m ? `${window.location.origin}/join/${encodeURIComponent(m.code)}` : null;
+  return /* @__PURE__ */ r("section", { className: "shepherd-workspaces", "aria-labelledby": N, children: [
+    /* @__PURE__ */ r("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: N, children: "Workspace management" }),
+      /* @__PURE__ */ e("p", { className: "card-sub", children: "Create a workspace to get started, or join an existing one with an invite code." })
     ] }),
-    /* @__PURE__ */ y("div", { className: "join", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "invite-code", children: "Invite code" }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "invite-code",
-          type: "text",
-          value: u,
-          onChange: (r) => p(r.target.value)
-        }
-      ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: s, children: "Join" })
-    ] }),
-    I && t && /* @__PURE__ */ y("div", { className: "admin", children: [
-      /* @__PURE__ */ y("div", { className: "invites", children: [
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void l(), disabled: s, children: "Create invite" }),
-        h && /* @__PURE__ */ y("div", { className: "invite-result", children: [
-          /* @__PURE__ */ e("code", { children: h.code }),
-          /* @__PURE__ */ e("a", { href: E ?? void 0, children: E }),
-          /* @__PURE__ */ y("span", { className: "invite-uses", children: [
-            h.useCount,
-            " / ",
-            h.maxUses,
-            " uses"
-          ] }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void f(), disabled: s, children: "Revoke invite" })
+    /* @__PURE__ */ r("div", { className: "card-body", children: [
+      w && /* @__PURE__ */ e("p", { role: "alert", children: w }),
+      d.length > 1 && k && /* @__PURE__ */ r("div", { className: "field switcher", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "ws-switcher", children: "Active workspace" }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            id: "ws-switcher",
+            value: (a == null ? void 0 : a.id) ?? "",
+            onChange: (t) => k(t.target.value),
+            children: d.map((t) => /* @__PURE__ */ e("option", { value: t.id, children: t.name }, t.id))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "field create", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "ws-name", children: "Workspace name" }),
+        /* @__PURE__ */ e("p", { className: "helper", children: "Start a fresh workspace — you'll be its admin." }),
+        /* @__PURE__ */ r("div", { className: "field__row", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "ws-name",
+              type: "text",
+              placeholder: "e.g. Acme Engineering",
+              value: g,
+              onChange: (t) => b(t.target.value)
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: c, children: "Create workspace" })
         ] })
       ] }),
-      /* @__PURE__ */ e(
-        K,
-        {
-          workspaceId: t.id,
-          refreshKey: R,
-          onLeft: i,
-          canRemove: !0
-        }
-      )
+      /* @__PURE__ */ r("div", { className: "field join", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "invite-code", children: "Invite code" }),
+        /* @__PURE__ */ e("p", { className: "helper", children: "Paste an invite code someone shared to join their workspace." }),
+        /* @__PURE__ */ r("div", { className: "field__row", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "invite-code",
+              type: "text",
+              placeholder: "Invite code",
+              value: u,
+              onChange: (t) => v(t.target.value)
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: c, children: "Join" })
+        ] })
+      ] }),
+      I && a && /* @__PURE__ */ r("div", { className: "admin", children: [
+        /* @__PURE__ */ r("div", { className: "invites", children: [
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void o(), disabled: c, children: "Create invite" }),
+          m && /* @__PURE__ */ r("div", { className: "invite-result", children: [
+            /* @__PURE__ */ e("code", { children: m.code }),
+            /* @__PURE__ */ e("a", { href: E ?? void 0, children: E }),
+            /* @__PURE__ */ r("span", { className: "invite-uses", children: [
+              m.useCount,
+              " / ",
+              m.maxUses,
+              " uses"
+            ] }),
+            /* @__PURE__ */ e("button", { type: "button", onClick: () => void y(), disabled: c, children: "Revoke invite" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          A,
+          {
+            workspaceId: a.id,
+            refreshKey: R,
+            onLeft: l,
+            canRemove: !0
+          }
+        )
+      ] })
     ] })
   ] });
 }
-const P = [
+const K = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], A = "shp_<paste-after-generating>", D = {
+], M = "shp_<paste-after-generating>", D = {
   claude: "claude mcp add shepherd -s user \\",
   codex: "codex mcp add shepherd \\",
   pi: "pi mcp add shepherd \\"
 };
-function B(c, t, i) {
-  return c === "generic" ? JSON.stringify(
+function B(d, a, l) {
+  return d === "generic" ? JSON.stringify(
     {
       mcpServers: {
         shepherd: {
           command: "npx",
           args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: i }
+          env: { HUB_URL: a, SHEPHERD_TOKEN: l }
         }
       }
     },
     null,
     2
   ) : [
-    D[c],
-    `  -e HUB_URL=${t} \\`,
-    `  -e SHEPHERD_TOKEN=${i} \\`,
+    D[d],
+    `  -e HUB_URL=${a} \\`,
+    `  -e SHEPHERD_TOKEN=${l} \\`,
     "  -- npx -y @korso/shepherd"
   ].join(`
 `);
 }
-function J({ workspaceId: c, hubUrl: t }) {
-  const i = O(), k = t ?? i.baseUrl, m = U(), [C, g] = a("claude"), [b, u] = a(""), [p, h] = a(null), [o, w] = a([]), [d, s] = a(null), [v, R] = a(null), [S, I] = a(!1), [L, x] = a(!0), [l, f] = a(null);
+function G({ workspaceId: d, hubUrl: a }) {
+  const l = j(), k = a ?? l.baseUrl, p = O(), [N, g] = i("claude"), [b, u] = i(""), [v, m] = i(null), [s, w] = i([]), [h, c] = i(null), [f, R] = i(null), [S, I] = i(!1), [L, x] = i(!0), [o, y] = i(null);
   async function E() {
     try {
-      const n = await i.listTokens(c);
+      const n = await l.listTokens(d);
       w(n.tokens);
     } catch (n) {
-      s(N(n));
+      c(C(n));
     } finally {
       x(!1);
     }
   }
-  H(() => {
+  _(() => {
     x(!0), E();
-  }, [i, c]), H(() => {
-    h(null);
-  }, [c]);
-  async function r() {
-    I(!0), s(null);
+  }, [l, d]), _(() => {
+    m(null);
+  }, [d]);
+  async function t() {
+    I(!0), c(null);
     try {
-      const n = await i.mintToken(
-        c,
+      const n = await l.mintToken(
+        d,
         b.trim() ? { name: b.trim() } : {}
       );
-      h(n.token), u(""), await E();
+      m(n.token), u(""), await E();
     } catch (n) {
-      s(N(n));
+      c(C(n));
     } finally {
       I(!1);
     }
   }
-  async function j(n) {
-    if (!l) {
-      f(n), s(null), R(null);
+  async function H(n) {
+    if (!o) {
+      y(n), c(null), R(null);
       try {
-        await i.revokeToken(c, n), w((T) => T.filter((_) => _.id !== n)), R("Token revoked");
+        await l.revokeToken(d, n), w((T) => T.filter((U) => U.id !== n)), R("Token revoked");
       } catch (T) {
-        s(N(T));
+        c(C(T));
       } finally {
-        f(null);
+        y(null);
       }
     }
   }
-  const W = B(C, k, p ?? A);
-  return /* @__PURE__ */ y("section", { className: "shepherd-connect-agent", "aria-labelledby": m, children: [
-    /* @__PURE__ */ e("h3", { id: m, children: "Connect your agent" }),
-    /* @__PURE__ */ e("label", { htmlFor: "connect-tool", children: "Tool" }),
-    /* @__PURE__ */ e(
-      "select",
-      {
-        id: "connect-tool",
-        value: C,
-        onChange: (n) => g(n.target.value),
-        children: P.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
-      }
-    ),
-    /* @__PURE__ */ y("div", { className: "generate", children: [
-      /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "token-name",
-          type: "text",
-          value: b,
-          onChange: (n) => u(n.target.value),
-          placeholder: "e.g. laptop"
-        }
-      ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void r(), disabled: S, children: "Generate token" })
+  const P = B(N, k, v ?? M);
+  return /* @__PURE__ */ r("section", { className: "shepherd-connect-agent", "aria-labelledby": p, children: [
+    /* @__PURE__ */ r("div", { className: "card-head", children: [
+      /* @__PURE__ */ e("h3", { id: p, children: "Connect your agent" }),
+      /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token, then paste the command into your coding tool." })
     ] }),
-    d && /* @__PURE__ */ e("p", { role: "alert", children: d }),
-    v && /* @__PURE__ */ e("p", { role: "status", children: v }),
-    p && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
-    /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: W }),
-    /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-    L ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : o.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: o.map((n) => {
-      const T = n.name ?? n.id;
-      return /* @__PURE__ */ y("li", { children: [
-        /* @__PURE__ */ e("span", { children: T }),
-        n.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
-          "button",
+    /* @__PURE__ */ r("div", { className: "card-body", children: [
+      /* @__PURE__ */ r("div", { className: "field", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "connect-tool", children: "Tool" }),
+        /* @__PURE__ */ e(
+          "select",
           {
-            type: "button",
-            "aria-label": `Revoke token ${T}`,
-            onClick: () => void j(n.id),
-            disabled: l === n.id,
-            children: "Revoke"
+            id: "connect-tool",
+            value: N,
+            onChange: (n) => g(n.target.value),
+            children: K.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
           }
         )
-      ] }, n.id);
-    }) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "field generate", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "token-name", children: "Token name (optional)" }),
+        /* @__PURE__ */ r("div", { className: "field__row", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "token-name",
+              type: "text",
+              value: b,
+              onChange: (n) => u(n.target.value),
+              placeholder: "e.g. laptop"
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void t(), disabled: S, children: "Generate token" })
+        ] })
+      ] }),
+      h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
+      f && /* @__PURE__ */ e("p", { role: "status", children: f }),
+      v && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
+      /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: P }),
+      /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
+      L ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : s.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: s.map((n) => {
+        const T = n.name ?? n.id;
+        return /* @__PURE__ */ r("li", { children: [
+          /* @__PURE__ */ e("span", { children: T }),
+          n.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Revoke token ${T}`,
+              onClick: () => void H(n.id),
+              disabled: o === n.id,
+              children: "Revoke"
+            }
+          )
+        ] }, n.id);
+      }) })
+    ] })
   ] });
 }
-function z({ hubUrl: c }) {
-  const t = O(), [i, k] = a({ status: "loading" }), [m, C] = a(null), g = F(async () => {
+function z({ hubUrl: d }) {
+  const a = j(), [l, k] = i({ status: "loading" }), [p, N] = i(null), g = $(async () => {
     try {
-      const o = await t.listWorkspaces();
-      k({ status: "ready", workspaces: o.workspaces }), C(
+      const s = await a.listWorkspaces();
+      k({ status: "ready", workspaces: s.workspaces }), N(
         (w) => {
-          var d;
-          return w && o.workspaces.some((s) => s.id === w) ? w : ((d = o.workspaces[0]) == null ? void 0 : d.id) ?? null;
+          var h;
+          return w && s.workspaces.some((c) => c.id === w) ? w : ((h = s.workspaces[0]) == null ? void 0 : h.id) ?? null;
         }
       );
-    } catch (o) {
-      k({ status: "error", message: N(o) });
+    } catch (s) {
+      k({ status: "error", message: C(s) });
     }
-  }, [t]);
-  H(() => {
+  }, [a]);
+  _(() => {
     g();
   }, [g]);
-  const b = i.status === "ready" ? i.workspaces : [], u = b.find((o) => o.id === m) ?? null;
-  if (i.status === "loading")
+  const b = l.status === "ready" ? l.workspaces : [], u = b.find((s) => s.id === p) ?? null;
+  if (l.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  if (i.status === "error")
-    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: i.message }) });
-  const p = b.length > 0, h = /* @__PURE__ */ y("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
+  if (l.status === "error")
+    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: l.message }) });
+  const v = b.length > 0, m = /* @__PURE__ */ r("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
     /* @__PURE__ */ e(
-      M,
+      F,
       {
         workspaces: b,
         selected: u,
         onChanged: () => {
           g();
         },
-        onSelect: C
+        onSelect: N
       }
     ),
-    u && /* @__PURE__ */ e(J, { workspaceId: u.id, hubUrl: c })
+    u && /* @__PURE__ */ e(G, { workspaceId: u.id, hubUrl: d })
   ] });
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
-    $,
+    W,
     {
       workspaceId: u == null ? void 0 : u.id,
-      config: h,
-      hasWorkspace: p
+      config: m,
+      hasWorkspace: v
     }
   ) });
 }
 export {
-  J as ConnectAgent,
-  $ as Dashboard,
+  G as ConnectAgent,
+  W as Dashboard,
   Y as EmptyState,
-  K as Members,
+  A as Members,
   Z as ShepherdClientError,
   ee as ShepherdClientProvider,
   z as ShepherdRoot,
-  M as Workspaces,
+  F as Workspaces,
   ne as createShepherdClient,
-  N as describeError,
-  O as useShepherdClient
+  C as describeError,
+  j as useShepherdClient
 };

package/dist/lib/styles.css

@@ -12,9 +12,7 @@
       }
       .wrap { max-width:1100px; margin:0 auto; padding:40px 44px; }
 
-      header { display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--line); }
-      /* Chat view: the card supplies its own border, so the header rule is redundant. */
-      #board:has(#panel-chat:not([hidden])) header { border-bottom:0; }
+      header { display:flex; align-items:center; gap:12px; padding-bottom:18px; }
       .brand { font-size:17px; font-weight:600; }
       .vitals { color:var(--ink3); font-size:12.5px; }
       .grow { flex:1; }
@@ -181,33 +179,70 @@
       .gate button { padding:10px 16px; border-radius:8px; border:1px solid var(--ink);
         background:var(--ink); color:var(--bg); font-weight:600; cursor:pointer; }
 
-      /* --- Multi-workspace hosted shell + config surface (functional, not polished;
-         a dedicated styling sub-project refines this). Reuses the board's tokens. --- */
+      /* --- Multi-workspace hosted shell + config surface. Reuses the board's
+         tokens and its editorial vocabulary (uppercase micro-labels echoing the
+         column heads, hairline rules) so Config reads as part of the board. --- */
       .shepherd-root { max-width:1100px; margin:0 auto; padding:40px 44px; }
       .shepherd-root > main { padding-top:18px; }
       .shepherd-config { display:flex; flex-direction:column; gap:24px; }
       .shepherd-config h2 { font-size:16px; margin:0 0 4px; }
+
+      /* Every config card shares one shell: a header band sitting on a hairline
+         above a padded body. Nested cards (Members) reuse the same anatomy. */
       .shepherd-workspaces, .shepherd-members, .shepherd-connect-agent {
-        display:flex; flex-direction:column; gap:10px;
-        padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--card); }
-      .shepherd-workspaces .switcher { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
-      .shepherd-workspaces .role { color:var(--ink3); font-size:12px; }
-      .shepherd-workspaces .admin, .shepherd-workspaces .invites { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
-      /* Create-workspace + join-by-code rows: label, input, then action button on
-         one line. A fixed-width label column aligns the two rows' inputs vertically. */
-      .shepherd-workspaces .create, .shepherd-workspaces .join {
-        display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
-      .shepherd-workspaces .create > label, .shepherd-workspaces .join > label,
-      .shepherd-workspaces .switcher > label { min-width:104px; color:var(--ink2); }
-      .shepherd-workspaces .create > input, .shepherd-workspaces .join > input {
-        flex:1; min-width:180px; }
+        border:1px solid var(--line); border-radius:12px; background:var(--card); overflow:hidden; }
+      .shepherd-config .card-head { padding:18px 20px 14px; border-bottom:1px solid var(--line2); }
+      .shepherd-config .card-head h3 { font-size:14px; font-weight:600; margin:0; }
+      .shepherd-config .card-sub { margin:3px 0 0; font-size:12.5px; color:var(--ink3); }
+      .shepherd-config .card-body { padding:16px 20px 18px; display:flex; flex-direction:column; gap:16px; }
+      .shepherd-config .card-body > [role="alert"] { margin:0; color:var(--drop); font-size:13px; }
+      .shepherd-config .card-body > [role="status"] { margin:0; color:var(--ink2); font-size:13px; }
+
+      /* A field: uppercase eyebrow label, optional helper, then input(s) + action
+         on one row. Labels borrow the board's .colhead h2 treatment. */
+      .shepherd-config .field { display:flex; flex-direction:column; gap:8px; }
+      .shepherd-config .card-body label {
+        font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--ink3); }
+      .shepherd-config .helper { margin:0; font-size:12.5px; color:var(--ink2); }
+      .shepherd-config .field > select { width:100%; }
+      .shepherd-config .field__row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
+      .shepherd-config .field__row > input { flex:1; min-width:200px; }
+
+      /* Admin zone (invites + roster) is set off from create/join by a hairline. */
+      .shepherd-workspaces .admin { display:flex; flex-direction:column; gap:14px;
+        padding-top:16px; border-top:1px solid var(--line2); }
+      .shepherd-workspaces .invites { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
+
       .shepherd-config input, .shepherd-config select {
-        padding:8px 10px; border-radius:8px; border:1px solid var(--line);
-        background:var(--bg); color:var(--ink); }
+        padding:9px 12px; border-radius:8px; border:1px solid var(--line);
+        background:var(--bg); color:var(--ink); font:inherit;
+        transition:border-color .12s ease, box-shadow .12s ease; }
+      .shepherd-config input::placeholder { color:var(--ink3); }
+      .shepherd-config input:focus, .shepherd-config select:focus {
+        outline:none; border-color:var(--terr); box-shadow:0 0 0 3px rgba(122,106,72,.14); }
       .shepherd-config button {
-        padding:8px 14px; border-radius:8px; border:1px solid var(--ink);
-        background:var(--ink); color:var(--bg); font-weight:600; cursor:pointer; }
+        padding:9px 16px; border-radius:8px; border:1px solid var(--ink);
+        background:var(--ink); color:var(--bg); font-weight:600; cursor:pointer; font:inherit;
+        white-space:nowrap; transition:background .12s ease; }
+      .shepherd-config button:hover:not(:disabled) { background:#413a2a; }
       .shepherd-config button:disabled { opacity:.55; cursor:default; }
+
+      /* Token / member rows: leading name grows, meta + action ride the right. */
+      .shepherd-config ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
+      .shepherd-config li { display:flex; align-items:center; gap:10px; padding:8px 12px;
+        border:1px solid var(--line2); border-radius:8px; background:var(--bg); font-size:13px; }
+      .shepherd-config li > span:first-child { flex:1; min-width:0; font-weight:500; }
+      .shepherd-config li button { padding:5px 12px; }
+      .shepherd-config .role { color:var(--ink3); font-size:12px; }
+
+      /* Install command block. */
+      .shepherd-connect-agent pre { margin:0; padding:12px 14px; border-radius:8px;
+        border:1px solid var(--line); background:var(--bg); color:var(--ink);
+        font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; line-height:1.5;
+        overflow-x:auto; white-space:pre-wrap; word-break:break-word; }
+      .shepherd-connect-agent h4 { margin:6px 0 0; font-size:11px; font-weight:600;
+        letter-spacing:.05em; text-transform:uppercase; color:var(--ink3); }
+
       .shepherd-config .invite-result, .shepherd-connect-agent .token-once {
         font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px;
         word-break:break-all; padding:8px 10px; border-radius:8px;

package/dist/selfhost/assets/index-CcGvL65Q.css

@@ -0,0 +1 @@
+:root{--bg:#ece0c6;--ink:#322c20;--ink2:#6f6450;--ink3:#9c917a;--line:#d7c9ac;--line2:#e0d4b9;--live:#3d8b58;--drop:#bd4f3a;--chip:#e3d6ba;--terr:#7a6a48;--card:#f5ecd9}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1100px;margin:0 auto;padding:40px 44px}header{display:flex;align-items:center;gap:12px;padding-bottom:18px}.brand{font-size:17px;font-weight:600}.vitals{color:var(--ink3);font-size:12.5px}.grow{flex:1}.status{font-size:12px;color:var(--ink3)}.status--ok{color:var(--live)}.status--warn{color:var(--terr)}.status--error{color:var(--drop)}.freshness{font-size:12px;color:var(--ink3)}.repo{position:relative}.repo-trig{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-family:inherit;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fffaee66;cursor:pointer}.repo-trig .slash{color:var(--ink3)}.repo-menu{position:absolute;top:36px;left:0;min-width:200px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 8px 24px #32281424;z-index:5}.repo-mi{display:flex;justify-content:space-between;gap:14px;padding:7px 9px;width:100%;text-align:left;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;background:transparent;border-radius:7px;font-size:13px;cursor:pointer}.repo-mi:hover{background:var(--chip)}.repo-mi.on{background:var(--chip);font-weight:600}.repo-mi .ct{font-size:11px;color:var(--ink3)}.repo-mi.all{border-top:1px solid var(--line2);margin-top:4px;padding-top:9px;color:var(--ink2)}.tabs{display:flex;gap:4px;margin-left:auto}.tab{font-size:13px;color:var(--ink2);padding:5px 11px;border:0;border-radius:7px;background:transparent;cursor:pointer;font:inherit}.tab--active{background:var(--ink);color:var(--bg)}.crew{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:26px 0 32px}.person{display:inline-flex;align-items:center;gap:9px;padding:5px 13px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px}.person--idle{opacity:.55}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;flex:none}.person__name{font-weight:600}.person__doing{color:var(--ink3);font-size:12px}.board{display:grid;grid-template-columns:1fr 1px 1fr;gap:0}.board__rule{background:var(--line)}.col{padding:0 36px}.col:first-child{padding-left:0}.col:last-child{padding-right:0}.colhead{display:flex;align-items:center;gap:8px;margin-bottom:6px}.colhead h2{font-size:12px;font-weight:600;letter-spacing:.03em;margin:0;text-transform:uppercase;color:var(--ink2)}.colhead .n{font-size:11px;color:var(--ink3);background:var(--chip);border-radius:999px;padding:1px 8px}.task{padding:16px 0;border-bottom:1px solid var(--line2)}.task__r1{display:flex;align-items:center;gap:8px}.task__who{font-size:13.5px;font-weight:600}.task__tag{font-size:11px;color:var(--ink3)}.task__repo{font-size:11px;color:var(--terr);background:#7a6a481a;border-radius:4px;padding:0 6px}.task__stat{margin-left:auto;font-size:11px;font-weight:500;color:var(--ink3)}.task__stat--drop{color:var(--drop)}.livedot{width:7px;height:7px;border-radius:50%;background:var(--live);margin-left:auto}.task__intent{font-size:13.5px;margin:5px 0 0;line-height:1.45}.terr{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.terr__lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}.glob{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--terr);background:#7a6a481f;border:1px solid rgba(122,106,72,.22);border-radius:5px;padding:1px 7px}.task__meta{font-size:11.5px;color:var(--ink3);margin-top:6px}.terrx{margin-top:8px}.terrx summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.terrx summary::-webkit-details-marker{display:none}.terrx .terr--full{margin-top:8px}.glob--more{cursor:pointer;color:var(--ink2);background:var(--chip);border:1px solid var(--line)}.glob--more .tw{color:var(--ink3);display:inline-block;transition:transform .15s}.terrx[open] summary .glob--more .tw{transform:rotate(90deg)}.grp{padding:16px 0;border-bottom:1px solid var(--line2)}.grp__head{display:flex;align-items:center;gap:8px}.grp__who{font-size:13.5px;font-weight:600}.grp__tag,.grp__count{font-size:11px;color:var(--ink3)}.grp__dot{width:7px;height:7px;border-radius:50%;background:var(--live);margin-left:auto}.claims{margin:10px 0 0 6px;padding-left:14px;border-left:1px solid var(--line)}.claim{padding:6px 0}.claim+.claim{border-top:1px solid var(--line2);margin-top:6px}.fold{margin-top:10px}.fold summary{list-style:none;cursor:pointer;font-size:12px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.fold summary::-webkit-details-marker{display:none}.fold summary .tw{display:inline-block;color:var(--ink3);transition:transform .15s}.fold[open] summary .tw{transform:rotate(90deg)}.fold__body{margin:8px 0 0 6px;padding-left:14px;border-left:1px dashed var(--line)}.covered{font-size:10.5px;color:var(--ink3);font-style:italic;margin-top:4px}.day{font-size:11px;color:var(--ink3);padding:18px 0 2px;font-weight:600}.more{margin-top:20px;font-size:12.5px;color:var(--ink2);padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:#fffaee59;cursor:pointer}.empty{color:var(--ink3);font-style:italic;padding:14px 0}.chat-wrap{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 150px);min-height:320px}.chat{flex:1;overflow-y:auto;padding:16px}.chat{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.chat::-webkit-scrollbar{width:10px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:3px solid var(--card);background-clip:padding-box}.chat::-webkit-scrollbar-thumb:hover{background:var(--ink3);background-clip:padding-box}.chat__note{padding:9px 16px;font-size:11.5px;color:var(--ink3)}.msg{display:flex;gap:11px;padding:9px 0}.msg__avatar{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.msg__body{min-width:0;flex:1}.msg__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.msg__who{font-weight:600}.msg__human{font-size:12px;color:var(--ink3)}.msg__to{font-size:11.5px;color:var(--terr)}.msg__time{font-size:11.5px;color:var(--ink3);margin-left:auto}.msg__text{margin-top:3px;padding:8px 12px;border-radius:4px 12px 12px;background:var(--chip);white-space:pre-wrap;word-break:break-word}.msg--targeted .msg__text{box-shadow:inset 3px 0 0 var(--terr)}.msg--me,.msg--me .msg__head{flex-direction:row-reverse}.msg--me .msg__time{margin-left:0;margin-right:auto}.msg--me .msg__body{display:flex;flex-direction:column;align-items:flex-end}.msg--me .msg__text{border-radius:12px 4px 12px 12px;background:#d4e7d2}.msg--me.msg--targeted .msg__text{box-shadow:inset -3px 0 0 var(--terr)}.composer{position:relative;border-top:1px solid var(--line);padding:10px 12px}.chat-form{display:flex;gap:8px}.chat-input{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.chat-input:focus{outline:none;border-color:var(--terr)}.chat-send{padding:9px 16px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;cursor:pointer;font:inherit}.chat-send:disabled{opacity:.5;cursor:default}.mention-pop{position:absolute;left:12px;right:12px;bottom:56px;z-index:6;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 8px 24px #32281429;max-height:200px;overflow-y:auto}.mention-mi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;background:transparent;border-radius:7px;padding:6px 8px;font-size:13px;cursor:pointer}.mention-mi:hover,.mention-mi.on{background:var(--chip)}.mention-mi .ma{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff;flex:none}.gate{max-width:420px;margin:12vh auto 0;text-align:center}.gate h1{font-size:19px;margin:0 0 6px}.gate p{color:var(--ink2);margin:0 0 20px}.gate form{display:flex;gap:8px}.gate input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.gate button{padding:10px 16px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;cursor:pointer}.shepherd-root{max-width:1100px;margin:0 auto;padding:40px 44px}.shepherd-root>main{padding-top:18px}.shepherd-config{display:flex;flex-direction:column;gap:24px}.shepherd-config h2{font-size:16px;margin:0 0 4px}.shepherd-workspaces,.shepherd-members,.shepherd-connect-agent{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.shepherd-config .card-head{padding:18px 20px 14px;border-bottom:1px solid var(--line2)}.shepherd-config .card-head h3{font-size:14px;font-weight:600;margin:0}.shepherd-config .card-sub{margin:3px 0 0;font-size:12.5px;color:var(--ink3)}.shepherd-config .card-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:16px}.shepherd-config .card-body>[role=alert]{margin:0;color:var(--drop);font-size:13px}.shepherd-config .card-body>[role=status]{margin:0;color:var(--ink2);font-size:13px}.shepherd-config .field{display:flex;flex-direction:column;gap:8px}.shepherd-config .card-body label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.shepherd-config .helper{margin:0;font-size:12.5px;color:var(--ink2)}.shepherd-config .field>select{width:100%}.shepherd-config .field__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shepherd-config .field__row>input{flex:1;min-width:200px}.shepherd-workspaces .admin{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--line2)}.shepherd-workspaces .invites{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.shepherd-config input,.shepherd-config select{padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;transition:border-color .12s ease,box-shadow .12s ease}.shepherd-config input::placeholder{color:var(--ink3)}.shepherd-config input:focus,.shepherd-config select:focus{outline:none;border-color:var(--terr);box-shadow:0 0 0 3px #7a6a4824}.shepherd-config button{padding:9px 16px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;cursor:pointer;font:inherit;white-space:nowrap;transition:background .12s ease}.shepherd-config button:hover:not(:disabled){background:#413a2a}.shepherd-config button:disabled{opacity:.55;cursor:default}.shepherd-config ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.shepherd-config li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--bg);font-size:13px}.shepherd-config li>span:first-child{flex:1;min-width:0;font-weight:500}.shepherd-config li button{padding:5px 12px}.shepherd-config .role{color:var(--ink3);font-size:12px}.shepherd-connect-agent pre{margin:0;padding:12px 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.shepherd-connect-agent h4{margin:6px 0 0;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.shepherd-config .invite-result,.shepherd-connect-agent .token-once{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;padding:8px 10px;border-radius:8px;background:var(--chip);border:1px solid var(--line2)}.shepherd-config .revoked{color:var(--ink3);text-decoration:line-through}.shepherd-empty-state{text-align:center;color:var(--ink2);padding:48px 24px}.shepherd-empty-state button{margin-top:14px}

package/dist/selfhost/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Shepherd</title>
-    <script type="module" crossorigin src="/assets/index-D6rTsbVM.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DnhlP_lc.css">
+    <script type="module" crossorigin src="/assets/index-COMbJ-a4.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CcGvL65Q.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korso/shepherd-ui",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Auth-agnostic React UI library for the Shepherd wallboard (Dashboard, client, provider). Host injects auth; the library never reads tokens.",
   "type": "module",
   "license": "UNLICENSED",
@@ -9,7 +9,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Korsoai/shepherd.git",
+    "url": "git+https://github.com/Korso-AI/shepherd.git",
     "directory": "packages/ui"
   },
   "exports": {

package/dist/selfhost/assets/index-DnhlP_lc.css

@@ -1 +0,0 @@
-:root{--bg:#ece0c6;--ink:#322c20;--ink2:#6f6450;--ink3:#9c917a;--line:#d7c9ac;--line2:#e0d4b9;--live:#3d8b58;--drop:#bd4f3a;--chip:#e3d6ba;--terr:#7a6a48;--card:#f5ecd9}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1100px;margin:0 auto;padding:40px 44px}header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}#board:has(#panel-chat:not([hidden])) header{border-bottom:0}.brand{font-size:17px;font-weight:600}.vitals{color:var(--ink3);font-size:12.5px}.grow{flex:1}.status{font-size:12px;color:var(--ink3)}.status--ok{color:var(--live)}.status--warn{color:var(--terr)}.status--error{color:var(--drop)}.freshness{font-size:12px;color:var(--ink3)}.repo{position:relative}.repo-trig{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-family:inherit;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fffaee66;cursor:pointer}.repo-trig .slash{color:var(--ink3)}.repo-menu{position:absolute;top:36px;left:0;min-width:200px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 8px 24px #32281424;z-index:5}.repo-mi{display:flex;justify-content:space-between;gap:14px;padding:7px 9px;width:100%;text-align:left;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;background:transparent;border-radius:7px;font-size:13px;cursor:pointer}.repo-mi:hover{background:var(--chip)}.repo-mi.on{background:var(--chip);font-weight:600}.repo-mi .ct{font-size:11px;color:var(--ink3)}.repo-mi.all{border-top:1px solid var(--line2);margin-top:4px;padding-top:9px;color:var(--ink2)}.tabs{display:flex;gap:4px;margin-left:auto}.tab{font-size:13px;color:var(--ink2);padding:5px 11px;border:0;border-radius:7px;background:transparent;cursor:pointer;font:inherit}.tab--active{background:var(--ink);color:var(--bg)}.crew{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:26px 0 32px}.person{display:inline-flex;align-items:center;gap:9px;padding:5px 13px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px}.person--idle{opacity:.55}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;flex:none}.person__name{font-weight:600}.person__doing{color:var(--ink3);font-size:12px}.board{display:grid;grid-template-columns:1fr 1px 1fr;gap:0}.board__rule{background:var(--line)}.col{padding:0 36px}.col:first-child{padding-left:0}.col:last-child{padding-right:0}.colhead{display:flex;align-items:center;gap:8px;margin-bottom:6px}.colhead h2{font-size:12px;font-weight:600;letter-spacing:.03em;margin:0;text-transform:uppercase;color:var(--ink2)}.colhead .n{font-size:11px;color:var(--ink3);background:var(--chip);border-radius:999px;padding:1px 8px}.task{padding:16px 0;border-bottom:1px solid var(--line2)}.task__r1{display:flex;align-items:center;gap:8px}.task__who{font-size:13.5px;font-weight:600}.task__tag{font-size:11px;color:var(--ink3)}.task__repo{font-size:11px;color:var(--terr);background:#7a6a481a;border-radius:4px;padding:0 6px}.task__stat{margin-left:auto;font-size:11px;font-weight:500;color:var(--ink3)}.task__stat--drop{color:var(--drop)}.livedot{width:7px;height:7px;border-radius:50%;background:var(--live);margin-left:auto}.task__intent{font-size:13.5px;margin:5px 0 0;line-height:1.45}.terr{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.terr__lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}.glob{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--terr);background:#7a6a481f;border:1px solid rgba(122,106,72,.22);border-radius:5px;padding:1px 7px}.task__meta{font-size:11.5px;color:var(--ink3);margin-top:6px}.terrx{margin-top:8px}.terrx summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.terrx summary::-webkit-details-marker{display:none}.terrx .terr--full{margin-top:8px}.glob--more{cursor:pointer;color:var(--ink2);background:var(--chip);border:1px solid var(--line)}.glob--more .tw{color:var(--ink3);display:inline-block;transition:transform .15s}.terrx[open] summary .glob--more .tw{transform:rotate(90deg)}.grp{padding:16px 0;border-bottom:1px solid var(--line2)}.grp__head{display:flex;align-items:center;gap:8px}.grp__who{font-size:13.5px;font-weight:600}.grp__tag,.grp__count{font-size:11px;color:var(--ink3)}.grp__dot{width:7px;height:7px;border-radius:50%;background:var(--live);margin-left:auto}.claims{margin:10px 0 0 6px;padding-left:14px;border-left:1px solid var(--line)}.claim{padding:6px 0}.claim+.claim{border-top:1px solid var(--line2);margin-top:6px}.fold{margin-top:10px}.fold summary{list-style:none;cursor:pointer;font-size:12px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.fold summary::-webkit-details-marker{display:none}.fold summary .tw{display:inline-block;color:var(--ink3);transition:transform .15s}.fold[open] summary .tw{transform:rotate(90deg)}.fold__body{margin:8px 0 0 6px;padding-left:14px;border-left:1px dashed var(--line)}.covered{font-size:10.5px;color:var(--ink3);font-style:italic;margin-top:4px}.day{font-size:11px;color:var(--ink3);padding:18px 0 2px;font-weight:600}.more{margin-top:20px;font-size:12.5px;color:var(--ink2);padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:#fffaee59;cursor:pointer}.empty{color:var(--ink3);font-style:italic;padding:14px 0}.chat-wrap{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 150px);min-height:320px}.chat{flex:1;overflow-y:auto;padding:16px}.chat{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.chat::-webkit-scrollbar{width:10px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:3px solid var(--card);background-clip:padding-box}.chat::-webkit-scrollbar-thumb:hover{background:var(--ink3);background-clip:padding-box}.chat__note{padding:9px 16px;font-size:11.5px;color:var(--ink3)}.msg{display:flex;gap:11px;padding:9px 0}.msg__avatar{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.msg__body{min-width:0;flex:1}.msg__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.msg__who{font-weight:600}.msg__human{font-size:12px;color:var(--ink3)}.msg__to{font-size:11.5px;color:var(--terr)}.msg__time{font-size:11.5px;color:var(--ink3);margin-left:auto}.msg__text{margin-top:3px;padding:8px 12px;border-radius:4px 12px 12px;background:var(--chip);white-space:pre-wrap;word-break:break-word}.msg--targeted .msg__text{box-shadow:inset 3px 0 0 var(--terr)}.msg--me,.msg--me .msg__head{flex-direction:row-reverse}.msg--me .msg__time{margin-left:0;margin-right:auto}.msg--me .msg__body{display:flex;flex-direction:column;align-items:flex-end}.msg--me .msg__text{border-radius:12px 4px 12px 12px;background:#d4e7d2}.msg--me.msg--targeted .msg__text{box-shadow:inset -3px 0 0 var(--terr)}.composer{position:relative;border-top:1px solid var(--line);padding:10px 12px}.chat-form{display:flex;gap:8px}.chat-input{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.chat-input:focus{outline:none;border-color:var(--terr)}.chat-send{padding:9px 16px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;cursor:pointer;font:inherit}.chat-send:disabled{opacity:.5;cursor:default}.mention-pop{position:absolute;left:12px;right:12px;bottom:56px;z-index:6;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 8px 24px #32281429;max-height:200px;overflow-y:auto}.mention-mi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;background:transparent;border-radius:7px;padding:6px 8px;font-size:13px;cursor:pointer}.mention-mi:hover,.mention-mi.on{background:var(--chip)}.mention-mi .ma{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff;flex:none}.gate{max-width:420px;margin:12vh auto 0;text-align:center}.gate h1{font-size:19px;margin:0 0 6px}.gate p{color:var(--ink2);margin:0 0 20px}.gate form{display:flex;gap:8px}.gate input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.gate button{padding:10px 16px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;cursor:pointer}.shepherd-root{max-width:1100px;margin:0 auto;padding:40px 44px}.shepherd-root>main{padding-top:18px}.shepherd-config{display:flex;flex-direction:column;gap:24px}.shepherd-config h2{font-size:16px;margin:0 0 4px}.shepherd-workspaces,.shepherd-members,.shepherd-connect-agent{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.shepherd-workspaces .switcher{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.shepherd-workspaces .role{color:var(--ink3);font-size:12px}.shepherd-workspaces .admin,.shepherd-workspaces .invites,.shepherd-workspaces .create,.shepherd-workspaces .join{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.shepherd-workspaces .create>label,.shepherd-workspaces .join>label,.shepherd-workspaces .switcher>label{min-width:104px;color:var(--ink2)}.shepherd-workspaces .create>input,.shepherd-workspaces .join>input{flex:1;min-width:180px}.shepherd-config input,.shepherd-config select{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.shepherd-config button{padding:8px 14px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;cursor:pointer}.shepherd-config button:disabled{opacity:.55;cursor:default}.shepherd-config .invite-result,.shepherd-connect-agent .token-once{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;padding:8px 10px;border-radius:8px;background:var(--chip);border:1px solid var(--line2)}.shepherd-config .revoked{color:var(--ink3);text-decoration:line-through}.shepherd-empty-state{text-align:center;color:var(--ink2);padding:48px 24px}.shepherd-empty-state button{margin-top:14px}