@korso/shepherd-ui 0.1.1 → 0.2.0

package/dist/lib/Dashboard-CG6KeFQ3.js

@@ -0,0 +1,1214 @@
+var _e = Object.defineProperty;
+var Ne = (n, t, i) => t in n ? _e(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
+var ee = (n, t, i) => Ne(n, typeof t != "symbol" ? t + "" : t, i);
+import { jsx as o, jsxs as m, Fragment as ye } from "react/jsx-runtime";
+import { createContext as ke, useContext as we, useState as k, useRef as x, useCallback as S, useEffect as X, Fragment as Ae, useLayoutEffect as Se } from "react";
+import { z as e } from "zod";
+const A = e.string(), H = e.number(), Te = 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: A,
+  updatedAt: A
+}), $e = 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)
+}), Z = 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($e).max(600)
+}), q = 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: A
+}), W = e.object({
+  // bigint PK serialised as number; see DbId note above
+  id: H,
+  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: A
+}), ue = e.object({
+  conflicts: e.array(q),
+  activeClaims: e.array(q),
+  // 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(q).default([]),
+  announcements: e.array(W),
+  // Per-agent change records for the workspace. Defaulted for version-skew safety.
+  changeRecords: e.array(Te).default([])
+}), Ce = 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: A.nullable(),
+  presence: e.enum(["live", "offline"])
+}), Re = e.enum(["active", "done", "dropped"]), Ee = e.object({
+  agentName: e.string(),
+  program: e.string(),
+  model: e.string().nullable(),
+  repo: e.string(),
+  intent: e.string(),
+  pathGlobs: e.array(e.string()),
+  status: Re,
+  createdAt: A,
+  endedAt: A.nullable()
+}), De = 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: A
+}), te = e.object({
+  agents: e.array(Ce),
+  tasks: e.array(Ee),
+  announcements: e.array(De),
+  // The server's clock, so the client computes "expires in / last seen" against
+  // the hub rather than the (possibly skewed) browser clock.
+  serverTime: A
+});
+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 ne = 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(H)
+});
+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 je = 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: Z.optional()
+});
+e.object({
+  workItemId: e.string().uuid(),
+  landscape: ue
+});
+const Ie = 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(W).default([])
+});
+const xe = 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: H,
+  // 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(W).default([])
+});
+e.object({
+  sessionId: e.string().uuid(),
+  changeReport: Z.optional()
+});
+e.object({
+  landscape: ue
+});
+je.omit({ sessionId: !0, changeReport: !0 });
+xe.omit({ sessionId: !0 });
+Ie.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: Z.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(H).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(W).default([])
+});
+e.object({
+  sessionId: e.string().uuid()
+});
+e.object({
+  ok: e.literal(!0)
+});
+const me = e.enum(["admin", "member"]), J = e.object({
+  id: e.string(),
+  slug: e.string(),
+  name: e.string(),
+  role: me
+});
+e.object({
+  name: e.string().min(1)
+});
+const Me = J, Le = e.object({
+  workspaces: e.array(J)
+});
+e.object({
+  name: e.string().min(1).optional()
+});
+const Pe = e.object({
+  // The raw shp_ token, shown once at creation and never returned again.
+  token: e.string(),
+  id: e.string()
+}), Oe = e.object({
+  id: e.string(),
+  name: e.string().nullable(),
+  // ISO timestamp string (see IsoTimestamp note above) or null when unused / not revoked.
+  lastUsedAt: A.nullable(),
+  createdAt: A,
+  revokedAt: A.nullable()
+}), Ge = e.object({
+  tokens: e.array(Oe)
+});
+e.object({
+  expiresInDays: e.number().int().positive().optional(),
+  maxUses: e.number().int().positive().optional()
+});
+const Ue = e.object({
+  code: e.string(),
+  // ISO timestamp string, or null when the invite never expires.
+  expiresAt: A.nullable(),
+  maxUses: e.number().int().positive(),
+  useCount: e.number().int().nonnegative()
+}), He = e.object({
+  // The workspace the caller just joined.
+  workspace: J
+}), We = e.object({
+  accountId: e.string(),
+  displayName: e.string().nullable(),
+  githubLogin: e.string().nullable(),
+  avatarUrl: e.string().nullable(),
+  role: me
+}), Fe = e.object({
+  members: e.array(We)
+}), qe = 5e3;
+class P extends Error {
+  /**
+   * @param message - Human-readable failure description.
+   * @param status - Upstream HTTP status, omitted for network/abort failures.
+   */
+  constructor(i, r) {
+    super(i);
+    /** Upstream HTTP status for a non-2xx response; absent for transport errors. */
+    ee(this, "status");
+    this.name = "ShepherdClientError", r !== void 0 && (this.status = r);
+  }
+}
+function wt(n) {
+  return n instanceof Error ? n.message : "Something went wrong.";
+}
+async function ze(n) {
+  try {
+    const t = await n.json();
+    if (t !== null && typeof t == "object" && "error" in t && typeof t.error == "string")
+      return t.error;
+  } catch {
+  }
+  return "";
+}
+function At(n) {
+  const t = n.baseUrl.replace(/\/$/, ""), i = n.timeoutMs ?? qe, r = encodeURIComponent;
+  async function a(s, l, c = {}) {
+    var v, N;
+    const p = new AbortController(), u = setTimeout(() => p.abort(), i);
+    let d;
+    try {
+      const y = {
+        "Content-Type": "application/json"
+      }, f = await ((v = n.getAuthHeader) == null ? void 0 : v.call(n)), $ = {
+        method: s,
+        headers: { ...y, ...typeof f == "string" ? { Authorization: f } : f ?? {} },
+        signal: p.signal
+      };
+      c.body !== void 0 && ($.body = JSON.stringify(c.body)), d = await fetch(`${t}${l}`, $);
+    } catch (y) {
+      throw new P(
+        y instanceof Error ? y.message : String(y)
+      );
+    } finally {
+      clearTimeout(u);
+    }
+    if (d.status === 401)
+      throw (N = n.onUnauthorized) == null || N.call(n), new P("Unauthorized", 401);
+    if (!d.ok) {
+      const y = await ze(d);
+      throw new P(
+        y !== "" ? `HTTP ${d.status}: ${y}` : `HTTP ${d.status}`,
+        d.status
+      );
+    }
+    if (!c.schema) {
+      try {
+        await d.json();
+      } catch {
+      }
+      return;
+    }
+    const b = c.schema.safeParse(await d.json());
+    if (!b.success)
+      throw new P("Invalid response schema");
+    return b.data;
+  }
+  return {
+    baseUrl: t,
+    // --- multi-workspace management surface ---------------------------------
+    listWorkspaces() {
+      return a("GET", "/workspaces", {
+        schema: Le
+      });
+    },
+    createWorkspace(s) {
+      return a("POST", "/workspaces", {
+        body: s,
+        schema: Me
+      });
+    },
+    mintToken(s, l) {
+      return a("POST", `/workspaces/${r(s)}/tokens`, {
+        body: l,
+        schema: Pe
+      });
+    },
+    listTokens(s) {
+      return a("GET", `/workspaces/${r(s)}/tokens`, {
+        schema: Ge
+      });
+    },
+    revokeToken(s, l) {
+      return a(
+        "DELETE",
+        `/workspaces/${r(s)}/tokens/${r(l)}`
+      );
+    },
+    createInvite(s, l) {
+      return a("POST", `/workspaces/${r(s)}/invites`, {
+        body: l,
+        schema: Ue
+      });
+    },
+    revokeInvite(s, l) {
+      return a(
+        "POST",
+        `/workspaces/${r(s)}/invites/${r(l)}/revoke`
+      );
+    },
+    redeemInvite(s) {
+      return a("POST", `/invites/${r(s)}/redeem`, {
+        schema: He
+      });
+    },
+    listMembers(s) {
+      return a("GET", `/workspaces/${r(s)}/members`, {
+        schema: Fe
+      });
+    },
+    removeMember(s, l) {
+      return a(
+        "DELETE",
+        `/workspaces/${r(s)}/members/${r(l)}`
+      );
+    },
+    leave(s) {
+      return a("POST", `/workspaces/${r(s)}/leave`);
+    },
+    landscape(s) {
+      return a("GET", `/workspaces/${r(s)}/landscape`, {
+        schema: te
+      });
+    },
+    announceTo(s, l) {
+      return a("POST", `/workspaces/${r(s)}/announce`, {
+        body: l,
+        schema: ne
+      });
+    },
+    // --- self-host singular aliases (implicit single workspace) -------------
+    getLandscape() {
+      return a("GET", "/workspace/landscape", {
+        schema: te
+      });
+    },
+    announce(s) {
+      return a("POST", "/workspace/announce", {
+        body: s,
+        schema: ne
+      });
+    }
+  };
+}
+const he = ke(null);
+function St({
+  client: n,
+  children: t
+}) {
+  return /* @__PURE__ */ o(he.Provider, { value: n, children: t });
+}
+function pe() {
+  const n = we(he);
+  if (n === null)
+    throw new Error(
+      "useShepherdClient must be used within <ShepherdClientProvider>"
+    );
+  return n;
+}
+const Ke = 5e3, Be = 1e3;
+function Ye(n) {
+  const t = pe(), i = n == null ? void 0 : n.workspaceId, r = (n == null ? void 0 : n.pollMs) ?? Ke, [a, s] = k(
+    null
+  ), [l, c] = k("live"), [p, u] = k(null), [, d] = k(0), b = x(t);
+  b.current = t;
+  const v = x(0), N = S(
+    async (f) => {
+      try {
+        const w = i ? await b.current.landscape(i) : await b.current.getLandscape();
+        if (f !== v.current) return;
+        s(w), u(Date.now()), c("live");
+      } catch (w) {
+        if (f !== v.current) return;
+        w instanceof P && w.status === 401 ? c("unauthorized") : c("reconnecting");
+      }
+    },
+    [i]
+  );
+  X(() => {
+    const f = ++v.current;
+    N(f);
+    const w = setInterval(() => {
+      document.visibilityState !== "hidden" && N(f);
+    }, r), $ = setInterval(() => {
+      d((R) => R + 1);
+    }, Be), C = () => {
+      document.visibilityState === "visible" && N(f);
+    };
+    return document.addEventListener("visibilitychange", C), () => {
+      v.current++, clearInterval(w), clearInterval($), document.removeEventListener("visibilitychange", C);
+    };
+  }, [N, r]);
+  const y = S(() => N(v.current), [N]);
+  return { snapshot: a, status: l, lastUpdatedMs: p, refresh: y };
+}
+function G(n, t) {
+  const i = Math.floor((t - Date.parse(n)) / 1e3);
+  if (i < 5) return "just now";
+  if (i < 60) return `${i}s ago`;
+  const r = Math.floor(i / 60);
+  if (r < 60) return `${r}m ago`;
+  const a = Math.floor(r / 60);
+  return a < 24 ? `${a}h ago` : `${Math.floor(a / 24)}d ago`;
+}
+function U(n) {
+  let t = 0;
+  for (let i = 0; i < n.length; i++) t = (t * 31 + n.charCodeAt(i)) % 360;
+  return `hsl(${t}, 38%, 42%)`;
+}
+function Q(n) {
+  if (!n) return "?";
+  const t = n.match(/[A-Z]/g);
+  return t && t.length >= 2 ? t[0] + t[1] : n.slice(0, 2).toUpperCase();
+}
+const ge = "A-Za-z0-9_-";
+function Ve(n, t) {
+  const r = n.slice(0, t).match(new RegExp(`(?:^|\\s)@([${ge}]*)$`));
+  if (!r) return null;
+  const a = r[1];
+  return { start: t - a.length - 1, end: t, query: a };
+}
+function Xe(n, t) {
+  const i = new RegExp(`(?:^|\\s)@([${ge}]+)`, "g");
+  let r;
+  for (; (r = i.exec(n)) !== null; ) {
+    const a = r[1].toLowerCase(), s = t.find((l) => l.toLowerCase() === a);
+    if (s) return s;
+  }
+  return null;
+}
+function fe(n) {
+  return [...new Set(n.map((t) => t.repo))].sort();
+}
+function D(n, t) {
+  return t === null || t === "__all__" || n.repo === t;
+}
+function Ze(n, t) {
+  return [
+    ...new Set(
+      n.filter((i) => i.presence === "live" && D(i, t)).map((i) => i.name)
+    )
+  ].sort();
+}
+function se(n) {
+  const t = n.find((i) => i.status === "active");
+  return t ? t.repo : n.length ? n[0].repo : null;
+}
+function Je(n) {
+  return n === "dropped" ? "dropped" : "done";
+}
+function ae(n, t) {
+  if (!t) return "";
+  const i = Math.floor((Date.parse(t) - Date.parse(n)) / 1e3), r = Math.floor(i / 60);
+  return r < 60 ? `active ${r}m` : `active ${Math.floor(r / 60)}h`;
+}
+function Qe(n, t) {
+  const i = new Date(Date.parse(n)), r = new Date(t), a = (l) => new Date(l.getFullYear(), l.getMonth(), l.getDate()).getTime(), s = Math.round((a(r) - a(i)) / 864e5);
+  return s <= 0 ? "Today" : s === 1 ? "Yesterday" : i.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function re(n) {
+  let t = n.toLowerCase().replace(/\\/g, "/");
+  t.endsWith("/") && (t = t.replace(/\/+$/, "") + "/**");
+  const i = [];
+  for (const r of t.split("/"))
+    if (!(r === "" || r === ".")) {
+      if (r === "..") {
+        i.length && i.pop();
+        continue;
+      }
+      i.push(r);
+    }
+  return i;
+}
+const oe = /[*?{}[\]]/;
+function et(n, t) {
+  return n === "*" ? !0 : (oe.test(n) || !oe.test(t)) && n === t;
+}
+function tt(n, t) {
+  const i = /* @__PURE__ */ new Map();
+  function r(a, s) {
+    if (t.length - s === 0) {
+      for (let b = a; b < n.length; b++) if (n[b] !== "**") return !1;
+      return !0;
+    }
+    if (n.length - a === 0) return !1;
+    const l = a * (t.length + 1) + s, c = i.get(l);
+    if (c !== void 0) return c;
+    const p = n[a], u = t[s];
+    let d;
+    return p === "**" ? d = r(a + 1, s) || r(a, s + 1) : u === "**" ? d = !1 : d = et(p, u) && r(a + 1, s + 1), i.set(l, d), d;
+  }
+  return r(0, 0);
+}
+function ie(n, t) {
+  if (t.length === 0) return !0;
+  const i = n.map(re);
+  return t.every((r) => {
+    const a = re(r);
+    return i.some((s) => tt(s, a));
+  });
+}
+function nt(n) {
+  const t = /* @__PURE__ */ new Map();
+  for (const a of n)
+    t.has(a.agentName) || t.set(a.agentName, []), t.get(a.agentName).push(a);
+  const i = (a, s) => s.createdAt.localeCompare(a.createdAt), r = [];
+  for (const [a, s] of t) {
+    const l = [...s].sort(i), c = l.map(
+      (u) => l.some(
+        (d) => d !== u && ie(d.pathGlobs, u.pathGlobs) && !ie(u.pathGlobs, d.pathGlobs)
+      )
+    ), p = l[0];
+    r.push({
+      agentName: a,
+      model: p.model,
+      program: p.program,
+      repo: p.repo,
+      primaries: l.filter((u, d) => !c[d]),
+      narrower: l.filter((u, d) => c[d])
+    });
+  }
+  return r.sort((a, s) => {
+    const l = a.primaries.concat(a.narrower)[0].createdAt;
+    return s.primaries.concat(s.narrower)[0].createdAt.localeCompare(l);
+  }), r;
+}
+const ce = { active: 0, done: 0 };
+function st({
+  repos: n,
+  counts: t,
+  selected: i,
+  onSelect: r
+}) {
+  const [a, s] = k(!1), l = x(null);
+  if (X(() => {
+    var v;
+    if (!a) return;
+    const d = (v = l.current) == null ? void 0 : v.querySelector(".repo-menu");
+    if (!d) return;
+    const b = d.querySelector('[aria-selected="true"]') ?? d.querySelector("button");
+    b == null || b.focus();
+  }, [a]), n.length < 2) return null;
+  const c = i === null || i === "__all__", p = c ? "All repos" : i, u = (d, b) => {
+    const v = d === null ? t.__all__ ?? ce : t[d] ?? ce, N = d === null ? c : i === d, y = "repo-mi" + (N ? " on" : "") + (d === null ? " all" : "");
+    return /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        className: y,
+        role: "option",
+        "aria-selected": N,
+        onClick: (f) => {
+          f.stopPropagation(), s(!1), r(d);
+        },
+        children: [
+          /* @__PURE__ */ o("span", { children: b }),
+          /* @__PURE__ */ o("span", { className: "ct", children: `${v.active} active · ${v.done} done` })
+        ]
+      },
+      d ?? "__all__"
+    );
+  };
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      ref: l,
+      className: "repo",
+      onKeyDown: (d) => {
+        d.key === "Escape" && s(!1);
+      },
+      children: [
+        /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: "repo-trig",
+            "aria-haspopup": "listbox",
+            "aria-expanded": a,
+            "aria-label": `Filter by repo (current: ${p})`,
+            onClick: (d) => {
+              d.stopPropagation(), s((b) => !b);
+            },
+            children: [
+              /* @__PURE__ */ o("span", { className: "slash", children: "/" }),
+              " " + p + " ",
+              /* @__PURE__ */ o("span", { children: "▼" })
+            ]
+          }
+        ),
+        a && /* @__PURE__ */ m("div", { className: "repo-menu", role: "listbox", children: [
+          n.map((d) => u(d, d)),
+          u(null, "All repos")
+        ] })
+      ]
+    }
+  );
+}
+function at({ agents: n, tasks: t, selectedRepo: i }) {
+  const r = n.filter(
+    (c) => c.presence === "live" && D({ repo: c.repo ?? "" }, i)
+  ), a = /* @__PURE__ */ new Set();
+  for (const c of t) c.status === "active" && a.add(c.agentName);
+  const s = (c) => a.has(c.name), l = [...r].sort((c, p) => {
+    const u = s(c), d = s(p);
+    return u !== d ? u ? -1 : 1 : c.name.localeCompare(p.name);
+  });
+  return /* @__PURE__ */ o("div", { className: "crew", id: "crew", children: l.map((c) => /* @__PURE__ */ m(
+    "div",
+    {
+      className: "person" + (s(c) ? "" : " person--idle"),
+      children: [
+        /* @__PURE__ */ o("div", { className: "avatar", style: { background: U(c.name) }, children: Q(c.name) }),
+        /* @__PURE__ */ o("span", { className: "person__name", children: c.name })
+      ]
+    },
+    c.name
+  )) });
+}
+function be({ globs: n }) {
+  return n.length <= 1 ? /* @__PURE__ */ m("div", { className: "terr", children: [
+    /* @__PURE__ */ o("span", { className: "terr__lbl", children: "territory" }),
+    n.map((t) => /* @__PURE__ */ o("span", { className: "glob", children: t }, t))
+  ] }) : /* @__PURE__ */ m("details", { className: "terrx", children: [
+    /* @__PURE__ */ m("summary", { children: [
+      /* @__PURE__ */ o("span", { className: "terr__lbl", children: "territory" }),
+      /* @__PURE__ */ m("span", { className: "glob glob--more", children: [
+        /* @__PURE__ */ o("span", { className: "tw", children: "▶" }),
+        ` ${n.length} paths`
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "terr terr--full", children: n.map((t) => /* @__PURE__ */ o("span", { className: "glob", children: t }, t)) })
+  ] });
+}
+const Y = (n) => `${n.agentName}|${n.repo}|${n.createdAt}`, rt = (n) => n === null || n === "__all__";
+function V({
+  task: n,
+  nowMs: t
+}) {
+  return /* @__PURE__ */ m(ye, { children: [
+    /* @__PURE__ */ o("div", { className: "task__intent", children: n.intent }),
+    /* @__PURE__ */ o(be, { globs: n.pathGlobs }),
+    /* @__PURE__ */ o("div", { className: "task__meta", children: `started ${G(n.createdAt, t)}` })
+  ] });
+}
+function ot({
+  task: n,
+  nowMs: t,
+  allRepos: i
+}) {
+  const r = n.model || n.program;
+  return /* @__PURE__ */ m("div", { className: "task", children: [
+    /* @__PURE__ */ m("div", { className: "task__r1", children: [
+      /* @__PURE__ */ o("span", { className: "task__who", children: n.agentName }),
+      i && /* @__PURE__ */ o("span", { className: "task__repo", children: n.repo }),
+      r && /* @__PURE__ */ o("span", { className: "task__tag", children: r }),
+      /* @__PURE__ */ o("span", { className: "livedot", title: "active" })
+    ] }),
+    /* @__PURE__ */ o(V, { task: n, nowMs: t })
+  ] });
+}
+function it({
+  group: n,
+  nowMs: t,
+  allRepos: i
+}) {
+  const r = n.model || n.program, a = n.primaries.length + n.narrower.length, s = n.narrower.length;
+  return /* @__PURE__ */ m("div", { className: "grp", children: [
+    /* @__PURE__ */ m("div", { className: "grp__head", children: [
+      /* @__PURE__ */ o("span", { className: "grp__who", children: n.agentName }),
+      i && /* @__PURE__ */ o("span", { className: "task__repo", children: n.repo }),
+      r && /* @__PURE__ */ o("span", { className: "grp__tag", children: r }),
+      /* @__PURE__ */ o("span", { className: "grp__count", children: `· ${a} active` }),
+      /* @__PURE__ */ o("span", { className: "grp__dot", title: "live" })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "claims", children: n.primaries.map((l) => /* @__PURE__ */ o("div", { className: "claim", children: /* @__PURE__ */ o(V, { task: l, nowMs: t }) }, Y(l))) }),
+    s > 0 && /* @__PURE__ */ m("details", { className: "fold", children: [
+      /* @__PURE__ */ m("summary", { children: [
+        /* @__PURE__ */ o("span", { className: "tw", children: "▶" }),
+        ` +${s} narrower claim${s > 1 ? "s" : ""}`
+      ] }),
+      /* @__PURE__ */ o("div", { className: "fold__body", children: n.narrower.map((l) => /* @__PURE__ */ m("div", { className: "claim", children: [
+        /* @__PURE__ */ o(V, { task: l, nowMs: t }),
+        /* @__PURE__ */ o("div", { className: "covered", children: "⊂ covered by a claim above" })
+      ] }, Y(l))) })
+    ] })
+  ] });
+}
+function ct({
+  tasks: n,
+  nowMs: t,
+  selectedRepo: i
+}) {
+  const r = rt(i), a = n.filter(
+    (s) => s.status === "active" && D(s, i)
+  );
+  if (a.length === 0) {
+    const s = r ? "Nothing active right now." : `Nothing active in ${i}.`;
+    return /* @__PURE__ */ o("div", { id: "active-list", children: /* @__PURE__ */ o("div", { className: "empty", children: s }) });
+  }
+  return /* @__PURE__ */ o("div", { id: "active-list", children: nt(a).map((s) => {
+    const l = s.primaries.length === 1 && s.narrower.length === 0, c = Y(s.primaries.concat(s.narrower)[0]);
+    return l ? /* @__PURE__ */ o(
+      ot,
+      {
+        task: s.primaries[0],
+        nowMs: t,
+        allRepos: r
+      },
+      c
+    ) : /* @__PURE__ */ o(it, { group: s, nowMs: t, allRepos: r }, c);
+  }) });
+}
+const lt = (n) => `${n.agentName}|${n.repo}|${n.createdAt}`, dt = (n) => n === null || n === "__all__";
+function ut({
+  tasks: n,
+  nowMs: t,
+  selectedRepo: i,
+  doneShown: r,
+  onLoadMore: a
+}) {
+  const s = dt(i), l = n.filter(
+    (u) => u.status !== "active" && D(u, i)
+  );
+  if (l.length === 0) {
+    const u = s ? "No finished tasks yet." : `No finished tasks in ${i} yet.`;
+    return /* @__PURE__ */ o("div", { id: "done-list", children: /* @__PURE__ */ o("div", { className: "empty", children: u }) });
+  }
+  const c = l.slice(0, r);
+  let p = null;
+  return /* @__PURE__ */ m("div", { id: "done-list", children: [
+    c.map((u) => {
+      const d = Qe(u.endedAt ?? u.createdAt, t), b = d !== p ? d : null;
+      p = d;
+      const v = u.status === "dropped", N = v ? `went offline ${G(u.endedAt ?? u.createdAt, t)} — no done signal` : `finished ${G(u.endedAt ?? u.createdAt, t)}${ae(u.createdAt, u.endedAt) ? " · " + ae(u.createdAt, u.endedAt) : ""}`;
+      return /* @__PURE__ */ m(Ae, { children: [
+        b !== null && /* @__PURE__ */ o("div", { className: "day", children: b }),
+        /* @__PURE__ */ m("div", { className: "task", children: [
+          /* @__PURE__ */ m("div", { className: "task__r1", children: [
+            /* @__PURE__ */ o("span", { className: "task__who", children: u.agentName }),
+            s && /* @__PURE__ */ o("span", { className: "task__repo", children: u.repo }),
+            /* @__PURE__ */ o(
+              "span",
+              {
+                className: "task__stat" + (v ? " task__stat--drop" : ""),
+                children: Je(u.status)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o("div", { className: "task__intent", children: u.intent }),
+          /* @__PURE__ */ o(be, { globs: u.pathGlobs }),
+          /* @__PURE__ */ o("div", { className: "task__meta", children: N })
+        ] })
+      ] }, lt(u));
+    }),
+    l.length > r && /* @__PURE__ */ o(
+      "div",
+      {
+        className: "more",
+        role: "button",
+        tabIndex: 0,
+        onClick: a,
+        onKeyDown: (u) => {
+          (u.key === "Enter" || u.key === " ") && (u.preventDefault(), a());
+        },
+        children: `Load older · ${r} of ${l.length}`
+      }
+    )
+  ] });
+}
+const mt = 80;
+function ht({ announcements: n, selectedRepo: t, nowMs: i }) {
+  const r = x(null), a = x(!0), s = r.current;
+  s && (a.current = s.scrollHeight - s.scrollTop - s.clientHeight < mt);
+  const l = [...n].filter((c) => D(c, t)).reverse();
+  return Se(() => {
+    a.current && r.current && (r.current.scrollTop = r.current.scrollHeight);
+  }, [l.length]), /* @__PURE__ */ o("div", { id: "chat", className: "chat", ref: r, children: l.length === 0 ? /* @__PURE__ */ o("div", { className: "empty", children: "No announcements yet — agents will post here as they coordinate." }) : l.map((c, p) => {
+    const d = "msg" + (c.targetAgentName !== null || c.toAdmin ? " msg--targeted" : "") + (c.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__ */ o(
+          "div",
+          {
+            className: "msg__avatar",
+            style: { background: U(c.fromAgentName) },
+            children: Q(c.fromAgentName)
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "msg__body", children: [
+          /* @__PURE__ */ m("div", { className: "msg__head", children: [
+            /* @__PURE__ */ o(
+              "span",
+              {
+                className: "msg__who",
+                style: { color: U(c.fromAgentName) },
+                children: c.fromAgentName
+              }
+            ),
+            c.fromHuman ? /* @__PURE__ */ o("span", { className: "msg__human", children: c.fromHuman }) : null,
+            c.targetAgentName !== null ? /* @__PURE__ */ o("span", { className: "msg__to", children: `→ @${c.targetAgentName}` }) : c.toAdmin ? /* @__PURE__ */ o("span", { className: "msg__to", children: "→ admin" }) : null,
+            /* @__PURE__ */ o("span", { className: "msg__time", children: G(c.createdAt, i) })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "msg__text", children: c.body })
+        ] })
+      ] }, p)
+    );
+  }) });
+}
+const pt = 8;
+function gt({ agents: n, selectedRepo: t, workspaceId: i, onSent: r }) {
+  const a = pe(), s = x(null), [l, c] = k(""), [p, u] = k([]), [d, b] = k(0), [v, N] = k(null), [y, f] = k(!1), [w, $] = k(!1), C = Ze(
+    n.map((h) => ({ name: h.name, presence: h.presence, repo: h.repo ?? "" })),
+    t
+  ), R = p.length > 0, T = S(() => {
+    u([]), N(null);
+  }, []), M = S(
+    (h, _) => {
+      const g = Ve(h, _);
+      if (!g) {
+        T();
+        return;
+      }
+      const E = g.query.toLowerCase(), j = C.filter((ve) => ve.toLowerCase().startsWith(E)).slice(0, pt);
+      u(j), N({ start: g.start, end: g.end }), b(0);
+    },
+    [C, T]
+  ), L = S(
+    (h) => {
+      if (!v) return;
+      const _ = "@" + h + " ", g = l.slice(0, v.start) + _ + l.slice(v.end), E = v.start + _.length;
+      c(g), T(), requestAnimationFrame(() => {
+        const j = s.current;
+        j && (j.focus(), j.setSelectionRange(E, E));
+      });
+    },
+    [v, l, T]
+  ), O = S(
+    (h) => {
+      var g;
+      c(h);
+      const _ = ((g = s.current) == null ? void 0 : g.selectionStart) ?? h.length;
+      M(h, _);
+    },
+    [M]
+  ), I = S(
+    (h) => {
+      R && (h.key === "ArrowDown" ? (h.preventDefault(), b((_) => (_ + 1) % p.length)) : h.key === "ArrowUp" ? (h.preventDefault(), b((_) => (_ - 1 + p.length) % p.length)) : h.key === "Enter" || h.key === "Tab" ? (h.preventDefault(), L(p[d])) : h.key === "Escape" && (h.preventDefault(), T()));
+    },
+    [R, p, d, L, T]
+  ), F = S(
+    async (h) => {
+      h.preventDefault();
+      const _ = l.trim();
+      if (!_) return;
+      const g = Xe(_, C), E = t === null || t === "__all__" ? null : t;
+      f(!0), $(!1);
+      try {
+        const j = { body: _, targetAgentName: g, repo: E };
+        await (i !== void 0 ? a.announceTo(i, j) : a.announce(j)), c(""), T(), await r();
+      } catch {
+        $(!0);
+      } finally {
+        f(!1);
+      }
+    },
+    [l, C, t, i, a, T, r]
+  );
+  return /* @__PURE__ */ m("div", { className: "composer", children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        id: "mention-pop",
+        className: "mention-pop",
+        role: "listbox",
+        "aria-label": "Agents to mention",
+        hidden: !R,
+        children: p.map((h, _) => /* @__PURE__ */ m(
+          "button",
+          {
+            id: `mention-opt-${_}`,
+            type: "button",
+            role: "option",
+            "aria-selected": _ === d,
+            className: "mention-mi" + (_ === d ? " on" : ""),
+            onMouseDown: (g) => {
+              g.preventDefault(), L(h);
+            },
+            children: [
+              /* @__PURE__ */ o("div", { className: "ma", style: { background: U(h) }, children: Q(h) }),
+              /* @__PURE__ */ o("span", { children: h })
+            ]
+          },
+          h
+        ))
+      }
+    ),
+    /* @__PURE__ */ m(
+      "form",
+      {
+        id: "chat-form",
+        className: "chat-form",
+        onSubmit: (h) => {
+          F(h);
+        },
+        children: [
+          /* @__PURE__ */ o(
+            "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": R,
+              "aria-controls": "mention-pop",
+              "aria-autocomplete": "list",
+              "aria-activedescendant": R ? `mention-opt-${d}` : void 0,
+              ref: s,
+              value: l,
+              onChange: (h) => O(h.target.value),
+              onKeyDown: I
+            }
+          ),
+          /* @__PURE__ */ o("button", { id: "chat-send", className: "chat-send", type: "submit", disabled: y, children: "Send" })
+        ]
+      }
+    ),
+    w ? /* @__PURE__ */ o("div", { className: "chat__note", role: "status", children: "send failed — retry" }) : null
+  ] });
+}
+const le = "shepherd.tab", z = "shepherd.repo", K = 10, ft = {
+  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 de(n) {
+  try {
+    return localStorage.getItem(n);
+  } catch {
+    return null;
+  }
+}
+function B(n, t) {
+  try {
+    localStorage.setItem(n, t);
+  } catch {
+  }
+}
+function bt(n, t, i) {
+  const r = fe(t.tasks);
+  let a = n;
+  if (a === null && r.length >= 2 && (a = se(t.tasks)), a !== null && a !== "__all__" && !r.includes(a) && (a = "__all__"), i && a !== null && a !== "__all__") {
+    const s = t.tasks.some(
+      (c) => c.status === "active" && c.repo === a
+    ), l = t.tasks.some((c) => c.status === "active");
+    !s && l && (a = se(t.tasks));
+  }
+  return a;
+}
+function vt(n) {
+  const t = {}, i = (r, a) => {
+    const s = t[r] ?? (t[r] = { active: 0, done: 0 });
+    s[a]++;
+  };
+  for (const r of n.tasks) {
+    const a = r.status === "active" ? "active" : "done";
+    i(r.repo, a), i("__all__", a);
+  }
+  return t;
+}
+function Tt({ workspaceId: n } = {}) {
+  const { snapshot: t, status: i, lastUpdatedMs: r, refresh: a } = Ye({ workspaceId: n }), [s, l] = k(
+    () => de(le) === "chat" ? "chat" : "tasks"
+  ), [c, p] = k(
+    () => de(z)
+  ), [u, d] = k(K), b = x(!0), v = S((g) => {
+    l(g), B(le, g);
+  }, []), N = S((g) => {
+    const E = g === null ? "__all__" : g;
+    p(E), B(z, E), d(K);
+  }, []), y = S(() => {
+    d((g) => g + K);
+  }, []), f = t ? bt(c, t, b.current) : c;
+  X(() => {
+    t && (b.current = !1, f !== c && (p(f), f !== null && f !== "__all__" && B(z, f)));
+  }, [t, f, c]);
+  const w = t ? Date.parse(t.serverTime) : Date.now(), $ = t ? fe(t.tasks) : [], C = t ? vt(t) : {}, R = t ? t.agents.filter(
+    (g) => g.presence === "live" && D({ repo: g.repo ?? "" }, f)
+  ).length : 0, T = t ? t.tasks.filter((g) => g.status === "active" && D(g, f)).length : 0, M = ft[i], L = r === null ? "" : `updated ${Math.floor((Date.now() - r) / 1e3)}s ago`, O = (t == null ? void 0 : t.agents) ?? [], I = (t == null ? void 0 : t.tasks) ?? [], F = (t == null ? void 0 : t.announcements) ?? [], h = I.filter(
+    (g) => g.status === "active" && D(g, f)
+  ).length, _ = I.filter(
+    (g) => g.status !== "active" && D(g, f)
+  ).length;
+  return /* @__PURE__ */ m("div", { id: "board", children: [
+    /* @__PURE__ */ m("header", { children: [
+      /* @__PURE__ */ o("span", { className: "brand", children: "Shepherd" }),
+      /* @__PURE__ */ o(
+        st,
+        {
+          repos: $,
+          counts: C,
+          selected: f,
+          onSelect: N
+        }
+      ),
+      /* @__PURE__ */ m("span", { className: "vitals", children: [
+        /* @__PURE__ */ o("b", { id: "vitals-online", children: R }),
+        " online · ",
+        /* @__PURE__ */ o("b", { id: "vitals-active", children: T }),
+        " active"
+      ] }),
+      /* @__PURE__ */ o("span", { className: "grow" }),
+      /* @__PURE__ */ o("span", { id: "status", className: "status" + (M.kind ? ` status--${M.kind}` : ""), children: M.text }),
+      /* @__PURE__ */ o("span", { id: "freshness", className: "freshness", children: L }),
+      /* @__PURE__ */ m("nav", { className: "tabs", role: "tablist", "aria-label": "Dashboard views", children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            className: "tab" + (s === "tasks" ? " tab--active" : ""),
+            "data-tab": "tasks",
+            type: "button",
+            role: "tab",
+            id: "tab-tasks",
+            "aria-controls": "panel-tasks",
+            "aria-selected": s === "tasks",
+            onClick: () => v("tasks"),
+            children: "Tasks"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            className: "tab" + (s === "chat" ? " tab--active" : ""),
+            "data-tab": "chat",
+            type: "button",
+            role: "tab",
+            id: "tab-chat",
+            "aria-controls": "panel-chat",
+            "aria-selected": s === "chat",
+            onClick: () => v("chat"),
+            children: "Chat"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ m(
+      "section",
+      {
+        id: "panel-tasks",
+        role: "tabpanel",
+        "aria-labelledby": "tab-tasks",
+        hidden: s !== "tasks",
+        children: [
+          /* @__PURE__ */ o(at, { agents: O, tasks: I, selectedRepo: f }),
+          /* @__PURE__ */ m("div", { className: "board", children: [
+            /* @__PURE__ */ m("div", { className: "col", children: [
+              /* @__PURE__ */ m("div", { className: "colhead", children: [
+                /* @__PURE__ */ o("h2", { children: "Active" }),
+                /* @__PURE__ */ o("span", { className: "n", id: "active-count", children: h })
+              ] }),
+              /* @__PURE__ */ o(ct, { tasks: I, nowMs: w, selectedRepo: f })
+            ] }),
+            /* @__PURE__ */ o("div", { className: "board__rule" }),
+            /* @__PURE__ */ m("div", { className: "col", children: [
+              /* @__PURE__ */ m("div", { className: "colhead", children: [
+                /* @__PURE__ */ o("h2", { children: "Done" }),
+                /* @__PURE__ */ o("span", { className: "n", id: "done-count", children: _ })
+              ] }),
+              /* @__PURE__ */ o(
+                ut,
+                {
+                  tasks: I,
+                  nowMs: w,
+                  selectedRepo: f,
+                  doneShown: u,
+                  onLoadMore: y
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      "section",
+      {
+        id: "panel-chat",
+        role: "tabpanel",
+        "aria-labelledby": "tab-chat",
+        hidden: s !== "chat",
+        children: /* @__PURE__ */ m("div", { className: "chat-wrap", children: [
+          /* @__PURE__ */ o(ht, { announcements: F, selectedRepo: f, nowMs: w }),
+          /* @__PURE__ */ o(
+            gt,
+            {
+              agents: O,
+              selectedRepo: f,
+              workspaceId: n,
+              onSent: a
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  Tt as D,
+  P as S,
+  St as a,
+  At as c,
+  wt as d,
+  pe as u
+};