@korso/shepherd-ui 0.6.0 → 0.7.0

package/dist/config/ConnectAgent.js

@@ -7,17 +7,23 @@ const TOOLS = [
     { id: "claude", label: "Claude Code" },
     { id: "codex", label: "Codex" },
     { id: "pi", label: "Pi" },
+    { id: "cursor", label: "Cursor" },
     { id: "generic", label: "Generic (JSON)" },
 ];
 // 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 `mcp add` invocation; the rest of the
-// command (the env flags and the npx tail) is shared.
+// Tools with an `mcp add` CLI. Pi, Cursor, and generic get a JSON config
+// block instead: Pi reads `~/.pi/agent/mcp.json` (or `.pi/mcp.json`), Cursor
+// reads `~/.cursor/mcp.json` (or `.cursor/mcp.json`) — same `mcpServers` shape.
 const CLI_PREFIX = {
     claude: "claude mcp add shepherd -s user",
     codex: "codex mcp add shepherd",
-    pi: "pi mcp add shepherd",
+};
+// `claude mcp add` takes `-e KEY=val`; `codex mcp add` only accepts `--env`.
+const ENV_FLAG = {
+    claude: "-e",
+    codex: "--env",
 };
 // "created 3d ago · never used" / "created 3d ago · last used 2h ago" — helps
 // an operator tell which tokens are still active before revoking one.
@@ -27,13 +33,18 @@ function tokenMeta(token, nowMs) {
     return `${created} · ${used}`;
 }
 function installCommand(tool, hubUrl, token) {
-    if (tool === "generic") {
+    if (tool === "generic" || tool === "pi" || tool === "cursor") {
+        // PROGRAM names the tool in the presence feed; it defaults to
+        // `claude-code`, so JSON-config tools set it explicitly.
+        const env = { HUB_URL: hubUrl, SHEPHERD_TOKEN: token };
+        if (tool !== "generic")
+            env["PROGRAM"] = tool;
         return JSON.stringify({
             mcpServers: {
                 shepherd: {
                     command: "npx",
-                    args: ["-y", "-p", "@korso/shepherd", "shepherd-mcp"],
-                    env: { HUB_URL: hubUrl, SHEPHERD_TOKEN: token },
+                    args: ["-y", "--package=@korso/shepherd", "shepherd-mcp"],
+                    env,
                 },
             },
         }, null, 2);
@@ -41,12 +52,19 @@ function installCommand(tool, hubUrl, token) {
     // 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 [
+    const envFlag = ENV_FLAG[tool];
+    const parts = [
         CLI_PREFIX[tool],
-        `-e HUB_URL=${hubUrl}`,
-        `-e SHEPHERD_TOKEN=${token}`,
-        "-- npx -y -p @korso/shepherd shepherd-mcp",
-    ].join(" ");
+        `${envFlag} HUB_URL=${hubUrl}`,
+        `${envFlag} SHEPHERD_TOKEN=${token}`,
+    ];
+    // PROGRAM defaults to claude-code, so only non-Claude tools set it.
+    if (tool === "codex")
+        parts.push(`${envFlag} PROGRAM=codex`);
+    // NOTE: long `--package=` form on purpose — `claude mcp add` (CLI) fails to
+    // parse a bare `-p` after the `--` separator ("error: unknown option '-s'").
+    parts.push("-- npx -y --package=@korso/shepherd shepherd-mcp");
+    return parts.join(" ");
 }
 export function ConnectAgent({ hubUrl }) {
     const client = useShepherdClient();

package/dist/lib/index.js

@@ -1,25 +1,25 @@
-import { u as B, d as S, S as G, f as O, D as K } from "./Dashboard-D7tbhMwK.js";
-import { E as ue, a as he, c as me } from "./Dashboard-D7tbhMwK.js";
-import { jsxs as n, jsx as e, Fragment as W } from "react/jsx-runtime";
-import { useId as $, useRef as F, useState as i, useEffect as A, useCallback as Y } from "react";
-function U(a) {
-  return (a.trim()[0] ?? "?").toUpperCase();
+import { u as B, d as R, S as H, f as O, D as K } from "./Dashboard-D7tbhMwK.js";
+import { E as he, a as me, c as pe } from "./Dashboard-D7tbhMwK.js";
+import { jsxs as n, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { useId as $, useRef as U, useState as i, useEffect as A, useCallback as Y } from "react";
+function F(t) {
+  return (t.trim()[0] ?? "?").toUpperCase();
 }
 function J({
-  workspaces: a,
-  selected: t,
+  workspaces: t,
+  selected: a,
   onSelect: o,
-  onChanged: y,
+  onChanged: u,
   onMembersChanged: l
 }) {
-  const b = B(), c = $(), f = F(null), [r, v] = i(!1), [h, m] = i("menu"), [g, k] = i(""), [u, _] = i(""), [E, s] = i(null), [N, I] = i(!1);
+  const m = B(), c = $(), b = U(null), [r, y] = i(!1), [p, v] = i("menu"), [g, k] = i(""), [h, _] = i(""), [E, s] = i(null), [N, I] = i(!1);
   function C() {
-    v(!1), m("menu"), k(""), _(""), s(null);
+    y(!1), v("menu"), k(""), _(""), s(null);
   }
   A(() => {
     if (!r) return;
     function d(j) {
-      f.current && !f.current.contains(j.target) && C();
+      b.current && !b.current.contains(j.target) && C();
     }
     function x(j) {
       j.key === "Escape" && C();
@@ -28,34 +28,34 @@ function J({
       document.removeEventListener("mousedown", d), document.removeEventListener("keydown", x);
     };
   }, [r]);
-  async function T() {
+  async function S() {
     if (!(!g.trim() || N)) {
       I(!0), s(null);
       try {
-        const d = await b.createWorkspace({ name: g.trim() });
-        o(d.id), y(), C();
+        const d = await m.createWorkspace({ name: g.trim() });
+        o(d.id), u(), C();
       } catch (d) {
-        s(S(d));
+        s(R(d));
       } finally {
         I(!1);
       }
     }
   }
-  async function R() {
-    if (!(!u.trim() || N)) {
+  async function T() {
+    if (!(!h.trim() || N)) {
       I(!0), s(null);
       try {
-        const d = await b.redeemInvite(u.trim());
-        o(d.workspace.id), y(), l == null || l(), C();
+        const d = await m.redeemInvite(h.trim());
+        o(d.workspace.id), u(), l == null || l(), C();
       } catch (d) {
-        s(S(d));
+        s(R(d));
       } finally {
         I(!1);
       }
     }
   }
-  const w = t !== null, L = t ? t.name : "Get started";
-  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: f, children: [
+  const w = a !== null, L = a ? a.name : "Get started";
+  return /* @__PURE__ */ n("div", { className: "ws-switcher", ref: b, children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -64,19 +64,19 @@ function J({
         "aria-haspopup": "menu",
         "aria-expanded": r,
         "aria-controls": r ? c : void 0,
-        onClick: () => r ? C() : v(!0),
+        onClick: () => r ? C() : y(!0),
         children: [
-          w ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: U(L) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
+          w ? /* @__PURE__ */ e("span", { className: "ws-avatar", "aria-hidden": "true", children: F(L) }) : /* @__PURE__ */ e("span", { className: "ws-plus", "aria-hidden": "true", children: "＋" }),
           /* @__PURE__ */ e("span", { className: "ws-name", children: L }),
           /* @__PURE__ */ e("span", { className: "ws-caret", "aria-hidden": "true", children: "▾" })
         ]
       }
     ),
     r && /* @__PURE__ */ n("div", { className: "ws-menu", id: c, role: "menu", children: [
-      h === "menu" && /* @__PURE__ */ n(W, { children: [
+      p === "menu" && /* @__PURE__ */ n(P, { children: [
         /* @__PURE__ */ e("p", { className: "ws-menu__head", children: w ? "Switch workspace" : "Your workspaces" }),
-        a.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: a.map((d) => {
-          const x = d.id === (t == null ? void 0 : t.id);
+        t.length === 0 ? /* @__PURE__ */ e("p", { className: "ws-menu__none", children: "None yet" }) : /* @__PURE__ */ e("ul", { className: "ws-menu__list", children: t.map((d) => {
+          const x = d.id === (a == null ? void 0 : a.id);
           return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
             "button",
             {
@@ -88,7 +88,7 @@ function J({
                 o(d.id), C();
               },
               children: [
-                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: U(d.name) }),
+                /* @__PURE__ */ e("span", { className: "ws-avatar ws-avatar--sm", "aria-hidden": "true", children: F(d.name) }),
                 /* @__PURE__ */ e("span", { className: "ws-mi__name", children: d.name }),
                 x && /* @__PURE__ */ e("span", { className: "ws-mi__check", "aria-hidden": "true", children: "✓" })
               ]
@@ -103,7 +103,7 @@ function J({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                s(null), m("create");
+                s(null), v("create");
               },
               children: "＋ Create workspace"
             }
@@ -115,19 +115,19 @@ function J({
               role: "menuitem",
               className: "ws-action",
               onClick: () => {
-                s(null), m("join");
+                s(null), v("join");
               },
               children: "⎘ Join with a code"
             }
           )
         ] })
       ] }),
-      h === "create" && /* @__PURE__ */ n(
+      p === "create" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
           onSubmit: (d) => {
-            d.preventDefault(), T();
+            d.preventDefault(), S();
           },
           children: [
             /* @__PURE__ */ e("label", { htmlFor: `${c}-name`, children: "New workspace name" }),
@@ -143,18 +143,18 @@ function J({
               }
             ),
             /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => m("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => v("menu"), children: "Back" }),
               /* @__PURE__ */ e("button", { type: "submit", disabled: N || !g.trim(), children: "Create" })
             ] })
           ]
         }
       ),
-      h === "join" && /* @__PURE__ */ n(
+      p === "join" && /* @__PURE__ */ n(
         "form",
         {
           className: "ws-form",
           onSubmit: (d) => {
-            d.preventDefault(), R();
+            d.preventDefault(), T();
           },
           children: [
             /* @__PURE__ */ e("label", { htmlFor: `${c}-code`, children: "Invite code" }),
@@ -164,14 +164,14 @@ function J({
                 id: `${c}-code`,
                 type: "text",
                 placeholder: "Paste an invite code",
-                value: u,
+                value: h,
                 autoFocus: !0,
                 onChange: (d) => _(d.target.value)
               }
             ),
             /* @__PURE__ */ n("div", { className: "ws-form__row", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => m("menu"), children: "Back" }),
-              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !u.trim(), children: "Join" })
+              /* @__PURE__ */ e("button", { type: "button", className: "ws-form__back", onClick: () => v("menu"), children: "Back" }),
+              /* @__PURE__ */ e("button", { type: "submit", disabled: N || !h.trim(), children: "Join" })
             ] })
           ]
         }
@@ -181,29 +181,29 @@ function J({
   ] });
 }
 function V({
-  workspaceName: a,
-  busy: t,
+  workspaceName: t,
+  busy: a,
   error: o,
-  onConfirm: y,
+  onConfirm: u,
   onCancel: l
 }) {
-  const b = $(), c = $(), [f, r] = i(""), v = F(null);
+  const m = $(), c = $(), [b, r] = i(""), y = U(null);
   A(() => {
-    var m;
-    (m = v.current) == null || m.focus();
+    var v;
+    (v = y.current) == null || v.focus();
   }, []), A(() => {
-    function m(g) {
-      g.key === "Escape" && !t && l();
+    function v(g) {
+      g.key === "Escape" && !a && l();
     }
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [t, l]);
-  const h = f === a;
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+  }, [a, l]);
+  const p = b === t;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "shepherd-modal__backdrop",
       onClick: () => {
-        t || l();
+        a || l();
       },
       children: /* @__PURE__ */ n(
         "div",
@@ -211,44 +211,44 @@ function V({
           className: "shepherd-modal",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": b,
+          "aria-labelledby": m,
           "aria-describedby": c,
-          onClick: (m) => m.stopPropagation(),
+          onClick: (v) => v.stopPropagation(),
           children: [
-            /* @__PURE__ */ e("h3", { id: b, children: "Delete workspace" }),
+            /* @__PURE__ */ e("h3", { id: m, children: "Delete workspace" }),
             /* @__PURE__ */ n("p", { id: c, className: "shepherd-modal__body", children: [
               "This permanently deletes ",
-              /* @__PURE__ */ e("b", { children: a }),
+              /* @__PURE__ */ e("b", { children: t }),
               " and all of its data — agents, sessions, tasks, announcements, change history, tokens, invites, and members. This cannot be undone."
             ] }),
-            /* @__PURE__ */ n("label", { htmlFor: `${b}-input`, className: "shepherd-modal__label", children: [
+            /* @__PURE__ */ n("label", { htmlFor: `${m}-input`, className: "shepherd-modal__label", children: [
               "Type ",
-              /* @__PURE__ */ e("b", { children: a }),
+              /* @__PURE__ */ e("b", { children: t }),
               " to confirm"
             ] }),
             /* @__PURE__ */ e(
               "input",
               {
-                id: `${b}-input`,
-                ref: v,
+                id: `${m}-input`,
+                ref: y,
                 type: "text",
-                value: f,
+                value: b,
                 autoComplete: "off",
-                disabled: t,
-                onChange: (m) => r(m.target.value)
+                disabled: a,
+                onChange: (v) => r(v.target.value)
               }
             ),
             o && /* @__PURE__ */ e("p", { role: "alert", children: o }),
             /* @__PURE__ */ n("div", { className: "shepherd-modal__actions", children: [
-              /* @__PURE__ */ e("button", { type: "button", onClick: l, disabled: t, children: "Cancel" }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: l, disabled: a, children: "Cancel" }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "danger",
-                  onClick: y,
-                  disabled: !h || t,
-                  children: t ? "Deleting…" : "Delete workspace"
+                  onClick: u,
+                  disabled: !p || a,
+                  children: a ? "Deleting…" : "Delete workspace"
                 }
               )
             ] })
@@ -258,15 +258,15 @@ function V({
     }
   );
 }
-function X({ workspace: a, onLeft: t, onDeleted: o }) {
-  const y = B(), l = $(), [b, c] = i(null), [f, r] = i(!1), [v, h] = i(!1), [m, g] = i(!1), [k, u] = i(!1), [_, E] = i(null), s = a.role === "admin";
+function M({ workspace: t, onLeft: a, onDeleted: o }) {
+  const u = B(), l = $(), [m, c] = i(null), [b, r] = i(!1), [y, p] = i(!1), [v, g] = i(!1), [k, h] = i(!1), [_, E] = i(null), s = t.role === "admin";
   async function N() {
-    if (!f) {
-      r(!0), c(null), h(!1);
+    if (!b) {
+      r(!0), c(null), p(!1);
       try {
-        await y.leave(a.id), t == null || t();
+        await u.leave(t.id), a == null || a();
       } catch (C) {
-        c(S(C)), C instanceof G && C.status === 409 && h(!0);
+        c(R(C)), C instanceof H && C.status === 409 && p(!0);
       } finally {
         r(!1);
       }
@@ -274,13 +274,13 @@ function X({ workspace: a, onLeft: t, onDeleted: o }) {
   }
   async function I() {
     if (!k) {
-      u(!0), E(null);
+      h(!0), E(null);
       try {
-        await y.deleteWorkspace(a.id), g(!1), o == null || o();
+        await u.deleteWorkspace(t.id), g(!1), o == null || o();
       } catch (C) {
-        E(S(C));
+        E(R(C));
       } finally {
-        u(!1);
+        h(!1);
       }
     }
   }
@@ -290,20 +290,20 @@ function X({ workspace: a, onLeft: t, onDeleted: o }) {
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Your active workspace and its settings." })
     ] }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
-      b && /* @__PURE__ */ e("p", { role: "alert", children: b }),
-      v && s && /* @__PURE__ */ e("p", { className: "helper", children: "You're the last admin, so you can't leave. To remove this workspace entirely, delete it below." }),
+      m && /* @__PURE__ */ e("p", { role: "alert", children: m }),
+      y && s && /* @__PURE__ */ e("p", { className: "helper", children: "You're the last admin, so you can't leave. To remove this workspace entirely, delete it below." }),
       /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Workspace name" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: a.name })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.name })
       ] }),
       /* @__PURE__ */ n("div", { className: "field", children: [
         /* @__PURE__ */ e("label", { children: "Your role" }),
-        /* @__PURE__ */ e("p", { className: "readonly-value", children: a.role })
+        /* @__PURE__ */ e("p", { className: "readonly-value", children: t.role })
       ] }),
       /* @__PURE__ */ n("div", { className: "field leave", children: [
         /* @__PURE__ */ e("label", { children: "Leave workspace" }),
         /* @__PURE__ */ e("p", { className: "helper", children: "Remove yourself from this workspace. You'll need a new invite to rejoin." }),
-        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void N(), disabled: f, children: "Leave workspace" })
+        /* @__PURE__ */ e("button", { type: "button", className: "danger", onClick: () => void N(), disabled: b, children: "Leave workspace" })
       ] }),
       s && /* @__PURE__ */ n("div", { className: "field delete", children: [
         /* @__PURE__ */ e("label", { children: "Delete workspace" }),
@@ -322,10 +322,10 @@ function X({ workspace: a, onLeft: t, onDeleted: o }) {
         )
       ] })
     ] }),
-    m && /* @__PURE__ */ e(
+    v && /* @__PURE__ */ e(
       V,
       {
-        workspaceName: a.name,
+        workspaceName: t.name,
         busy: k,
         error: _,
         onConfirm: () => void I(),
@@ -336,40 +336,40 @@ function X({ workspace: a, onLeft: t, onDeleted: o }) {
     )
   ] });
 }
-function q({ workspaceId: a, refreshKey: t = 0, canRemove: o = !1 }) {
-  const y = B(), l = $(), [b, c] = i([]), [f, r] = i(null), [v, h] = i(null), [m, g] = i(!0), [k, u] = i(null);
+function X({ workspaceId: t, refreshKey: a = 0, canRemove: o = !1 }) {
+  const u = B(), l = $(), [m, c] = i([]), [b, r] = i(null), [y, p] = i(null), [v, g] = i(!0), [k, h] = i(null);
   async function _({ keepError: s = !1 } = {}) {
     s || r(null);
     try {
-      const N = await y.listMembers(a);
+      const N = await u.listMembers(t);
       c(N.members);
     } catch (N) {
-      r(S(N));
+      r(R(N));
     } finally {
       g(!1);
     }
   }
   A(() => {
     g(!0), _();
-  }, [y, a, t]);
+  }, [u, t, a]);
   async function E(s, N) {
     if (!k) {
-      u(s), r(null), h(null), c((I) => I.filter((C) => C.accountId !== s));
+      h(s), r(null), p(null), c((I) => I.filter((C) => C.accountId !== s));
       try {
-        await y.removeMember(a, s), h(`Removed ${N}`);
+        await u.removeMember(t, s), p(`Removed ${N}`);
       } catch (I) {
-        r(S(I)), _({ keepError: !0 });
+        r(R(I)), _({ keepError: !0 });
       } finally {
-        u(null);
+        h(null);
       }
     }
   }
   return /* @__PURE__ */ n("section", { className: "shepherd-members", "aria-labelledby": l, children: [
     /* @__PURE__ */ e("div", { className: "card-head", children: /* @__PURE__ */ e("h3", { id: l, children: "Members" }) }),
     /* @__PURE__ */ n("div", { className: "card-body", children: [
-      f && /* @__PURE__ */ e("p", { role: "alert", children: f }),
-      v && /* @__PURE__ */ e("p", { role: "status", children: v }),
-      m ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : b.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: b.map((s) => {
+      b && /* @__PURE__ */ e("p", { role: "alert", children: b }),
+      y && /* @__PURE__ */ e("p", { role: "status", children: y }),
+      v ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : m.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: m.map((s) => {
         const N = s.displayName ?? s.githubLogin ?? s.email ?? s.accountId;
         return /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { children: N }),
@@ -389,56 +389,56 @@ function q({ workspaceId: a, refreshKey: t = 0, canRemove: o = !1 }) {
     ] })
   ] });
 }
-function z({ workspaceId: a, onMembersChanged: t }) {
-  const o = B(), y = $(), [l, b] = i(null), [c, f] = i(null), [r, v] = i(!1), [h, m] = i(""), [g, k] = i(null), [u, _] = i(!1), [E, s] = i(null);
+function q({ workspaceId: t, onMembersChanged: a }) {
+  const o = B(), u = $(), [l, m] = i(null), [c, b] = i(null), [r, y] = i(!1), [p, v] = i(""), [g, k] = i(null), [h, _] = i(!1), [E, s] = i(null);
   A(() => {
-    b(null), k(null);
-  }, [a]);
+    m(null), k(null);
+  }, [t]);
   async function N() {
     if (!r) {
-      v(!0), f(null);
+      y(!0), b(null);
       try {
-        const w = await o.createInvite(a, {});
-        b(w), t == null || t();
+        const w = await o.createInvite(t, {});
+        m(w), a == null || a();
       } catch (w) {
-        f(S(w));
+        b(R(w));
       } finally {
-        v(!1);
+        y(!1);
       }
     }
   }
   async function I() {
     if (!(!l || r)) {
-      v(!0), f(null);
+      y(!0), b(null);
       try {
-        await o.revokeInvite(a, l.code), b(null);
+        await o.revokeInvite(t, l.code), m(null);
       } catch (w) {
-        f(S(w));
+        b(R(w));
       } finally {
-        v(!1);
+        y(!1);
       }
     }
   }
   async function C() {
-    if (!(!h.trim() || u)) {
+    if (!(!p.trim() || h)) {
       _(!0), k(null);
       try {
-        const w = await o.inviteByEmail(a, h.trim());
-        k(`Invite sent to ${w.email}.`), m(""), t == null || t();
+        const w = await o.inviteByEmail(t, p.trim());
+        k(`Invite sent to ${w.email}.`), v(""), a == null || a();
       } catch (w) {
-        k(S(w));
+        k(R(w));
       } finally {
         _(!1);
       }
     }
   }
-  const T = l ? `${window.location.origin}/shepherd/join/${encodeURIComponent(l.code)}` : null;
-  async function R(w, L) {
+  const S = l ? `${window.location.origin}/shepherd/join/${encodeURIComponent(l.code)}` : null;
+  async function T(w, L) {
     await navigator.clipboard.writeText(L), s(w), setTimeout(() => s((d) => d === w ? null : d), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": y, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-invites", "aria-labelledby": u, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: y, children: "Invite people" }),
+      /* @__PURE__ */ e("h3", { id: u, 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: [
@@ -469,19 +469,19 @@ function z({ workspaceId: a, onMembersChanged: t }) {
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void R("code", l.code),
+                onClick: () => void T("code", l.code),
                 children: E === "code" ? "Copied" : "Copy"
               }
             )
           ] }),
-          T && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
-            /* @__PURE__ */ e("a", { href: T, children: T }),
+          S && /* @__PURE__ */ n("div", { className: "invite-result__copyrow invite-result__copyrow--link", children: [
+            /* @__PURE__ */ e("a", { href: S, children: S }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "copy-btn",
-                onClick: () => void R("link", T),
+                onClick: () => void T("link", S),
                 children: E === "link" ? "Copied" : "Copy link"
               }
             )
@@ -499,98 +499,105 @@ function z({ workspaceId: a, onMembersChanged: t }) {
               id: "invite-email",
               type: "email",
               placeholder: "name@example.com",
-              value: h,
-              onChange: (w) => m(w.target.value)
+              value: p,
+              onChange: (w) => v(w.target.value)
             }
           ),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: u, children: "Send invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void C(), disabled: h, children: "Send invite" })
         ] }),
         g && /* @__PURE__ */ e("p", { className: "email-invite__status", children: g })
       ] })
     ] })
   ] });
 }
-const Q = [
+const z = [
   { id: "claude", label: "Claude Code" },
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
+  { id: "cursor", label: "Cursor" },
   { id: "generic", label: "Generic (JSON)" }
-], Z = "shp_<paste-after-generating>", M = {
+], Q = "shp_<paste-after-generating>", Z = {
   claude: "claude mcp add shepherd -s user",
-  codex: "codex mcp add shepherd",
-  pi: "pi mcp add shepherd"
+  codex: "codex mcp add shepherd"
+}, ee = {
+  claude: "-e",
+  codex: "--env"
 };
-function ee(a, t) {
-  const o = `created ${O(a.createdAt, t)}`, y = a.lastUsedAt ? `last used ${O(a.lastUsedAt, t)}` : "never used";
-  return `${o} · ${y}`;
+function ne(t, a) {
+  const o = `created ${O(t.createdAt, a)}`, u = t.lastUsedAt ? `last used ${O(t.lastUsedAt, a)}` : "never used";
+  return `${o} · ${u}`;
 }
-function ne(a, t, o) {
-  return a === "generic" ? JSON.stringify(
-    {
-      mcpServers: {
-        shepherd: {
-          command: "npx",
-          args: ["-y", "-p", "@korso/shepherd", "shepherd-mcp"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: o }
+function te(t, a, o) {
+  if (t === "generic" || t === "pi" || t === "cursor") {
+    const m = { HUB_URL: a, SHEPHERD_TOKEN: o };
+    return t !== "generic" && (m.PROGRAM = t), JSON.stringify(
+      {
+        mcpServers: {
+          shepherd: {
+            command: "npx",
+            args: ["-y", "--package=@korso/shepherd", "shepherd-mcp"],
+            env: m
+          }
         }
-      }
-    },
-    null,
-    2
-  ) : [
-    M[a],
-    `-e HUB_URL=${t}`,
-    `-e SHEPHERD_TOKEN=${o}`,
-    "-- npx -y -p @korso/shepherd shepherd-mcp"
-  ].join(" ");
+      },
+      null,
+      2
+    );
+  }
+  const u = ee[t], l = [
+    Z[t],
+    `${u} HUB_URL=${a}`,
+    `${u} SHEPHERD_TOKEN=${o}`
+  ];
+  return t === "codex" && l.push(`${u} PROGRAM=codex`), l.push("-- npx -y --package=@korso/shepherd shepherd-mcp"), l.join(" ");
 }
-function te({ hubUrl: a }) {
-  const t = B(), o = a ?? t.baseUrl, y = $(), [l, b] = i("claude"), [c, f] = i(""), [r, v] = i(null), [h, m] = i([]), [g, k] = i(null), [u, _] = i(null), [E, s] = i(!1), [N, I] = i(!1), [C, T] = i(!0), [R, w] = i(null);
+function ae({ hubUrl: t }) {
+  const a = B(), o = t ?? a.baseUrl, u = $(), [l, m] = i("claude"), [c, b] = i(""), [r, y] = i(null), [p, v] = i([]), [g, k] = i(null), [h, _] = i(null), [E, s] = i(!1), [N, I] = i(!1), [C, S] = i(!0), [T, w] = i(null);
   async function L() {
     try {
-      const p = await t.listAccountTokens();
-      m(p.tokens);
-    } catch (p) {
-      k(S(p));
+      const f = await a.listAccountTokens();
+      v(f.tokens);
+    } catch (f) {
+      k(R(f));
     } finally {
-      T(!1);
+      S(!1);
     }
   }
   A(() => {
-    T(!0), L();
-  }, [t]);
+    S(!0), L();
+  }, [a]);
   async function d() {
     s(!0), k(null);
     try {
-      const p = await t.mintAccountToken(
+      const f = await a.mintAccountToken(
         c.trim() ? { name: c.trim() } : {}
       );
-      v(p.token), f(""), await L();
-    } catch (p) {
-      k(S(p));
+      y(f.token), b(""), await L();
+    } catch (f) {
+      k(R(f));
     } finally {
       s(!1);
     }
   }
-  async function x(p) {
-    if (!R) {
-      w(p), k(null), _(null);
+  async function x(f) {
+    if (!T) {
+      w(f), k(null), _(null);
       try {
-        await t.revokeAccountToken(p), m((D) => D.filter((H) => H.id !== p)), _("Token revoked");
+        await a.revokeAccountToken(f), v((D) => D.filter((W) => W.id !== f)), _("Token revoked");
       } catch (D) {
-        k(S(D));
+        k(R(D));
       } finally {
         w(null);
       }
     }
   }
-  const j = ne(l, o, r ?? Z);
-  async function P() {
+  const j = te(l, o, r ?? Q);
+  async function G() {
     await navigator.clipboard.writeText(j), I(!0), setTimeout(() => I(!1), 2e3);
   }
-  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": y, children: [
+  return /* @__PURE__ */ n("section", { className: "shepherd-connect-agent", "aria-labelledby": u, children: [
     /* @__PURE__ */ n("div", { className: "card-head", children: [
-      /* @__PURE__ */ e("h3", { id: y, children: "Connect your agent" }),
+      /* @__PURE__ */ e("h3", { id: u, children: "Connect your agent" }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "Generate a token — it works across all your workspaces — then paste the command into your coding tool." }),
       /* @__PURE__ */ e("p", { className: "card-sub", children: "The first time the agent opens a repo, it'll ask which workspace to coordinate that repo with." })
     ] }),
@@ -602,8 +609,8 @@ function te({ hubUrl: a }) {
           {
             id: "connect-tool",
             value: l,
-            onChange: (p) => b(p.target.value),
-            children: Q.map((p) => /* @__PURE__ */ e("option", { value: p.id, children: p.label }, p.id))
+            onChange: (f) => m(f.target.value),
+            children: z.map((f) => /* @__PURE__ */ e("option", { value: f.id, children: f.label }, f.id))
           }
         )
       ] }),
@@ -616,7 +623,7 @@ function te({ hubUrl: a }) {
               id: "token-name",
               type: "text",
               value: c,
-              onChange: (p) => f(p.target.value),
+              onChange: (f) => b(f.target.value),
               placeholder: "e.g. laptop"
             }
           ),
@@ -624,7 +631,7 @@ function te({ hubUrl: a }) {
         ] })
       ] }),
       g && /* @__PURE__ */ e("p", { role: "alert", children: g }),
-      u && /* @__PURE__ */ e("p", { role: "status", children: u }),
+      h && /* @__PURE__ */ e("p", { role: "status", children: h }),
       r && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
       /* @__PURE__ */ n("div", { className: "install-command", children: [
         /* @__PURE__ */ e("pre", { "data-testid": "install-command", children: j }),
@@ -635,7 +642,7 @@ function te({ hubUrl: a }) {
             className: "install-command__copy",
             "aria-label": N ? "Copied" : "Copy command",
             title: N ? "Copied" : "Copy",
-            onClick: () => void P(),
+            onClick: () => void G(),
             children: N ? /* @__PURE__ */ e(
               "svg",
               {
@@ -672,111 +679,111 @@ function te({ hubUrl: a }) {
         )
       ] }),
       /* @__PURE__ */ e("h4", { children: "Existing tokens" }),
-      C ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : h.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: h.map((p) => {
-        const D = p.name ?? p.id;
+      C ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : p.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: p.map((f) => {
+        const D = f.name ?? f.id;
         return /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { children: D }),
-          /* @__PURE__ */ e("span", { className: "token-meta", children: ee(p, Date.now()) }),
-          p.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { className: "token-meta", children: ne(f, Date.now()) }),
+          f.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               "aria-label": `Revoke token ${D}`,
-              onClick: () => void x(p.id),
-              disabled: R === p.id,
+              onClick: () => void x(f.id),
+              disabled: T === f.id,
               children: "Revoke"
             }
           )
-        ] }, p.id);
+        ] }, f.id);
       }) })
     ] })
   ] });
 }
-const ae = [
+const ie = [
   { id: "general", label: "General" },
   { id: "members", label: "Members" },
   { id: "agent", label: "Agent" }
 ];
-function ie({
-  workspace: a,
-  hubUrl: t,
+function le({
+  workspace: t,
+  hubUrl: a,
   membersRefreshKey: o,
-  onMembersChanged: y,
+  onMembersChanged: u,
   onLeft: l,
-  onDeleted: b
+  onDeleted: m
 }) {
-  const [c, f] = i("general"), r = a.role === "admin";
+  const [c, b] = i("general"), r = t.role === "admin";
   return /* @__PURE__ */ n("div", { className: "config-layout", children: [
-    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: ae.map(({ id: v, label: h }) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("nav", { className: "config-nav", "aria-label": "Configuration sections", children: ie.map(({ id: y, label: p }) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: "config-nav__item" + (c === v ? " config-nav__item--on" : ""),
-        "aria-current": c === v ? "page" : void 0,
-        onClick: () => f(v),
-        children: h
+        className: "config-nav__item" + (c === y ? " config-nav__item--on" : ""),
+        "aria-current": c === y ? "page" : void 0,
+        onClick: () => b(y),
+        children: p
       },
-      v
+      y
     )) }),
     /* @__PURE__ */ n("div", { className: "config-panel", children: [
-      c === "general" && /* @__PURE__ */ e(X, { workspace: a, onLeft: l, onDeleted: b }),
-      c === "members" && /* @__PURE__ */ n(W, { children: [
+      c === "general" && /* @__PURE__ */ e(M, { workspace: t, onLeft: l, onDeleted: m }),
+      c === "members" && /* @__PURE__ */ n(P, { children: [
         /* @__PURE__ */ e(
-          q,
+          X,
           {
-            workspaceId: a.id,
+            workspaceId: t.id,
             refreshKey: o,
             canRemove: r
           }
         ),
-        r && /* @__PURE__ */ e(z, { workspaceId: a.id, onMembersChanged: y })
+        r && /* @__PURE__ */ e(q, { workspaceId: t.id, onMembersChanged: u })
       ] }),
-      c === "agent" && /* @__PURE__ */ e(te, { hubUrl: t })
+      c === "agent" && /* @__PURE__ */ e(ae, { hubUrl: a })
     ] })
   ] });
 }
-function oe({ hubUrl: a }) {
-  const t = B(), [o, y] = i({ status: "loading" }), [l, b] = i(null), [c, f] = i(0), r = Y(async () => {
+function ce({ hubUrl: t }) {
+  const a = B(), [o, u] = i({ status: "loading" }), [l, m] = i(null), [c, b] = i(0), r = Y(async () => {
     try {
-      const u = await t.listWorkspaces();
-      y({ status: "ready", workspaces: u.workspaces }), b(
+      const h = await a.listWorkspaces();
+      u({ status: "ready", workspaces: h.workspaces }), m(
         (_) => {
           var E;
-          return _ && u.workspaces.some((s) => s.id === _) ? _ : ((E = u.workspaces[0]) == null ? void 0 : E.id) ?? null;
+          return _ && h.workspaces.some((s) => s.id === _) ? _ : ((E = h.workspaces[0]) == null ? void 0 : E.id) ?? null;
         }
       );
-    } catch (u) {
-      y({ status: "error", message: S(u) });
+    } catch (h) {
+      u({ status: "error", message: R(h) });
     }
-  }, [t]);
+  }, [a]);
   A(() => {
     r();
   }, [r]);
-  const v = o.status === "ready" ? o.workspaces : [], h = v.find((u) => u.id === l) ?? null;
+  const y = o.status === "ready" ? o.workspaces : [], p = y.find((h) => h.id === l) ?? null;
   if (o.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
   if (o.status === "error")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: o.message }) });
-  const m = v.length > 0, g = /* @__PURE__ */ e(
+  const v = y.length > 0, g = /* @__PURE__ */ e(
     J,
     {
-      workspaces: v,
-      selected: h,
-      onSelect: b,
+      workspaces: y,
+      selected: p,
+      onSelect: m,
       onChanged: () => {
         r();
       },
-      onMembersChanged: () => f((u) => u + 1)
+      onMembersChanged: () => b((h) => h + 1)
     }
   ), k = /* @__PURE__ */ n("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
     /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
-    h ? /* @__PURE__ */ e(
-      ie,
+    p ? /* @__PURE__ */ e(
+      le,
       {
-        workspace: h,
-        hubUrl: a,
+        workspace: p,
+        hubUrl: t,
         membersRefreshKey: c,
-        onMembersChanged: () => f((u) => u + 1),
+        onMembersChanged: () => b((h) => h + 1),
         onLeft: () => void r(),
         onDeleted: () => void r()
       }
@@ -789,26 +796,26 @@ function oe({ hubUrl: a }) {
   return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
     K,
     {
-      workspaceId: h == null ? void 0 : h.id,
+      workspaceId: p == null ? void 0 : p.id,
       config: k,
       switcher: g,
-      hasWorkspace: m
+      hasWorkspace: v
     }
   ) });
 }
 export {
-  ie as ConfigPanel,
-  te as ConnectAgent,
+  le as ConfigPanel,
+  ae as ConnectAgent,
   K as Dashboard,
-  ue as EmptyState,
-  X as GeneralSettings,
-  z as Invites,
-  q as Members,
-  G as ShepherdClientError,
-  he as ShepherdClientProvider,
-  oe as ShepherdRoot,
+  he as EmptyState,
+  M as GeneralSettings,
+  q as Invites,
+  X as Members,
+  H as ShepherdClientError,
+  me as ShepherdClientProvider,
+  ce as ShepherdRoot,
   J as WorkspaceSwitcher,
-  me as createShepherdClient,
-  S as describeError,
+  pe as createShepherdClient,
+  R as describeError,
   B as useShepherdClient
 };

package/dist/lib/styles.css

@@ -289,10 +289,6 @@
         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 select {
-        appearance:none; -webkit-appearance:none; -moz-appearance:none;
-        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239c917a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-        background-repeat:no-repeat; background-position:right 28px center; padding-right:44px; }
       .shepherd-config .field__row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
       .shepherd-config .field__row > input { flex:1; min-width:200px; }
 
@@ -303,11 +299,22 @@
 
       .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;
+        /* background-COLOR, not the `background` shorthand — the shorthand
+           resets background-image and erases the select's chevron above. */
+        background-color: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); }
+      /* Select dropdown affordance. AFTER the shared input/select rule on
+         purpose: `padding` there is a shorthand and would reset the wider
+         padding-right reserved for the chevron. */
+      .shepherd-config select {
+        appearance:none; -webkit-appearance:none; -moz-appearance:none;
+        cursor:pointer;
+        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236f6450' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+        background-repeat:no-repeat; background-position:right 14px center; padding-right:40px; }
+      .shepherd-config select:hover:not(:disabled) { border-color:var(--terr); }
       .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;

package/dist/selfhost/assets/{index-C78oV7tm.css → index-dBmCZSQx.css}

@@ -1 +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)}.ws-switcher{position:relative}.ws-trig{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:5px 10px;background:var(--card)}.ws-trig:hover{border-color:var(--ink3)}.ws-trig--empty{background:transparent;border-style:dashed;border-color:var(--ink2)}.ws-avatar{width:18px;height:18px;border-radius:6px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.ws-avatar--sm{width:16px;height:16px;font-size:9px}.ws-plus{color:var(--ink2);font-weight:700}.ws-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-caret{color:var(--ink3);font-size:10px}.ws-menu{position:absolute;top:40px;left:0;width:240px;z-index:20;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:6px;box-shadow:0 8px 24px #32281429}.ws-menu__head{margin:0;padding:6px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.ws-menu__none{margin:0;padding:2px 8px 6px;color:var(--ink3);font-style:italic;font-size:13px}.ws-menu__list{list-style:none;margin:0;padding:0}.ws-mi{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:13px;color:var(--ink);background:transparent;border:0;border-radius:7px;padding:7px 8px;cursor:pointer}.ws-mi:hover{background:var(--chip)}.ws-mi--on{font-weight:600}.ws-mi__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-mi__check{color:var(--live)}.ws-menu__actions{display:flex;flex-direction:column;margin-top:5px;padding-top:5px;border-top:1px solid var(--line2)}.ws-action{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:13px;color:var(--ink2);background:transparent;border:0;border-radius:7px;padding:8px;cursor:pointer}.ws-action:hover{background:var(--chip);color:var(--ink)}.ws-form{display:flex;flex-direction:column;gap:8px;padding:4px}.ws-form label{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.ws-form input{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.ws-form input:focus{outline:none;border-color:var(--terr);box-shadow:0 0 0 3px #7a6a4824}.ws-form__row{display:flex;gap:8px;justify-content:flex-end}.ws-form__row button{font:inherit;font-size:13px;font-weight:600;border-radius:8px;padding:7px 14px;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--bg)}.ws-form__row button:disabled{opacity:.55;cursor:default}.ws-form__back{background:transparent!important;color:var(--ink2)!important;border-color:var(--line)!important}.ws-menu__error{margin:6px 4px 2px;font-size:12.5px;color:var(--drop)}.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}.shepherd-config h2{font-size:16px;margin:0 0 22px}.config-layout{display:flex;gap:32px;align-items:flex-start}.config-nav{flex:none;width:170px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0}.shepherd-config .config-nav__item{text-align:left;font:inherit;font-size:13.5px;color:var(--ink2);background:transparent;border:0;border-radius:8px;padding:8px 12px;cursor:pointer;box-shadow:inset 2px 0 0 transparent;transition:color .12s ease,background .12s ease}.shepherd-config .config-nav .config-nav__item:hover{color:var(--ink);background:#322c200f}.shepherd-config .config-nav__item--on{color:var(--ink);font-weight:600;box-shadow:inset 2px 0 0 var(--ink)}.shepherd-config .config-nav .config-nav__item--on:hover{background:transparent}.config-panel{flex:1;min-width:0}.config-panel>section+section{margin-top:26px;padding-top:26px;border-top:1px solid var(--line2)}.config-none{color:var(--ink2);font-size:13.5px;max-width:520px}.shepherd-config .readonly-value{margin:0;font-size:15px;color:var(--ink);padding:1px 0;font-weight:500}.shepherd-general .leave,.shepherd-general .delete{padding-top:4px}.shepherd-config button.danger{border-color:var(--drop);background:transparent;color:var(--drop);align-self:flex-start}.shepherd-config button.danger:hover:not(:disabled){background:var(--drop);color:var(--bg)}.shepherd-config .card-head h3{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);margin:0}.shepherd-config .card-sub{margin:4px 0 0;font-size:12.5px;color:var(--ink3)}.shepherd-config .card-head{margin-bottom:16px}.shepherd-config .card-body{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 select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239c917a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 28px center;padding-right:44px}.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-invites .invites{gap:12px}.shepherd-invites .invites>button{align-self:flex-start}.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}.shepherd-config li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px}.shepherd-config li+li{border-top:1px solid var(--line2)}.shepherd-config li>span:first-child{flex:1;min-width:0;font-weight:500}.shepherd-config li button{padding:5px 12px}.shepherd-config .role,.shepherd-config .token-meta{color:var(--ink3);font-size:12px}.shepherd-config .email-invite__status{margin:0;font-size:12.5px;color:var(--ink2)}.shepherd-connect-agent .install-command{position:relative}.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-config .shepherd-connect-agent .install-command__copy{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:7px;border:0;background:transparent;color:var(--ink3);cursor:pointer;transition:background .12s ease,color .12s ease}.shepherd-config .shepherd-connect-agent .install-command__copy:hover{background:#322c2014;color:var(--ink)}.shepherd-connect-agent h4{margin:6px 0 0;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.shepherd-connect-agent .token-once{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:10px 12px;border-radius:8px;background:var(--chip);border:1px solid var(--line2)}.shepherd-config .invite-result{align-self:stretch;display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.shepherd-config .invite-result__head{display:flex;align-items:center;gap:12px}.shepherd-config .invite-result__eyebrow{flex:1;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.shepherd-config .invite-uses{font-size:12px;color:var(--ink3)}.shepherd-config .invite-result__copyrow{display:flex;align-items:center;gap:10px}.shepherd-config .invite-result__copyrow>code{flex:1;min-width:0;font-size:15px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);letter-spacing:.02em;word-break:break-all}.shepherd-config .invite-result__copyrow--link{padding-top:10px;border-top:1px solid var(--line2)}.shepherd-config .invite-result__copyrow--link a{flex:1;min-width:0;font-size:12px;color:var(--ink2);word-break:break-all}.shepherd-config .invite-result .copy-btn{flex:none;padding:5px 12px;font-size:12px;font-weight:600;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--ink2);cursor:pointer}.shepherd-config .invite-result .copy-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.shepherd-config .invite-result .link-btn{flex:none;padding:0;font-size:12px;font-weight:600;border:0;background:transparent;color:var(--drop);cursor:pointer}.shepherd-config .invite-result .link-btn:hover{background:transparent;text-decoration:underline}.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}.shepherd-feedback{position:fixed;right:20px;bottom:20px;z-index:10}.shepherd-feedback__trigger{padding:9px 16px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;font-size:13px;font:inherit;cursor:pointer;box-shadow:0 8px 24px #3228142e}.shepherd-feedback__trigger:hover{background:#413a2a}.shepherd-feedback__panel{position:absolute;right:0;bottom:calc(100% + 10px);width:280px;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #3228142e}.shepherd-feedback__panel h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}.shepherd-feedback__panel [role=status]{margin:0;font-size:13px;color:var(--ink2)}.shepherd-feedback__panel [role=alert]{margin:0;font-size:13px;color:var(--drop)}.shepherd-feedback__types{display:flex;gap:6px}.shepherd-feedback__types button{flex:1;padding:6px 0;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink2);font-size:12.5px;font:inherit;cursor:pointer;transition:background .12s ease,color .12s ease}.shepherd-feedback__types button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}.shepherd-feedback__panel textarea{min-height:80px;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;resize:vertical}.shepherd-feedback__panel textarea::placeholder{color:var(--ink3)}.shepherd-feedback__panel textarea:focus{outline:none;border-color:var(--terr);box-shadow:0 0 0 3px #7a6a4824}.shepherd-feedback__panel>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}.shepherd-feedback__panel>button:hover:not(:disabled){background:#413a2a}.shepherd-feedback__panel>button:disabled{opacity:.55;cursor:default}.shepherd-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#1e180c73}.shepherd-modal{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #32281447}.shepherd-modal h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}.shepherd-modal__body{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}.shepherd-modal__label{font-size:12.5px;color:var(--ink2)}.shepherd-modal input{width:100%;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-modal input:focus{outline:none;border-color:var(--terr);box-shadow:0 0 0 3px #7a6a4824}.shepherd-modal [role=alert]{margin:0;font-size:13px;color:var(--drop)}.shepherd-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.shepherd-modal__actions button.danger{border-color:var(--drop);background:transparent;color:var(--drop)}.shepherd-modal__actions button.danger:hover:not(:disabled){background:var(--drop);color:var(--bg)}.shepherd-modal__actions button:disabled{opacity:.55;cursor:default}
+: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)}.ws-switcher{position:relative}.ws-trig{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:5px 10px;background:var(--card)}.ws-trig:hover{border-color:var(--ink3)}.ws-trig--empty{background:transparent;border-style:dashed;border-color:var(--ink2)}.ws-avatar{width:18px;height:18px;border-radius:6px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.ws-avatar--sm{width:16px;height:16px;font-size:9px}.ws-plus{color:var(--ink2);font-weight:700}.ws-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-caret{color:var(--ink3);font-size:10px}.ws-menu{position:absolute;top:40px;left:0;width:240px;z-index:20;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:6px;box-shadow:0 8px 24px #32281429}.ws-menu__head{margin:0;padding:6px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.ws-menu__none{margin:0;padding:2px 8px 6px;color:var(--ink3);font-style:italic;font-size:13px}.ws-menu__list{list-style:none;margin:0;padding:0}.ws-mi{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:13px;color:var(--ink);background:transparent;border:0;border-radius:7px;padding:7px 8px;cursor:pointer}.ws-mi:hover{background:var(--chip)}.ws-mi--on{font-weight:600}.ws-mi__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-mi__check{color:var(--live)}.ws-menu__actions{display:flex;flex-direction:column;margin-top:5px;padding-top:5px;border-top:1px solid var(--line2)}.ws-action{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:13px;color:var(--ink2);background:transparent;border:0;border-radius:7px;padding:8px;cursor:pointer}.ws-action:hover{background:var(--chip);color:var(--ink)}.ws-form{display:flex;flex-direction:column;gap:8px;padding:4px}.ws-form label{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.ws-form input{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.ws-form input:focus{outline:none;border-color:var(--terr);box-shadow:0 0 0 3px #7a6a4824}.ws-form__row{display:flex;gap:8px;justify-content:flex-end}.ws-form__row button{font:inherit;font-size:13px;font-weight:600;border-radius:8px;padding:7px 14px;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--bg)}.ws-form__row button:disabled{opacity:.55;cursor:default}.ws-form__back{background:transparent!important;color:var(--ink2)!important;border-color:var(--line)!important}.ws-menu__error{margin:6px 4px 2px;font-size:12.5px;color:var(--drop)}.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}.shepherd-config h2{font-size:16px;margin:0 0 22px}.config-layout{display:flex;gap:32px;align-items:flex-start}.config-nav{flex:none;width:170px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0}.shepherd-config .config-nav__item{text-align:left;font:inherit;font-size:13.5px;color:var(--ink2);background:transparent;border:0;border-radius:8px;padding:8px 12px;cursor:pointer;box-shadow:inset 2px 0 0 transparent;transition:color .12s ease,background .12s ease}.shepherd-config .config-nav .config-nav__item:hover{color:var(--ink);background:#322c200f}.shepherd-config .config-nav__item--on{color:var(--ink);font-weight:600;box-shadow:inset 2px 0 0 var(--ink)}.shepherd-config .config-nav .config-nav__item--on:hover{background:transparent}.config-panel{flex:1;min-width:0}.config-panel>section+section{margin-top:26px;padding-top:26px;border-top:1px solid var(--line2)}.config-none{color:var(--ink2);font-size:13.5px;max-width:520px}.shepherd-config .readonly-value{margin:0;font-size:15px;color:var(--ink);padding:1px 0;font-weight:500}.shepherd-general .leave,.shepherd-general .delete{padding-top:4px}.shepherd-config button.danger{border-color:var(--drop);background:transparent;color:var(--drop);align-self:flex-start}.shepherd-config button.danger:hover:not(:disabled){background:var(--drop);color:var(--bg)}.shepherd-config .card-head h3{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);margin:0}.shepherd-config .card-sub{margin:4px 0 0;font-size:12.5px;color:var(--ink3)}.shepherd-config .card-head{margin-bottom:16px}.shepherd-config .card-body{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-invites .invites{gap:12px}.shepherd-invites .invites>button{align-self:flex-start}.shepherd-config input,.shepherd-config select{padding:9px 12px;border-radius:8px;border:1px solid var(--line);background-color: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 select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236f6450' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.shepherd-config select:hover:not(:disabled){border-color:var(--terr)}.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}.shepherd-config li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px}.shepherd-config li+li{border-top:1px solid var(--line2)}.shepherd-config li>span:first-child{flex:1;min-width:0;font-weight:500}.shepherd-config li button{padding:5px 12px}.shepherd-config .role,.shepherd-config .token-meta{color:var(--ink3);font-size:12px}.shepherd-config .email-invite__status{margin:0;font-size:12.5px;color:var(--ink2)}.shepherd-connect-agent .install-command{position:relative}.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-config .shepherd-connect-agent .install-command__copy{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:7px;border:0;background:transparent;color:var(--ink3);cursor:pointer;transition:background .12s ease,color .12s ease}.shepherd-config .shepherd-connect-agent .install-command__copy:hover{background:#322c2014;color:var(--ink)}.shepherd-connect-agent h4{margin:6px 0 0;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.shepherd-connect-agent .token-once{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:10px 12px;border-radius:8px;background:var(--chip);border:1px solid var(--line2)}.shepherd-config .invite-result{align-self:stretch;display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.shepherd-config .invite-result__head{display:flex;align-items:center;gap:12px}.shepherd-config .invite-result__eyebrow{flex:1;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}.shepherd-config .invite-uses{font-size:12px;color:var(--ink3)}.shepherd-config .invite-result__copyrow{display:flex;align-items:center;gap:10px}.shepherd-config .invite-result__copyrow>code{flex:1;min-width:0;font-size:15px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);letter-spacing:.02em;word-break:break-all}.shepherd-config .invite-result__copyrow--link{padding-top:10px;border-top:1px solid var(--line2)}.shepherd-config .invite-result__copyrow--link a{flex:1;min-width:0;font-size:12px;color:var(--ink2);word-break:break-all}.shepherd-config .invite-result .copy-btn{flex:none;padding:5px 12px;font-size:12px;font-weight:600;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--ink2);cursor:pointer}.shepherd-config .invite-result .copy-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.shepherd-config .invite-result .link-btn{flex:none;padding:0;font-size:12px;font-weight:600;border:0;background:transparent;color:var(--drop);cursor:pointer}.shepherd-config .invite-result .link-btn:hover{background:transparent;text-decoration:underline}.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}.shepherd-feedback{position:fixed;right:20px;bottom:20px;z-index:10}.shepherd-feedback__trigger{padding:9px 16px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;font-size:13px;font:inherit;cursor:pointer;box-shadow:0 8px 24px #3228142e}.shepherd-feedback__trigger:hover{background:#413a2a}.shepherd-feedback__panel{position:absolute;right:0;bottom:calc(100% + 10px);width:280px;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #3228142e}.shepherd-feedback__panel h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}.shepherd-feedback__panel [role=status]{margin:0;font-size:13px;color:var(--ink2)}.shepherd-feedback__panel [role=alert]{margin:0;font-size:13px;color:var(--drop)}.shepherd-feedback__types{display:flex;gap:6px}.shepherd-feedback__types button{flex:1;padding:6px 0;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink2);font-size:12.5px;font:inherit;cursor:pointer;transition:background .12s ease,color .12s ease}.shepherd-feedback__types button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}.shepherd-feedback__panel textarea{min-height:80px;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;resize:vertical}.shepherd-feedback__panel textarea::placeholder{color:var(--ink3)}.shepherd-feedback__panel textarea:focus{outline:none;border-color:var(--terr);box-shadow:0 0 0 3px #7a6a4824}.shepherd-feedback__panel>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}.shepherd-feedback__panel>button:hover:not(:disabled){background:#413a2a}.shepherd-feedback__panel>button:disabled{opacity:.55;cursor:default}.shepherd-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#1e180c73}.shepherd-modal{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #32281447}.shepherd-modal h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}.shepherd-modal__body{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}.shepherd-modal__label{font-size:12.5px;color:var(--ink2)}.shepherd-modal input{width:100%;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-modal input:focus{outline:none;border-color:var(--terr);box-shadow:0 0 0 3px #7a6a4824}.shepherd-modal [role=alert]{margin:0;font-size:13px;color:var(--drop)}.shepherd-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.shepherd-modal__actions button.danger{border-color:var(--drop);background:transparent;color:var(--drop)}.shepherd-modal__actions button.danger:hover:not(:disabled){background:var(--drop);color:var(--bg)}.shepherd-modal__actions button:disabled{opacity:.55;cursor:default}

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-B_B7vc7a.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-C78oV7tm.css">
+    <script type="module" crossorigin src="/assets/index--_PPE03M.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-dBmCZSQx.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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