@korso/shepherd-ui 0.2.0 → 0.2.2

package/dist/lib/{Dashboard-CG6KeFQ3.js → Dashboard-B7nioe5N.js}

@@ -1,10 +1,10 @@
-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";
+var De = Object.defineProperty;
+var je = (t, n, i) => n in t ? De(t, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[n] = i;
+var le = (t, n, i) => je(t, typeof n != "symbol" ? n + "" : n, i);
+import { jsx as o, jsxs as m, Fragment as F } from "react/jsx-runtime";
+import { createContext as Ie, useContext as xe, useState as A, useRef as P, useCallback as R, useEffect as ne, Fragment as Le, useLayoutEffect as Me, useId as Pe } from "react";
 import { z as e } from "zod";
-const A = e.string(), H = e.number(), Te = e.object({
+const C = e.string(), z = e.number(), Ge = e.object({
   agentName: e.string(),
   human: e.string(),
   branch: e.string(),
@@ -13,9 +13,9 @@ const A = e.string(), H = e.number(), Te = e.object({
   message: e.string().nullable(),
   paths: e.array(e.string()).min(1),
   authorIsLive: e.boolean(),
-  authorLastActiveAt: A,
-  updatedAt: A
-}), $e = e.object({
+  authorLastActiveAt: C,
+  updatedAt: C
+}), Oe = 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
@@ -27,7 +27,7 @@ const A = e.string(), H = e.number(), Te = e.object({
   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({
+}), se = e.object({
   branch: e.string(),
   baseBranch: e.string(),
   head: e.string(),
@@ -36,36 +36,36 @@ const A = e.string(), H = e.number(), Te = e.object({
   // (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({
+  entries: e.array(Oe).max(600)
+}), X = 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({
+  expiresAt: C
+}), B = e.object({
   // bigint PK serialised as number; see DbId note above
-  id: H,
+  id: z,
   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),
+  createdAt: C
+}), Ne = e.object({
+  conflicts: e.array(X),
+  activeClaims: e.array(X),
   // 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),
+  yourClaims: e.array(X).default([]),
+  announcements: e.array(B),
   // Per-agent change records for the workspace. Defaulted for version-skew safety.
-  changeRecords: e.array(Te).default([])
-}), Ce = e.object({
+  changeRecords: e.array(Ge).default([])
+}), Ue = e.object({
   name: e.string(),
   human: e.string(),
   program: e.string(),
@@ -75,19 +75,19 @@ const A = e.string(), H = e.number(), Te = e.object({
   // are null when the agent has no session yet.
   repo: e.string().nullable(),
   branch: e.string().nullable(),
-  lastHeartbeatAt: A.nullable(),
+  lastHeartbeatAt: C.nullable(),
   presence: e.enum(["live", "offline"])
-}), Re = e.enum(["active", "done", "dropped"]), Ee = e.object({
+}), 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: Re,
-  createdAt: A,
-  endedAt: A.nullable()
-}), De = e.object({
+  status: He,
+  createdAt: C,
+  endedAt: C.nullable()
+}), Fe = e.object({
   fromAgentName: e.string(),
   fromHuman: e.string(),
   body: e.string(),
@@ -101,14 +101,14 @@ const A = e.string(), H = e.number(), Te = e.object({
   // 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),
+  createdAt: C
+}), de = e.object({
+  agents: e.array(Ue),
+  tasks: e.array(We),
+  announcements: e.array(Fe),
   // The server's clock, so the client computes "expires in / last seen" against
   // the hub rather than the (possibly skewed) browser clock.
-  serverTime: A
+  serverTime: C
 });
 e.object({
   body: e.string().min(1).max(8192),
@@ -120,11 +120,11 @@ e.object({
   // Ignored for a DM (the target's own repo is used).
   repo: e.string().min(1).nullable().optional()
 });
-const ne = e.object({
+const ue = 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)
+  announcementIds: e.array(z)
 });
 e.object({
   workspace: e.string().min(1),
@@ -138,18 +138,18 @@ e.object({
   agentName: e.string(),
   sessionId: e.string().uuid()
 });
-const je = e.object({
+const qe = 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()
+  changeReport: se.optional()
 });
 e.object({
   workItemId: e.string().uuid(),
-  landscape: ue
+  landscape: Ne
 });
-const Ie = e.object({
+const Ke = e.object({
   sessionId: e.string().uuid(),
   workItemId: e.string().uuid()
 });
@@ -158,9 +158,9 @@ e.object({
   // 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([])
+  announcements: e.array(B).default([])
 });
-const xe = e.object({
+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
@@ -175,22 +175,22 @@ const xe = e.object({
 e.object({
   ok: e.literal(!0),
   // bigint PK serialised as number; see DbId note above
-  announcementId: H,
+  announcementId: z,
   // 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([])
+  announcements: e.array(B).default([])
 });
 e.object({
   sessionId: e.string().uuid(),
-  changeReport: Z.optional()
+  changeReport: se.optional()
 });
 e.object({
-  landscape: ue
+  landscape: Ne
 });
-je.omit({ sessionId: !0, changeReport: !0 });
-xe.omit({ sessionId: !0 });
-Ie.omit({ sessionId: !0 });
+qe.omit({ sessionId: !0, changeReport: !0 });
+ze.omit({ sessionId: !0 });
+Ke.omit({ sessionId: !0 });
 e.object({});
 e.object({});
 e.object({
@@ -199,7 +199,7 @@ e.object({
   // 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(),
+  changeReport: se.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
@@ -215,14 +215,14 @@ e.object({
   // 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()
+  ackAnnouncementIds: e.array(z).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([])
+  announcements: e.array(B).default([])
 });
 e.object({
   sessionId: e.string().uuid()
@@ -230,58 +230,58 @@ e.object({
 e.object({
   ok: e.literal(!0)
 });
-const me = e.enum(["admin", "member"]), J = e.object({
+const ke = e.enum(["admin", "member"]), ae = e.object({
   id: e.string(),
   slug: e.string(),
   name: e.string(),
-  role: me
+  role: ke
 });
 e.object({
   name: e.string().min(1)
 });
-const Me = J, Le = e.object({
-  workspaces: e.array(J)
+const Be = ae, Ye = e.object({
+  workspaces: e.array(ae)
 });
 e.object({
   name: e.string().min(1).optional()
 });
-const Pe = e.object({
+const Ve = e.object({
   // The raw shp_ token, shown once at creation and never returned again.
   token: e.string(),
   id: e.string()
-}), Oe = e.object({
+}), Xe = 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)
+  lastUsedAt: C.nullable(),
+  createdAt: C,
+  revokedAt: C.nullable()
+}), Ze = e.object({
+  tokens: e.array(Xe)
 });
 e.object({
   expiresInDays: e.number().int().positive().optional(),
   maxUses: e.number().int().positive().optional()
 });
-const Ue = e.object({
+const Je = e.object({
   code: e.string(),
   // ISO timestamp string, or null when the invite never expires.
-  expiresAt: A.nullable(),
+  expiresAt: C.nullable(),
   maxUses: e.number().int().positive(),
   useCount: e.number().int().nonnegative()
-}), He = e.object({
+}), Qe = e.object({
   // The workspace the caller just joined.
-  workspace: J
-}), We = e.object({
+  workspace: ae
+}), et = 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 {
+  role: ke
+}), tt = e.object({
+  members: e.array(et)
+}), nt = 5e3;
+class H extends Error {
   /**
    * @param message - Human-readable failure description.
    * @param status - Upstream HTTP status, omitted for network/abort failures.
@@ -289,50 +289,50 @@ class P extends Error {
   constructor(i, r) {
     super(i);
     /** Upstream HTTP status for a non-2xx response; absent for transport errors. */
-    ee(this, "status");
+    le(this, "status");
     this.name = "ShepherdClientError", r !== void 0 && (this.status = r);
   }
 }
-function wt(n) {
-  return n instanceof Error ? n.message : "Something went wrong.";
+function Lt(t) {
+  return t instanceof Error ? t.message : "Something went wrong.";
 }
-async function ze(n) {
+async function st(t) {
   try {
-    const t = await n.json();
-    if (t !== null && typeof t == "object" && "error" in t && typeof t.error == "string")
-      return t.error;
+    const n = await t.json();
+    if (n !== null && typeof n == "object" && "error" in n && typeof n.error == "string")
+      return n.error;
   } catch {
   }
   return "";
 }
-function At(n) {
-  const t = n.baseUrl.replace(/\/$/, ""), i = n.timeoutMs ?? qe, r = encodeURIComponent;
+function Mt(t) {
+  const n = t.baseUrl.replace(/\/$/, ""), i = t.timeoutMs ?? nt, r = encodeURIComponent;
   async function a(s, l, c = {}) {
-    var v, N;
+    var b, N;
     const p = new AbortController(), u = setTimeout(() => p.abort(), i);
     let d;
     try {
-      const y = {
+      const v = {
         "Content-Type": "application/json"
-      }, f = await ((v = n.getAuthHeader) == null ? void 0 : v.call(n)), $ = {
+      }, S = await ((b = t.getAuthHeader) == null ? void 0 : b.call(t)), w = {
         method: s,
-        headers: { ...y, ...typeof f == "string" ? { Authorization: f } : f ?? {} },
+        headers: { ...v, ...typeof S == "string" ? { Authorization: S } : S ?? {} },
         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)
+      c.body !== void 0 && (w.body = JSON.stringify(c.body)), d = await fetch(`${n}${l}`, w);
+    } catch (v) {
+      throw new H(
+        v instanceof Error ? v.message : String(v)
       );
     } finally {
       clearTimeout(u);
     }
     if (d.status === 401)
-      throw (N = n.onUnauthorized) == null || N.call(n), new P("Unauthorized", 401);
+      throw (N = t.onUnauthorized) == null || N.call(t), new H("Unauthorized", 401);
     if (!d.ok) {
-      const y = await ze(d);
-      throw new P(
-        y !== "" ? `HTTP ${d.status}: ${y}` : `HTTP ${d.status}`,
+      const v = await st(d);
+      throw new H(
+        v !== "" ? `HTTP ${d.status}: ${v}` : `HTTP ${d.status}`,
         d.status
       );
     }
@@ -343,34 +343,34 @@ function At(n) {
       }
       return;
     }
-    const b = c.schema.safeParse(await d.json());
-    if (!b.success)
-      throw new P("Invalid response schema");
-    return b.data;
+    const f = c.schema.safeParse(await d.json());
+    if (!f.success)
+      throw new H("Invalid response schema");
+    return f.data;
   }
   return {
-    baseUrl: t,
+    baseUrl: n,
     // --- multi-workspace management surface ---------------------------------
     listWorkspaces() {
       return a("GET", "/workspaces", {
-        schema: Le
+        schema: Ye
       });
     },
     createWorkspace(s) {
       return a("POST", "/workspaces", {
         body: s,
-        schema: Me
+        schema: Be
       });
     },
     mintToken(s, l) {
       return a("POST", `/workspaces/${r(s)}/tokens`, {
         body: l,
-        schema: Pe
+        schema: Ve
       });
     },
     listTokens(s) {
       return a("GET", `/workspaces/${r(s)}/tokens`, {
-        schema: Ge
+        schema: Ze
       });
     },
     revokeToken(s, l) {
@@ -382,7 +382,7 @@ function At(n) {
     createInvite(s, l) {
       return a("POST", `/workspaces/${r(s)}/invites`, {
         body: l,
-        schema: Ue
+        schema: Je
       });
     },
     revokeInvite(s, l) {
@@ -393,12 +393,12 @@ function At(n) {
     },
     redeemInvite(s) {
       return a("POST", `/invites/${r(s)}/redeem`, {
-        schema: He
+        schema: Qe
       });
     },
     listMembers(s) {
       return a("GET", `/workspaces/${r(s)}/members`, {
-        schema: Fe
+        schema: tt
       });
     },
     removeMember(s, l) {
@@ -412,82 +412,83 @@ function At(n) {
     },
     landscape(s) {
       return a("GET", `/workspaces/${r(s)}/landscape`, {
-        schema: te
+        schema: de
       });
     },
     announceTo(s, l) {
       return a("POST", `/workspaces/${r(s)}/announce`, {
         body: l,
-        schema: ne
+        schema: ue
       });
     },
     // --- self-host singular aliases (implicit single workspace) -------------
     getLandscape() {
       return a("GET", "/workspace/landscape", {
-        schema: te
+        schema: de
       });
     },
     announce(s) {
       return a("POST", "/workspace/announce", {
         body: s,
-        schema: ne
+        schema: ue
       });
     }
   };
 }
-const he = ke(null);
-function St({
-  client: n,
-  children: t
+const we = Ie(null);
+function Pt({
+  client: t,
+  children: n
 }) {
-  return /* @__PURE__ */ o(he.Provider, { value: n, children: t });
+  return /* @__PURE__ */ o(we.Provider, { value: t, children: n });
 }
-function pe() {
-  const n = we(he);
-  if (n === null)
+function Ae() {
+  const t = xe(we);
+  if (t === null)
     throw new Error(
       "useShepherdClient must be used within <ShepherdClientProvider>"
     );
-  return n;
+  return t;
 }
-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(
+const at = 5e3, rt = 1e3;
+function ot(t) {
+  const n = Ae(), i = t == null ? void 0 : t.workspaceId, r = (t == null ? void 0 : t.pollMs) ?? at, a = (t == null ? void 0 : t.enabled) ?? !0, [s, l] = A(
     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) => {
+  ), [c, p] = A("live"), [u, d] = A(null), [, f] = A(0), b = P(n);
+  b.current = n;
+  const N = P(0), v = R(
+    async (E) => {
       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");
+        if (E !== N.current) return;
+        l(w), d(Date.now()), p("live");
       } catch (w) {
-        if (f !== v.current) return;
-        w instanceof P && w.status === 401 ? c("unauthorized") : c("reconnecting");
+        if (E !== N.current) return;
+        w instanceof H && w.status === 401 ? p("unauthorized") : p("reconnecting");
       }
     },
     [i]
   );
-  X(() => {
-    const f = ++v.current;
-    N(f);
+  ne(() => {
+    if (!a) return;
+    const E = ++N.current;
+    v(E);
     const w = setInterval(() => {
-      document.visibilityState !== "hidden" && N(f);
-    }, r), $ = setInterval(() => {
-      d((R) => R + 1);
-    }, Be), C = () => {
-      document.visibilityState === "visible" && N(f);
+      document.visibilityState !== "hidden" && v(E);
+    }, r), I = setInterval(() => {
+      f(($) => $ + 1);
+    }, rt), T = () => {
+      document.visibilityState === "visible" && v(E);
     };
-    return document.addEventListener("visibilitychange", C), () => {
-      v.current++, clearInterval(w), clearInterval($), document.removeEventListener("visibilitychange", C);
+    return document.addEventListener("visibilitychange", T), () => {
+      N.current++, clearInterval(w), clearInterval(I), document.removeEventListener("visibilitychange", T);
     };
-  }, [N, r]);
-  const y = S(() => N(v.current), [N]);
-  return { snapshot: a, status: l, lastUpdatedMs: p, refresh: y };
+  }, [v, r, a]);
+  const S = R(() => v(N.current), [v]);
+  return { snapshot: s, status: c, lastUpdatedMs: u, refresh: S };
 }
-function G(n, t) {
-  const i = Math.floor((t - Date.parse(n)) / 1e3);
+function q(t, n) {
+  const i = Math.floor((n - Date.parse(t)) / 1e3);
   if (i < 5) return "just now";
   if (i < 60) return `${i}s ago`;
   const r = Math.floor(i / 60);
@@ -495,66 +496,66 @@ function G(n, t) {
   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 K(t) {
+  let n = 0;
+  for (let i = 0; i < t.length; i++) n = (n * 31 + t.charCodeAt(i)) % 360;
+  return `hsl(${n}, 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();
+function re(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 ge = "A-Za-z0-9_-";
-function Ve(n, t) {
-  const r = n.slice(0, t).match(new RegExp(`(?:^|\\s)@([${ge}]*)$`));
+const Se = "A-Za-z0-9_-";
+function it(t, n) {
+  const r = t.slice(0, n).match(new RegExp(`(?:^|\\s)@([${Se}]*)$`));
   if (!r) return null;
   const a = r[1];
-  return { start: t - a.length - 1, end: t, query: a };
+  return { start: n - a.length - 1, end: n, query: a };
 }
-function Xe(n, t) {
-  const i = new RegExp(`(?:^|\\s)@([${ge}]+)`, "g");
+function ct(t, n) {
+  const i = new RegExp(`(?:^|\\s)@([${Se}]+)`, "g");
   let r;
-  for (; (r = i.exec(n)) !== null; ) {
-    const a = r[1].toLowerCase(), s = t.find((l) => l.toLowerCase() === a);
+  for (; (r = i.exec(t)) !== null; ) {
+    const a = r[1].toLowerCase(), s = n.find((l) => l.toLowerCase() === a);
     if (s) return s;
   }
   return null;
 }
-function fe(n) {
-  return [...new Set(n.map((t) => t.repo))].sort();
+function Te(t) {
+  return [...new Set(t.map((n) => n.repo))].sort();
 }
-function D(n, t) {
-  return t === null || t === "__all__" || n.repo === t;
+function L(t, n) {
+  return n === null || n === "__all__" || t.repo === n;
 }
-function Ze(n, t) {
+function lt(t, n) {
   return [
     ...new Set(
-      n.filter((i) => i.presence === "live" && D(i, t)).map((i) => i.name)
+      t.filter((i) => i.presence === "live" && L(i, n)).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 me(t) {
+  const n = t.find((i) => i.status === "active");
+  return n ? n.repo : t.length ? t[0].repo : null;
 }
-function Je(n) {
-  return n === "dropped" ? "dropped" : "done";
+function dt(t) {
+  return t === "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);
+function he(t, n) {
+  if (!n) return "";
+  const i = Math.floor((Date.parse(n) - Date.parse(t)) / 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);
+function ut(t, n) {
+  const i = new Date(Date.parse(t)), r = new Date(n), 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(/\/+$/, "") + "/**");
+function pe(t) {
+  let n = t.toLowerCase().replace(/\\/g, "/");
+  n.endsWith("/") && (n = n.replace(/\/+$/, "") + "/**");
   const i = [];
-  for (const r of t.split("/"))
+  for (const r of n.split("/"))
     if (!(r === "" || r === ".")) {
       if (r === "..") {
         i.length && i.pop();
@@ -564,43 +565,43 @@ function re(n) {
     }
   return i;
 }
-const oe = /[*?{}[\]]/;
-function et(n, t) {
-  return n === "*" ? !0 : (oe.test(n) || !oe.test(t)) && n === t;
+const ge = /[*?{}[\]]/;
+function mt(t, n) {
+  return t === "*" ? !0 : (ge.test(t) || !ge.test(n)) && t === n;
 }
-function tt(n, t) {
+function ht(t, n) {
   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;
+    if (n.length - s === 0) {
+      for (let f = a; f < t.length; f++) if (t[f] !== "**") return !1;
       return !0;
     }
-    if (n.length - a === 0) return !1;
-    const l = a * (t.length + 1) + s, c = i.get(l);
+    if (t.length - a === 0) return !1;
+    const l = a * (n.length + 1) + s, c = i.get(l);
     if (c !== void 0) return c;
-    const p = n[a], u = t[s];
+    const p = t[a], u = n[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 p === "**" ? d = r(a + 1, s) || r(a, s + 1) : u === "**" ? d = !1 : d = mt(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 fe(t, n) {
+  if (n.length === 0) return !0;
+  const i = t.map(pe);
+  return n.every((r) => {
+    const a = pe(r);
+    return i.some((s) => ht(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);
+function pt(t) {
+  const n = /* @__PURE__ */ new Map();
+  for (const a of t)
+    n.has(a.agentName) || n.set(a.agentName, []), n.get(a.agentName).push(a);
   const i = (a, s) => s.createdAt.localeCompare(a.createdAt), r = [];
-  for (const [a, s] of t) {
+  for (const [a, s] of n) {
     const l = [...s].sort(i), c = l.map(
       (u) => l.some(
-        (d) => d !== u && ie(d.pathGlobs, u.pathGlobs) && !ie(u.pathGlobs, d.pathGlobs)
+        (d) => d !== u && fe(d.pathGlobs, u.pathGlobs) && !fe(u.pathGlobs, d.pathGlobs)
       )
     ), p = l[0];
     r.push({
@@ -617,37 +618,37 @@ function nt(n) {
     return s.primaries.concat(s.narrower)[0].createdAt.localeCompare(l);
   }), r;
 }
-const ce = { active: 0, done: 0 };
-function st({
-  repos: n,
-  counts: t,
+const be = { active: 0, done: 0 };
+function gt({
+  repos: t,
+  counts: n,
   selected: i,
   onSelect: r
 }) {
-  const [a, s] = k(!1), l = x(null);
-  if (X(() => {
-    var v;
+  const [a, s] = A(!1), l = P(null);
+  if (ne(() => {
+    var b;
     if (!a) return;
-    const d = (v = l.current) == null ? void 0 : v.querySelector(".repo-menu");
+    const d = (b = l.current) == null ? void 0 : b.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" : "");
+    const f = d.querySelector('[aria-selected="true"]') ?? d.querySelector("button");
+    f == null || f.focus();
+  }, [a]), t.length < 2) return null;
+  const c = i === null || i === "__all__", p = c ? "All repos" : i, u = (d, f) => {
+    const b = d === null ? n.__all__ ?? be : n[d] ?? be, N = d === null ? c : i === d, v = "repo-mi" + (N ? " on" : "") + (d === null ? " all" : "");
     return /* @__PURE__ */ m(
       "button",
       {
         type: "button",
-        className: y,
+        className: v,
         role: "option",
         "aria-selected": N,
-        onClick: (f) => {
-          f.stopPropagation(), s(!1), r(d);
+        onClick: (S) => {
+          S.stopPropagation(), s(!1), r(d);
         },
         children: [
-          /* @__PURE__ */ o("span", { children: b }),
-          /* @__PURE__ */ o("span", { className: "ct", children: `${v.active} active · ${v.done} done` })
+          /* @__PURE__ */ o("span", { children: f }),
+          /* @__PURE__ */ o("span", { className: "ct", children: `${b.active} active · ${b.done} done` })
         ]
       },
       d ?? "__all__"
@@ -671,7 +672,7 @@ function st({
             "aria-expanded": a,
             "aria-label": `Filter by repo (current: ${p})`,
             onClick: (d) => {
-              d.stopPropagation(), s((b) => !b);
+              d.stopPropagation(), s((f) => !f);
             },
             children: [
               /* @__PURE__ */ o("span", { className: "slash", children: "/" }),
@@ -681,18 +682,18 @@ function st({
           }
         ),
         a && /* @__PURE__ */ m("div", { className: "repo-menu", role: "listbox", children: [
-          n.map((d) => u(d, d)),
+          t.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)
+function ft({ agents: t, tasks: n, selectedRepo: i }) {
+  const r = t.filter(
+    (c) => c.presence === "live" && L({ repo: c.repo ?? "" }, i)
   ), a = /* @__PURE__ */ new Set();
-  for (const c of t) c.status === "active" && a.add(c.agentName);
+  for (const c of n) 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);
@@ -702,117 +703,117 @@ function at({ agents: n, tasks: t, selectedRepo: i }) {
     {
       className: "person" + (s(c) ? "" : " person--idle"),
       children: [
-        /* @__PURE__ */ o("div", { className: "avatar", style: { background: U(c.name) }, children: Q(c.name) }),
+        /* @__PURE__ */ o("div", { className: "avatar", style: { background: K(c.name) }, children: re(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: [
+function Ce({ globs: t }) {
+  return t.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))
+    t.map((n) => /* @__PURE__ */ o("span", { className: "glob", children: n }, n))
   ] }) : /* @__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`
+        ` ${t.length} paths`
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "terr terr--full", children: n.map((t) => /* @__PURE__ */ o("span", { className: "glob", children: t }, t)) })
+    /* @__PURE__ */ o("div", { className: "terr terr--full", children: t.map((n) => /* @__PURE__ */ o("span", { className: "glob", children: n }, n)) })
   ] });
 }
-const Y = (n) => `${n.agentName}|${n.repo}|${n.createdAt}`, rt = (n) => n === null || n === "__all__";
-function V({
-  task: n,
-  nowMs: t
+const ee = (t) => `${t.agentName}|${t.repo}|${t.createdAt}`, bt = (t) => t === null || t === "__all__";
+function te({
+  task: t,
+  nowMs: n
 }) {
-  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)}` })
+  return /* @__PURE__ */ m(F, { children: [
+    /* @__PURE__ */ o("div", { className: "task__intent", children: t.intent }),
+    /* @__PURE__ */ o(Ce, { globs: t.pathGlobs }),
+    /* @__PURE__ */ o("div", { className: "task__meta", children: `started ${q(t.createdAt, n)}` })
   ] });
 }
-function ot({
-  task: n,
-  nowMs: t,
+function vt({
+  task: t,
+  nowMs: n,
   allRepos: i
 }) {
-  const r = n.model || n.program;
+  const r = t.model || t.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 }),
+      /* @__PURE__ */ o("span", { className: "task__who", children: t.agentName }),
+      i && /* @__PURE__ */ o("span", { className: "task__repo", children: t.repo }),
       r && /* @__PURE__ */ o("span", { className: "task__tag", children: r }),
       /* @__PURE__ */ o("span", { className: "livedot", title: "active" })
     ] }),
-    /* @__PURE__ */ o(V, { task: n, nowMs: t })
+    /* @__PURE__ */ o(te, { task: t, nowMs: n })
   ] });
 }
-function it({
-  group: n,
-  nowMs: t,
+function _t({
+  group: t,
+  nowMs: n,
   allRepos: i
 }) {
-  const r = n.model || n.program, a = n.primaries.length + n.narrower.length, s = n.narrower.length;
+  const r = t.model || t.program, a = t.primaries.length + t.narrower.length, s = t.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 }),
+      /* @__PURE__ */ o("span", { className: "grp__who", children: t.agentName }),
+      i && /* @__PURE__ */ o("span", { className: "task__repo", children: t.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))) }),
+    /* @__PURE__ */ o("div", { className: "claims", children: t.primaries.map((l) => /* @__PURE__ */ o("div", { className: "claim", children: /* @__PURE__ */ o(te, { task: l, nowMs: n }) }, ee(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: "fold__body", children: t.narrower.map((l) => /* @__PURE__ */ m("div", { className: "claim", children: [
+        /* @__PURE__ */ o(te, { task: l, nowMs: n }),
         /* @__PURE__ */ o("div", { className: "covered", children: "⊂ covered by a claim above" })
-      ] }, Y(l))) })
+      ] }, ee(l))) })
     ] })
   ] });
 }
-function ct({
-  tasks: n,
-  nowMs: t,
+function yt({
+  tasks: t,
+  nowMs: n,
   selectedRepo: i
 }) {
-  const r = rt(i), a = n.filter(
-    (s) => s.status === "active" && D(s, i)
+  const r = bt(i), a = t.filter(
+    (s) => s.status === "active" && L(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 /* @__PURE__ */ o("div", { id: "active-list", children: pt(a).map((s) => {
+    const l = s.primaries.length === 1 && s.narrower.length === 0, c = ee(s.primaries.concat(s.narrower)[0]);
     return l ? /* @__PURE__ */ o(
-      ot,
+      vt,
       {
         task: s.primaries[0],
-        nowMs: t,
+        nowMs: n,
         allRepos: r
       },
       c
-    ) : /* @__PURE__ */ o(it, { group: s, nowMs: t, allRepos: r }, c);
+    ) : /* @__PURE__ */ o(_t, { group: s, nowMs: n, allRepos: r }, c);
   }) });
 }
-const lt = (n) => `${n.agentName}|${n.repo}|${n.createdAt}`, dt = (n) => n === null || n === "__all__";
-function ut({
-  tasks: n,
-  nowMs: t,
+const Nt = (t) => `${t.agentName}|${t.repo}|${t.createdAt}`, kt = (t) => t === null || t === "__all__";
+function wt({
+  tasks: t,
+  nowMs: n,
   selectedRepo: i,
   doneShown: r,
   onLoadMore: a
 }) {
-  const s = dt(i), l = n.filter(
-    (u) => u.status !== "active" && D(u, i)
+  const s = kt(i), l = t.filter(
+    (u) => u.status !== "active" && L(u, i)
   );
   if (l.length === 0) {
     const u = s ? "No finished tasks yet." : `No finished tasks in ${i} yet.`;
@@ -822,11 +823,11 @@ function ut({
   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;
+      const d = ut(u.endedAt ?? u.createdAt, n), f = 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 }),
+      const b = u.status === "dropped", N = b ? `went offline ${q(u.endedAt ?? u.createdAt, n)} — no done signal` : `finished ${q(u.endedAt ?? u.createdAt, n)}${he(u.createdAt, u.endedAt) ? " · " + he(u.createdAt, u.endedAt) : ""}`;
+      return /* @__PURE__ */ m(Le, { children: [
+        f !== null && /* @__PURE__ */ o("div", { className: "day", children: f }),
         /* @__PURE__ */ m("div", { className: "task", children: [
           /* @__PURE__ */ m("div", { className: "task__r1", children: [
             /* @__PURE__ */ o("span", { className: "task__who", children: u.agentName }),
@@ -834,16 +835,16 @@ function ut({
             /* @__PURE__ */ o(
               "span",
               {
-                className: "task__stat" + (v ? " task__stat--drop" : ""),
-                children: Je(u.status)
+                className: "task__stat" + (b ? " task__stat--drop" : ""),
+                children: dt(u.status)
               }
             )
           ] }),
           /* @__PURE__ */ o("div", { className: "task__intent", children: u.intent }),
-          /* @__PURE__ */ o(be, { globs: u.pathGlobs }),
+          /* @__PURE__ */ o(Ce, { globs: u.pathGlobs }),
           /* @__PURE__ */ o("div", { className: "task__meta", children: N })
         ] })
-      ] }, lt(u));
+      ] }, Nt(u));
     }),
     l.length > r && /* @__PURE__ */ o(
       "div",
@@ -860,12 +861,12 @@ function ut({
     )
   ] });
 }
-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(() => {
+const At = 80;
+function St({ announcements: t, selectedRepo: n, nowMs: i }) {
+  const r = P(null), a = P(!0), s = r.current;
+  s && (a.current = s.scrollHeight - s.scrollTop - s.clientHeight < At);
+  const l = [...t].filter((c) => L(c, n)).reverse();
+  return Me(() => {
     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" : "");
@@ -877,8 +878,8 @@ function ht({ announcements: n, selectedRepo: t, nowMs: i }) {
           "div",
           {
             className: "msg__avatar",
-            style: { background: U(c.fromAgentName) },
-            children: Q(c.fromAgentName)
+            style: { background: K(c.fromAgentName) },
+            children: re(c.fromAgentName)
           }
         ),
         /* @__PURE__ */ m("div", { className: "msg__body", children: [
@@ -887,13 +888,13 @@ function ht({ announcements: n, selectedRepo: t, nowMs: i }) {
               "span",
               {
                 className: "msg__who",
-                style: { color: U(c.fromAgentName) },
+                style: { color: K(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("span", { className: "msg__time", children: q(c.createdAt, i) })
           ] }),
           /* @__PURE__ */ o("div", { className: "msg__text", children: c.body })
         ] })
@@ -901,64 +902,64 @@ function ht({ announcements: n, selectedRepo: t, nowMs: i }) {
     );
   }) });
 }
-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(() => {
+const Tt = 8;
+function Ct({ agents: t, selectedRepo: n, workspaceId: i, onSent: r }) {
+  const a = Ae(), s = P(null), [l, c] = A(""), [p, u] = A([]), [d, f] = A(0), [b, N] = A(null), [v, S] = A(!1), [E, w] = A(!1), I = lt(
+    t.map((h) => ({ name: h.name, presence: h.presence, repo: h.repo ?? "" })),
+    n
+  ), T = p.length > 0, $ = R(() => {
     u([]), N(null);
-  }, []), M = S(
-    (h, _) => {
-      const g = Ve(h, _);
-      if (!g) {
-        T();
+  }, []), W = R(
+    (h, y) => {
+      const k = it(h, y);
+      if (!k) {
+        $();
         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);
+      const M = k.query.toLowerCase(), D = I.filter((G) => G.toLowerCase().startsWith(M)).slice(0, Tt);
+      u(D), N({ start: k.start, end: k.end }), f(0);
     },
-    [C, T]
-  ), L = S(
+    [I, $]
+  ), _ = R(
     (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));
+      if (!b) return;
+      const y = "@" + h + " ", k = l.slice(0, b.start) + y + l.slice(b.end), M = b.start + y.length;
+      c(k), $(), requestAnimationFrame(() => {
+        const D = s.current;
+        D && (D.focus(), D.setSelectionRange(M, M));
       });
     },
-    [v, l, T]
-  ), O = S(
+    [b, l, $]
+  ), U = R(
     (h) => {
-      var g;
+      var k;
       c(h);
-      const _ = ((g = s.current) == null ? void 0 : g.selectionStart) ?? h.length;
-      M(h, _);
+      const y = ((k = s.current) == null ? void 0 : k.selectionStart) ?? h.length;
+      W(h, y);
     },
-    [M]
-  ), I = S(
+    [W]
+  ), Y = R(
     (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()));
+      T && (h.key === "ArrowDown" ? (h.preventDefault(), f((y) => (y + 1) % p.length)) : h.key === "ArrowUp" ? (h.preventDefault(), f((y) => (y - 1 + p.length) % p.length)) : h.key === "Enter" || h.key === "Tab" ? (h.preventDefault(), _(p[d])) : h.key === "Escape" && (h.preventDefault(), $()));
     },
-    [R, p, d, L, T]
-  ), F = S(
+    [T, p, d, _, $]
+  ), V = R(
     async (h) => {
       h.preventDefault();
-      const _ = l.trim();
-      if (!_) return;
-      const g = Xe(_, C), E = t === null || t === "__all__" ? null : t;
-      f(!0), $(!1);
+      const y = l.trim();
+      if (!y) return;
+      const k = ct(y, I), M = n === null || n === "__all__" ? null : n;
+      S(!0), w(!1);
       try {
-        const j = { body: _, targetAgentName: g, repo: E };
-        await (i !== void 0 ? a.announceTo(i, j) : a.announce(j)), c(""), T(), await r();
+        const D = { body: y, targetAgentName: k, repo: M };
+        await (i !== void 0 ? a.announceTo(i, D) : a.announce(D)), c(""), $(), await r();
       } catch {
-        $(!0);
+        w(!0);
       } finally {
-        f(!1);
+        S(!1);
       }
     },
-    [l, C, t, i, a, T, r]
+    [l, I, n, i, a, $, r]
   );
   return /* @__PURE__ */ m("div", { className: "composer", children: [
     /* @__PURE__ */ o(
@@ -968,20 +969,20 @@ function gt({ agents: n, selectedRepo: t, workspaceId: i, onSent: r }) {
         className: "mention-pop",
         role: "listbox",
         "aria-label": "Agents to mention",
-        hidden: !R,
-        children: p.map((h, _) => /* @__PURE__ */ m(
+        hidden: !T,
+        children: p.map((h, y) => /* @__PURE__ */ m(
           "button",
           {
-            id: `mention-opt-${_}`,
+            id: `mention-opt-${y}`,
             type: "button",
             role: "option",
-            "aria-selected": _ === d,
-            className: "mention-mi" + (_ === d ? " on" : ""),
-            onMouseDown: (g) => {
-              g.preventDefault(), L(h);
+            "aria-selected": y === d,
+            className: "mention-mi" + (y === d ? " on" : ""),
+            onMouseDown: (k) => {
+              k.preventDefault(), _(h);
             },
             children: [
-              /* @__PURE__ */ o("div", { className: "ma", style: { background: U(h) }, children: Q(h) }),
+              /* @__PURE__ */ o("div", { className: "ma", style: { background: K(h) }, children: re(h) }),
               /* @__PURE__ */ o("span", { children: h })
             ]
           },
@@ -995,7 +996,7 @@ function gt({ agents: n, selectedRepo: t, workspaceId: i, onSent: r }) {
         id: "chat-form",
         className: "chat-form",
         onSubmit: (h) => {
-          F(h);
+          V(h);
         },
         children: [
           /* @__PURE__ */ o(
@@ -1008,24 +1009,37 @@ function gt({ agents: n, selectedRepo: t, workspaceId: i, onSent: r }) {
               "aria-label": "Message the team",
               placeholder: "Message the team… use @name to direct it",
               role: "combobox",
-              "aria-expanded": R,
+              "aria-expanded": T,
               "aria-controls": "mention-pop",
               "aria-autocomplete": "list",
-              "aria-activedescendant": R ? `mention-opt-${d}` : void 0,
+              "aria-activedescendant": T ? `mention-opt-${d}` : void 0,
               ref: s,
               value: l,
-              onChange: (h) => O(h.target.value),
-              onKeyDown: I
+              onChange: (h) => U(h.target.value),
+              onKeyDown: Y
             }
           ),
-          /* @__PURE__ */ o("button", { id: "chat-send", className: "chat-send", type: "submit", disabled: y, children: "Send" })
+          /* @__PURE__ */ o("button", { id: "chat-send", className: "chat-send", type: "submit", disabled: v, children: "Send" })
         ]
       }
     ),
-    w ? /* @__PURE__ */ o("div", { className: "chat__note", role: "status", children: "send failed — retry" }) : null
+    E ? /* @__PURE__ */ o("div", { className: "chat__note", role: "status", children: "send failed — retry" }) : null
+  ] });
+}
+function ve({
+  title: t = "No workspace yet",
+  children: n,
+  onGetStarted: i,
+  ctaLabel: r = "Go to Config"
+}) {
+  const a = Pe();
+  return /* @__PURE__ */ m("section", { className: "shepherd-empty-state", "aria-labelledby": a, children: [
+    /* @__PURE__ */ o("h2", { id: a, children: t }),
+    /* @__PURE__ */ o("p", { children: n ?? "Create a workspace or join one with an invite code to get started." }),
+    i && /* @__PURE__ */ o("button", { type: "button", onClick: i, children: r })
   ] });
 }
-const le = "shepherd.tab", z = "shepherd.repo", K = 10, ft = {
+const _e = "shepherd.tab", Z = "shepherd.repo", J = 10, $t = {
   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
@@ -1033,152 +1047,199 @@ const le = "shepherd.tab", z = "shepherd.repo", K = 10, ft = {
   // only surfaces the rejected state.
   unauthorized: { text: "token rejected", kind: "error" }
 };
-function de(n) {
+function ye(t) {
   try {
-    return localStorage.getItem(n);
+    return localStorage.getItem(t);
   } catch {
     return null;
   }
 }
-function B(n, t) {
+function Q(t, n) {
   try {
-    localStorage.setItem(n, t);
+    localStorage.setItem(t, n);
   } 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(
+function Rt(t, n, i) {
+  const r = Te(n.tasks);
+  let a = t;
+  if (a === null && r.length >= 2 && (a = me(n.tasks)), a !== null && a !== "__all__" && !r.includes(a) && (a = "__all__"), i && a !== null && a !== "__all__") {
+    const s = n.tasks.some(
       (c) => c.status === "active" && c.repo === a
-    ), l = t.tasks.some((c) => c.status === "active");
-    !s && l && (a = se(t.tasks));
+    ), l = n.tasks.some((c) => c.status === "active");
+    !s && l && (a = me(n.tasks));
   }
   return a;
 }
-function vt(n) {
-  const t = {}, i = (r, a) => {
-    const s = t[r] ?? (t[r] = { active: 0, done: 0 });
+function Et(t) {
+  const n = {}, i = (r, a) => {
+    const s = n[r] ?? (n[r] = { active: 0, done: 0 });
     s[a]++;
   };
-  for (const r of n.tasks) {
+  for (const r of t.tasks) {
     const a = r.status === "active" ? "active" : "done";
     i(r.repo, a), i("__all__", a);
   }
-  return t;
+  return n;
 }
-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;
+function Gt({
+  workspaceId: t,
+  config: n,
+  hasWorkspace: i
+} = {}) {
+  const r = n != null, a = i === !1, { snapshot: s, status: l, lastUpdatedMs: c, refresh: p } = ot({
+    workspaceId: t,
+    // A no-workspace board has nothing to poll; keep it off the hub.
+    enabled: !a
+  }), [u, d] = A(() => {
+    if (r && a) return "config";
+    const g = ye(_e);
+    return g === "chat" ? "chat" : g === "config" && r ? "config" : "tasks";
+  }), f = r ? [
+    { id: "tasks", label: "Tasks" },
+    { id: "chat", label: "Chat" },
+    { id: "config", label: "Config" }
+  ] : [
+    { id: "tasks", label: "Tasks" },
+    { id: "chat", label: "Chat" }
+  ], b = P([]), N = R(
+    (g, x) => {
+      var ce;
+      const O = f.length - 1;
+      let j = null;
+      switch (g.key) {
+        case "ArrowRight":
+          j = x === O ? 0 : x + 1;
+          break;
+        case "ArrowLeft":
+          j = x === 0 ? O : x - 1;
+          break;
+        case "Home":
+          j = 0;
+          break;
+        case "End":
+          j = O;
+          break;
+        default:
+          return;
+      }
+      g.preventDefault();
+      const ie = f[j];
+      ie && (T(ie.id), (ce = b.current[j]) == null || ce.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
+    [r]
+  ), [v, S] = A(
+    () => ye(Z)
+  ), [E, w] = A(J), I = P(!0), T = R((g) => {
+    d(g), Q(_e, g);
+  }, []), $ = R((g) => {
+    const x = g === null ? "__all__" : g;
+    S(x), Q(Z, x), w(J);
+  }, []), W = R(() => {
+    w((g) => g + J);
+  }, []), _ = s ? Rt(v, s, I.current) : v;
+  ne(() => {
+    s && (I.current = !1, _ !== v && (S(_), _ !== null && _ !== "__all__" && Q(Z, _)));
+  }, [s, _, v]);
+  const U = s ? Date.parse(s.serverTime) : Date.now(), Y = s ? Te(s.tasks) : [], V = s ? Et(s) : {}, h = s ? s.agents.filter(
+    (g) => g.presence === "live" && L({ repo: g.repo ?? "" }, _)
+  ).length : 0, y = s ? s.tasks.filter((g) => g.status === "active" && L(g, _)).length : 0, k = $t[l], M = c === null ? "" : `updated ${Math.floor((Date.now() - c) / 1e3)}s ago`, D = (s == null ? void 0 : s.agents) ?? [], G = (s == null ? void 0 : s.tasks) ?? [], $e = (s == null ? void 0 : s.announcements) ?? [], Re = G.filter(
+    (g) => g.status === "active" && L(g, _)
+  ).length, Ee = G.filter(
+    (g) => g.status !== "active" && L(g, _)
+  ).length, oe = !a && u !== "config";
   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("h1", { className: "brand", style: { margin: 0, font: "inherit" }, children: "Shepherd" }),
+      oe && /* @__PURE__ */ m(F, { children: [
         /* @__PURE__ */ o(
-          "button",
+          gt,
           {
-            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"
+            repos: Y,
+            counts: V,
+            selected: _,
+            onSelect: $
           }
         ),
+        /* @__PURE__ */ m("span", { className: "vitals", children: [
+          /* @__PURE__ */ o("b", { id: "vitals-online", children: h }),
+          " online · ",
+          /* @__PURE__ */ o("b", { id: "vitals-active", children: y }),
+          " active"
+        ] })
+      ] }),
+      /* @__PURE__ */ o("span", { className: "grow" }),
+      oe && /* @__PURE__ */ m(F, { children: [
         /* @__PURE__ */ o(
-          "button",
+          "span",
           {
-            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"
+            id: "status",
+            className: "status" + (k.kind ? ` status--${k.kind}` : ""),
+            children: k.text
           }
-        )
-      ] })
+        ),
+        /* @__PURE__ */ o("span", { id: "freshness", className: "freshness", children: M })
+      ] }),
+      /* @__PURE__ */ o("nav", { className: "tabs", role: "tablist", "aria-label": "Shepherd views", children: f.map(({ id: g, label: x }, O) => /* @__PURE__ */ o(
+        "button",
+        {
+          ref: (j) => {
+            b.current[O] = j;
+          },
+          className: "tab" + (u === g ? " tab--active" : ""),
+          "data-tab": g,
+          type: "button",
+          role: "tab",
+          id: `tab-${g}`,
+          "aria-controls": `panel-${g}`,
+          "aria-selected": u === g,
+          tabIndex: u === g ? 0 : -1,
+          onClick: () => T(g),
+          onKeyDown: (j) => N(j, O),
+          children: x
+        },
+        g
+      )) })
     ] }),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ o(
       "section",
       {
         id: "panel-tasks",
         role: "tabpanel",
         "aria-labelledby": "tab-tasks",
-        hidden: s !== "tasks",
-        children: [
-          /* @__PURE__ */ o(at, { agents: O, tasks: I, selectedRepo: f }),
+        hidden: u !== "tasks",
+        children: a ? /* @__PURE__ */ o(ve, { onGetStarted: () => T("config") }) : /* @__PURE__ */ m(F, { children: [
+          /* @__PURE__ */ o(ft, { agents: D, tasks: G, selectedRepo: _ }),
           /* @__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("span", { className: "n", id: "active-count", children: Re })
               ] }),
-              /* @__PURE__ */ o(ct, { tasks: I, nowMs: w, selectedRepo: f })
+              /* @__PURE__ */ o(yt, { tasks: G, nowMs: U, selectedRepo: _ })
             ] }),
             /* @__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("span", { className: "n", id: "done-count", children: Ee })
               ] }),
               /* @__PURE__ */ o(
-                ut,
+                wt,
                 {
-                  tasks: I,
-                  nowMs: w,
-                  selectedRepo: f,
-                  doneShown: u,
-                  onLoadMore: y
+                  tasks: G,
+                  nowMs: U,
+                  selectedRepo: _,
+                  doneShown: E,
+                  onLoadMore: W
                 }
               )
             ] })
           ] })
-        ]
+        ] })
       }
     ),
     /* @__PURE__ */ o(
@@ -1187,28 +1248,39 @@ function Tt({ workspaceId: n } = {}) {
         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 }),
+        hidden: u !== "chat",
+        children: a ? /* @__PURE__ */ o(ve, { onGetStarted: () => T("config") }) : /* @__PURE__ */ m("div", { className: "chat-wrap", children: [
+          /* @__PURE__ */ o(St, { announcements: $e, selectedRepo: _, nowMs: U }),
           /* @__PURE__ */ o(
-            gt,
+            Ct,
             {
-              agents: O,
-              selectedRepo: f,
-              workspaceId: n,
-              onSent: a
+              agents: D,
+              selectedRepo: _,
+              workspaceId: t,
+              onSent: p
             }
           )
         ] })
       }
+    ),
+    r && /* @__PURE__ */ o(
+      "section",
+      {
+        id: "panel-config",
+        role: "tabpanel",
+        "aria-labelledby": "tab-config",
+        hidden: u !== "config",
+        children: n
+      }
     )
   ] });
 }
 export {
-  Tt as D,
-  P as S,
-  St as a,
-  At as c,
-  wt as d,
-  pe as u
+  Gt as D,
+  ve as E,
+  H as S,
+  Pt as a,
+  Mt as c,
+  Lt as d,
+  Ae as u
 };