@korso/shepherd-ui 0.1.0 → 0.2.0

package/dist/views/wallboard.test.js

@@ -0,0 +1,143 @@
+import { describe, it, expect } from "vitest";
+import { formatRelative, statusLabel, formatActiveDuration, dayBucket, initialsFor, colorForName, globsCover, groupActiveClaims, extractTarget, } from "./wallboard.js";
+// ---------------------------------------------------------------------------
+// wallboard helpers — the pure logic ported from packages/hub/public/app.js,
+// driving the React Tasks/Chat views. Mirrors that module's behavior so the
+// ported board reads the same data the same way (functional parity).
+// ---------------------------------------------------------------------------
+function task(over = {}) {
+    return {
+        agentName: "alice",
+        program: "claude",
+        model: "opus",
+        repo: "acme/web",
+        intent: "do a thing",
+        pathGlobs: ["src/**"],
+        status: "active",
+        createdAt: "2026-06-29T00:00:00.000Z",
+        endedAt: null,
+        ...over,
+    };
+}
+describe("formatRelative", () => {
+    const now = Date.parse("2026-06-29T01:00:00.000Z");
+    it("says 'just now' under 5s", () => {
+        expect(formatRelative("2026-06-29T00:59:58.000Z", now)).toBe("just now");
+    });
+    it("renders seconds / minutes / hours / days", () => {
+        expect(formatRelative("2026-06-29T00:59:30.000Z", now)).toBe("30s ago");
+        expect(formatRelative("2026-06-29T00:30:00.000Z", now)).toBe("30m ago");
+        expect(formatRelative("2026-06-28T22:00:00.000Z", now)).toBe("3h ago");
+        expect(formatRelative("2026-06-26T01:00:00.000Z", now)).toBe("3d ago");
+    });
+});
+describe("statusLabel", () => {
+    it("maps dropped → dropped, everything else → done", () => {
+        expect(statusLabel("dropped")).toBe("dropped");
+        expect(statusLabel("done")).toBe("done");
+    });
+});
+describe("formatActiveDuration", () => {
+    it("is empty when not ended", () => {
+        expect(formatActiveDuration("2026-06-29T00:00:00.000Z", null)).toBe("");
+    });
+    it("renders minutes then hours", () => {
+        expect(formatActiveDuration("2026-06-29T00:00:00.000Z", "2026-06-29T00:30:00.000Z")).toBe("active 30m");
+        expect(formatActiveDuration("2026-06-29T00:00:00.000Z", "2026-06-29T03:00:00.000Z")).toBe("active 3h");
+    });
+});
+describe("dayBucket", () => {
+    const now = Date.parse("2026-06-29T12:00:00.000Z");
+    it("buckets today / yesterday", () => {
+        expect(dayBucket("2026-06-29T08:00:00.000Z", now)).toBe("Today");
+        expect(dayBucket("2026-06-28T08:00:00.000Z", now)).toBe("Yesterday");
+    });
+});
+describe("initialsFor", () => {
+    it("prefers two capitals of a CamelCase name", () => {
+        expect(initialsFor("RedDragon")).toBe("RD");
+    });
+    it("falls back to the first two letters", () => {
+        expect(initialsFor("alice")).toBe("AL");
+    });
+    it("handles empty", () => {
+        expect(initialsFor("")).toBe("?");
+    });
+});
+describe("groupActiveClaims", () => {
+    it("groups claims by agent", () => {
+        const groups = groupActiveClaims([
+            task({ agentName: "alice", pathGlobs: ["a/**"] }),
+            task({ agentName: "bob", pathGlobs: ["b/**"] }),
+        ]);
+        expect(groups.map((g) => g.agentName).sort()).toEqual(["alice", "bob"]);
+    });
+    it("folds a strictly-covered claim into narrower", () => {
+        const groups = groupActiveClaims([
+            task({
+                agentName: "alice",
+                pathGlobs: ["src/**"],
+                createdAt: "2026-06-29T00:00:00.000Z",
+            }),
+            task({
+                agentName: "alice",
+                pathGlobs: ["src/a.ts"],
+                createdAt: "2026-06-29T00:01:00.000Z",
+            }),
+        ]);
+        expect(groups).toHaveLength(1);
+        const g = groups[0];
+        expect(g.primaries.map((p) => p.pathGlobs)).toEqual([["src/**"]]);
+        expect(g.narrower.map((p) => p.pathGlobs)).toEqual([["src/a.ts"]]);
+    });
+});
+describe("colorForName", () => {
+    it("is deterministic — the same name always maps to the same hue", () => {
+        expect(colorForName("RedDragon")).toBe(colorForName("RedDragon"));
+    });
+    it("distinguishes different names", () => {
+        expect(colorForName("alice")).not.toBe(colorForName("bob"));
+    });
+    it("returns a well-formed hsl() string", () => {
+        expect(colorForName("alice")).toMatch(/^hsl\(\d+, 38%, 42%\)$/);
+    });
+});
+describe("globsCover", () => {
+    it("treats an empty inner set as covered", () => {
+        expect(globsCover(["src/**"], [])).toBe(true);
+    });
+    it("covers a literal under a '**' wildcard", () => {
+        expect(globsCover(["src/**"], ["src/a.ts"])).toBe(true);
+    });
+    it("does not cover across a path segment with a single '*'", () => {
+        // '*' is a single-segment wildcard: it must not span the '/'.
+        expect(globsCover(["src/*"], ["src/a/b.ts"])).toBe(false);
+    });
+    it("lets '**' span multiple path segments", () => {
+        expect(globsCover(["**"], ["src/deep/nested/file.ts"])).toBe(true);
+    });
+    it("matches a literal segment exactly, not a wildcard sibling", () => {
+        expect(globsCover(["src/a.ts"], ["src/a.ts"])).toBe(true);
+        expect(globsCover(["src/a.ts"], ["src/b.ts"])).toBe(false);
+    });
+    it("does not let a narrower literal cover a wildcard", () => {
+        expect(globsCover(["src/a.ts"], ["src/*"])).toBe(false);
+    });
+    it("normalizes '.' and '..' segments before comparing", () => {
+        // "src/foo/../**" normalizes to "src/**", which covers "src/a.ts".
+        expect(globsCover(["src/foo/../**"], ["src/a.ts"])).toBe(true);
+    });
+    it("requires every inner glob to be covered by some outer glob", () => {
+        expect(globsCover(["src/**"], ["src/a.ts", "lib/b.ts"])).toBe(false);
+        expect(globsCover(["src/**", "lib/**"], ["src/a.ts", "lib/b.ts"])).toBe(true);
+    });
+});
+describe("extractTarget", () => {
+    it("resolves the first @mention matching a known name, canonical-cased", () => {
+        expect(extractTarget("hey @reddragon look", ["RedDragon", "alice"])).toBe("RedDragon");
+    });
+    it("returns null when no mention matches", () => {
+        expect(extractTarget("no mention here", ["alice"])).toBeNull();
+        expect(extractTarget("hi @nobody", ["alice"])).toBeNull();
+    });
+});

package/package.json

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