@korso/shepherd-ui 0.2.0 → 0.2.1

package/dist/lib/index.js

@@ -1,130 +1,130 @@
-import { u as $, d as I, D as U } from "./Dashboard-CG6KeFQ3.js";
-import { S as ne, a as te, c as ae } from "./Dashboard-CG6KeFQ3.js";
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { useId as O, useState as i, useEffect as H, useRef as _, useCallback as D } from "react";
-function F({ workspaceId: c, refreshKey: t = 0, canRemove: l = !1, onLeft: k }) {
-  const f = $(), R = O(), [w, v] = i([]), [N, y] = i(null), [p, C] = i(null), [E, d] = i(!0), [u, n] = i(null), [o, m] = i(!1);
-  async function s({ keepError: h = !1 } = {}) {
-    h || y(null);
+import { u as O, d as N, D as $ } 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);
     try {
-      const g = await f.listMembers(c);
-      v(g.members);
-    } catch (g) {
-      y(I(g));
+      const f = await m.listMembers(c);
+      b(f.members);
+    } catch (f) {
+      p(N(f));
     } finally {
       d(!1);
     }
   }
   H(() => {
-    d(!0), s();
-  }, [f, c, t]);
-  async function S(h, g) {
-    if (!u) {
-      n(h), y(null), C(null), v((T) => T.filter((r) => r.accountId !== 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));
       try {
-        await f.removeMember(c, h), C(`Removed ${g}`);
-      } catch (T) {
-        y(I(T)), s({ keepError: !0 });
+        await m.removeMember(c, l), o(`Removed ${f}`);
+      } catch (E) {
+        p(N(E)), I({ keepError: !0 });
       } finally {
-        n(null);
+        v(null);
       }
     }
   }
   async function x() {
-    if (!o) {
-      m(!0), y(null), C(null);
+    if (!R) {
+      S(!0), p(null), o(null);
       try {
-        await f.leave(c), C("Left workspace"), k == null || k();
-      } catch (h) {
-        y(I(h));
+        await m.leave(c), o("Left workspace"), k == null || k();
+      } catch (l) {
+        p(N(l));
       } finally {
-        m(!1);
+        S(!1);
       }
     }
   }
-  return /* @__PURE__ */ b("section", { className: "shepherd-members", "aria-labelledby": R, children: [
-    /* @__PURE__ */ e("h3", { id: R, children: "Members" }),
-    N && /* @__PURE__ */ e("p", { role: "alert", children: N }),
-    p && /* @__PURE__ */ e("p", { role: "status", children: p }),
-    E ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : w.length === 0 ? /* @__PURE__ */ e("p", { children: "No members." }) : /* @__PURE__ */ e("ul", { children: w.map((h) => {
-      const g = h.displayName ?? h.githubLogin ?? h.accountId;
-      return /* @__PURE__ */ b("li", { children: [
-        /* @__PURE__ */ e("span", { children: g }),
-        /* @__PURE__ */ e("span", { className: "role", children: h.role }),
-        l && /* @__PURE__ */ e(
+  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 ${g}`,
-            onClick: () => void S(h.accountId, g),
-            disabled: u === h.accountId,
+            "aria-label": `Remove ${f}`,
+            onClick: () => void L(l.accountId, f),
+            disabled: s === l.accountId,
             children: "Remove"
           }
         )
-      ] }, h.accountId);
+      ] }, l.accountId);
     }) }),
-    /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: o, children: "Leave workspace" })
+    /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: R, children: "Leave workspace" })
   ] });
 }
-function M({ workspaces: c, selected: t, onChanged: l, onSelect: k }) {
-  const f = $(), R = O(), [w, v] = i(""), [N, y] = i(""), [p, C] = i(null), [E, d] = i(null), [u, n] = i(!1), [o, m] = i(0), s = (t == null ? void 0 : t.role) === "admin";
-  async function S() {
-    if (!(!w.trim() || u)) {
-      n(!0), d(null);
+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";
+  async function L() {
+    if (!(!g.trim() || s)) {
+      v(!0), d(null);
       try {
-        await f.createWorkspace({ name: w.trim() }), v(""), l();
+        await m.createWorkspace({ name: g.trim() }), b(""), i();
       } catch (r) {
-        d(I(r));
+        d(N(r));
       } finally {
-        n(!1);
+        v(!1);
       }
     }
   }
   async function x() {
-    if (!(!N.trim() || u)) {
-      n(!0), d(null);
+    if (!(!u.trim() || s)) {
+      v(!0), d(null);
       try {
-        await f.redeemInvite(N.trim()), y(""), l(), m((r) => r + 1);
+        await m.redeemInvite(u.trim()), p(""), i(), S((r) => r + 1);
       } catch (r) {
-        d(I(r));
+        d(N(r));
       } finally {
-        n(!1);
+        v(!1);
       }
     }
   }
-  async function h() {
-    if (!(!t || u)) {
-      n(!0), d(null);
+  async function l() {
+    if (!(!t || s)) {
+      v(!0), d(null);
       try {
-        const r = await f.createInvite(t.id, {});
-        C(r), m((j) => j + 1);
+        const r = await m.createInvite(t.id, {});
+        o(r), S((j) => j + 1);
       } catch (r) {
-        d(I(r));
+        d(N(r));
       } finally {
-        n(!1);
+        v(!1);
       }
     }
   }
-  async function g() {
-    if (!(!t || !p || u)) {
-      n(!0), d(null);
+  async function f() {
+    if (!(!t || !h || s)) {
+      v(!0), d(null);
       try {
-        await f.revokeInvite(t.id, p.code), C(null);
+        await m.revokeInvite(t.id, h.code), o(null);
       } catch (r) {
-        d(I(r));
+        d(N(r));
       } finally {
-        n(!1);
+        v(!1);
       }
     }
   }
   H(() => {
-    C(null);
+    o(null);
   }, [t == null ? void 0 : t.id]);
-  const T = p ? `${window.location.origin}/join/${encodeURIComponent(p.code)}` : null;
-  return /* @__PURE__ */ b("section", { className: "shepherd-workspaces", "aria-labelledby": R, children: [
-    /* @__PURE__ */ e("h3", { id: R, children: "Workspace management" }),
-    E && /* @__PURE__ */ e("p", { role: "alert", children: E }),
-    c.length > 1 && k && /* @__PURE__ */ b("div", { className: "switcher", children: [
+  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",
@@ -136,53 +136,53 @@ function M({ workspaces: c, selected: t, onChanged: l, onSelect: k }) {
         }
       )
     ] }),
-    /* @__PURE__ */ b("div", { className: "create", children: [
+    /* @__PURE__ */ y("div", { className: "create", children: [
       /* @__PURE__ */ e("label", { htmlFor: "ws-name", children: "Workspace name" }),
       /* @__PURE__ */ e(
         "input",
         {
           id: "ws-name",
           type: "text",
-          value: w,
-          onChange: (r) => v(r.target.value)
+          value: g,
+          onChange: (r) => b(r.target.value)
         }
       ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void S(), disabled: u, children: "Create workspace" })
+      /* @__PURE__ */ e("button", { type: "button", onClick: () => void L(), disabled: s, children: "Create workspace" })
     ] }),
-    /* @__PURE__ */ b("div", { className: "join", children: [
+    /* @__PURE__ */ y("div", { className: "join", children: [
       /* @__PURE__ */ e("label", { htmlFor: "invite-code", children: "Invite code" }),
       /* @__PURE__ */ e(
         "input",
         {
           id: "invite-code",
           type: "text",
-          value: N,
-          onChange: (r) => y(r.target.value)
+          value: u,
+          onChange: (r) => p(r.target.value)
         }
       ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: u, children: "Join" })
+      /* @__PURE__ */ e("button", { type: "button", onClick: () => void x(), disabled: s, children: "Join" })
     ] }),
-    s && t && /* @__PURE__ */ b("div", { className: "admin", children: [
-      /* @__PURE__ */ b("div", { className: "invites", children: [
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => void h(), disabled: u, children: "Create invite" }),
-        p && /* @__PURE__ */ b("div", { className: "invite-result", children: [
-          /* @__PURE__ */ e("code", { children: p.code }),
-          /* @__PURE__ */ e("a", { href: T ?? void 0, children: T }),
-          /* @__PURE__ */ b("span", { className: "invite-uses", children: [
-            p.useCount,
+    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,
             " / ",
-            p.maxUses,
+            h.maxUses,
             " uses"
           ] }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => void g(), disabled: u, children: "Revoke invite" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => void f(), disabled: s, children: "Revoke invite" })
         ] })
       ] }),
       /* @__PURE__ */ e(
-        F,
+        K,
         {
           workspaceId: t.id,
-          refreshKey: o,
-          onLeft: l,
+          refreshKey: R,
+          onLeft: i,
           canRemove: !0
         }
       )
@@ -194,264 +194,181 @@ const P = [
   { id: "codex", label: "Codex" },
   { id: "pi", label: "Pi" },
   { id: "generic", label: "Generic (JSON)" }
-], B = "shp_<paste-after-generating>", G = {
+], A = "shp_<paste-after-generating>", D = {
   claude: "claude mcp add shepherd -s user \\",
   codex: "codex mcp add shepherd \\",
   pi: "pi mcp add shepherd \\"
 };
-function J(c, t, l) {
+function B(c, t, i) {
   return c === "generic" ? JSON.stringify(
     {
       mcpServers: {
         shepherd: {
           command: "npx",
           args: ["-y", "@korso/shepherd"],
-          env: { HUB_URL: t, SHEPHERD_TOKEN: l }
+          env: { HUB_URL: t, SHEPHERD_TOKEN: i }
         }
       }
     },
     null,
     2
   ) : [
-    G[c],
+    D[c],
     `  -e HUB_URL=${t} \\`,
-    `  -e SHEPHERD_TOKEN=${l} \\`,
+    `  -e SHEPHERD_TOKEN=${i} \\`,
     "  -- npx -y @korso/shepherd"
   ].join(`
 `);
 }
-function V({ workspaceId: c, hubUrl: t }) {
-  const l = $(), k = t ?? l.baseUrl, f = O(), [R, w] = i("claude"), [v, N] = i(""), [y, p] = i(null), [C, E] = i([]), [d, u] = i(null), [n, o] = i(null), [m, s] = i(!1), [S, x] = i(!0), [h, g] = i(null);
-  async function T() {
+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);
+  async function E() {
     try {
-      const a = await l.listTokens(c);
-      E(a.tokens);
-    } catch (a) {
-      u(I(a));
+      const n = await i.listTokens(c);
+      w(n.tokens);
+    } catch (n) {
+      s(N(n));
     } finally {
       x(!1);
     }
   }
   H(() => {
-    x(!0), T();
-  }, [l, c]), H(() => {
-    p(null);
+    x(!0), E();
+  }, [i, c]), H(() => {
+    h(null);
   }, [c]);
   async function r() {
-    s(!0), u(null);
+    I(!0), s(null);
     try {
-      const a = await l.mintToken(
+      const n = await i.mintToken(
         c,
-        v.trim() ? { name: v.trim() } : {}
+        b.trim() ? { name: b.trim() } : {}
       );
-      p(a.token), N(""), await T();
-    } catch (a) {
-      u(I(a));
+      h(n.token), u(""), await E();
+    } catch (n) {
+      s(N(n));
     } finally {
-      s(!1);
+      I(!1);
     }
   }
-  async function j(a) {
-    if (!h) {
-      g(a), u(null), o(null);
+  async function j(n) {
+    if (!l) {
+      f(n), s(null), R(null);
       try {
-        await l.revokeToken(c, a), E((L) => L.filter((A) => A.id !== a)), o("Token revoked");
-      } catch (L) {
-        u(I(L));
+        await i.revokeToken(c, n), w((T) => T.filter((_) => _.id !== n)), R("Token revoked");
+      } catch (T) {
+        s(N(T));
       } finally {
-        g(null);
+        f(null);
       }
     }
   }
-  const W = J(R, k, y ?? B);
-  return /* @__PURE__ */ b("section", { className: "shepherd-connect-agent", "aria-labelledby": f, children: [
-    /* @__PURE__ */ e("h3", { id: f, children: "Connect your agent" }),
+  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: R,
-        onChange: (a) => w(a.target.value),
-        children: P.map((a) => /* @__PURE__ */ e("option", { value: a.id, children: a.label }, a.id))
+        value: C,
+        onChange: (n) => g(n.target.value),
+        children: P.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.label }, n.id))
       }
     ),
-    /* @__PURE__ */ b("div", { className: "generate", children: [
+    /* @__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: v,
-          onChange: (a) => N(a.target.value),
+          value: b,
+          onChange: (n) => u(n.target.value),
           placeholder: "e.g. laptop"
         }
       ),
-      /* @__PURE__ */ e("button", { type: "button", onClick: () => void r(), disabled: m, children: "Generate token" })
+      /* @__PURE__ */ e("button", { type: "button", onClick: () => void r(), disabled: S, children: "Generate token" })
     ] }),
     d && /* @__PURE__ */ e("p", { role: "alert", children: d }),
-    n && /* @__PURE__ */ e("p", { role: "status", children: n }),
-    y && /* @__PURE__ */ e("p", { className: "token-once", role: "status", children: "Copy this token now — it won't be shown again." }),
+    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" }),
-    S ? /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) : C.length === 0 ? /* @__PURE__ */ e("p", { children: "No tokens yet." }) : /* @__PURE__ */ e("ul", { children: C.map((a) => {
-      const L = a.name ?? a.id;
-      return /* @__PURE__ */ b("li", { children: [
-        /* @__PURE__ */ e("span", { children: L }),
-        a.revokedAt ? /* @__PURE__ */ e("span", { className: "revoked", children: "revoked" }) : /* @__PURE__ */ e(
+    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",
           {
             type: "button",
-            "aria-label": `Revoke token ${L}`,
-            onClick: () => void j(a.id),
-            disabled: h === a.id,
+            "aria-label": `Revoke token ${T}`,
+            onClick: () => void j(n.id),
+            disabled: l === n.id,
             children: "Revoke"
           }
         )
-      ] }, a.id);
+      ] }, n.id);
     }) })
   ] });
 }
-function X({
-  title: c = "No workspace yet",
-  children: t,
-  onGetStarted: l,
-  ctaLabel: k = "Go to Config"
-}) {
-  return /* @__PURE__ */ b("section", { className: "shepherd-empty-state", "aria-labelledby": "empty-state-heading", children: [
-    /* @__PURE__ */ e("h2", { id: "empty-state-heading", children: c }),
-    /* @__PURE__ */ e("p", { children: t ?? "Create a workspace or join one with an invite code to get started." }),
-    l && /* @__PURE__ */ e("button", { type: "button", onClick: l, children: k })
-  ] });
-}
-const K = [
-  { id: "board", label: "Board" },
-  { id: "config", label: "Config" }
-];
-function Y({ hubUrl: c }) {
-  const t = $(), [l, k] = i({ status: "loading" }), [f, R] = i(null), [w, v] = i("board"), N = _([]), y = D(
-    (n, o) => {
-      var S;
-      const m = K.length - 1;
-      let s = null;
-      switch (n.key) {
-        case "ArrowRight":
-          s = o === m ? 0 : o + 1;
-          break;
-        case "ArrowLeft":
-          s = o === 0 ? m : o - 1;
-          break;
-        case "Home":
-          s = 0;
-          break;
-        case "End":
-          s = m;
-          break;
-        default:
-          return;
-      }
-      n.preventDefault(), v(K[s].id), (S = N.current[s]) == null || S.focus();
-    },
-    []
-  ), p = D(
-    async (n) => {
-      try {
-        const o = await t.listWorkspaces();
-        k({ status: "ready", workspaces: o.workspaces }), R(
-          (m) => {
-            var s;
-            return m && o.workspaces.some((S) => S.id === m) ? m : ((s = o.workspaces[0]) == null ? void 0 : s.id) ?? null;
-          }
-        ), n && v(o.workspaces.length === 0 ? "config" : "board");
-      } catch (o) {
-        k({
-          status: "error",
-          message: I(o)
-        });
-      }
-    },
-    [t]
-  );
+function z({ hubUrl: c }) {
+  const t = O(), [i, k] = a({ status: "loading" }), [m, C] = a(null), g = F(async () => {
+    try {
+      const o = await t.listWorkspaces();
+      k({ status: "ready", workspaces: o.workspaces }), C(
+        (w) => {
+          var d;
+          return w && o.workspaces.some((s) => s.id === w) ? w : ((d = o.workspaces[0]) == null ? void 0 : d.id) ?? null;
+        }
+      );
+    } catch (o) {
+      k({ status: "error", message: N(o) });
+    }
+  }, [t]);
   H(() => {
-    p(!0);
-  }, []);
-  const C = D(() => p(!1), [p]), E = l.status === "ready" ? l.workspaces : [], d = E.find((n) => n.id === f) ?? null;
-  if (l.status === "loading")
+    g();
+  }, [g]);
+  const b = i.status === "ready" ? i.workspaces : [], u = b.find((o) => o.id === m) ?? null;
+  if (i.status === "loading")
     return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "status", children: "Loading…" }) });
-  if (l.status === "error")
-    return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e("p", { role: "alert", children: l.message }) });
-  const u = E.length > 0;
-  return /* @__PURE__ */ b("div", { className: "shepherd-root", children: [
-    /* @__PURE__ */ b("header", { children: [
-      /* @__PURE__ */ e("h1", { className: "brand", style: { margin: 0, font: "inherit" }, children: "Shepherd" }),
-      /* @__PURE__ */ e("nav", { className: "tabs", role: "tablist", "aria-label": "Shepherd views", children: K.map(({ id: n, label: o }, m) => /* @__PURE__ */ e(
-        "button",
-        {
-          ref: (s) => {
-            N.current[m] = s;
-          },
-          type: "button",
-          role: "tab",
-          id: `tab-${n}`,
-          "aria-controls": `panel-${n}`,
-          "aria-selected": w === n,
-          tabIndex: w === n ? 0 : -1,
-          onClick: () => v(n),
-          onKeyDown: (s) => y(s, m),
-          children: o
+  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: [
+    /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
+    /* @__PURE__ */ e(
+      M,
+      {
+        workspaces: b,
+        selected: u,
+        onChanged: () => {
+          g();
         },
-        n
-      )) })
-    ] }),
-    /* @__PURE__ */ b("main", { children: [
-      w === "board" && /* @__PURE__ */ e(
-        "div",
-        {
-          role: "tabpanel",
-          id: "panel-board",
-          "aria-labelledby": "tab-board",
-          tabIndex: 0,
-          children: u && d ? /* @__PURE__ */ e(U, { workspaceId: d.id }) : /* @__PURE__ */ e(X, { onGetStarted: () => v("config") })
-        }
-      ),
-      w === "config" && /* @__PURE__ */ e(
-        "div",
-        {
-          role: "tabpanel",
-          id: "panel-config",
-          "aria-labelledby": "tab-config",
-          tabIndex: 0,
-          children: /* @__PURE__ */ b("section", { className: "shepherd-config", "aria-labelledby": "config-heading", children: [
-            /* @__PURE__ */ e("h2", { id: "config-heading", children: "Configuration" }),
-            /* @__PURE__ */ e(
-              M,
-              {
-                workspaces: E,
-                selected: d,
-                onChanged: () => {
-                  C();
-                },
-                onSelect: R
-              }
-            ),
-            d && /* @__PURE__ */ e(V, { workspaceId: d.id, hubUrl: c })
-          ] })
-        }
-      )
-    ] })
+        onSelect: C
+      }
+    ),
+    u && /* @__PURE__ */ e(J, { workspaceId: u.id, hubUrl: c })
   ] });
+  return /* @__PURE__ */ e("div", { className: "shepherd-root", children: /* @__PURE__ */ e(
+    $,
+    {
+      workspaceId: u == null ? void 0 : u.id,
+      config: h,
+      hasWorkspace: p
+    }
+  ) });
 }
 export {
-  V as ConnectAgent,
-  U as Dashboard,
-  X as EmptyState,
-  F as Members,
-  ne as ShepherdClientError,
-  te as ShepherdClientProvider,
-  Y as ShepherdRoot,
+  J as ConnectAgent,
+  $ as Dashboard,
+  Y as EmptyState,
+  K as Members,
+  Z as ShepherdClientError,
+  ee as ShepherdClientProvider,
+  z as ShepherdRoot,
   M as Workspaces,
-  ae as createShepherdClient,
-  I as describeError,
-  $ as useShepherdClient
+  ne as createShepherdClient,
+  N as describeError,
+  O as useShepherdClient
 };