swarm-ui: repoint the HivesPage comments at HivesCard and pin the nav filter and lazy roster

frontend/packages/swarm-ui/test/lazy-open.test.mjs

@@ -0,0 +1,16 @@
+// A folded card fetches nothing until first opened. Run by `npm test`.
+import assert from "node:assert/strict";
+import { test } from "node:test";
+import { builtAfterToggle } from "../src/pages/agents/lazy-open.ts";
+
+test("a card nobody opened is not built", () => {
+  assert.equal(builtAfterToggle(false, false), false);
+});
+
+test("the first open builds it", () => {
+  assert.equal(builtAfterToggle(false, true), true);
+});
+
+test("closing it afterwards keeps it built", () => {
+  assert.equal(builtAfterToggle(true, false), true);
+});

frontend/packages/swarm-ui/test/routes.test.mjs

@@ -1,7 +1,7 @@
 // The shell's per-route layout: which paths are full-bleed. Run by `npm test`.
 import assert from "node:assert/strict";
 import { test } from "node:test";
-import { isFullBleedRoute } from "../src/shell/routes.ts";
+import { isFullBleedRoute, visibleNavItems } from "../src/shell/routes.ts";
 
 test("the start page is full-bleed", () => {
   assert.equal(isFullBleedRoute("/"), true);
@@ -29,3 +29,16 @@ test("a terminal path with extra segments is not full-bleed", () => {
   assert.equal(isFullBleedRoute("/agents/iris/terminal/extra"), false);
   assert.equal(isFullBleedRoute("/agents//terminal"), false);
 });
+
+const NAV = [{ href: "/agents" }, { href: "/components" }, { href: "/jobs" }];
+
+test("hide developer details takes the components tab out of the nav", () => {
+  assert.deepEqual(
+    visibleNavItems(NAV, true).map((i) => i.href),
+    ["/agents", "/jobs"],
+  );
+});
+
+test("with it off the nav is whole again", () => {
+  assert.deepEqual(visibleNavItems(NAV, false), NAV);
+});