@korso/shepherd-ui 0.3.0 → 0.4.0

package/dist/lib/Dashboard-CTXdGRxM.js

@@ -0,0 +1,1398 @@
+var Ie = Object.defineProperty;
+var xe = (t, n, c) => n in t ? Ie(t, n, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[n] = c;
+var ue = (t, n, c) => xe(t, typeof n != "symbol" ? n + "" : n, c);
+import { jsx as r, jsxs as m, Fragment as W } from "react/jsx-runtime";
+import { createContext as Me, useContext as Le, useState as N, useRef as P, useCallback as E, useEffect as se, Fragment as Pe, useLayoutEffect as Oe, useId as we } from "react";
+import { z as e } from "zod";
+const R = e.string(), Y = e.number(), Ge = e.object({
+  agentName: e.string(),
+  human: e.string(),
+  branch: e.string(),
+  kind: e.enum(["committed", "uncommitted"]),
+  commitSha: e.string().nullable(),
+  message: e.string().nullable(),
+  paths: e.array(e.string()).min(1),
+  authorIsLive: e.boolean(),
+  authorLastActiveAt: R,
+  updatedAt: R
+}), Fe = e.object({
+  kind: e.enum(["committed", "uncommitted"]),
+  // A git object id (lowercase hex, 4–64 chars) for `committed` entries, or null
+  // for `uncommitted`. This value is forwarded by the hub to OTHER clients, which
+  // feed it straight into local `git` argument vectors (isAncestor/hasCommit/
+  // changedLineRanges). Validating the shape at the wire boundary stops an
+  // attacker-controlled, flag-like value (e.g. "--output=...") from being parsed
+  // by git as an option on a teammate's machine (argument injection). gitContext
+  // re-validates defensively as well.
+  sha: e.string().regex(/^[0-9a-f]{4,64}$/).nullable(),
+  message: e.string().nullable(),
+  paths: e.array(e.string()).min(1).max(500)
+}), ae = e.object({
+  branch: e.string(),
+  baseBranch: e.string(),
+  head: e.string(),
+  truncated: e.boolean().default(!1),
+  // The only producer (gitContext.unlandedCommits) emits at most MAX_COMMITS
+  // (100) committed entries + 1 uncommitted, so this ceiling is generous. If
+  // MAX_COMMITS is ever raised above ~599, raise this in lockstep or the hub
+  // will start 400-rejecting otherwise-valid reports.
+  entries: e.array(Fe).max(600)
+}), Z = e.object({
+  workItemId: e.string().uuid(),
+  agentName: e.string(),
+  human: e.string().min(1),
+  intent: e.string().min(1).max(2048),
+  pathGlobs: e.array(e.string().min(1).max(512)).min(1).max(64),
+  // ISO timestamp string; see IsoTimestamp note above
+  expiresAt: R
+}), V = e.object({
+  // bigint PK serialised as number; see DbId note above
+  id: Y,
+  fromAgentName: e.string(),
+  fromHuman: e.string().min(1),
+  body: e.string().min(1).max(8192),
+  targetAgentName: e.string().nullable(),
+  // ISO timestamp string; see IsoTimestamp note above
+  createdAt: R
+}), Ae = e.object({
+  conflicts: e.array(Z),
+  activeClaims: e.array(Z),
+  // The caller's OWN active claims. `activeClaims` deliberately excludes the
+  // caller's session, so without this an agent has no way to confirm its own
+  // claim is live. Optional with a default so an older client talking to a
+  // newer hub (or vice-versa) never fails validation on its absence.
+  yourClaims: e.array(Z).default([]),
+  announcements: e.array(V),
+  // Per-agent change records for the workspace. Defaulted for version-skew safety.
+  changeRecords: e.array(Ge).default([])
+}), Ue = e.object({
+  name: e.string(),
+  human: e.string(),
+  program: e.string(),
+  // model is nullable in the DB (may be unknown when an agent first joins).
+  model: e.string().nullable(),
+  // repo/branch/lastHeartbeatAt come from the agent's most-recent session and
+  // are null when the agent has no session yet.
+  repo: e.string().nullable(),
+  branch: e.string().nullable(),
+  lastHeartbeatAt: R.nullable(),
+  presence: e.enum(["live", "offline"])
+}), He = e.enum(["active", "done", "dropped"]), We = e.object({
+  agentName: e.string(),
+  program: e.string(),
+  model: e.string().nullable(),
+  repo: e.string(),
+  intent: e.string(),
+  pathGlobs: e.array(e.string()),
+  status: He,
+  createdAt: R,
+  endedAt: R.nullable()
+}), qe = e.object({
+  fromAgentName: e.string(),
+  fromHuman: e.string(),
+  body: e.string(),
+  targetAgentName: e.string().nullable(),
+  repo: e.string(),
+  // True when the message was sent by the human operator from the dashboard
+  // (no agent session). The dashboard renders these as "me" (right-aligned).
+  // Defaulted for version-skew safety with older hubs.
+  fromAdmin: e.boolean().default(!1),
+  // True when an agent addressed the message TO the operator (the mirror of
+  // fromAdmin). The dashboard renders these as "<agent> → admin". Not delivered
+  // to other agents. Defaulted for version-skew safety with older hubs.
+  toAdmin: e.boolean().default(!1),
+  createdAt: R
+}), me = e.object({
+  agents: e.array(Ue),
+  tasks: e.array(We),
+  announcements: e.array(qe),
+  // The server's clock, so the client computes "expires in / last seen" against
+  // the hub rather than the (possibly skewed) browser clock.
+  serverTime: R
+});
+e.object({
+  body: e.string().min(1).max(8192),
+  // Direct-message a single agent (by the exact name shown in the landscape).
+  // Absent/null => broadcast. The hub resolves the target's repo server-side.
+  targetAgentName: e.string().min(1).nullable().optional(),
+  // For a broadcast, the repo to scope the message to (matches the dashboard's
+  // selected repo). Absent/null => fan out to every repo in the workspace.
+  // Ignored for a DM (the target's own repo is used).
+  repo: e.string().min(1).nullable().optional()
+});
+const he = e.object({
+  ok: e.literal(!0),
+  // One id per inserted row: a single id for a DM or repo-scoped broadcast, or
+  // several when an all-repos broadcast fans out across repos.
+  announcementIds: e.array(Y)
+});
+e.object({
+  workspace: e.string().min(1),
+  repo: e.string().min(1),
+  branch: e.string().min(1),
+  human: e.string().min(1),
+  program: e.string().min(1),
+  model: e.string().min(1).optional()
+});
+e.object({
+  agentName: e.string(),
+  sessionId: e.string().uuid()
+});
+const Be = e.object({
+  sessionId: e.string().uuid(),
+  intent: e.string().min(1).max(2048),
+  pathGlobs: e.array(e.string().min(1).max(512)).min(1).max(64),
+  ttlSeconds: e.number().int().positive().optional(),
+  changeReport: ae.optional()
+});
+e.object({
+  workItemId: e.string().uuid(),
+  landscape: Ae
+});
+const Ke = e.object({
+  sessionId: e.string().uuid(),
+  workItemId: e.string().uuid()
+});
+e.object({
+  ok: e.literal(!0),
+  // Pending announcements for the caller, delivered as a side effect of done so
+  // a message lands the moment a teammate finishes a unit of work (not only on
+  // their next work/sync). Defaulted for version-skew safety with older hubs.
+  announcements: e.array(V).default([])
+});
+const ze = e.object({
+  sessionId: e.string().uuid(),
+  body: e.string().min(1).max(8192),
+  // absent or null => broadcast to all agents in the workspace
+  targetAgentName: e.string().nullable().optional(),
+  // true => address the human operator (the dashboard) instead of agents. The
+  // mirror of the operator's admin → agent DM: it shows in the workspace feed as
+  // "<agent> → admin" and is NOT delivered to other agents. Mutually exclusive
+  // with targetAgentName (the hub rejects setting both). Defaulted/optional for
+  // version skew with older clients.
+  toAdmin: e.boolean().optional()
+});
+e.object({
+  ok: e.literal(!0),
+  // bigint PK serialised as number; see DbId note above
+  announcementId: Y,
+  // Pending announcements for the caller, delivered as a side effect of announce
+  // (a turn where the agent is already reading hub output) so inbound messages
+  // surface promptly. Excludes the just-sent one. Defaulted for version skew.
+  announcements: e.array(V).default([])
+});
+e.object({
+  sessionId: e.string().uuid(),
+  changeReport: ae.optional()
+});
+e.object({
+  landscape: Ae
+});
+Be.omit({ sessionId: !0, changeReport: !0 });
+ze.omit({ sessionId: !0 });
+Ke.omit({ sessionId: !0 });
+e.object({});
+e.object({});
+e.object({
+  sessionId: e.string().uuid(),
+  // Optional change report so the BACKGROUND heartbeat keeps an agent's durable
+  // change records fresh (commits surface within ~one heartbeat interval, not
+  // only when it next calls work/sync). Processed presence-style: it refreshes
+  // change records but, like the rest of heartbeat, does NOT renew claim TTLs.
+  changeReport: ae.optional(),
+  // Opt-in: when set, the heartbeat returns any pending announcements for the
+  // caller in the response. Delivery is now TWO-PHASE and crash-safe: this fetch
+  // phase does NOT mark them delivered — the client persists them to its
+  // model-visible sink (the local inbox file drained by a hook) FIRST, then acks
+  // via `ackAnnouncementIds` so the hub records the delivery only after the local
+  // write is confirmed. The MCP client only sets this when it actually has such a
+  // sink. Absent for older clients, so default behaviour (no delivery) is
+  // unchanged.
+  deliverAnnouncements: e.boolean().optional(),
+  // Phase-two ack of a previous `deliverAnnouncements` fetch: the ids the client
+  // has now durably written to its model-visible sink. The hub marks exactly
+  // these delivered to the caller's session. Decoupling the mark from the fetch
+  // guarantees a message is never recorded delivered before the client holds it
+  // (a lost response or a failed local append simply leaves it pending for the
+  // next beat). Absent on a plain presence/fetch beat.
+  ackAnnouncementIds: e.array(Y).optional()
+});
+e.object({
+  ok: e.literal(!0),
+  // Pending announcements for the caller, delivered only when the request set
+  // `deliverAnnouncements`. Defaulted to [] for version-skew safety with older
+  // hubs (which return just { ok: true }).
+  announcements: e.array(V).default([])
+});
+e.object({
+  sessionId: e.string().uuid()
+});
+e.object({
+  ok: e.literal(!0)
+});
+const Se = e.enum(["admin", "member"]), re = e.object({
+  id: e.string(),
+  slug: e.string(),
+  name: e.string(),
+  role: Se
+});
+e.object({
+  name: e.string().min(1)
+});
+const Ye = re, Ve = e.object({
+  workspaces: e.array(re)
+});
+e.object({
+  name: e.string().min(1).optional()
+});
+const Xe = e.object({
+  // The raw shp_ token, shown once at creation and never returned again.
+  token: e.string(),
+  id: e.string()
+}), Ze = e.object({
+  id: e.string(),
+  name: e.string().nullable(),
+  // ISO timestamp string (see IsoTimestamp note above) or null when unused / not revoked.
+  lastUsedAt: R.nullable(),
+  createdAt: R,
+  revokedAt: R.nullable()
+}), Je = e.object({
+  tokens: e.array(Ze)
+});
+e.object({
+  expiresInDays: e.number().int().positive().optional(),
+  // Omitted = unlimited, redeemable until explicitly revoked. Pass a positive
+  // integer to cap it instead.
+  maxUses: e.number().int().positive().optional()
+});
+const Qe = e.object({
+  code: e.string(),
+  // ISO timestamp string, or null when the invite never expires.
+  expiresAt: R.nullable(),
+  // null = unlimited (redeemable until revoked).
+  maxUses: e.number().int().positive().nullable(),
+  useCount: e.number().int().nonnegative()
+});
+e.object({
+  email: e.string().email()
+});
+const et = e.object({
+  email: e.string(),
+  sentAt: R
+}), tt = e.object({
+  // The workspace the caller just joined.
+  workspace: re
+}), nt = e.object({
+  accountId: e.string(),
+  displayName: e.string().nullable(),
+  githubLogin: e.string().nullable(),
+  avatarUrl: e.string().nullable(),
+  role: Se
+}), st = e.object({
+  members: e.array(nt)
+}), at = e.enum(["bug", "suggestion", "other"]);
+e.object({
+  type: at,
+  body: e.string().trim().min(1).max(4e3)
+});
+const rt = e.object({
+  ok: e.literal(!0),
+  // uuid PK (the feedback table, like workspaces, uses gen_random_uuid()).
+  id: e.string()
+}), ot = 5e3;
+class H extends Error {
+  /**
+   * @param message - Human-readable failure description.
+   * @param status - Upstream HTTP status, omitted for network/abort failures.
+   */
+  constructor(c, o) {
+    super(c);
+    /** Upstream HTTP status for a non-2xx response; absent for transport errors. */
+    ue(this, "status");
+    this.name = "ShepherdClientError", o !== void 0 && (this.status = o);
+  }
+}
+function it(t) {
+  return t instanceof Error ? t.message : "Something went wrong.";
+}
+async function ct(t) {
+  try {
+    const n = await t.json();
+    if (n !== null && typeof n == "object" && "error" in n && typeof n.error == "string")
+      return n.error;
+  } catch {
+  }
+  return "";
+}
+function Wt(t) {
+  const n = t.baseUrl.replace(/\/$/, ""), c = t.timeoutMs ?? ot, o = encodeURIComponent;
+  async function s(a, i, l = {}) {
+    var f, y;
+    const h = new AbortController(), u = setTimeout(() => h.abort(), c);
+    let d;
+    try {
+      const v = {
+        "Content-Type": "application/json"
+      }, A = await ((f = t.getAuthHeader) == null ? void 0 : f.call(t)), S = {
+        method: a,
+        headers: { ...v, ...typeof A == "string" ? { Authorization: A } : A ?? {} },
+        signal: h.signal
+      };
+      l.body !== void 0 && (S.body = JSON.stringify(l.body)), d = await fetch(`${n}${i}`, S);
+    } catch (v) {
+      throw new H(
+        v instanceof Error ? v.message : String(v)
+      );
+    } finally {
+      clearTimeout(u);
+    }
+    if (d.status === 401)
+      throw (y = t.onUnauthorized) == null || y.call(t), new H("Unauthorized", 401);
+    if (!d.ok) {
+      const v = await ct(d);
+      throw new H(
+        v !== "" ? `HTTP ${d.status}: ${v}` : `HTTP ${d.status}`,
+        d.status
+      );
+    }
+    if (!l.schema) {
+      try {
+        await d.json();
+      } catch {
+      }
+      return;
+    }
+    const b = l.schema.safeParse(await d.json());
+    if (!b.success)
+      throw new H("Invalid response schema");
+    return b.data;
+  }
+  return {
+    baseUrl: n,
+    // --- multi-workspace management surface ---------------------------------
+    listWorkspaces() {
+      return s("GET", "/workspaces", {
+        schema: Ve
+      });
+    },
+    createWorkspace(a) {
+      return s("POST", "/workspaces", {
+        body: a,
+        schema: Ye
+      });
+    },
+    mintToken(a, i) {
+      return s("POST", `/workspaces/${o(a)}/tokens`, {
+        body: i,
+        schema: Xe
+      });
+    },
+    listTokens(a) {
+      return s("GET", `/workspaces/${o(a)}/tokens`, {
+        schema: Je
+      });
+    },
+    revokeToken(a, i) {
+      return s(
+        "DELETE",
+        `/workspaces/${o(a)}/tokens/${o(i)}`
+      );
+    },
+    createInvite(a, i) {
+      return s("POST", `/workspaces/${o(a)}/invites`, {
+        body: i,
+        schema: Qe
+      });
+    },
+    inviteByEmail(a, i) {
+      return s("POST", `/workspaces/${o(a)}/invites/email`, {
+        body: { email: i },
+        schema: et
+      });
+    },
+    revokeInvite(a, i) {
+      return s(
+        "POST",
+        `/workspaces/${o(a)}/invites/${o(i)}/revoke`
+      );
+    },
+    redeemInvite(a) {
+      return s("POST", `/invites/${o(a)}/redeem`, {
+        schema: tt
+      });
+    },
+    listMembers(a) {
+      return s("GET", `/workspaces/${o(a)}/members`, {
+        schema: st
+      });
+    },
+    removeMember(a, i) {
+      return s(
+        "DELETE",
+        `/workspaces/${o(a)}/members/${o(i)}`
+      );
+    },
+    leave(a) {
+      return s("POST", `/workspaces/${o(a)}/leave`);
+    },
+    landscape(a) {
+      return s("GET", `/workspaces/${o(a)}/landscape`, {
+        schema: me
+      });
+    },
+    announceTo(a, i) {
+      return s("POST", `/workspaces/${o(a)}/announce`, {
+        body: i,
+        schema: he
+      });
+    },
+    submitFeedback(a, i) {
+      const l = i !== void 0 ? `/workspaces/${o(i)}/feedback` : "/feedback";
+      return s("POST", l, { body: a, schema: rt });
+    },
+    // --- self-host singular aliases (implicit single workspace) -------------
+    getLandscape() {
+      return s("GET", "/workspace/landscape", {
+        schema: me
+      });
+    },
+    announce(a) {
+      return s("POST", "/workspace/announce", {
+        body: a,
+        schema: he
+      });
+    }
+  };
+}
+const Te = Me(null);
+function qt({
+  client: t,
+  children: n
+}) {
+  return /* @__PURE__ */ r(Te.Provider, { value: t, children: n });
+}
+function oe() {
+  const t = Le(Te);
+  if (t === null)
+    throw new Error(
+      "useShepherdClient must be used within <ShepherdClientProvider>"
+    );
+  return t;
+}
+const lt = 5e3, dt = 1e3;
+function ut(t) {
+  const n = oe(), c = t == null ? void 0 : t.workspaceId, o = (t == null ? void 0 : t.pollMs) ?? lt, s = (t == null ? void 0 : t.enabled) ?? !0, [a, i] = N(
+    null
+  ), [l, h] = N("live"), [u, d] = N(null), [, b] = N(0), f = P(n);
+  f.current = n;
+  const y = P(0), v = E(
+    async ($) => {
+      try {
+        const S = c ? await f.current.landscape(c) : await f.current.getLandscape();
+        if ($ !== y.current) return;
+        i(S), d(Date.now()), h("live");
+      } catch (S) {
+        if ($ !== y.current) return;
+        S instanceof H && S.status === 401 ? h("unauthorized") : h("reconnecting");
+      }
+    },
+    [c]
+  );
+  se(() => {
+    if (!s) return;
+    const $ = ++y.current;
+    v($);
+    const S = setInterval(() => {
+      document.visibilityState !== "hidden" && v($);
+    }, o), k = setInterval(() => {
+      b((T) => T + 1);
+    }, dt), j = () => {
+      document.visibilityState === "visible" && v($);
+    };
+    return document.addEventListener("visibilitychange", j), () => {
+      y.current++, clearInterval(S), clearInterval(k), document.removeEventListener("visibilitychange", j);
+    };
+  }, [v, o, s]);
+  const A = E(() => v(y.current), [v]);
+  return { snapshot: a, status: l, lastUpdatedMs: u, refresh: A };
+}
+function K(t, n) {
+  const c = Math.floor((n - Date.parse(t)) / 1e3);
+  if (c < 5) return "just now";
+  if (c < 60) return `${c}s ago`;
+  const o = Math.floor(c / 60);
+  if (o < 60) return `${o}m ago`;
+  const s = Math.floor(o / 60);
+  return s < 24 ? `${s}h ago` : `${Math.floor(s / 24)}d ago`;
+}
+function z(t) {
+  let n = 0;
+  for (let c = 0; c < t.length; c++) n = (n * 31 + t.charCodeAt(c)) % 360;
+  return `hsl(${n}, 38%, 42%)`;
+}
+function ie(t) {
+  if (!t) return "?";
+  const n = t.match(/[A-Z]/g);
+  return n && n.length >= 2 ? n[0] + n[1] : t.slice(0, 2).toUpperCase();
+}
+const Ce = "A-Za-z0-9_-";
+function mt(t, n) {
+  const o = t.slice(0, n).match(new RegExp(`(?:^|\\s)@([${Ce}]*)$`));
+  if (!o) return null;
+  const s = o[1];
+  return { start: n - s.length - 1, end: n, query: s };
+}
+function ht(t, n) {
+  const c = new RegExp(`(?:^|\\s)@([${Ce}]+)`, "g");
+  let o;
+  for (; (o = c.exec(t)) !== null; ) {
+    const s = o[1].toLowerCase(), a = n.find((i) => i.toLowerCase() === s);
+    if (a) return a;
+  }
+  return null;
+}
+function $e(t) {
+  return [...new Set(t.map((n) => n.repo))].sort();
+}
+function L(t, n) {
+  return n === null || n === "__all__" || t.repo === n;
+}
+function pt(t, n) {
+  return [
+    ...new Set(
+      t.filter((c) => c.presence === "live" && L(c, n)).map((c) => c.name)
+    )
+  ].sort();
+}
+function pe(t) {
+  const n = t.find((c) => c.status === "active");
+  return n ? n.repo : t.length ? t[0].repo : null;
+}
+function gt(t) {
+  return t === "dropped" ? "dropped" : "done";
+}
+function ge(t, n) {
+  if (!n) return "";
+  const c = Math.floor((Date.parse(n) - Date.parse(t)) / 1e3), o = Math.floor(c / 60);
+  return o < 60 ? `active ${o}m` : `active ${Math.floor(o / 60)}h`;
+}
+function ft(t, n) {
+  const c = new Date(Date.parse(t)), o = new Date(n), s = (i) => new Date(i.getFullYear(), i.getMonth(), i.getDate()).getTime(), a = Math.round((s(o) - s(c)) / 864e5);
+  return a <= 0 ? "Today" : a === 1 ? "Yesterday" : c.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function fe(t) {
+  let n = t.toLowerCase().replace(/\\/g, "/");
+  n.endsWith("/") && (n = n.replace(/\/+$/, "") + "/**");
+  const c = [];
+  for (const o of n.split("/"))
+    if (!(o === "" || o === ".")) {
+      if (o === "..") {
+        c.length && c.pop();
+        continue;
+      }
+      c.push(o);
+    }
+  return c;
+}
+const be = /[*?{}[\]]/;
+function bt(t, n) {
+  return t === "*" ? !0 : (be.test(t) || !be.test(n)) && t === n;
+}
+function vt(t, n) {
+  const c = /* @__PURE__ */ new Map();
+  function o(s, a) {
+    if (n.length - a === 0) {
+      for (let b = s; b < t.length; b++) if (t[b] !== "**") return !1;
+      return !0;
+    }
+    if (t.length - s === 0) return !1;
+    const i = s * (n.length + 1) + a, l = c.get(i);
+    if (l !== void 0) return l;
+    const h = t[s], u = n[a];
+    let d;
+    return h === "**" ? d = o(s + 1, a) || o(s, a + 1) : u === "**" ? d = !1 : d = bt(h, u) && o(s + 1, a + 1), c.set(i, d), d;
+  }
+  return o(0, 0);
+}
+function ve(t, n) {
+  if (n.length === 0) return !0;
+  const c = t.map(fe);
+  return n.every((o) => {
+    const s = fe(o);
+    return c.some((a) => vt(a, s));
+  });
+}
+function yt(t) {
+  const n = /* @__PURE__ */ new Map();
+  for (const s of t)
+    n.has(s.agentName) || n.set(s.agentName, []), n.get(s.agentName).push(s);
+  const c = (s, a) => a.createdAt.localeCompare(s.createdAt), o = [];
+  for (const [s, a] of n) {
+    const i = [...a].sort(c), l = i.map(
+      (u) => i.some(
+        (d) => d !== u && ve(d.pathGlobs, u.pathGlobs) && !ve(u.pathGlobs, d.pathGlobs)
+      )
+    ), h = i[0];
+    o.push({
+      agentName: s,
+      model: h.model,
+      program: h.program,
+      repo: h.repo,
+      primaries: i.filter((u, d) => !l[d]),
+      narrower: i.filter((u, d) => l[d])
+    });
+  }
+  return o.sort((s, a) => {
+    const i = s.primaries.concat(s.narrower)[0].createdAt;
+    return a.primaries.concat(a.narrower)[0].createdAt.localeCompare(i);
+  }), o;
+}
+const ye = { active: 0, done: 0 };
+function kt({
+  repos: t,
+  counts: n,
+  selected: c,
+  onSelect: o
+}) {
+  const [s, a] = N(!1), i = P(null);
+  if (se(() => {
+    var f;
+    if (!s) return;
+    const d = (f = i.current) == null ? void 0 : f.querySelector(".repo-menu");
+    if (!d) return;
+    const b = d.querySelector('[aria-selected="true"]') ?? d.querySelector("button");
+    b == null || b.focus();
+  }, [s]), t.length < 2) return null;
+  const l = c === null || c === "__all__", h = l ? "All repos" : c, u = (d, b) => {
+    const f = d === null ? n.__all__ ?? ye : n[d] ?? ye, y = d === null ? l : c === d, v = "repo-mi" + (y ? " on" : "") + (d === null ? " all" : "");
+    return /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        className: v,
+        role: "option",
+        "aria-selected": y,
+        onClick: (A) => {
+          A.stopPropagation(), a(!1), o(d);
+        },
+        children: [
+          /* @__PURE__ */ r("span", { children: b }),
+          /* @__PURE__ */ r("span", { className: "ct", children: `${f.active} active · ${f.done} done` })
+        ]
+      },
+      d ?? "__all__"
+    );
+  };
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      ref: i,
+      className: "repo",
+      onKeyDown: (d) => {
+        d.key === "Escape" && a(!1);
+      },
+      children: [
+        /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: "repo-trig",
+            "aria-haspopup": "listbox",
+            "aria-expanded": s,
+            "aria-label": `Filter by repo (current: ${h})`,
+            onClick: (d) => {
+              d.stopPropagation(), a((b) => !b);
+            },
+            children: [
+              /* @__PURE__ */ r("span", { className: "slash", children: "/" }),
+              " " + h + " ",
+              /* @__PURE__ */ r("span", { children: "▼" })
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ m("div", { className: "repo-menu", role: "listbox", children: [
+          t.map((d) => u(d, d)),
+          u(null, "All repos")
+        ] })
+      ]
+    }
+  );
+}
+function _t({ agents: t, tasks: n, selectedRepo: c }) {
+  const o = t.filter(
+    (l) => l.presence === "live" && L({ repo: l.repo ?? "" }, c)
+  ), s = /* @__PURE__ */ new Set();
+  for (const l of n) l.status === "active" && s.add(l.agentName);
+  const a = (l) => s.has(l.name), i = [...o].sort((l, h) => {
+    const u = a(l), d = a(h);
+    return u !== d ? u ? -1 : 1 : l.name.localeCompare(h.name);
+  });
+  return /* @__PURE__ */ r("div", { className: "crew", id: "crew", children: i.map((l) => /* @__PURE__ */ m(
+    "div",
+    {
+      className: "person" + (a(l) ? "" : " person--idle"),
+      children: [
+        /* @__PURE__ */ r("div", { className: "avatar", style: { background: z(l.name) }, children: ie(l.name) }),
+        /* @__PURE__ */ r("span", { className: "person__name", children: l.name })
+      ]
+    },
+    l.name
+  )) });
+}
+function Re({ globs: t }) {
+  return t.length <= 1 ? /* @__PURE__ */ m("div", { className: "terr", children: [
+    /* @__PURE__ */ r("span", { className: "terr__lbl", children: "territory" }),
+    t.map((n) => /* @__PURE__ */ r("span", { className: "glob", children: n }, n))
+  ] }) : /* @__PURE__ */ m("details", { className: "terrx", children: [
+    /* @__PURE__ */ m("summary", { children: [
+      /* @__PURE__ */ r("span", { className: "terr__lbl", children: "territory" }),
+      /* @__PURE__ */ m("span", { className: "glob glob--more", children: [
+        /* @__PURE__ */ r("span", { className: "tw", children: "▶" }),
+        ` ${t.length} paths`
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "terr terr--full", children: t.map((n) => /* @__PURE__ */ r("span", { className: "glob", children: n }, n)) })
+  ] });
+}
+const te = (t) => `${t.agentName}|${t.repo}|${t.createdAt}`, Nt = (t) => t === null || t === "__all__";
+function ne({
+  task: t,
+  nowMs: n
+}) {
+  return /* @__PURE__ */ m(W, { children: [
+    /* @__PURE__ */ r("div", { className: "task__intent", children: t.intent }),
+    /* @__PURE__ */ r(Re, { globs: t.pathGlobs }),
+    /* @__PURE__ */ r("div", { className: "task__meta", children: `started ${K(t.createdAt, n)}` })
+  ] });
+}
+function wt({
+  task: t,
+  nowMs: n,
+  allRepos: c
+}) {
+  const o = t.model || t.program;
+  return /* @__PURE__ */ m("div", { className: "task", children: [
+    /* @__PURE__ */ m("div", { className: "task__r1", children: [
+      /* @__PURE__ */ r("span", { className: "task__who", children: t.agentName }),
+      c && /* @__PURE__ */ r("span", { className: "task__repo", children: t.repo }),
+      o && /* @__PURE__ */ r("span", { className: "task__tag", children: o }),
+      /* @__PURE__ */ r("span", { className: "livedot", title: "active" })
+    ] }),
+    /* @__PURE__ */ r(ne, { task: t, nowMs: n })
+  ] });
+}
+function At({
+  group: t,
+  nowMs: n,
+  allRepos: c
+}) {
+  const o = t.model || t.program, s = t.primaries.length + t.narrower.length, a = t.narrower.length;
+  return /* @__PURE__ */ m("div", { className: "grp", children: [
+    /* @__PURE__ */ m("div", { className: "grp__head", children: [
+      /* @__PURE__ */ r("span", { className: "grp__who", children: t.agentName }),
+      c && /* @__PURE__ */ r("span", { className: "task__repo", children: t.repo }),
+      o && /* @__PURE__ */ r("span", { className: "grp__tag", children: o }),
+      /* @__PURE__ */ r("span", { className: "grp__count", children: `· ${s} active` }),
+      /* @__PURE__ */ r("span", { className: "grp__dot", title: "live" })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "claims", children: t.primaries.map((i) => /* @__PURE__ */ r("div", { className: "claim", children: /* @__PURE__ */ r(ne, { task: i, nowMs: n }) }, te(i))) }),
+    a > 0 && /* @__PURE__ */ m("details", { className: "fold", children: [
+      /* @__PURE__ */ m("summary", { children: [
+        /* @__PURE__ */ r("span", { className: "tw", children: "▶" }),
+        ` +${a} narrower claim${a > 1 ? "s" : ""}`
+      ] }),
+      /* @__PURE__ */ r("div", { className: "fold__body", children: t.narrower.map((i) => /* @__PURE__ */ m("div", { className: "claim", children: [
+        /* @__PURE__ */ r(ne, { task: i, nowMs: n }),
+        /* @__PURE__ */ r("div", { className: "covered", children: "⊂ covered by a claim above" })
+      ] }, te(i))) })
+    ] })
+  ] });
+}
+function St({
+  tasks: t,
+  nowMs: n,
+  selectedRepo: c
+}) {
+  const o = Nt(c), s = t.filter(
+    (a) => a.status === "active" && L(a, c)
+  );
+  if (s.length === 0) {
+    const a = o ? "Nothing active right now." : `Nothing active in ${c}.`;
+    return /* @__PURE__ */ r("div", { id: "active-list", children: /* @__PURE__ */ r("div", { className: "empty", children: a }) });
+  }
+  return /* @__PURE__ */ r("div", { id: "active-list", children: yt(s).map((a) => {
+    const i = a.primaries.length === 1 && a.narrower.length === 0, l = te(a.primaries.concat(a.narrower)[0]);
+    return i ? /* @__PURE__ */ r(
+      wt,
+      {
+        task: a.primaries[0],
+        nowMs: n,
+        allRepos: o
+      },
+      l
+    ) : /* @__PURE__ */ r(At, { group: a, nowMs: n, allRepos: o }, l);
+  }) });
+}
+const Tt = (t) => `${t.agentName}|${t.repo}|${t.createdAt}`, Ct = (t) => t === null || t === "__all__";
+function $t({
+  tasks: t,
+  nowMs: n,
+  selectedRepo: c,
+  doneShown: o,
+  onLoadMore: s
+}) {
+  const a = Ct(c), i = t.filter(
+    (u) => u.status !== "active" && L(u, c)
+  );
+  if (i.length === 0) {
+    const u = a ? "No finished tasks yet." : `No finished tasks in ${c} yet.`;
+    return /* @__PURE__ */ r("div", { id: "done-list", children: /* @__PURE__ */ r("div", { className: "empty", children: u }) });
+  }
+  const l = i.slice(0, o);
+  let h = null;
+  return /* @__PURE__ */ m("div", { id: "done-list", children: [
+    l.map((u) => {
+      const d = ft(u.endedAt ?? u.createdAt, n), b = d !== h ? d : null;
+      h = d;
+      const f = u.status === "dropped", y = f ? `went offline ${K(u.endedAt ?? u.createdAt, n)} — no done signal` : `finished ${K(u.endedAt ?? u.createdAt, n)}${ge(u.createdAt, u.endedAt) ? " · " + ge(u.createdAt, u.endedAt) : ""}`;
+      return /* @__PURE__ */ m(Pe, { children: [
+        b !== null && /* @__PURE__ */ r("div", { className: "day", children: b }),
+        /* @__PURE__ */ m("div", { className: "task", children: [
+          /* @__PURE__ */ m("div", { className: "task__r1", children: [
+            /* @__PURE__ */ r("span", { className: "task__who", children: u.agentName }),
+            a && /* @__PURE__ */ r("span", { className: "task__repo", children: u.repo }),
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: "task__stat" + (f ? " task__stat--drop" : ""),
+                children: gt(u.status)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { className: "task__intent", children: u.intent }),
+          /* @__PURE__ */ r(Re, { globs: u.pathGlobs }),
+          /* @__PURE__ */ r("div", { className: "task__meta", children: y })
+        ] })
+      ] }, Tt(u));
+    }),
+    i.length > o && /* @__PURE__ */ r(
+      "div",
+      {
+        className: "more",
+        role: "button",
+        tabIndex: 0,
+        onClick: s,
+        onKeyDown: (u) => {
+          (u.key === "Enter" || u.key === " ") && (u.preventDefault(), s());
+        },
+        children: `Load older · ${o} of ${i.length}`
+      }
+    )
+  ] });
+}
+const Rt = 80;
+function Et({ announcements: t, selectedRepo: n, nowMs: c }) {
+  const o = P(null), s = P(!0), a = o.current;
+  a && (s.current = a.scrollHeight - a.scrollTop - a.clientHeight < Rt);
+  const i = [...t].filter((l) => L(l, n)).reverse();
+  return Oe(() => {
+    s.current && o.current && (o.current.scrollTop = o.current.scrollHeight);
+  }, [i.length]), /* @__PURE__ */ r("div", { id: "chat", className: "chat", ref: o, children: i.length === 0 ? /* @__PURE__ */ r("div", { className: "empty", children: "No announcements yet — agents will post here as they coordinate." }) : i.map((l, h) => {
+    const d = "msg" + (l.targetAgentName !== null || l.toAdmin ? " msg--targeted" : "") + (l.fromAdmin ? " msg--me" : "");
+    return (
+      // The feed has no stable id; index is acceptable because the list is
+      // append-only oldest->newest and rows are never reordered in place.
+      /* @__PURE__ */ m("div", { className: d, children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "msg__avatar",
+            style: { background: z(l.fromAgentName) },
+            children: ie(l.fromAgentName)
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "msg__body", children: [
+          /* @__PURE__ */ m("div", { className: "msg__head", children: [
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: "msg__who",
+                style: { color: z(l.fromAgentName) },
+                children: l.fromAgentName
+              }
+            ),
+            l.fromHuman ? /* @__PURE__ */ r("span", { className: "msg__human", children: l.fromHuman }) : null,
+            l.targetAgentName !== null ? /* @__PURE__ */ r("span", { className: "msg__to", children: `→ @${l.targetAgentName}` }) : l.toAdmin ? /* @__PURE__ */ r("span", { className: "msg__to", children: "→ admin" }) : null,
+            /* @__PURE__ */ r("span", { className: "msg__time", children: K(l.createdAt, c) })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "msg__text", children: l.body })
+        ] })
+      ] }, h)
+    );
+  }) });
+}
+const jt = 8;
+function Dt({ agents: t, selectedRepo: n, workspaceId: c, onSent: o }) {
+  const s = oe(), a = P(null), [i, l] = N(""), [h, u] = N([]), [d, b] = N(0), [f, y] = N(null), [v, A] = N(!1), [$, S] = N(!1), k = pt(
+    t.map((p) => ({ name: p.name, presence: p.presence, repo: p.repo ?? "" })),
+    n
+  ), j = h.length > 0, T = E(() => {
+    u([]), y(null);
+  }, []), q = E(
+    (p, _) => {
+      const C = mt(p, _);
+      if (!C) {
+        T();
+        return;
+      }
+      const D = C.query.toLowerCase(), I = k.filter((B) => B.toLowerCase().startsWith(D)).slice(0, jt);
+      u(I), y({ start: C.start, end: C.end }), b(0);
+    },
+    [k, T]
+  ), G = E(
+    (p) => {
+      if (!f) return;
+      const _ = "@" + p + " ", C = i.slice(0, f.start) + _ + i.slice(f.end), D = f.start + _.length;
+      l(C), T(), requestAnimationFrame(() => {
+        const I = a.current;
+        I && (I.focus(), I.setSelectionRange(D, D));
+      });
+    },
+    [f, i, T]
+  ), w = E(
+    (p) => {
+      var C;
+      l(p);
+      const _ = ((C = a.current) == null ? void 0 : C.selectionStart) ?? p.length;
+      q(p, _);
+    },
+    [q]
+  ), F = E(
+    (p) => {
+      j && (p.key === "ArrowDown" ? (p.preventDefault(), b((_) => (_ + 1) % h.length)) : p.key === "ArrowUp" ? (p.preventDefault(), b((_) => (_ - 1 + h.length) % h.length)) : p.key === "Enter" || p.key === "Tab" ? (p.preventDefault(), G(h[d])) : p.key === "Escape" && (p.preventDefault(), T()));
+    },
+    [j, h, d, G, T]
+  ), X = E(
+    async (p) => {
+      p.preventDefault();
+      const _ = i.trim();
+      if (!_) return;
+      const C = ht(_, k), D = n === null || n === "__all__" ? null : n;
+      A(!0), S(!1);
+      try {
+        const I = { body: _, targetAgentName: C, repo: D };
+        await (c !== void 0 ? s.announceTo(c, I) : s.announce(I)), l(""), T(), await o();
+      } catch {
+        S(!0);
+      } finally {
+        A(!1);
+      }
+    },
+    [i, k, n, c, s, T, o]
+  );
+  return /* @__PURE__ */ m("div", { className: "composer", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        id: "mention-pop",
+        className: "mention-pop",
+        role: "listbox",
+        "aria-label": "Agents to mention",
+        hidden: !j,
+        children: h.map((p, _) => /* @__PURE__ */ m(
+          "button",
+          {
+            id: `mention-opt-${_}`,
+            type: "button",
+            role: "option",
+            "aria-selected": _ === d,
+            className: "mention-mi" + (_ === d ? " on" : ""),
+            onMouseDown: (C) => {
+              C.preventDefault(), G(p);
+            },
+            children: [
+              /* @__PURE__ */ r("div", { className: "ma", style: { background: z(p) }, children: ie(p) }),
+              /* @__PURE__ */ r("span", { children: p })
+            ]
+          },
+          p
+        ))
+      }
+    ),
+    /* @__PURE__ */ m(
+      "form",
+      {
+        id: "chat-form",
+        className: "chat-form",
+        onSubmit: (p) => {
+          X(p);
+        },
+        children: [
+          /* @__PURE__ */ r(
+            "input",
+            {
+              id: "chat-input",
+              className: "chat-input",
+              type: "text",
+              autoComplete: "off",
+              "aria-label": "Message the team",
+              placeholder: "Message the team… use @name to direct it",
+              role: "combobox",
+              "aria-expanded": j,
+              "aria-controls": "mention-pop",
+              "aria-autocomplete": "list",
+              "aria-activedescendant": j ? `mention-opt-${d}` : void 0,
+              ref: a,
+              value: i,
+              onChange: (p) => w(p.target.value),
+              onKeyDown: F
+            }
+          ),
+          /* @__PURE__ */ r("button", { id: "chat-send", className: "chat-send", type: "submit", disabled: v, children: "Send" })
+        ]
+      }
+    ),
+    $ ? /* @__PURE__ */ r("div", { className: "chat__note", role: "status", children: "send failed — retry" }) : null
+  ] });
+}
+function ke({
+  title: t = "No workspace yet",
+  children: n,
+  onGetStarted: c,
+  ctaLabel: o = "Go to Config"
+}) {
+  const s = we();
+  return /* @__PURE__ */ m("section", { className: "shepherd-empty-state", "aria-labelledby": s, children: [
+    /* @__PURE__ */ r("h2", { id: s, children: t }),
+    /* @__PURE__ */ r("p", { children: n ?? "Create a workspace or join one with an invite code to get started." }),
+    c && /* @__PURE__ */ r("button", { type: "button", onClick: c, children: o })
+  ] });
+}
+const It = [
+  { id: "bug", label: "Bug" },
+  { id: "suggestion", label: "Suggestion" },
+  { id: "other", label: "Other" }
+], xt = 1500;
+function Mt({ workspaceId: t }) {
+  const n = oe(), c = we(), [o, s] = N(!1), [a, i] = N("bug"), [l, h] = N(""), [u, d] = N(!1), [b, f] = N(null), [y, v] = N(!1);
+  function A() {
+    s((k) => !k);
+  }
+  function $() {
+    i("bug"), h(""), f(null), v(!1);
+  }
+  async function S() {
+    d(!0), f(null);
+    try {
+      await n.submitFeedback({ type: a, body: l.trim() }, t), v(!0), h(""), setTimeout(() => {
+        s(!1), $();
+      }, xt);
+    } catch (k) {
+      f(it(k));
+    } finally {
+      d(!1);
+    }
+  }
+  return /* @__PURE__ */ m("div", { className: "shepherd-feedback", children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: "shepherd-feedback__trigger",
+        onClick: A,
+        "aria-expanded": o,
+        children: "Feedback"
+      }
+    ),
+    o && /* @__PURE__ */ m(
+      "section",
+      {
+        className: "shepherd-feedback__panel",
+        "aria-labelledby": c,
+        children: [
+          /* @__PURE__ */ r("h3", { id: c, children: "Give feedback" }),
+          y ? /* @__PURE__ */ r("p", { role: "status", children: "Thanks! Your feedback was sent." }) : /* @__PURE__ */ m(W, { children: [
+            /* @__PURE__ */ r("div", { className: "shepherd-feedback__types", children: It.map((k) => /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": a === k.id,
+                onClick: () => i(k.id),
+                children: k.label
+              },
+              k.id
+            )) }),
+            /* @__PURE__ */ r(
+              "textarea",
+              {
+                "aria-label": "Feedback",
+                placeholder: "What's on your mind?",
+                value: l,
+                onChange: (k) => h(k.target.value)
+              }
+            ),
+            b && /* @__PURE__ */ r("p", { role: "alert", children: b }),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => void S(),
+                disabled: l.trim() === "" || u,
+                children: "Submit"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const _e = "shepherd.tab", J = "shepherd.repo", Q = 10, Lt = {
+  live: { text: "live", kind: "ok" },
+  reconnecting: { text: "reconnecting…", kind: "warn" },
+  // app.js cleared the token and re-prompted on 401; in the auth-agnostic port
+  // the injected client's onUnauthorized owns any token handling, so the board
+  // only surfaces the rejected state.
+  unauthorized: { text: "token rejected", kind: "error" }
+};
+function Ne(t) {
+  try {
+    return localStorage.getItem(t);
+  } catch {
+    return null;
+  }
+}
+function ee(t, n) {
+  try {
+    localStorage.setItem(t, n);
+  } catch {
+  }
+}
+function Pt(t, n, c) {
+  const o = $e(n.tasks);
+  let s = t;
+  if (s === null && o.length >= 2 && (s = pe(n.tasks)), s !== null && s !== "__all__" && !o.includes(s) && (s = "__all__"), c && s !== null && s !== "__all__") {
+    const a = n.tasks.some(
+      (l) => l.status === "active" && l.repo === s
+    ), i = n.tasks.some((l) => l.status === "active");
+    !a && i && (s = pe(n.tasks));
+  }
+  return s;
+}
+function Ot(t) {
+  const n = {}, c = (o, s) => {
+    const a = n[o] ?? (n[o] = { active: 0, done: 0 });
+    a[s]++;
+  };
+  for (const o of t.tasks) {
+    const s = o.status === "active" ? "active" : "done";
+    c(o.repo, s), c("__all__", s);
+  }
+  return n;
+}
+function Bt({
+  workspaceId: t,
+  config: n,
+  switcher: c,
+  hasWorkspace: o
+} = {}) {
+  const s = n != null, a = o === !1, { snapshot: i, status: l, lastUpdatedMs: h, refresh: u } = ut({
+    workspaceId: t,
+    // A no-workspace board has nothing to poll; keep it off the hub.
+    enabled: !a
+  }), [d, b] = N(() => {
+    if (s && a) return "config";
+    const g = Ne(_e);
+    return g === "chat" ? "chat" : g === "config" && s ? "config" : "tasks";
+  }), f = s ? [
+    { id: "tasks", label: "Tasks" },
+    { id: "chat", label: "Chat" },
+    { id: "config", label: "Config" }
+  ] : [
+    { id: "tasks", label: "Tasks" },
+    { id: "chat", label: "Chat" }
+  ], y = P([]), v = E(
+    (g, M) => {
+      var de;
+      const O = f.length - 1;
+      let x = null;
+      switch (g.key) {
+        case "ArrowRight":
+          x = M === O ? 0 : M + 1;
+          break;
+        case "ArrowLeft":
+          x = M === 0 ? O : M - 1;
+          break;
+        case "Home":
+          x = 0;
+          break;
+        case "End":
+          x = O;
+          break;
+        default:
+          return;
+      }
+      g.preventDefault();
+      const le = f[x];
+      le && (T(le.id), (de = y.current[x]) == null || de.focus());
+    },
+    // `tabs` is rebuilt each render but its identity only matters by length,
+    // which is stable for a given `hasConfig`; `onTab` is stable.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s]
+  ), [A, $] = N(
+    () => Ne(J)
+  ), [S, k] = N(Q), j = P(!0), T = E((g) => {
+    b(g), ee(_e, g);
+  }, []), q = E((g) => {
+    const M = g === null ? "__all__" : g;
+    $(M), ee(J, M), k(Q);
+  }, []), G = E(() => {
+    k((g) => g + Q);
+  }, []), w = i ? Pt(A, i, j.current) : A;
+  se(() => {
+    i && (j.current = !1, w !== A && ($(w), w !== null && w !== "__all__" && ee(J, w)));
+  }, [i, w, A]);
+  const F = i ? Date.parse(i.serverTime) : Date.now(), X = i ? $e(i.tasks) : [], p = i ? Ot(i) : {}, _ = i ? i.agents.filter(
+    (g) => g.presence === "live" && L({ repo: g.repo ?? "" }, w)
+  ).length : 0, C = i ? i.tasks.filter((g) => g.status === "active" && L(g, w)).length : 0, D = Lt[l], I = h === null ? "" : `updated ${Math.floor((Date.now() - h) / 1e3)}s ago`, B = (i == null ? void 0 : i.agents) ?? [], U = (i == null ? void 0 : i.tasks) ?? [], Ee = (i == null ? void 0 : i.announcements) ?? [], je = U.filter(
+    (g) => g.status === "active" && L(g, w)
+  ).length, De = U.filter(
+    (g) => g.status !== "active" && L(g, w)
+  ).length, ce = !a && d !== "config";
+  return /* @__PURE__ */ m("div", { id: "board", children: [
+    /* @__PURE__ */ m("header", { children: [
+      /* @__PURE__ */ r("h1", { className: "brand", style: { margin: 0, font: "inherit" }, children: "Shepherd" }),
+      c,
+      ce && /* @__PURE__ */ m(W, { children: [
+        /* @__PURE__ */ r(
+          kt,
+          {
+            repos: X,
+            counts: p,
+            selected: w,
+            onSelect: q
+          }
+        ),
+        /* @__PURE__ */ m("span", { className: "vitals", children: [
+          /* @__PURE__ */ r("b", { id: "vitals-online", children: _ }),
+          " online · ",
+          /* @__PURE__ */ r("b", { id: "vitals-active", children: C }),
+          " active"
+        ] })
+      ] }),
+      /* @__PURE__ */ r("span", { className: "grow" }),
+      ce && /* @__PURE__ */ m(W, { children: [
+        /* @__PURE__ */ r(
+          "span",
+          {
+            id: "status",
+            className: "status" + (D.kind ? ` status--${D.kind}` : ""),
+            children: D.text
+          }
+        ),
+        /* @__PURE__ */ r("span", { id: "freshness", className: "freshness", children: I })
+      ] }),
+      /* @__PURE__ */ r("nav", { className: "tabs", role: "tablist", "aria-label": "Shepherd views", children: f.map(({ id: g, label: M }, O) => /* @__PURE__ */ r(
+        "button",
+        {
+          ref: (x) => {
+            y.current[O] = x;
+          },
+          className: "tab" + (d === g ? " tab--active" : ""),
+          "data-tab": g,
+          type: "button",
+          role: "tab",
+          id: `tab-${g}`,
+          "aria-controls": `panel-${g}`,
+          "aria-selected": d === g,
+          tabIndex: d === g ? 0 : -1,
+          onClick: () => T(g),
+          onKeyDown: (x) => v(x, O),
+          children: M
+        },
+        g
+      )) })
+    ] }),
+    /* @__PURE__ */ r(
+      "section",
+      {
+        id: "panel-tasks",
+        role: "tabpanel",
+        "aria-labelledby": "tab-tasks",
+        hidden: d !== "tasks",
+        children: a ? /* @__PURE__ */ r(ke, { onGetStarted: () => T("config") }) : /* @__PURE__ */ m(W, { children: [
+          /* @__PURE__ */ r(_t, { agents: B, tasks: U, selectedRepo: w }),
+          /* @__PURE__ */ m("div", { className: "board", children: [
+            /* @__PURE__ */ m("div", { className: "col", children: [
+              /* @__PURE__ */ m("div", { className: "colhead", children: [
+                /* @__PURE__ */ r("h2", { children: "Active" }),
+                /* @__PURE__ */ r("span", { className: "n", id: "active-count", children: je })
+              ] }),
+              /* @__PURE__ */ r(St, { tasks: U, nowMs: F, selectedRepo: w })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "board__rule" }),
+            /* @__PURE__ */ m("div", { className: "col", children: [
+              /* @__PURE__ */ m("div", { className: "colhead", children: [
+                /* @__PURE__ */ r("h2", { children: "Done" }),
+                /* @__PURE__ */ r("span", { className: "n", id: "done-count", children: De })
+              ] }),
+              /* @__PURE__ */ r(
+                $t,
+                {
+                  tasks: U,
+                  nowMs: F,
+                  selectedRepo: w,
+                  doneShown: S,
+                  onLoadMore: G
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ r(
+      "section",
+      {
+        id: "panel-chat",
+        role: "tabpanel",
+        "aria-labelledby": "tab-chat",
+        hidden: d !== "chat",
+        children: a ? /* @__PURE__ */ r(ke, { onGetStarted: () => T("config") }) : /* @__PURE__ */ m("div", { className: "chat-wrap", children: [
+          /* @__PURE__ */ r(Et, { announcements: Ee, selectedRepo: w, nowMs: F }),
+          /* @__PURE__ */ r(
+            Dt,
+            {
+              agents: B,
+              selectedRepo: w,
+              workspaceId: t,
+              onSent: u
+            }
+          )
+        ] })
+      }
+    ),
+    s && /* @__PURE__ */ r(
+      "section",
+      {
+        id: "panel-config",
+        role: "tabpanel",
+        "aria-labelledby": "tab-config",
+        hidden: d !== "config",
+        children: n
+      }
+    ),
+    /* @__PURE__ */ r(Mt, { workspaceId: t })
+  ] });
+}
+export {
+  Bt as D,
+  ke as E,
+  H as S,
+  qt as a,
+  Wt as c,
+  it as d,
+  K as f,
+  oe as u
+};