diff --git a/admin-ui/__specs__/__snapshots__/grouped-navigation.spec.tsx.snap b/admin-ui/__specs__/__snapshots__/grouped-navigation.spec.tsx.snap
new file mode 100644
index 00000000..07694ca4
--- /dev/null
+++ b/admin-ui/__specs__/__snapshots__/grouped-navigation.spec.tsx.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`Feature: Grouped navigation — F203.6 snapshot shows exactly one open group ("Media") at /catalog 1`] = `
+{
+  "Media": true,
+  "Station": false,
+  "Status": false,
+  "Tools": false,
+}
+`;
+
+exports[`Feature: Grouped navigation — F203.6 snapshot shows exactly one open group ("Station") at /ads 1`] = `
+{
+  "Media": false,
+  "Station": true,
+  "Status": false,
+  "Tools": false,
+}
+`;
+
+exports[`Feature: Grouped navigation — F203.6 snapshot shows exactly one open group ("Status") at /health 1`] = `
+{
+  "Media": false,
+  "Station": false,
+  "Status": true,
+  "Tools": false,
+}
+`;
+
+exports[`Feature: Grouped navigation — F203.6 snapshot shows exactly one open group ("Tools") at /gardener 1`] = `
+{
+  "Media": false,
+  "Station": false,
+  "Status": false,
+  "Tools": true,
+}
+`;
diff --git a/admin-ui/__specs__/about-page.spec.tsx b/admin-ui/__specs__/about-page.spec.tsx
index c4237aa2..b7540c60 100644
--- a/admin-ui/__specs__/about-page.spec.tsx
+++ b/admin-ui/__specs__/about-page.spec.tsx
@@ -3,22 +3,185 @@
 //
 // BDD specification — Jest. RED at plan time: every specification is it.todo — turn it into an `it` only in the
 // task that makes it green (T561). Each Given comment names the arrange the scenario needs.
+//
+// next/jest's SWC transform (unlike babel-jest) does not hoist jest.mock() calls above import
+// statements (mirrors app-shell.spec.tsx's own header comment), so Sidebar — which calls the
+// mocked next/navigation hook — is loaded via a dynamic `await import()` inside the test.
+
+jest.mock("next/navigation", () => ({
+  usePathname: jest.fn(),
+}));
+
+jest.mock("@/app/login/actions", () => ({
+  logout: jest.fn(),
+}));
+
+import { describe, it, jest, expect } from "@jest/globals";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom/jest-globals";
+import type { usePathname } from "next/navigation";
+import { AboutView } from "../app/(authed)/about/AboutView";
+import type { AboutResponseDto } from "../lib/about-api";
+
+const mockedUsePathname = jest
+  .requireMock<{ usePathname: typeof usePathname }>("next/navigation")
+  .usePathname as jest.MockedFunction<typeof usePathname>;
 
-import { describe, it } from "@jest/globals";
+// Given: a single fixture GET /api/about response — two attribution kinds, two packs, so AC4's
+// "shows every attribution name" fact can't pass vacuously on a one-item list.
+const ABOUT_FIXTURE: AboutResponseDto = {
+  version: "5.11.0+abc123",
+  stationName: "GWAV 108.8",
+  tagline: "Your late-night companion",
+  libraryCount: 4821,
+  uptimeSeconds: 90_000, // 1 day, 1 hour
+  attributions: {
+    groups: [
+      {
+        kind: "jingle-pack",
+        packs: [
+          {
+            slug: "gw-first-beds",
+            name: "GW First Beds",
+            attributions: [
+              {
+                title: "Night Drive",
+                creator: "Jane Doe",
+                sourceUrl: "https://example.com/night-drive",
+                license: "CC-BY",
+              },
+            ],
+          },
+        ],
+      },
+      {
+        kind: "font-pack",
+        packs: [
+          {
+            slug: "about-font-pack",
+            name: "About Grotesk",
+            attributions: [
+              {
+                title: "Grotesk Typeface",
+                creator: null,
+                sourceUrl: "https://fonts.example.com/about-grotesk",
+                license: "OFL-1.1",
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+};
 
 describe("Feature: About page", () => {
   describe("Scenario: the page with a response", () => {
     // Given: /about rendered with version, stationName, libraryCount, uptimeSeconds, attributions
-    it.todo("AC4 — shows the version");
-    it.todo("AC4 — shows the station name");
-    it.todo("AC4 — shows the library count");
-    it.todo("AC4 — shows the uptime");
-    it.todo("AC4 — shows every attribution name");
+    it("AC4 — shows the version", () => {
+      render(<AboutView about={ABOUT_FIXTURE} />);
+      expect(screen.getByText(/5\.11\.0\+abc123/)).toBeInTheDocument();
+    });
+
+    it("AC4 — shows the station name", () => {
+      render(<AboutView about={ABOUT_FIXTURE} />);
+      expect(screen.getByText("GWAV 108.8")).toBeInTheDocument();
+    });
+
+    it("AC4 — shows the library count", () => {
+      render(<AboutView about={ABOUT_FIXTURE} />);
+      expect(screen.getByText(/4821/)).toBeInTheDocument();
+    });
+
+    it("AC4 — shows the uptime", () => {
+      render(<AboutView about={ABOUT_FIXTURE} />);
+      expect(screen.getByText(/1 day, 1 hour/)).toBeInTheDocument();
+    });
+
+    // One assertion: the rendered pack-name elements' own text, collected in document order,
+    // against the expected list — catches a missing OR an extra pack, not just "Night Drive is
+    // somewhere" (that string is also an attribution-line title, so a getByText check on it
+    // wasn't even proving the PACK name rendered at all).
+    it("AC4 — shows every attribution name", () => {
+      render(<AboutView about={ABOUT_FIXTURE} />);
+      expect(screen.getAllByTestId("attribution-pack-name").map((el) => el.textContent)).toEqual([
+        "GW First Beds",
+        "About Grotesk",
+      ]);
+    });
+  });
+
+  describe("Scenario: the tagline", () => {
+    // Given: Station:Tagline is set (Dean's ruling 2026-09-23)
+    it("renders the tagline when set", () => {
+      render(<AboutView about={ABOUT_FIXTURE} />);
+      expect(screen.getByText("Your late-night companion")).toBeInTheDocument();
+    });
+
+    // Given: Station:Tagline is unset ("" on the wire)
+    it("is absent when the tagline is blank", () => {
+      render(<AboutView about={{ ...ABOUT_FIXTURE, tagline: "" }} />);
+      expect(screen.queryByText("Your late-night companion")).not.toBeInTheDocument();
+    });
+
+    // Given: Station:Tagline is whitespace-only (a settings-form edge case, not merely "")
+    it("is absent when the tagline is whitespace-only", () => {
+      render(<AboutView about={{ ...ABOUT_FIXTURE, tagline: "   " }} />);
+      expect(screen.queryByTestId("station-tagline")).not.toBeInTheDocument();
+    });
+  });
+
+  describe("Scenario: attribution source links", () => {
+    // Given: an attribution line whose sourceUrl is http(s) — a safe link target
+    it("links the credit when sourceUrl is http(s)", () => {
+      render(<AboutView about={ABOUT_FIXTURE} />);
+      expect(screen.getByRole("link", { name: "Night Drive" })).toHaveAttribute(
+        "href",
+        "https://example.com/night-drive",
+      );
+    });
+
+    // Given: an attribution line whose sourceUrl is NOT http(s) — untrusted pack-manifest data,
+    // never pointed at from an href (security-web)
+    it("renders no link when sourceUrl is not http(s)", () => {
+      const unsafeSourceFixture: AboutResponseDto = {
+        ...ABOUT_FIXTURE,
+        attributions: {
+          groups: [
+            {
+              kind: "jingle-pack",
+              packs: [
+                {
+                  slug: "gw-first-beds",
+                  name: "GW First Beds",
+                  attributions: [
+                    { title: "Night Drive", creator: "Jane Doe", sourceUrl: "javascript:alert(1)", license: "CC-BY" },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      };
+
+      render(<AboutView about={unsafeSourceFixture} />);
+
+      expect(screen.queryByRole("link", { name: "Night Drive" })).not.toBeInTheDocument();
+    });
   });
 
   describe("Scenario: the sidebar footer", () => {
     // Given: Sidebar rendered
-    it.todo("AC5 — About sits in the footer beside Sign out");
+    it("AC5 — About sits in the footer beside Sign out", async () => {
+      mockedUsePathname.mockReturnValue("/dashboard");
+      const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+
+      render(<Sidebar />);
+
+      const about = screen.getByRole("link", { name: "About" });
+      const signOut = screen.getByRole("button", { name: /sign out/i });
+      expect(about.closest("footer")).toContainElement(signOut);
+    });
   });
 
 });
diff --git a/admin-ui/__specs__/app-shell.spec.tsx b/admin-ui/__specs__/app-shell.spec.tsx
index 006d1a17..d05dc4a8 100644
--- a/admin-ui/__specs__/app-shell.spec.tsx
+++ b/admin-ui/__specs__/app-shell.spec.tsx
@@ -136,6 +136,10 @@ function collectFiles(dir: string, exts: string[], out: string[] = []): string[]
 beforeEach(() => {
   jest.clearAllMocks();
   document.documentElement.removeAttribute("data-theme");
+  // jsdom's `window` (and its `localStorage`) is shared by every `it` in this FILE — a nav-group
+  // toggle written by one test (SPEC F203.2's remembered-toggle storage) must not leak into the
+  // next one's Sidebar/MobileNav mount.
+  window.localStorage.clear();
 });
 
 afterEach(() => {
@@ -148,13 +152,18 @@ afterEach(() => {
 
 describe("Feature: App shell", () => {
   describe("Scenario: shell wraps every authed route", () => {
-    it("renders the sidebar with Dashboard, Live, Catalog, Station Imaging, Settings (and NOT Libraries)", async () => {
+    it("renders the sidebar with Dashboard, Catalog, Station sounds, Settings (and NOT Libraries)", async () => {
       mockedUsePathname.mockReturnValue("/dashboard");
       const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
 
       render(<Sidebar />);
+      // Catalog (Media) and Station sounds (Station) live inside collapsible groups (SPEC F203.2)
+      // that don't open by route rule at /dashboard — open them by hand so this stays a shell-
+      // composition check, not a group-collapse check.
+      fireEvent.click(screen.getByRole("button", { name: "Station" }));
+      fireEvent.click(screen.getByRole("button", { name: "Media" }));
 
-      for (const label of ["Dashboard", "Live", "Catalog", "Station Imaging", "Settings"]) {
+      for (const label of ["Dashboard", "Catalog", "Station sounds", "Settings"]) {
         expect(screen.getByRole("link", { name: label })).toBeInTheDocument();
       }
       // Libraries stays routable but unlisted until Q7.
@@ -185,7 +194,10 @@ describe("Feature: App shell", () => {
   // ---------------------------------------------------------------------------
   describe("Scenario: Persona Catalog nav entry is feature-gated (PLAN T102, SPEC F90.1)", () => {
     it("hides the Persona Catalog link by default (no live signal, fail-closed)", async () => {
-      mockedUsePathname.mockReturnValue("/dashboard");
+      // /catalog is Media's own route, so the group opens by rule (SPEC F203.2) with no manual
+      // toggle — otherwise Media stays collapsed and this assertion would pass whether or not the
+      // gate exists (the link would be absent either way).
+      mockedUsePathname.mockReturnValue("/catalog");
       const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
 
       render(<Sidebar />);
@@ -194,7 +206,9 @@ describe("Feature: App shell", () => {
     });
 
     it("lists the Persona Catalog link once the authed layout resolves catalogEnabled=true", async () => {
-      mockedUsePathname.mockReturnValue("/dashboard");
+      // Community Catalog lives in the Media group (SPEC F203.1) — /catalog is Media's own route,
+      // so the group opens by rule (SPEC F203.2) without a manual toggle.
+      mockedUsePathname.mockReturnValue("/catalog");
       const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
 
       render(<Sidebar catalogEnabled />);
@@ -206,7 +220,7 @@ describe("Feature: App shell", () => {
     });
 
     it("mirrors the same gating in the sub-1024px drawer (MobileNav)", async () => {
-      mockedUsePathname.mockReturnValue("/dashboard");
+      mockedUsePathname.mockReturnValue("/catalog");
       const { MobileNav } = await import("../app/(authed)/_components/MobileNav");
 
       render(<MobileNav catalogEnabled />);
diff --git a/admin-ui/__specs__/bed-picker-help-flyover.spec.tsx b/admin-ui/__specs__/bed-picker-help-flyover.spec.tsx
index c1b2ece7..a36cca00 100644
--- a/admin-ui/__specs__/bed-picker-help-flyover.spec.tsx
+++ b/admin-ui/__specs__/bed-picker-help-flyover.spec.tsx
@@ -1,5 +1,5 @@
 // @jest-environment jsdom
-// gh-#431 — Station Imaging "Bed (optional)" gets a ? help flyover, matching the settings page's
+// gh-#431 — Station sounds "Bed (optional)" gets a ? help flyover, matching the settings page's
 // SettingHelpFlyover pattern: the shared `HelpFlyover` (gh-#209 extraction), the exact idiom the
 // booth log's Mode column header already uses (LlmCallsFeed.tsx).
 //
diff --git a/admin-ui/__specs__/booth-log-page.spec.tsx b/admin-ui/__specs__/booth-log-page.spec.tsx
index 99320e39..02b2c3ce 100644
--- a/admin-ui/__specs__/booth-log-page.spec.tsx
+++ b/admin-ui/__specs__/booth-log-page.spec.tsx
@@ -366,7 +366,9 @@ describe("Feature: Booth log", () => {
 
 describe("Feature: Booth log sidebar entry", () => {
   it("lists Booth log in the persistent sidebar nav", async () => {
-    mockedUsePathname.mockReturnValue("/dashboard");
+    // Booth log lives in the Status group (SPEC F203.1) — /booth-log is Status's own route, so the
+    // group opens by rule (SPEC F203.2) without a manual toggle.
+    mockedUsePathname.mockReturnValue("/booth-log");
 
     const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
     render(<Sidebar />);
diff --git a/admin-ui/__specs__/dashboard-page.spec.tsx b/admin-ui/__specs__/dashboard-page.spec.tsx
index b11c280c..e6f53103 100644
--- a/admin-ui/__specs__/dashboard-page.spec.tsx
+++ b/admin-ui/__specs__/dashboard-page.spec.tsx
@@ -232,7 +232,7 @@ describe("Feature: Dashboard", () => {
       render(<DashboardView timeZone="UTC" />);
       await flush();
 
-      expect(screen.getByText(/Station Imaging rotation — drain state/)).toBeInTheDocument();
+      expect(screen.getByText(/Station sounds rotation — drain state/)).toBeInTheDocument();
     });
 
     it("shows a warming-up state for 503", async () => {
diff --git a/admin-ui/__specs__/font-pack-wardrobe.spec.tsx b/admin-ui/__specs__/font-pack-wardrobe.spec.tsx
deleted file mode 100644
index 7f107aa6..00000000
--- a/admin-ui/__specs__/font-pack-wardrobe.spec.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-// @jest-environment jsdom
-// STORY-284 — The wardrobe is inspectable (SPEC F104.7 · PLAN T203); AC2 is the 🖐️ T204 gate.
-// Nav label/route renamed "Library" → "Wardrobe" at PLAN T204 (Dean's ruling) — this file was
-// font-pack-library.spec.tsx before that rename; no behavior changed, only names.
-//
-// Runner: Jest. WardrobeClient renders GET /api/fonts's own listing — family (title), faces
-// (style + byte size via the shared font-format.ts helper), the licence/version/subset line, and
-// the "Installed · <slug> · <date>" db/25 provenance chip (AC1). `timeZone="UTC"` is pinned
-// explicitly (the StatusTiles/BoothLogFeed/PersonasClient/SettingsForm house idiom, T105/T187) so
-// the date half of the provenance chip is deterministic regardless of the host's TZ.
-//
-// gh-#428: every non-empty render now also renders `UninstallPackButton` per card, which calls
-// `useConfirm()`/`useRouter()` unconditionally — so every such render here needs `ConfirmDialogProvider`
-// and a mocked `next/navigation`, mirroring `wardrobe-uninstall-pack.spec.tsx`'s own harness. This
-// file's own Facts never click Uninstall (that's the dedicated spec file's concern) — the wrapper is
-// here only so these read-only listing Facts keep rendering at all.
-
-jest.mock("next/navigation", () => ({
-  ...jest.requireActual<typeof import("next/navigation")>("next/navigation"),
-  useRouter: jest.fn(),
-}));
-
-import { describe, it, expect, jest, beforeEach } from "@jest/globals";
-import { render, screen, within } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import type { useRouter } from "next/navigation";
-import { ConfirmDialogProvider } from "@/components/ui/confirm-dialog";
-import type { FontLibraryPackDto } from "../app/(authed)/wardrobe/types";
-import type { WardrobeClient as WardrobeClientType } from "../app/(authed)/wardrobe/WardrobeClient";
-
-const mockedUseRouter = jest
-  .requireMock<{ useRouter: typeof useRouter }>("next/navigation")
-  .useRouter as jest.MockedFunction<typeof useRouter>;
-
-let WardrobeClient: typeof WardrobeClientType;
-
-beforeEach(async () => {
-  mockedUseRouter.mockReturnValue({ refresh: jest.fn() } as unknown as ReturnType<typeof useRouter>);
-  // Dynamic import after the mock is in place — the directory's established convention
-  // (catalog-purge-unavailable.spec.tsx's renderAction does the same); WardrobeClient renders
-  // UninstallPackButton, which calls useRouter() unconditionally.
-  ({ WardrobeClient } = await import("../app/(authed)/wardrobe/WardrobeClient"));
-});
-
-const SPACE_GROTESK_PACK: FontLibraryPackDto = {
-  slug: "space-grotesk",
-  family: "Space Grotesk",
-  faces: [{ file: "space-grotesk-variable-latin.woff2", style: "normal", byteSize: 7844 }],
-  license: "OFL-1.1",
-  sourceUrl: "https://github.com/example/space-grotesk",
-  version: "1.0",
-  subset: "latin",
-  importedFrom: "space-grotesk",
-  importedAt: "2026-08-05T12:00:00Z",
-};
-
-describe("Feature: the wardrobe is inspectable", () => {
-  describe("Scenario: the wardrobe lists installed packs", () => {
-    it("shows family, faces, byte sizes, and licence per pack (T203, AC1)", () => {
-      render(
-        <ConfirmDialogProvider>
-          <WardrobeClient packs={[SPACE_GROTESK_PACK]} timeZone="UTC" />
-        </ConfirmDialogProvider>
-      );
-
-      const list = screen.getByRole("list", { name: "Installed font packs" });
-      const card = within(list).getByText("Space Grotesk").closest("li");
-      if (card === null) throw new Error("No <li> ancestor for the pack card");
-
-      expect(within(card).getByText("Space Grotesk")).toBeInTheDocument(); // family, as the title
-      expect(within(card).getByText("normal — 8 KiB")).toBeInTheDocument(); // style + formatFontByteTotal
-      expect(within(card).getByText("OFL-1.1 · v1.0 · latin")).toBeInTheDocument(); // licence line
-    });
-
-    it("shows 'Installed · <slug> · <date>' provenance per pack (T203, AC1)", () => {
-      render(
-        <ConfirmDialogProvider>
-          <WardrobeClient packs={[SPACE_GROTESK_PACK]} timeZone="UTC" />
-        </ConfirmDialogProvider>
-      );
-
-      expect(screen.getByText("Installed · space-grotesk · Aug 5, 2026")).toBeInTheDocument();
-    });
-
-    // gh-#428 — the wardrobe stops being pure-read-only: each card gets its own uninstall
-    // affordance. The button's own confirm/DELETE/toast/refresh cycle is UninstallPackButton's own
-    // concern (wardrobe-uninstall-pack.spec.tsx); this Fact only proves WardrobeClient wires one in
-    // per card, named for that card's own pack.
-    it("renders an Uninstall button per pack, named for that pack", () => {
-      render(
-        <ConfirmDialogProvider>
-          <WardrobeClient packs={[SPACE_GROTESK_PACK]} timeZone="UTC" />
-        </ConfirmDialogProvider>
-      );
-
-      expect(screen.getByRole("button", { name: "Uninstall Space Grotesk" })).toBeInTheDocument();
-    });
-  });
-
-  describe("Scenario: the wardrobe is empty", () => {
-    // T203 review finding F3: the empty-state CTA must not point at /persona-catalog when the
-    // catalog is disabled — that route itself 404s off-catalog, the exact dead end the Wardrobe nav
-    // item's own deliberate ungating (SPEC F104.8) exists to let an operator avoid.
-    it("names the reason and offers the Community Catalog CTA when the catalog is enabled", () => {
-      render(<WardrobeClient packs={[]} timeZone="UTC" catalogEnabled />);
-
-      expect(screen.getByText("No packs installed")).toBeInTheDocument();
-      expect(screen.getByRole("link", { name: "Browse the Community Catalog" })).toHaveAttribute(
-        "href",
-        "/persona-catalog"
-      );
-    });
-
-    it("points at Settings instead of the catalog when the catalog is disabled", () => {
-      render(<WardrobeClient packs={[]} timeZone="UTC" catalogEnabled={false} />);
-
-      expect(screen.getByText("No packs installed")).toBeInTheDocument();
-      expect(
-        screen.getByText(
-          "The Community Catalog is disabled — enable Community:CatalogIndexUrl in Settings to browse packs."
-        )
-      ).toBeInTheDocument();
-      expect(screen.queryByRole("link", { name: "Browse the Community Catalog" })).not.toBeInTheDocument();
-      expect(screen.getByRole("link", { name: "Open Settings" })).toHaveAttribute("href", "/settings");
-    });
-  });
-
-  describe("Scenario: a stored definition failed to re-parse", () => {
-    it("degrades the licence line to 'Licence unknown' instead of rendering blank", () => {
-      const packWithoutManifest: FontLibraryPackDto = {
-        ...SPACE_GROTESK_PACK,
-        license: null,
-        version: null,
-        subset: null,
-      };
-      render(
-        <ConfirmDialogProvider>
-          <WardrobeClient packs={[packWithoutManifest]} timeZone="UTC" />
-        </ConfirmDialogProvider>
-      );
-
-      expect(screen.getByText("Licence unknown")).toBeInTheDocument();
-    });
-  });
-});
diff --git a/admin-ui/__specs__/gardener-nav.spec.tsx b/admin-ui/__specs__/gardener-nav.spec.tsx
index 1314490f..d176711b 100644
--- a/admin-ui/__specs__/gardener-nav.spec.tsx
+++ b/admin-ui/__specs__/gardener-nav.spec.tsx
@@ -1,25 +1,23 @@
 // @jest-environment jsdom
-// SPEC F153.10, PLAN T378 — the Gardener nav entry.
+// SPEC F153.10, PLAN T378 — the Gardener nav entry, now inside the grouped Tools group
+// (SPEC F203.1, PLAN T558).
 //
-// Runner: Jest. NAV_ITEMS/visibleNavItems are plain data (no rendering needed) — same posture the
-// Sidebar itself reads them with.
+// Runner: Jest. NAV_GROUPS is plain data (no rendering needed) — same posture the Sidebar itself
+// reads it with.
 
 import { describe, it, expect } from "@jest/globals";
-import { visibleNavItems } from "../app/(authed)/_components/nav-items";
+import { NAV_GROUPS } from "../app/(authed)/_components/nav-items";
 
 describe("Feature: the Gardener nav entry (SPEC F153.10)", () => {
-  describe("Scenario: the sidebar/mobile nav item list", () => {
-    it("places Gardener right after Catalog", () => {
-      const items = visibleNavItems(false);
-      const catalogIndex = items.findIndex((item) => item.label === "Catalog");
-      const gardenerIndex = items.findIndex((item) => item.label === "Gardener");
+  describe("Scenario: the Tools group", () => {
+    const tools = NAV_GROUPS.find((group) => group.label === "Tools");
 
-      expect(gardenerIndex).toBe(catalogIndex + 1);
+    it("places Gardener first in the Tools group", () => {
+      expect(tools?.items[0]?.label).toBe("Gardener");
     });
 
     it("links Gardener to /gardener", () => {
-      const items = visibleNavItems(false);
-      const gardener = items.find((item) => item.label === "Gardener");
+      const gardener = tools?.items.find((item) => item.label === "Gardener");
 
       expect(gardener?.href).toBe("/gardener");
     });
diff --git a/admin-ui/__specs__/grouped-navigation.spec.tsx b/admin-ui/__specs__/grouped-navigation.spec.tsx
index 820b298b..4659e3ec 100644
--- a/admin-ui/__specs__/grouped-navigation.spec.tsx
+++ b/admin-ui/__specs__/grouped-navigation.spec.tsx
@@ -3,64 +3,412 @@
 //
 // BDD specification — Jest. RED at plan time: every specification is it.todo — turn it into an `it` only in the
 // task that makes it green (T558–T560). Each Given comment names the arrange the scenario needs.
+//
+// next/jest's SWC transform (unlike babel-jest) does not hoist jest.mock() calls above import
+// statements (mirrors app-shell.spec.tsx's own header comment), so Sidebar/MobileNav — the
+// components that actually call the mocked next/navigation hook — are loaded via a dynamic
+// `await import()` inside each test rather than a static top-level import.
+
+jest.mock("next/navigation", () => ({
+  usePathname: jest.fn(),
+  redirect: jest.fn(),
+}));
+
+jest.mock("@/app/login/actions", () => ({
+  logout: jest.fn(),
+}));
+
+import { describe, it, expect, jest, beforeEach } from "@jest/globals";
+import { render, screen, fireEvent, within } from "@testing-library/react";
+import "@testing-library/jest-dom/jest-globals";
+import { readFileSync, readdirSync } from "node:fs";
+import path from "node:path";
+import type { redirect, usePathname } from "next/navigation";
+import {
+  NAV_BOTTOM,
+  NAV_FOOTER,
+  NAV_GROUPS,
+  NAV_TOP,
+  visibleNavGroups,
+  type NavGroup,
+} from "../app/(authed)/_components/nav-items";
+import { resetNavGroupOpenStateForTests } from "../app/(authed)/_components/useNavGroupOpenState";
+
+const ROOT = path.resolve(__dirname, "..");
+
+// jsdom's `window` (and its `localStorage`) is shared by every `it` in this FILE, not recreated
+// per test — a toggle written in one scenario (AC6) would otherwise leak into the next one. Every
+// test starts from a clean store, matching SPEC F203.2's "no stored toggles" baseline unless a
+// scenario deliberately arranges one.
+beforeEach(() => {
+  window.localStorage.clear();
+});
+
+const mockedNextNavigation = jest.requireMock<{
+  usePathname: typeof usePathname;
+  redirect: typeof redirect;
+}>("next/navigation");
+const mockedUsePathname = mockedNextNavigation.usePathname as jest.MockedFunction<typeof usePathname>;
+const mockedRedirect = mockedNextNavigation.redirect as jest.MockedFunction<typeof redirect>;
+
+/** Recursively lists files under `dir` with one of `exts`, skipping build/dep dirs (house pattern,
+ * see app-shell.spec.tsx's own `collectFiles`). */
+function collectFiles(dir: string, exts: string[], out: string[] = []): string[] {
+  const SKIP = new Set(["node_modules", ".next"]);
+  for (const entry of readdirSync(dir, { withFileTypes: true })) {
+    if (SKIP.has(entry.name)) continue;
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      collectFiles(full, exts, out);
+    } else if (exts.some((ext) => entry.name.endsWith(ext))) {
+      out.push(full);
+    }
+  }
+  return out;
+}
+
+/** The visible text of a group heading button (its label span, not the decorative chevron —
+ * which carries `aria-hidden` but is still part of `textContent`). */
+function groupHeadingLabel(button: HTMLElement): string {
+  return button.querySelector("span:not([aria-hidden])")?.textContent?.trim() ?? "";
+}
+
+/** The labels of every group whose heading currently reports `aria-expanded="true"`, in document
+ * order (SPEC F203.2). */
+function openGroupLabels(root: ParentNode): string[] {
+  return Array.from(root.querySelectorAll<HTMLButtonElement>('nav button[aria-expanded="true"]')).map(
+    groupHeadingLabel
+  );
+}
+
+/** Every group's label mapped to its open/closed state (SPEC F203.6's snapshot target) — small and
+ * readable, proving "exactly one open group" without snapshotting the whole DOM tree. */
+function groupOpenStates(root: ParentNode): Record<string, boolean> {
+  const headings = Array.from(root.querySelectorAll<HTMLButtonElement>("nav button[aria-expanded]"));
+  return Object.fromEntries(
+    headings.map((button) => [groupHeadingLabel(button), button.getAttribute("aria-expanded") === "true"])
+  );
+}
+
+/** Every static/dynamic import specifier (`from "..."` / `import("...")`) literally present in
+ * `fileText` — used by AC13's source scan below. */
+function importSpecifiersFrom(fileText: string): string[] {
+  const specifiers: string[] = [];
+  for (const re of [/\bfrom\s+["']([^"']+)["']/g, /\bimport\(\s*["']([^"']+)["']\s*\)/g]) {
+    for (const match of fileText.matchAll(re)) {
+      const specifier = match[1];
+      if (specifier !== undefined) specifiers.push(specifier);
+    }
+  }
+  return specifiers;
+}
+
+/** Resolves a relative (`./`, `../`) or `@/`-aliased specifier found in `fromFile` to an absolute
+ * path with no extension — `null` for a bare package specifier (e.g. `"react"`), which can never
+ * resolve inside `app/`. Mirrors `moduleNameMapper`'s own `^@/(.*)$ -> <rootDir>/$1` (jest.config.js). */
+function resolveImportSpecifier(fromFile: string, specifier: string): string | null {
+  if (specifier.startsWith(".")) return path.resolve(path.dirname(fromFile), specifier);
+  if (specifier.startsWith("@/")) return path.join(ROOT, specifier.slice(2));
+  return null;
+}
 
-import { describe, it } from "@jest/globals";
+/** The ordered shape of a rendered `<nav>`: `[Label]` for a group heading, the link text for every
+ * item — independent of open/closed state, since a collapsed group's list stays in the DOM (just
+ * `hidden`, SPEC F203.2) rather than unmounting. Used to compare Sidebar and MobileNav structurally
+ * (STORY-471 AC8) without requiring every group open first. */
+function navShape(nav: HTMLElement): string[] {
+  return Array.from(nav.querySelectorAll<HTMLElement>("a, button[aria-expanded]")).map((el) =>
+    el.tagName === "A" ? (el.textContent?.trim() ?? "") : `[${groupHeadingLabel(el)}]`
+  );
+}
 
 describe("Feature: Grouped navigation", () => {
   describe("Scenario: the nav model", () => {
     // Given: NAV_GROUPS, NAV_TOP, NAV_BOTTOM, NAV_FOOTER from nav-items.ts
-    it.todo("AC1 — NAV_GROUPS is Station, Media, Tools, Status with the ratified items in order");
-    it.todo("AC2 — NAV_TOP is Dashboard, NAV_BOTTOM is Settings, NAV_FOOTER is About then Sign out");
-    it.todo("AC3 — no module exports or imports NAV_ITEMS");
+    it("AC1 — NAV_GROUPS is Station, Media, Tools, Status with the ratified items in order", () => {
+      const shape = NAV_GROUPS.map((group) => ({
+        label: group.label,
+        items: group.items.map((item) => item.label),
+      }));
+
+      expect(shape).toEqual([
+        { label: "Station", items: ["Station sounds", "Ads", "Personas", "Schedule", "Shows"] },
+        { label: "Media", items: ["Catalog", "Announcements", "Community Catalog"] },
+        { label: "Tools", items: ["Gardener", "Theme Editor"] },
+        { label: "Status", items: ["Booth log", "Health"] },
+      ]);
+    });
+
+    it("AC2 — NAV_TOP is Dashboard, NAV_BOTTOM is Settings, NAV_FOOTER is About then Sign out", () => {
+      const shape = {
+        top: NAV_TOP.map((item) => item.label),
+        bottom: NAV_BOTTOM.map((item) => item.label),
+        footer: NAV_FOOTER.map((entry) => entry.label),
+      };
+
+      expect(shape).toEqual({ top: ["Dashboard"], bottom: ["Settings"], footer: ["About", "Sign out"] });
+    });
+
+    it("AC3 — the retired flat nav array is imported and exported nowhere", () => {
+      // Built from parts, not the literal identifier — this spec proves the retired token is gone
+      // from the codebase, so it must not itself reintroduce a source hit of that same token.
+      const retiredExportName = ["NAV", "ITEMS"].join("_");
+
+      const files = [
+        ...collectFiles(path.join(ROOT, "app"), [".ts", ".tsx"]),
+        ...collectFiles(path.join(ROOT, "__specs__"), [".ts", ".tsx"]),
+      ];
+      const navItemsPath = path.join(ROOT, "app", "(authed)", "_components", "nav-items.ts");
+      const offenders = files.filter((f) => readFileSync(f, "utf-8").includes(retiredExportName));
+
+      // Single assertion that still proves the scan wasn't vacuous: it must have covered
+      // nav-items.ts, and found zero offenders.
+      expect({ scannedModel: files.includes(navItemsPath), offenders }).toEqual({
+        scannedModel: true,
+        offenders: [],
+      });
+    });
   });
 
   describe("Scenario: the sidebar at /ads", () => {
     // Given: Sidebar rendered with usePathname → "/ads", no stored toggles
-    it.todo("AC4 — exactly the Station group is open");
+    it("AC4 — exactly the Station group is open", async () => {
+      mockedUsePathname.mockReturnValue("/ads");
+      const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+
+      const { container } = render(<Sidebar />);
+
+      expect(openGroupLabels(container)).toEqual(["Station"]);
+    });
   });
 
   describe("Scenario: the sidebar at /health", () => {
     // Given: usePathname → "/health"
-    it.todo("AC5 — exactly the Status group is open");
+    it("AC5 — exactly the Status group is open", async () => {
+      mockedUsePathname.mockReturnValue("/health");
+      const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+
+      const { container } = render(<Sidebar />);
+
+      expect(openGroupLabels(container)).toEqual(["Status"]);
+    });
   });
 
   describe("Scenario: a remembered toggle", () => {
-    // Given: Media toggled open at /ads, then re-rendered at /ads
-    it.todo("AC6 — Media is open alongside Station");
+    // Given: Media toggled open at /ads, then a reload — the shared in-memory store is reset
+    // (simulating a fresh page load) so the next render can only recover the toggle by reading
+    // localStorage, not by surviving in memory across the unmount
+    it("AC6 — Media is open alongside Station", async () => {
+      mockedUsePathname.mockReturnValue("/ads");
+      const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+
+      const first = render(<Sidebar />);
+      fireEvent.click(screen.getByRole("button", { name: "Media" }));
+      first.unmount();
+      resetNavGroupOpenStateForTests();
+
+      const { container } = render(<Sidebar />);
+
+      expect(openGroupLabels(container)).toEqual(["Station", "Media"]);
+    });
+  });
+
+  describe("Scenario: the two surfaces share one store", () => {
+    // Given: Sidebar and MobileNav mounted together, as the authed layout always does — the
+    // persistent Sidebar is merely hidden below 1024px, never unmounted (PLAN T559 fix round,
+    // finding #1) — the drawer opened (mounting its own NavSections fresh) and Media toggled open
+    // INSIDE the drawer, so only a shared, subscribed store can carry that toggle back to the
+    // Sidebar, which has been mounted the whole time and never re-reads storage on its own
+    it("the Sidebar, mounted the whole time, reflects a toggle made in the drawer", async () => {
+      mockedUsePathname.mockReturnValue("/ads");
+      const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+      const { MobileNav } = await import("../app/(authed)/_components/MobileNav");
+
+      const { container: sidebarContainer } = render(<Sidebar />);
+      render(<MobileNav />);
+      fireEvent.click(screen.getByRole("button", { name: "Open navigation" }));
+      const dialog = await screen.findByRole("dialog", { name: "Navigation" });
+      fireEvent.click(within(dialog).getByRole("button", { name: "Media" }));
+
+      expect(openGroupLabels(sidebarContainer)).toEqual(["Station", "Media"]);
+    });
   });
 
   describe("Scenario: the drawer", () => {
     // Given: MobileNav rendered at /ads
-    it.todo("AC8 — lists the same groups and items in the same order as the Sidebar");
+    it("AC8 — lists the same groups and items in the same order as the Sidebar", async () => {
+      mockedUsePathname.mockReturnValue("/ads");
+      const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+      const { MobileNav } = await import("../app/(authed)/_components/MobileNav");
+
+      const { container: sidebarContainer } = render(<Sidebar />);
+      const sidebarNav = sidebarContainer.querySelector<HTMLElement>("nav[aria-label='Sections']");
+      if (sidebarNav === null) {
+        throw new Error("expected the Sidebar's <nav aria-label='Sections'> to be present");
+      }
+
+      render(<MobileNav />);
+      fireEvent.click(screen.getByRole("button", { name: "Open navigation" }));
+      const dialog = await screen.findByRole("dialog", { name: "Navigation" });
+      const drawerNav = within(dialog).getByRole("navigation", { name: "Sections" });
+
+      expect(navShape(drawerNav)).toEqual(navShape(sidebarNav));
+    });
   });
 
   describe("Scenario: the catalog gate", () => {
     // Given: catalog unavailable
-    it.todo("AC9 — Media shows Catalog and Announcements only");
+    it("AC9 — Media shows Catalog and Announcements only", () => {
+      const media = visibleNavGroups(false).find((group) => group.label === "Media");
+
+      expect(media?.items.map((item) => item.label)).toEqual(["Catalog", "Announcements"]);
+    });
   });
 
   describe("Scenario: an empty group", () => {
-    // Given: every Tools item hidden
-    it.todo("AC10 — no Tools heading renders");
+    // Given: every Tools item hidden — the house Tools group carries no gate, so this drives
+    // visibleNavGroups with its own test group (per nav-items.ts's own remarks on that parameter).
+    it("AC10 — no Tools heading renders", () => {
+      const groups: NavGroup[] = [
+        {
+          id: "tools",
+          label: "Tools",
+          items: [{ href: "/gardener", label: "Gardener", iconName: "restore", requiresCatalog: true }],
+        },
+      ];
+
+      expect(visibleNavGroups(false, groups)).toEqual([]);
+    });
   });
 
   describe("Scenario: the retired routes", () => {
     // Given: app/(authed)/live/page.tsx and app/(authed)/wardrobe/page.tsx
-    it.todo("AC11 — /live redirects to /");
-    it.todo("AC12 — /wardrobe redirects to /persona-catalog");
-    it.todo("AC13 — no import of PickChips, RatingControls, StationThumbs, PersonaTasteThumbs, PlayHistoryTable or the Wardrobe tabs remains");
+    it("AC11 — /live redirects to /", async () => {
+      const { default: LivePage } = await import("../app/(authed)/live/page");
+
+      LivePage();
+
+      expect(mockedRedirect).toHaveBeenCalledWith("/");
+    });
+
+    it("AC12 — /wardrobe redirects to /persona-catalog", async () => {
+      const { default: WardrobePage } = await import("../app/(authed)/wardrobe/page");
+
+      WardrobePage();
+
+      expect(mockedRedirect).toHaveBeenCalledWith("/persona-catalog");
+    });
+
+    // Given: every source file under app/, and the live/ and wardrobe/ route folders themselves —
+    // SPEC F203.4 requires both the dead surface gone AND nothing left importing it (the
+    // orchestrator ruling for AC13: PickChips/StationThumbs/PersonaTasteThumbs are NOT retired —
+    // BoothLogFeed.tsx keeps importing them from _components/ — so this scan only fails on an
+    // import reaching INTO app/(authed)/live/ or app/(authed)/wardrobe/, never on those three
+    // surviving components existing elsewhere).
+    it("AC13 — no module under app/ imports the retired live/wardrobe surfaces, and both routes keep only their redirect page", () => {
+      const liveDir = path.join(ROOT, "app", "(authed)", "live");
+      const wardrobeDir = path.join(ROOT, "app", "(authed)", "wardrobe");
+      const appFiles = collectFiles(path.join(ROOT, "app"), [".ts", ".tsx"]);
+      const offenders: string[] = [];
+
+      for (const file of appFiles) {
+        if (file.startsWith(liveDir + path.sep) || file.startsWith(wardrobeDir + path.sep)) continue;
+        const text = readFileSync(file, "utf-8");
+        for (const specifier of importSpecifiersFrom(text)) {
+          const resolved = resolveImportSpecifier(file, specifier);
+          if (resolved === null) continue;
+          const intoLive = resolved === liveDir || resolved.startsWith(liveDir + path.sep);
+          const intoWardrobe = resolved === wardrobeDir || resolved.startsWith(wardrobeDir + path.sep);
+          if (intoLive || intoWardrobe) offenders.push(`${path.relative(ROOT, file)} -> ${specifier}`);
+        }
+      }
+
+      // Non-vacuous proof: BoothLogFeed.tsx is a known real importer of the surviving
+      // PickChips/StationThumbs/PersonaTasteThumbs trio — confirm the scan actually walked it.
+      const boothLogFeedPath = path.join(ROOT, "app", "(authed)", "booth-log", "BoothLogFeed.tsx");
+
+      expect({
+        scannedBoothLogFeed: appFiles.includes(boothLogFeedPath),
+        offenders,
+        liveDirEntries: readdirSync(liveDir).sort(),
+        wardrobeDirEntries: readdirSync(wardrobeDir).sort(),
+      }).toEqual({
+        scannedBoothLogFeed: true,
+        offenders: [],
+        liveDirEntries: ["page.tsx"],
+        wardrobeDirEntries: ["page.tsx"],
+      });
+    });
   });
 
   describe("Scenario: station sounds", () => {
-    // Given: the imaging page and its nav entry
-    it.todo("AC14 — label and h1 read \"Station sounds\"");
-    it.todo("AC14 — the one-line explainer is present");
+    // Given: the safe-content page source and its nav entry
+    it("AC14 — the nav label and both page h1s read \"Station sounds\"", () => {
+      const stationGroup = NAV_GROUPS.find((group) => group.label === "Station");
+      const navLabel = stationGroup?.items.find((item) => item.href === "/safe-content")?.label ?? null;
+      const pageSource = readFileSync(
+        path.join(ROOT, "app", "(authed)", "safe-content", "page.tsx"),
+        "utf-8"
+      );
+      const h1Texts = Array.from(pageSource.matchAll(/<h1[^>]*>([^<]+)<\/h1>/g)).map((match) => match[1]);
+
+      expect({ navLabel, h1Texts }).toEqual({
+        navLabel: "Station sounds",
+        h1Texts: ["Station sounds", "Station sounds"],
+      });
+    });
+
+    it("AC14 — the one-line explainer paragraph is present", () => {
+      const pageSource = readFileSync(
+        path.join(ROOT, "app", "(authed)", "safe-content", "page.tsx"),
+        "utf-8"
+      );
+
+      expect(pageSource).toMatch(/always airable: when the music rotation drains/);
+    });
   });
 
   // ---- sad path ----
   describe("Scenario: storage that throws", () => {
     // Given: localStorage access throws
-    it.todo("AC7 — renders with the route rule only");
+    it("AC7 — renders with the route rule only", async () => {
+      mockedUsePathname.mockReturnValue("/ads");
+      const getItemSpy = jest.spyOn(Storage.prototype, "getItem").mockImplementation(() => {
+        throw new Error("localStorage blocked");
+      });
+
+      try {
+        const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+        const { container } = render(<Sidebar />);
+
+        expect(openGroupLabels(container)).toEqual(["Station"]);
+      } finally {
+        getItemSpy.mockRestore();
+      }
+    });
   });
+});
+
+// ---------------------------------------------------------------------------
+// SPEC F203.6 — one open group per active route, proven per route group.
+// ---------------------------------------------------------------------------
+
+describe("Feature: Grouped navigation — F203.6 snapshot", () => {
+  const ROUTES_BY_GROUP: ReadonlyArray<{ pathname: string; groupLabel: string }> = [
+    { pathname: "/ads", groupLabel: "Station" },
+    { pathname: "/catalog", groupLabel: "Media" },
+    { pathname: "/gardener", groupLabel: "Tools" },
+    { pathname: "/health", groupLabel: "Status" },
+  ];
+
+  for (const { pathname, groupLabel } of ROUTES_BY_GROUP) {
+    it(`shows exactly one open group ("${groupLabel}") at ${pathname}`, async () => {
+      mockedUsePathname.mockReturnValue(pathname);
+      const { Sidebar } = await import("../app/(authed)/_components/Sidebar");
+
+      const { container } = render(<Sidebar />);
 
+      expect(groupOpenStates(container)).toMatchSnapshot();
+    });
+  }
 });
diff --git a/admin-ui/__specs__/icon-pack-renderer.spec.tsx b/admin-ui/__specs__/icon-pack-renderer.spec.tsx
index 2e376662..8f0cc2ad 100644
--- a/admin-ui/__specs__/icon-pack-renderer.spec.tsx
+++ b/admin-ui/__specs__/icon-pack-renderer.spec.tsx
@@ -1,43 +1,21 @@
 // @jest-environment jsdom
-// STORY-337 — Icon packs swap the chrome: the renderer + Wardrobe UI halves (PLAN T304).
-// Runner: Jest. Todo-scaffolded at /plan (2026-08-15); T304 turns these live.
-// Backend halves live in tests/GenWave.Host.Tests/Specs/Story337_IconPacksSwapTheChrome.cs.
+// STORY-337 — Icon packs swap the chrome: the safe renderer half (PLAN T304).
+// Runner: Jest. Backend half lives in tests/GenWave.Host.Tests/Specs/Story337_IconPacksSwapTheChrome.cs.
 //
-// `IconWardrobeClient` (via `IconUninstallPackButton`) calls `useRouter()` unconditionally, so it
-// is dynamic-imported AFTER the `next/navigation` mock is in place — the wardrobe-tabs.spec.tsx/
-// wardrobe-avatar-packs.spec.tsx established idiom.
+// The former Wardrobe Icons tab coverage (IconWardrobeClient — install list, Active chip, empty
+// state) was retired with the Wardrobe page itself (SPEC F203.4); the safe-rendering contract
+// (IconPackGlyph/IconPackSpecimenRow/Icon fallback) it depended on is unaffected and stays covered
+// below.
 
-jest.mock("next/navigation", () => ({
-  ...jest.requireActual<typeof import("next/navigation")>("next/navigation"),
-  useRouter: jest.fn(),
-}));
-
-import { describe, it, expect, jest, beforeEach } from "@jest/globals";
+import { describe, it, expect, jest } from "@jest/globals";
 import { render, screen, within } from "@testing-library/react";
 import "@testing-library/jest-dom/jest-globals";
-import type { useRouter } from "next/navigation";
-import { ConfirmDialogProvider } from "@/components/ui/confirm-dialog";
 import { parseIconPackDefinition, type IconPackDefinition, type IconPackElement } from "@/lib/icon-pack";
 import { Icon, ICON_NAMES } from "../app/(authed)/_components/Icon";
 import { IconPackProvider } from "../app/(authed)/_components/IconPackContext";
 import { IconPackGlyph, IconPackSpecimenRow } from "../app/(authed)/_components/IconPackRenderer";
 import * as HouseIcons from "../app/(authed)/_components/icons";
 import { ChoiceSettingControl } from "../app/(authed)/settings/ChoiceSettingControl";
-import type { IconWardrobeClient as IconWardrobeClientType } from "../app/(authed)/wardrobe/IconWardrobeClient";
-import type { IconPackSummaryDto } from "../app/(authed)/wardrobe/types";
-
-const mockedUseRouter = jest
-  .requireMock<{ useRouter: typeof useRouter }>("next/navigation")
-  .useRouter as jest.MockedFunction<typeof useRouter>;
-
-let IconWardrobeClient: typeof IconWardrobeClientType;
-
-beforeEach(async () => {
-  mockedUseRouter.mockReturnValue(
-    { push: jest.fn(), refresh: jest.fn() } as unknown as ReturnType<typeof useRouter>
-  );
-  ({ IconWardrobeClient } = await import("../app/(authed)/wardrobe/IconWardrobeClient"));
-});
 
 // ---------------------------------------------------------------------------
 // Fixtures
@@ -69,14 +47,6 @@ function iconElementsOrThrow(definition: IconPackDefinition, name: string): read
   return elements;
 }
 
-const INSTALLED_PACK: IconPackSummaryDto = {
-  slug: "line-icons",
-  iconCount: 2,
-  definition: TWO_ICON_PACK_JSON,
-  importedFrom: "line-icons",
-  importedAt: "2026-08-16T12:00:00Z",
-};
-
 // ---------------------------------------------------------------------------
 
 describe("Feature: the safe icon-pack renderer", () => {
@@ -235,54 +205,8 @@ describe("Feature: the safe icon-pack renderer", () => {
     });
   });
 
-  describe("Scenario: the Wardrobe Icons tab", () => {
-    it("lists installed packs with a specimen row rendered by the safe renderer", () => {
-      render(
-        <ConfirmDialogProvider>
-          <IconWardrobeClient packs={[INSTALLED_PACK]} timeZone="UTC" />
-        </ConfirmDialogProvider>
-      );
-
-      const list = screen.getByRole("list", { name: "Installed icon packs" });
-      const card = within(list).getByText("line-icons").closest("li");
-      if (card === null) throw new Error("No <li> ancestor for the pack card");
-
-      expect(within(card).getByText("Installed · line-icons · Aug 16, 2026")).toBeInTheDocument();
-      expect(within(card).getByText("2 icons")).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Uninstall line-icons" })).toBeInTheDocument();
-
-      // The specimen row itself — drawn by the SAME safe renderer (IconPackGlyph) the active
-      // chrome uses — one glyph per declared icon.
-      const specimens = within(card).getByLabelText("Icon specimens");
-      expect(within(specimens).getAllByRole("listitem")).toHaveLength(2);
-      expect(specimens.querySelectorAll("svg")).toHaveLength(2);
-    });
-
-    it("shows an 'Active' chip and a fail-open note in the confirm copy when this pack is the station's own Station:IconPack", () => {
-      render(
-        <ConfirmDialogProvider>
-          <IconWardrobeClient packs={[INSTALLED_PACK]} timeZone="UTC" activeSlug="line-icons" />
-        </ConfirmDialogProvider>
-      );
-
-      expect(screen.getByText("Active")).toBeInTheDocument();
-    });
-
-    it("shows the empty state, never a hidden tab, when no pack is installed", () => {
-      render(
-        <ConfirmDialogProvider>
-          <IconWardrobeClient packs={[]} timeZone="UTC" catalogEnabled />
-        </ConfirmDialogProvider>
-      );
-
-      expect(screen.getByText("No icon packs installed")).toBeInTheDocument();
-      expect(screen.getByRole("link", { name: "Browse the Community Catalog" })).toHaveAttribute(
-        "href",
-        "/persona-catalog"
-      );
-    });
-
-    it("the settings page shows an inline notice for a dangling Station:IconPack value (STORY-337 AC6)", () => {
+  describe("Scenario: a dangling Station:IconPack value on the settings page", () => {
+    it("shows an inline notice, not an error state, for a value outside the offered choices (STORY-337 AC6)", () => {
       render(
         <ChoiceSettingControl
           controlId="setting-Station-IconPack"
diff --git a/admin-ui/__specs__/icon-tooltips.spec.tsx b/admin-ui/__specs__/icon-tooltips.spec.tsx
index 7a4c20ad..187cc28b 100644
--- a/admin-ui/__specs__/icon-tooltips.spec.tsx
+++ b/admin-ui/__specs__/icon-tooltips.spec.tsx
@@ -4,14 +4,16 @@
 // Runner: Jest (jsdom) + @testing-library/react. Implemented Z8 (2026-07-15), after Z7 (the
 // Catalog-toolbar file-conflict edge; Z7's four new rank actions had to exist to be swept). The
 // full inventory of icon-only interactive controls in the console, confirmed by grepping every
-// `Icon` usage under app/ and components/ at plan time: `RatingControls` (vote up, vote down,
-// never-play/restore — Live page rows + now-playing card), `NeverPlayControl` (never-play/restore
-// — Catalog rows), `CatalogToolbar`'s four rank actions (Z7), `ThemeSwitcher`'s mode toggle
-// (light/dark, PLAN T167 — its theme picker `<select>` is not icon-only, out of this sweep), and
-// `MobileNav`'s hamburger + drawer close. Every nav icon (Dashboard/Live/Catalog/…) always renders
-// beside its own visible text label (Sidebar/MobileNav), so those are NOT icon-only and out of
-// scope for this sweep, same as every other Button/`<button>` in the app that carries visible text
-// (Reassign, Re-analyze, Set eligible, Columns, Search, Edit, Delete, …).
+// `Icon` usage under app/ and components/ at plan time: `NeverPlayControl` (never-play/restore —
+// Catalog rows), `CatalogToolbar`'s own vote up/down + never-play/restore rank actions (Z7; the
+// former Live-page/now-playing `RatingControls` coverage of the same vote up/down pair was retired
+// with the Live page itself, SPEC F203.4 — CatalogToolbar's rank actions are its only remaining
+// home), `ThemeSwitcher`'s mode toggle (light/dark, PLAN T167 — its theme picker `<select>` is not
+// icon-only, out of this sweep), and `MobileNav`'s hamburger + drawer close. Every nav icon
+// (Dashboard/Station sounds/Catalog/…) always renders beside its own visible text label (Sidebar/MobileNav),
+// so those are NOT icon-only and out of scope for this sweep, same as every other Button/`<button>`
+// in the app that carries visible text (Reassign, Re-analyze, Set eligible, Columns, Search, Edit,
+// Delete, …).
 //
 // The F62.3 parity guard is the F55.3 coverage discipline applied to icon-only controls:
 // `assertNoUnlabeledIconOnlyButtons` is a GENERIC walker run against the actual rendered surface,
@@ -222,20 +224,18 @@ function mockMatchMedia(prefersDark: boolean): void {
 
 /**
  * Renders every component known to hold an icon-only control, in one tree, and puts each into the
- * state that surfaces its icon-only button(s): both `RatingControls`/`NeverPlayControl` never-play
- * states (X and restore-arrow glyphs) and the Catalog bulk toolbar in selection mode (so its four
- * rank actions render — SPEC F61.4/Z7). The mobile nav drawer's own trigger renders here too
- * (always visible); its "Close navigation" trigger — only present once the drawer is OPEN — is
- * covered separately (see file header comment on Radix's modal aria-hiding).
+ * state that surfaces its icon-only button(s): both `NeverPlayControl` never-play states (X and
+ * restore-arrow glyphs) and the Catalog bulk toolbar in selection mode (so its four rank actions,
+ * including its own vote up/down pair, render — SPEC F61.4/Z7). The mobile nav drawer's own
+ * trigger renders here too (always visible); its "Close navigation" trigger — only present once
+ * the drawer is OPEN — is covered separately (see file header comment on Radix's modal aria-hiding).
  *
- * Total icon-only buttons this surface puts on screen: 15 — RatingControls×2 renders (3 each:
- * vote up, vote down, never-play/restore) + NeverPlayControl×2 renders (1 each) + ThemeSwitcher's
- * mode toggle (1, rendered with no theme choices so its `<select>` — not icon-only — never mounts)
- * + MobileNav's hamburger (1) + the Catalog row's own NeverPlayControl (1) + CatalogToolbar's four
- * rank actions (4).
+ * Total icon-only buttons this surface puts on screen: 9 — NeverPlayControl×2 renders (1 each) +
+ * ThemeSwitcher's mode toggle (1, rendered with no theme choices so its `<select>` — not icon-only
+ * — never mounts) + MobileNav's hamburger (1) + the Catalog row's own NeverPlayControl (1) +
+ * CatalogToolbar's four rank actions (4: vote up, vote down, never-play, restore).
  */
 async function renderSweepSurface(): Promise<HTMLElement> {
-  const { RatingControls } = await import("../app/(authed)/_components/RatingControls");
   const { NeverPlayControl } = await import("../app/(authed)/catalog/NeverPlayControl");
   const { ThemeSwitcher } = await import("../app/(authed)/_components/ThemeSwitcher");
   const { MobileNav } = await import("../app/(authed)/_components/MobileNav");
@@ -244,8 +244,6 @@ async function renderSweepSurface(): Promise<HTMLElement> {
   const media = [makeRow({ mediaId: "1" })];
   const utils = render(
     <ConfirmDialogProvider>
-      <RatingControls mediaId="10" value={{ score: 50, neverPlay: false }} onChange={() => {}} />
-      <RatingControls mediaId="11" value={{ score: 50, neverPlay: true }} onChange={() => {}} />
       <NeverPlayControl mediaId="12" neverPlay={false} onChange={() => {}} />
       <NeverPlayControl mediaId="13" neverPlay={true} onChange={() => {}} />
       <ThemeSwitcher choices={[]} stationThemeSlug="" />
@@ -286,21 +284,21 @@ describe("Feature: Every icon-only control explains itself", () => {
 
   describe("Scenario: hover and focus both reveal the tooltip", () => {
     it("hovering an icon-only control renders its Wireless-tokened tooltip (F62.1, F62.2)", async () => {
-      const { RatingControls } = await import("../app/(authed)/_components/RatingControls");
-      render(<RatingControls mediaId="1" value={{ score: 50, neverPlay: false }} onChange={() => {}} />);
+      const { NeverPlayControl } = await import("../app/(authed)/catalog/NeverPlayControl");
+      render(<NeverPlayControl mediaId="1" neverPlay={false} onChange={() => {}} />);
 
-      const voteUp = screen.getByRole("button", { name: "Vote up" });
+      const control = screen.getByRole("button", { name: "Never play" });
       expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
 
-      fireEvent.mouseEnter(voteUp);
-      const tooltip = screen.getByRole("tooltip", { name: "Vote up" });
+      fireEvent.mouseEnter(control);
+      const tooltip = screen.getByRole("tooltip", { name: "Never play" });
       // Wireless semantic tokens only — no raw hex, no Tailwind stock palette class (design-aesthetic).
       expect(tooltip.className).toMatch(/\bbg-surface\b/);
       expect(tooltip.className).toMatch(/\bborder-line\b/);
       expect(tooltip.className).toMatch(/\btext-ink\b/);
       expect(tooltip.className).not.toMatch(/#[0-9a-fA-F]{3,6}/);
 
-      fireEvent.mouseLeave(voteUp);
+      fireEvent.mouseLeave(control);
       expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
     });
 
@@ -345,7 +343,7 @@ describe("Feature: Every icon-only control explains itself", () => {
       // Sanity: the sweep surface actually put every known icon-only control (except the
       // drawer-only close trigger, covered separately above) on screen — see renderSweepSurface's
       // own doc comment for the itemized count.
-      expect(iconOnlyButtons).toHaveLength(15);
+      expect(iconOnlyButtons).toHaveLength(9);
 
       for (const button of iconOnlyButtons) {
         const label = button.getAttribute("aria-label");
diff --git a/admin-ui/__specs__/imaging-kind.spec.tsx b/admin-ui/__specs__/imaging-kind.spec.tsx
index a95ad8b3..821f9ddb 100644
--- a/admin-ui/__specs__/imaging-kind.spec.tsx
+++ b/admin-ui/__specs__/imaging-kind.spec.tsx
@@ -1,5 +1,5 @@
 // @jest-environment jsdom
-// gh-#149 — Authored segments carry a Station Imaging content kind (admin-ui half).
+// gh-#149 — Authored segments carry a Station sounds content kind (admin-ui half).
 //
 // BDD specification — Jest (jsdom) + @testing-library/react + mocked fetch, mirroring
 // safe-content-page.spec.tsx's harness. The Generate form grows a Kind picker (Liner default —
@@ -96,10 +96,10 @@ function generateBody(mockFetch: jest.MockedFunction<typeof fetch>): Record<stri
 }
 
 // ---------------------------------------------------------------------------
-// Feature: Station Imaging content kinds
+// Feature: Station sounds content kinds
 // ---------------------------------------------------------------------------
 
-describe("Feature: Station Imaging content kinds", () => {
+describe("Feature: Station sounds content kinds", () => {
   let originalFetch: typeof fetch;
 
   beforeEach(() => {
diff --git a/admin-ui/__specs__/live-card-pick-chips.spec.tsx b/admin-ui/__specs__/live-card-pick-chips.spec.tsx
deleted file mode 100644
index 8a3baaf4..00000000
--- a/admin-ui/__specs__/live-card-pick-chips.spec.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-// @jest-environment jsdom
-// STORY-218 — The Live card tells me why this track is playing right now (SPEC F86.4 — T76)
-//
-// Runner: Jest + jsdom + @testing-library/react. Drives the real Live view wiring (fetch mock ->
-// usePoll -> useNowPlayingTasteAttribution -> LiveView -> NowPlayingCard -> PickChips), mirroring
-// persona-taste-thumbs.spec.tsx's `installLiveFetchMock` harness (itself extending
-// live-on-air-view.spec.tsx's own) and booth-log-pick-chips.spec.tsx's fixture shapes — this
-// exercises the same shared booth-log-row data path the taste thumbs already use, not PickChips in
-// isolation, so a broken "same row" assumption fails here too, not just a visual regression.
-
-import { describe, it, expect, jest, beforeEach, afterEach } from "@jest/globals";
-import { render, screen, within, act } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import { LiveView } from "../app/(authed)/live/LiveView";
-import type { BoothLogPick } from "../lib/booth-log-api";
-
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-
-const ISO_NOW = "2026-01-01T12:00:00.000Z";
-
-function makeTrack() {
-  return {
-    stationId: "1",
-    // Non-numeric on purpose — sidesteps the F33 rating machinery entirely (irrelevant to pick
-    // chips, which key off the booth log's own row, never the now-playing mediaId). NOT tts:-
-    // prefixed: since gh-#187 a tts:* id maps to kind "patter", whose card treatment carries no
-    // pick chips at all — this fixture models a TRACK airing.
-    mediaId: "live:announcer-1",
-    title: "Astral Plane",
-    artist: "Valerie June",
-    gainDb: -2.3,
-    startedAt: ISO_NOW,
-  };
-}
-
-interface BoothLogEntryFixture {
-  id?: number;
-  personaId?: number | null;
-  pick?: BoothLogPick;
-}
-
-function makeBoothLogEntry(overrides: BoothLogEntryFixture = {}) {
-  return {
-    occurredAt: "2026-01-01T10:04:00.000Z",
-    kind: "track-started",
-    summary: "Started 'Astral Plane' by Valerie June",
-    id: 501,
-    personaId: 7,
-    ...overrides,
-  };
-}
-
-type MockResult = { kind: "ok"; status?: number; body: unknown } | { kind: "network-error" };
-
-function ok(body: unknown, status = 200): MockResult {
-  return { kind: "ok", status, body };
-}
-
-interface LiveFetchState {
-  now: MockResult;
-  history: MockResult;
-  boothLog: MockResult;
-  personas: MockResult;
-}
-
-function defaultLiveState(overrides: Partial<LiveFetchState> = {}): LiveFetchState {
-  return {
-    now: ok(makeTrack()),
-    history: ok([]),
-    boothLog: ok({ entries: [makeBoothLogEntry()], nextBefore: null }),
-    personas: ok([{ id: 7, name: "Nova" }]),
-    ...overrides,
-  };
-}
-
-function endpointKeyForLive(url: string): keyof LiveFetchState {
-  if (url.includes("/api/booth-log")) return "boothLog";
-  if (url.includes("/api/personas")) return "personas";
-  if (url.includes("/play-history")) return "history";
-  return "now";
-}
-
-function installLiveFetchMock(initial: LiveFetchState) {
-  const state: LiveFetchState = { ...initial };
-  const fn = jest.fn<typeof fetch>().mockImplementation((input) => {
-    const url = String(input);
-    const result = state[endpointKeyForLive(url)];
-    if (result.kind === "network-error") {
-      return Promise.reject(new Error("network error"));
-    }
-    const status = result.status ?? 200;
-    return Promise.resolve({
-      ok: status >= 200 && status < 300,
-      status,
-      json: () => Promise.resolve(result.body),
-    } as Response);
-  });
-  global.fetch = fn as unknown as typeof fetch;
-  return { fn, state };
-}
-
-/** Flushes the initial-mount polls (or any already-scheduled microtasks) without advancing time. */
-async function flush(): Promise<void> {
-  await act(async () => {
-    await jest.advanceTimersByTimeAsync(0);
-  });
-}
-
-beforeEach(() => {
-  jest.useFakeTimers({ now: new Date(ISO_NOW) });
-});
-
-afterEach(() => {
-  jest.useRealTimers();
-  jest.restoreAllMocks();
-});
-
-// ---------------------------------------------------------------------------
-// Feature: live now-playing why-this-pick chips
-// ---------------------------------------------------------------------------
-
-describe("Feature: live now-playing why-this-pick chips", () => {
-  describe("Scenario: current airing with a stamped pick", () => {
-    // Arrange: the latest track-started row (id 501, the same row PersonaTasteThumbs targets)
-    // carries a rule-driven pick.
-    const rulePick: BoothLogPick = {
-      firedRules: [{ summary: "The Weeknd", weight: 0.6 }],
-      isExploration: false,
-    };
-    const explorationPick: BoothLogPick = { firedRules: [], isExploration: true };
-
-    it("renders the airing's fired-rule chips on the now-playing card", async () => {
-      installLiveFetchMock(
-        defaultLiveState({ boothLog: ok({ entries: [makeBoothLogEntry({ pick: rulePick })], nextBefore: null }) })
-      );
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByText("The Weeknd +0.6")).toBeInTheDocument();
-    });
-
-    it("renders the exploration badge for a stamped exploration airing", async () => {
-      installLiveFetchMock(
-        defaultLiveState({
-          boothLog: ok({ entries: [makeBoothLogEntry({ pick: explorationPick })], nextBefore: null }),
-        })
-      );
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByText("Exploration pick")).toBeInTheDocument();
-    });
-
-    it("sources chips from the same booth-log row the thumbs target", async () => {
-      const { fn } = installLiveFetchMock(
-        defaultLiveState({
-          boothLog: ok({ entries: [makeBoothLogEntry({ id: 501, pick: rulePick })], nextBefore: null }),
-        })
-      );
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      // No separate now-playing diagnostics fetch (F86.4) — exactly one GET to the shared
-      // booth-log endpoint backs both the taste thumb and the pick chips.
-      const boothLogGetCalls = fn.mock.calls.filter(([input]) => String(input) === "/api/booth-log");
-      expect(boothLogGetCalls).toHaveLength(1);
-
-      // And it's the SAME resolved row (id 501): its stamped pick renders as chips, and the
-      // taste-thumb control attributed to that identical row also renders alongside it — two
-      // surfaces reading off one fetched row, not two independently-resolved ones.
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByText("The Weeknd +0.6")).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Taste up for Nova" })).toBeInTheDocument();
-    });
-  });
-
-  describe("Scenario: current airing with a stamped pick that matched no rules (majority shape)", () => {
-    it("renders the taste thumb but no chips, no badge, and no stray wrapper node", async () => {
-      // Arrange: a present, non-exploration pick with an empty firedRules — the majority
-      // production shape (most picks don't happen to match a rule) — `PickChips` renders `null`
-      // for this, same as it does for an absent pick, but the SLOT (`{pickChips}`) must be a bare
-      // render of that element, not `pickChips && <div>...</div>`, or this element (truthy,
-      // regardless of what it renders inside) would leave a stray empty `<div>` in the DOM.
-      const noopPick: BoothLogPick = { firedRules: [], isExploration: false };
-      installLiveFetchMock(
-        defaultLiveState({ boothLog: ok({ entries: [makeBoothLogEntry({ pick: noopPick })], nextBefore: null }) })
-      );
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByRole("button", { name: "Taste up for Nova" })).toBeInTheDocument();
-      expect(within(card).queryByText("Exploration pick")).not.toBeInTheDocument();
-      expect(within(card).queryByRole("list", { name: "Fired rules" })).not.toBeInTheDocument();
-      // The stray-empty-div regression this pins: nothing sits between the gain line and the
-      // dial-marking decoration directly below it — a wrapped-but-null `pickChips` would insert
-      // an empty `<div className="mt-2">` right at this exact position.
-      const gainLine = within(card).getByText("-2.30 dB");
-      expect(gainLine.nextElementSibling).toHaveAttribute("aria-hidden", "true");
-    });
-  });
-
-  describe("Scenario: current airing without a stamped pick", () => {
-    it("renders no chips and no badge", async () => {
-      // Arrange: the latest track-started row is persona-stamped (thumbs render) but carries no
-      // `pick` field at all — an airing that predates the pick column, or was never scored.
-      installLiveFetchMock(defaultLiveState({ boothLog: ok({ entries: [makeBoothLogEntry()], nextBefore: null }) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).queryByText("Exploration pick")).not.toBeInTheDocument();
-      expect(within(card).queryByRole("list", { name: "Fired rules" })).not.toBeInTheDocument();
-    });
-
-    it("leaves the rest of the card unchanged", async () => {
-      installLiveFetchMock(defaultLiveState({ boothLog: ok({ entries: [makeBoothLogEntry()], nextBefore: null }) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByText("On air")).toBeInTheDocument();
-      expect(within(card).getByText("Astral Plane")).toBeInTheDocument();
-      expect(within(card).getByText("Valerie June")).toBeInTheDocument();
-      expect(within(card).getByText("-2.30 dB")).toBeInTheDocument();
-    });
-  });
-});
diff --git a/admin-ui/__specs__/live-on-air-view.spec.tsx b/admin-ui/__specs__/live-on-air-view.spec.tsx
deleted file mode 100644
index 84b6a7b9..00000000
--- a/admin-ui/__specs__/live-on-air-view.spec.tsx
+++ /dev/null
@@ -1,344 +0,0 @@
-// @jest-environment jsdom
-// STORY-088 — Live page: full now-playing + play-history view (Epic Q / SPEC F28.7–F28.8, F28.10)
-//
-// Runner: Jest (jsdom) + @testing-library/react. Drives LiveView (the client
-// component page.tsx renders) with a mocked global.fetch dispatched by URL
-// substring across the two polled endpoints (now-playing, play-history) —
-// mirrors dashboard-page.spec.tsx's installFetchMock style, minus the
-// /api/status endpoint the Live page doesn't poll.
-//
-// Wire contract note: the play-history entries this suite exercises have no
-// "source" field (SPEC F16.2 / PlayHistoryEntry has none) — STORY-088's
-// original "source chip" acceptance criteria were struck at the Q5 review
-// (docs/STORIES.md, amended). Columns asserted here are exactly time,
-// title, artist, gain.
-//
-// This file supersedes the legacy live-page.spec.tsx (STORY-045, deleted):
-// its now-playing/drain/cold-start/ordering/poll-cadence coverage is folded
-// in below against the new LiveView (no more initialNow/initialHistory SSR
-// props — LiveView now polls via the shared usePoll hook, like the
-// Dashboard) rather than silently dropped. Its `cache: "no-store"` fetch-
-// option assertions moved to __specs__/broadcast-api.spec.ts, which tests
-// lib/broadcast-api.ts's fetchers directly — the one place all three
-// pollers (now-playing, status, play-history) actually set that option,
-// instead of re-asserting it per call site here. Its per-row endedAt
-// assertions are the only coverage NOT migrated: STORY-088 AC2 (as amended)
-// locks the play-history columns to exactly time/title/artist/gain, the
-// same set the Dashboard's RecentPlays renders — endedAt was never part of
-// that contract.
-
-import { describe, it, expect, jest, beforeEach, afterEach } from "@jest/globals";
-import { render, screen, act } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import { LiveView } from "../app/(authed)/live/LiveView";
-
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-
-const ISO_NOW = "2026-01-01T12:00:00.000Z";
-
-interface TrackOverrides {
-  stationId?: string;
-  mediaId?: string;
-  title?: string;
-  artist?: string;
-  gainDb?: number;
-  startedAt?: string;
-}
-
-function makeTrack(overrides: TrackOverrides = {}) {
-  return {
-    stationId: "1",
-    mediaId: "m1",
-    title: "Astral Plane",
-    artist: "Valerie June",
-    gainDb: -2.3,
-    startedAt: ISO_NOW,
-    ...overrides,
-  };
-}
-
-function makeDrain(): { stationId: string; drain: true } {
-  return { stationId: "1", drain: true };
-}
-
-interface HistoryOverrides {
-  mediaId?: string;
-  title?: string;
-  artist?: string;
-  gainDb?: number;
-  startedAt?: string;
-  endedAt?: string;
-}
-
-function makeHistoryEntry(overrides: HistoryOverrides = {}) {
-  return {
-    mediaId: "m9",
-    title: "Deep Blue",
-    artist: "Arca",
-    gainDb: -1.25,
-    startedAt: "2026-01-01T10:04:00.000Z",
-    endedAt: "2026-01-01T10:08:00.000Z",
-    ...overrides,
-  };
-}
-
-type MockResult =
-  | { kind: "ok"; status?: number; body: unknown }
-  | { kind: "network-error" };
-
-function ok(body: unknown, status = 200): MockResult {
-  return { kind: "ok", status, body };
-}
-
-function networkError(): MockResult {
-  return { kind: "network-error" };
-}
-
-interface FetchState {
-  now: MockResult;
-  history: MockResult;
-  /** PLAN T71 (SPEC F84.6) — the taste-thumb resolution poll LiveView now also fires; harmless
-   * empty defaults here since none of this file's scenarios exercise persona taste. */
-  boothLog: MockResult;
-  personas: MockResult;
-}
-
-function defaultState(overrides: Partial<FetchState> = {}): FetchState {
-  return {
-    now: ok(makeTrack()),
-    history: ok([]),
-    boothLog: ok({ entries: [], nextBefore: null }),
-    personas: ok([]),
-    ...overrides,
-  };
-}
-
-function endpointKeyFor(url: string): keyof FetchState {
-  if (url.includes("play-history")) return "history";
-  if (url.includes("/api/booth-log")) return "boothLog";
-  if (url.includes("/api/personas")) return "personas";
-  return "now";
-}
-
-function installFetchMock(initial: FetchState) {
-  const state: FetchState = { ...initial };
-  const fn = jest.fn<typeof fetch>().mockImplementation((input) => {
-    const result = state[endpointKeyFor(String(input))];
-    if (result.kind === "network-error") {
-      return Promise.reject(new Error("network error"));
-    }
-    const status = result.status ?? 200;
-    return Promise.resolve({
-      ok: status >= 200 && status < 300,
-      status,
-      json: () => Promise.resolve(result.body),
-    } as Response);
-  });
-  global.fetch = fn as unknown as typeof fetch;
-  return { fn, state };
-}
-
-/** Flushes the initial-mount poll (or any already-scheduled microtasks) without advancing time. */
-async function flush(): Promise<void> {
-  await act(async () => {
-    await jest.advanceTimersByTimeAsync(0);
-  });
-}
-
-/** Advances fake time and flushes the resulting fetch/json promise chain(s). */
-async function advance(ms: number): Promise<void> {
-  await act(async () => {
-    await jest.advanceTimersByTimeAsync(ms);
-  });
-}
-
-beforeEach(() => {
-  jest.useFakeTimers({ now: new Date(ISO_NOW) });
-});
-
-afterEach(() => {
-  jest.useRealTimers();
-  jest.restoreAllMocks();
-});
-
-// ---------------------------------------------------------------------------
-// Feature: Live on-air view
-// ---------------------------------------------------------------------------
-
-describe("Feature: Live on-air view", () => {
-  // -------------------------------------------------------------------------
-  describe("Scenario: hero card with dial progress", () => {
-    it("renders the ON AIR badge with the now-playing hero", async () => {
-      installFetchMock(defaultState({ now: ok(makeTrack()) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText("On air")).toBeInTheDocument();
-    });
-
-    it("shows title, artist and gain", async () => {
-      installFetchMock(
-        defaultState({ now: ok(makeTrack({ title: "Astral Plane", artist: "Valerie June", gainDb: -2.3 })) })
-      );
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText("Astral Plane")).toBeInTheDocument();
-      expect(screen.getByText("Valerie June")).toBeInTheDocument();
-      expect(screen.getByText("-2.30 dB")).toBeInTheDocument();
-    });
-
-    it("ticks elapsed on the dial-marking progress bar", async () => {
-      installFetchMock(defaultState({ now: ok(makeTrack({ startedAt: ISO_NOW })) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText(/00:00 elapsed/)).toBeInTheDocument();
-
-      await act(async () => {
-        await jest.advanceTimersByTimeAsync(3000);
-      });
-
-      expect(screen.getByText(/00:03 elapsed/)).toBeInTheDocument();
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  describe("Scenario: hero reflects non-track states", () => {
-    it("shows the safe-rotation drain state", async () => {
-      installFetchMock(defaultState({ now: ok(makeDrain()) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText(/Station Imaging rotation — drain state/)).toBeInTheDocument();
-    });
-
-    it("shows the warming-up state before the feeder's first tick", async () => {
-      installFetchMock(defaultState({ now: ok(undefined, 503) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText(/Warming up/)).toBeInTheDocument();
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  describe("Scenario: full history table", () => {
-    it("renders every returned ring entry, newest first", async () => {
-      const entries = [
-        makeHistoryEntry({ mediaId: "c", title: "C", artist: "Z" }),
-        makeHistoryEntry({ mediaId: "b", title: "B", artist: "Y" }),
-        makeHistoryEntry({ mediaId: "a", title: "A", artist: "X" }),
-        makeHistoryEntry({ mediaId: "d", title: "D", artist: "W" }),
-        makeHistoryEntry({ mediaId: "e", title: "E", artist: "V" }),
-        makeHistoryEntry({ mediaId: "f", title: "F", artist: "U" }),
-      ];
-      installFetchMock(defaultState({ history: ok(entries) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      // All 6 rows render — no slicing to a "recent" subset the way the
-      // dashboard's RecentPlays does.
-      const rows = screen.getAllByRole("row");
-      expect(rows).toHaveLength(entries.length + 1); // +1 header row
-
-      const titleCells = entries.map((entry) => screen.getByText(entry.title as string));
-      titleCells.forEach((cell) => expect(cell).toBeInTheDocument());
-
-      // Order is preserved exactly as returned by the wire (F16.4: ring
-      // contents newest first) — the row for "C" precedes the row for "F".
-      const rowTexts = rows.slice(1).map((row) => row.textContent ?? "");
-      expect(rowTexts[0]).toContain("C");
-      expect(rowTexts[rowTexts.length - 1]).toContain("F");
-    });
-
-    it("time and gain columns use tabular numerals", async () => {
-      const entries = [makeHistoryEntry({ gainDb: -1.25, startedAt: "2026-01-01T10:04:00.000Z" })];
-      installFetchMock(defaultState({ history: ok(entries) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText("10:04")).toHaveClass("tabular-nums");
-      expect(screen.getByText("-1.25 dB")).toHaveClass("tabular-nums");
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  describe("Scenario: shares the dashboard poll behavior", () => {
-    it("shows a track change within one poll interval", async () => {
-      const { state } = installFetchMock(defaultState({ now: ok(makeTrack({ title: "Track A" })) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-      expect(screen.getByText("Track A")).toBeInTheDocument();
-
-      state.now = ok(makeTrack({ title: "Track B" }));
-      await advance(5000);
-
-      expect(screen.getByText("Track B")).toBeInTheDocument();
-      expect(screen.queryByText("Track A")).not.toBeInTheDocument();
-    });
-
-    it("pauses polling when the tab hides and resumes on visibility", async () => {
-      Object.defineProperty(document, "hidden", { value: false, configurable: true });
-      const { fn } = installFetchMock(defaultState());
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      Object.defineProperty(document, "hidden", { value: true, configurable: true });
-      await act(async () => {
-        document.dispatchEvent(new Event("visibilitychange"));
-      });
-
-      const countAfterHide = fn.mock.calls.length;
-      await advance(15000);
-      expect(fn.mock.calls.length).toBe(countAfterHide);
-
-      Object.defineProperty(document, "hidden", { value: false, configurable: true });
-      await act(async () => {
-        document.dispatchEvent(new Event("visibilitychange"));
-        await jest.advanceTimersByTimeAsync(0);
-      });
-
-      expect(fn.mock.calls.length).toBeGreaterThan(countAfterHide);
-
-      Object.defineProperty(document, "hidden", { value: false, configurable: true });
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  // SAD PATH
-  // -------------------------------------------------------------------------
-
-  describe("Scenario: rejecting an empty ring with a designed state (sad path)", () => {
-    it("renders the EmptyState explaining entries appear as tracks air", async () => {
-      installFetchMock(defaultState({ history: ok([]) }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText("Nothing in the play-history ring yet")).toBeInTheDocument();
-      expect(screen.getByText("Entries appear here as tracks air.")).toBeInTheDocument();
-    });
-
-    it("degrades quietly on a poll failure without discarding the loaded history", async () => {
-      installFetchMock(defaultState({ history: networkError() }));
-
-      render(<LiveView timeZone="UTC" />);
-      await flush();
-
-      expect(screen.getByText("Play history — unavailable")).toBeInTheDocument();
-      expect(screen.queryByText("Nothing in the play-history ring yet")).not.toBeInTheDocument();
-    });
-  });
-});
diff --git a/admin-ui/__specs__/live-rating.spec.tsx b/admin-ui/__specs__/live-rating.spec.tsx
deleted file mode 100644
index 8bc9b40d..00000000
--- a/admin-ui/__specs__/live-rating.spec.tsx
+++ /dev/null
@@ -1,485 +0,0 @@
-// @jest-environment jsdom
-// STORY-114 — Voting from the Live page (Epic S / SPEC F33.9, F33.11)
-//
-// Runner: Jest (jsdom) + @testing-library/react. Drives LiveView (the client component
-// live/page.tsx renders) with a mocked global.fetch dispatched by URL substring across five
-// endpoints — now-playing, play-history, ratings, vote, never-play — extending the
-// live-on-air-view.spec.tsx / dashboard-page.spec.tsx installFetchMock style to the extra three.
-// Fake timers throughout (jest.advanceTimersByTimeAsync), matching the house pattern for
-// usePoll-driven components. Rating writes are ETag-free by design: do NOT wire them through the
-// R9 useRowPatch hook (docs/PLAN.md Epic S sequencing notes) — RatingControls calls
-// lib/broadcast-api.ts's voteTrack/setNeverPlay directly.
-//
-// Fixture note: `now` defaults to a `tts:*` mediaId (a patter announcement on air) rather than a
-// numeric one, so the now-playing card renders no rating controls by default — this keeps the
-// history-table scenarios' button/chip counts exact without every test having to account for the
-// card's own controls. Scenario "the now-playing card is votable" overrides `now` with a numeric
-// track explicitly.
-
-import { describe, it, expect, jest, beforeEach, afterEach } from "@jest/globals";
-import { render, screen, fireEvent, within, act } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import { LiveView } from "../app/(authed)/live/LiveView";
-import { Toaster } from "@/components/ui/toast";
-
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-
-const ISO_NOW = "2026-01-01T12:00:00.000Z";
-
-interface TrackOverrides {
-  stationId?: string;
-  mediaId?: string;
-  title?: string;
-  artist?: string;
-  gainDb?: number;
-  startedAt?: string;
-}
-
-function makeTrack(overrides: TrackOverrides = {}) {
-  return {
-    stationId: "1",
-    mediaId: "tts:announcer-1",
-    title: "Astral Plane",
-    artist: "Valerie June",
-    gainDb: -2.3,
-    startedAt: ISO_NOW,
-    ...overrides,
-  };
-}
-
-function makeDrain(): { stationId: string; drain: true } {
-  return { stationId: "1", drain: true };
-}
-
-interface HistoryOverrides {
-  mediaId?: string;
-  title?: string;
-  artist?: string;
-  gainDb?: number;
-  startedAt?: string;
-  endedAt?: string;
-}
-
-function makeHistoryEntry(overrides: HistoryOverrides = {}) {
-  return {
-    mediaId: "202",
-    title: "Deep Blue",
-    artist: "Arca",
-    gainDb: -1.25,
-    startedAt: "2026-01-01T10:04:00.000Z",
-    endedAt: "2026-01-01T10:08:00.000Z",
-    ...overrides,
-  };
-}
-
-interface RatingOverrides {
-  mediaId?: string;
-  score?: number;
-  neverPlay?: boolean;
-}
-
-function makeRating(overrides: RatingOverrides = {}) {
-  return {
-    mediaId: "202",
-    score: 50,
-    neverPlay: false,
-    ...overrides,
-  };
-}
-
-type MockResult = { kind: "ok"; status?: number; body: unknown } | { kind: "network-error" };
-
-function ok(body: unknown, status = 200): MockResult {
-  return { kind: "ok", status, body };
-}
-
-function networkError(): MockResult {
-  return { kind: "network-error" };
-}
-
-interface FetchState {
-  now: MockResult;
-  history: MockResult;
-  ratings: MockResult;
-  vote: MockResult;
-  neverPlay: MockResult;
-  /** PLAN T71 (SPEC F84.6) — the taste-thumb resolution poll and persona directory fetch LiveView
-   * now also fires; harmless empty defaults since none of this file's scenarios exercise persona
-   * taste (see persona-taste-thumbs.spec.tsx for that coverage). */
-  boothLog: MockResult;
-  personas: MockResult;
-}
-
-function defaultState(overrides: Partial<FetchState> = {}): FetchState {
-  return {
-    now: ok(makeTrack()),
-    history: ok([]),
-    ratings: ok([]),
-    vote: ok({ score: 51 }),
-    neverPlay: ok({ neverPlay: true }),
-    boothLog: ok({ entries: [], nextBefore: null }),
-    personas: ok([]),
-    ...overrides,
-  };
-}
-
-interface RecordedCall {
-  url: string;
-  method: string;
-  body: unknown;
-}
-
-function endpointKeyFor(url: string): keyof FetchState {
-  if (url.includes("/api/ratings")) return "ratings";
-  if (url.includes("/vote")) return "vote";
-  if (url.includes("/never-play")) return "neverPlay";
-  if (url.includes("/play-history")) return "history";
-  if (url.includes("/api/booth-log")) return "boothLog";
-  if (url.includes("/api/personas")) return "personas";
-  return "now";
-}
-
-function installFetchMock(initial: FetchState) {
-  const state: FetchState = { ...initial };
-  const calls: RecordedCall[] = [];
-  const fn = jest.fn<typeof fetch>().mockImplementation((input, init) => {
-    const url = String(input);
-    const method = (init?.method ?? "GET").toUpperCase();
-    const body = typeof init?.body === "string" ? (JSON.parse(init.body) as unknown) : undefined;
-    calls.push({ url, method, body });
-
-    const result = state[endpointKeyFor(url)];
-    if (result.kind === "network-error") {
-      return Promise.reject(new Error("network error"));
-    }
-    const status = result.status ?? 200;
-    return Promise.resolve({
-      ok: status >= 200 && status < 300,
-      status,
-      json: () => Promise.resolve(result.body),
-    } as Response);
-  });
-  global.fetch = fn as unknown as typeof fetch;
-  return { fn, state, calls };
-}
-
-/** Renders LiveView with a real Toaster mounted alongside it, so failure toasts (F31.3) are
- * queryable the same way shared-patch-hook.spec.tsx asserts them. */
-function renderLive(timeZone = "UTC"): ReturnType<typeof render> {
-  return render(
-    <>
-      <LiveView timeZone={timeZone} />
-      <Toaster />
-    </>
-  );
-}
-
-/** Flushes the initial-mount polls (or any already-scheduled microtasks) without advancing time. */
-async function flush(): Promise<void> {
-  await act(async () => {
-    await jest.advanceTimersByTimeAsync(0);
-  });
-}
-
-/** Clicks an element and flushes the resulting fetch/json/state-update microtask chain. */
-async function clickAndSettle(el: HTMLElement): Promise<void> {
-  await act(async () => {
-    fireEvent.click(el);
-    await jest.advanceTimersByTimeAsync(0);
-  });
-}
-
-beforeEach(() => {
-  jest.useFakeTimers({ now: new Date(ISO_NOW) });
-});
-
-afterEach(() => {
-  jest.useRealTimers();
-  jest.restoreAllMocks();
-});
-
-// ---------------------------------------------------------------------------
-// Feature: Voting from the Live page
-// ---------------------------------------------------------------------------
-
-describe("Feature: Voting from the Live page", () => {
-  // -------------------------------------------------------------------------
-  describe("Scenario: the play-history ring renders as a votable table", () => {
-    it("renders history entries as table rows (the gitea-#188 UX note)", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" }), makeHistoryEntry({ mediaId: "303", title: "Other" })];
-      installFetchMock(defaultState({ history: ok(entries) }));
-
-      renderLive();
-      await flush();
-
-      const rows = screen.getAllByRole("row");
-      expect(rows).toHaveLength(entries.length + 1); // +1 header row
-    });
-
-    it("shows a score chip on every catalog-id row", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" }), makeHistoryEntry({ mediaId: "303", title: "Other" })];
-      installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", score: 61 }), makeRating({ mediaId: "303", score: 40 })]),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      expect(screen.getByLabelText("Score 61")).toBeInTheDocument();
-      expect(screen.getByLabelText("Score 40")).toBeInTheDocument();
-    });
-
-    it("shows vote-up, vote-down, and never-play controls on every catalog-id row", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" }), makeHistoryEntry({ mediaId: "303", title: "Other" })];
-      installFetchMock(defaultState({ history: ok(entries) }));
-
-      renderLive();
-      await flush();
-
-      expect(screen.getAllByRole("button", { name: "Vote up" })).toHaveLength(2);
-      expect(screen.getAllByRole("button", { name: "Vote down" })).toHaveLength(2);
-      expect(screen.getAllByRole("button", { name: "Never play" })).toHaveLength(2);
-    });
-
-    it("composes scores from GET /api/ratings?ids=… on the poll cadence (F33.9)", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      const { calls } = installFetchMock(defaultState({ history: ok(entries) }));
-
-      renderLive();
-      await flush();
-
-      const ratingsCall = calls.find((call) => call.url.includes("/api/ratings"));
-      expect(ratingsCall?.url).toContain("ids=202");
-    });
-
-    it("leaves /api/now-playing and /api/play-history requests unchanged (F16.6)", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      const { calls } = installFetchMock(defaultState({ history: ok(entries) }));
-
-      renderLive();
-      await flush();
-
-      const nowCalls = calls.filter((call) => call.url.includes("/api/now-playing"));
-      const historyCalls = calls.filter((call) => call.url.includes("/api/play-history"));
-      expect(nowCalls).toEqual([{ url: "/api/now-playing", method: "GET", body: undefined }]);
-      expect(historyCalls).toEqual([{ url: "/api/play-history", method: "GET", body: undefined }]);
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  describe("Scenario: voting updates in place", () => {
-    it("clicking vote up updates the chip from the response body's score, no reload", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", score: 50 })]),
-          vote: ok({ score: 63 }),
-        })
-      );
-
-      renderLive();
-      await flush();
-      expect(screen.getByLabelText("Score 50")).toBeInTheDocument();
-
-      await clickAndSettle(screen.getByRole("button", { name: "Vote up" }));
-
-      expect(screen.getByLabelText("Score 63")).toBeInTheDocument();
-    });
-
-    it("clicking vote down updates the chip from the response body's score", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", score: 50 })]),
-          vote: ok({ score: 40 }),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      await clickAndSettle(screen.getByRole("button", { name: "Vote down" }));
-
-      expect(screen.getByLabelText("Score 40")).toBeInTheDocument();
-    });
-
-    it("does not refetch the row after a vote (the response IS the fresh state)", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      const { calls } = installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", score: 50 })]),
-          vote: ok({ score: 63 }),
-        })
-      );
-
-      renderLive();
-      await flush();
-      const ratingsCallsBefore = calls.filter((call) => call.url.includes("/api/ratings")).length;
-
-      await clickAndSettle(screen.getByRole("button", { name: "Vote up" }));
-
-      const ratingsCallsAfter = calls.filter((call) => call.url.includes("/api/ratings")).length;
-      expect(ratingsCallsAfter).toBe(ratingsCallsBefore);
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  describe("Scenario: the never-play toggle reflects state", () => {
-    it("clicking X on a playable row PUTs neverPlay true and swaps to the restore icon", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      const { calls } = installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", neverPlay: false })]),
-          neverPlay: ok({ neverPlay: true }),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      await clickAndSettle(screen.getByRole("button", { name: "Never play" }));
-
-      const putCall = calls.find((call) => call.url.includes("/never-play"));
-      expect(putCall).toMatchObject({ method: "PUT", body: { neverPlay: true } });
-      expect(screen.getByRole("button", { name: "Restore to rotation" })).toBeInTheDocument();
-    });
-
-    it("clicking restore on a flagged row PUTs neverPlay false and swaps back to X", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      const { calls } = installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", neverPlay: true })]),
-          neverPlay: ok({ neverPlay: false }),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      await clickAndSettle(screen.getByRole("button", { name: "Restore to rotation" }));
-
-      const putCall = calls.find((call) => call.url.includes("/never-play"));
-      expect(putCall).toMatchObject({ method: "PUT", body: { neverPlay: false } });
-      expect(screen.getByRole("button", { name: "Never play" })).toBeInTheDocument();
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  describe("Scenario: the now-playing card is votable", () => {
-    it("shows the score chip and all three controls for a real on-air track", async () => {
-      installFetchMock(
-        defaultState({
-          now: ok(makeTrack({ mediaId: "101" })),
-          ratings: ok([makeRating({ mediaId: "101", score: 72 })]),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByLabelText("Score 72")).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Vote up" })).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Vote down" })).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Never play" })).toBeInTheDocument();
-    });
-
-    it("wires the card's controls to the same vote/never-play endpoints", async () => {
-      const { calls } = installFetchMock(
-        defaultState({
-          now: ok(makeTrack({ mediaId: "101" })),
-          ratings: ok([makeRating({ mediaId: "101", score: 50 })]),
-          vote: ok({ score: 51 }),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      await clickAndSettle(within(card).getByRole("button", { name: "Vote up" }));
-
-      const voteCall = calls.find((call) => call.url === "/api/media/101/vote");
-      expect(voteCall).toMatchObject({ method: "POST", body: { direction: "up" } });
-      expect(within(card).getByLabelText("Score 51")).toBeInTheDocument();
-    });
-  });
-
-  // -------------------------------------------------------------------------
-  // SAD PATH
-  // -------------------------------------------------------------------------
-
-  describe("Scenario: unvotable entries render no controls (sad path)", () => {
-    it("tts:* history entries render no score chip and no rating controls (F33.11)", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "tts:seg-9" })];
-      installFetchMock(defaultState({ history: ok(entries) }));
-
-      renderLive();
-      await flush();
-
-      expect(screen.queryByRole("button", { name: "Vote up" })).not.toBeInTheDocument();
-      expect(screen.queryByRole("button", { name: "Vote down" })).not.toBeInTheDocument();
-      expect(screen.queryByRole("button", { name: "Never play" })).not.toBeInTheDocument();
-    });
-
-    it("the drain-state card renders no rating controls", async () => {
-      installFetchMock(defaultState({ now: ok(makeDrain()) }));
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).queryByRole("button", { name: "Vote up" })).not.toBeInTheDocument();
-    });
-  });
-
-  describe("Scenario: failures surface, state stays truthful (sad path)", () => {
-    it("a failed vote toasts the outcome and leaves the chip unchanged (F31.3)", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", score: 50 })]),
-          vote: ok(undefined, 401),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      await clickAndSettle(screen.getByRole("button", { name: "Vote up" }));
-
-      expect(screen.getByText("Your session has expired — sign in again.")).toBeInTheDocument();
-      expect(screen.getByLabelText("Score 50")).toBeInTheDocument();
-    });
-
-    it("a failed never-play toggle toasts and leaves the icon unchanged", async () => {
-      const entries = [makeHistoryEntry({ mediaId: "202" })];
-      installFetchMock(
-        defaultState({
-          history: ok(entries),
-          ratings: ok([makeRating({ mediaId: "202", neverPlay: false })]),
-          neverPlay: networkError(),
-        })
-      );
-
-      renderLive();
-      await flush();
-
-      await clickAndSettle(screen.getByRole("button", { name: "Never play" }));
-
-      expect(screen.getByText("Network error — check your connection.")).toBeInTheDocument();
-      expect(screen.getByRole("button", { name: "Never play" })).toBeInTheDocument();
-    });
-  });
-});
diff --git a/admin-ui/__specs__/now-playing-duration.spec.tsx b/admin-ui/__specs__/now-playing-duration.spec.tsx
index f25c289b..8c47cf8f 100644
--- a/admin-ui/__specs__/now-playing-duration.spec.tsx
+++ b/admin-ui/__specs__/now-playing-duration.spec.tsx
@@ -3,16 +3,16 @@
 // The feeder half lives in Core.Tests/Specs/Story146_FeederStampsDuration.cs; the DTO wire half
 // in Host.Tests/Specs/Story146_DurationOnAirDtos.cs.
 //
-// Runner: Jest (jsdom) + @testing-library/react. Mounts NowPlayingCard/PlayHistoryTable/RecentPlays
-// directly with fixed props (no fetch mocking needed — all three are pure prop-driven components);
-// fake timers pin `Date.now()` so the card's elapsed-seconds calculation is deterministic without
-// advancing the clock.
+// Runner: Jest (jsdom) + @testing-library/react. Mounts NowPlayingCard/RecentPlays directly with
+// fixed props (no fetch mocking needed — both are pure prop-driven components); fake timers pin
+// `Date.now()` so the card's elapsed-seconds calculation is deterministic without advancing the
+// clock. The former PlayHistoryTable (Live page) coverage of F50.5/F50.6 was retired with the Live
+// page itself (SPEC F203.4) — RecentPlays carries the equivalent dashboard-side duration coverage.
 
 import { describe, it, expect, jest, beforeEach, afterEach } from "@jest/globals";
 import { render, screen, within } from "@testing-library/react";
 import "@testing-library/jest-dom/jest-globals";
 import { NowPlayingCard } from "../app/(authed)/_components/NowPlayingCard";
-import { PlayHistoryTable } from "../app/(authed)/live/PlayHistoryTable";
 import { RecentPlays } from "../app/(authed)/dashboard/RecentPlays";
 import type { NowPlayingState, PlayHistoryEntry } from "../lib/broadcast-api";
 
@@ -98,21 +98,6 @@ describe("Feature: Duration on the air surfaces", () => {
   });
 
   describe("Scenario: the lists carry durations", () => {
-    it("shows plain duration on Live history rows where present (F50.5)", () => {
-      const entries = [makeHistoryEntry({ durationMs: 180_000 })];
-      render(
-        <PlayHistoryTable
-          entries={entries}
-          error={false}
-          timeZone="UTC"
-          ratings={new Map()}
-          onRatingChange={() => {}}
-        />
-      );
-
-      expect(screen.getByText("03:00")).toBeInTheDocument();
-    });
-
     it("shows plain duration on dashboard recent plays where present (F50.5)", () => {
       const entries = [makeHistoryEntry({ durationMs: 210_000 })];
       render(<RecentPlays entries={entries} error={false} timeZone="UTC" />);
@@ -129,27 +114,24 @@ describe("Feature: Duration on the air surfaces", () => {
       expect(screen.getByText(/00:00 elapsed/)).toBeInTheDocument();
     });
 
-    it("renders history rows without a duration cell value for tts:* and drain plays (F50.6)", () => {
+    it("renders no duration cell value for a tts:* patter row on dashboard recent plays (F50.6)", () => {
       const entries = [
         makeHistoryEntry({ mediaId: "tts:seg", title: "Station ID", artist: "GenWave", durationMs: null }),
-        makeHistoryEntry({ mediaId: "engine-1", title: "Please Stand By", artist: "Test Station" }),
       ];
-      render(
-        <PlayHistoryTable
-          entries={entries}
-          error={false}
-          timeZone="UTC"
-          ratings={new Map()}
-          onRatingChange={() => {}}
-        />
-      );
+      render(<RecentPlays entries={entries} error={false} timeZone="UTC" />);
+
+      const row = screen.getByText("Station ID").closest("tr") as HTMLElement;
+      const cells = within(row).getAllByRole("cell");
+      expect(cells[4]?.textContent).toBe("");
+    });
+
+    it("renders no duration cell value for an engine-initiated drain row on dashboard recent plays (F50.6)", () => {
+      const entries = [makeHistoryEntry({ mediaId: "engine-1", title: "Please Stand By", artist: "Test Station" })];
+      render(<RecentPlays entries={entries} error={false} timeZone="UTC" />);
 
-      for (const title of ["Station ID", "Please Stand By"]) {
-        const row = screen.getByText(title).closest("tr");
-        expect(row).not.toBeNull();
-        const cells = within(row as HTMLElement).getAllByRole("cell");
-        expect(cells[4]?.textContent).toBe("");
-      }
+      const row = screen.getByText("Please Stand By").closest("tr") as HTMLElement;
+      const cells = within(row).getAllByRole("cell");
+      expect(cells[4]?.textContent).toBe("");
     });
   });
 });
diff --git a/admin-ui/__specs__/out-of-rotation-badge.spec.tsx b/admin-ui/__specs__/out-of-rotation-badge.spec.tsx
index 03dd73f1..71b815de 100644
--- a/admin-ui/__specs__/out-of-rotation-badge.spec.tsx
+++ b/admin-ui/__specs__/out-of-rotation-badge.spec.tsx
@@ -4,7 +4,7 @@
 //
 // Runner: Jest (jsdom) + @testing-library/react. Authored PENDING at /plan time (2026-07-14,
 // house rule since Epic S) as it.todo entries — V5 implements against the catalog detail page
-// and the Station Imaging page.
+// and the Station sounds page.
 //
 // The catalog detail page's scenarios dynamically import `page.tsx` (mirrors
 // catalog-pages.spec.ts's tree-walker suite, but rendered here via @testing-library/react instead
@@ -155,7 +155,7 @@ async function renderDetailPage(spec: DetailFetchSpec): Promise<ReturnType<typeo
 }
 
 // ---------------------------------------------------------------------------
-// Helpers — Station Imaging page
+// Helpers — Station sounds page
 // ---------------------------------------------------------------------------
 
 const SEED_MESSAGE = "You're listening to {StationName}. We'll be right back — stay tuned.";
diff --git a/admin-ui/__specs__/persona-taste-thumbs.spec.tsx b/admin-ui/__specs__/persona-taste-thumbs.spec.tsx
index e168e846..33f3b988 100644
--- a/admin-ui/__specs__/persona-taste-thumbs.spec.tsx
+++ b/admin-ui/__specs__/persona-taste-thumbs.spec.tsx
@@ -1,23 +1,34 @@
 // @jest-environment jsdom
 // STORY-215 — The persona learns only from me, and can't spiral (UI half — SPEC F84.1, F84.6, F84.7)
 //
-// Runner: Jest (jsdom) + @testing-library/react. PLAN T71 implements against two existing pages:
-// the now-playing surface (`LiveView`, driven exactly like live-rating.spec.tsx's own harness) and
-// the booth-log surface (`BoothLogView`, driven like booth-log-page.spec.tsx's own harness) — both
-// mirrored here rather than imported, per this directory's established "duplicated rather than
-// imported" convention (see e.g. catalog-rating-toolbar.spec.tsx's header comment). The taste thumb
-// is a DIFFERENT control from the F33 catalog vote (curation vs character) and must never be
-// visually confusable with it (F84.7) — the last scenario below pins that directly against
-// `RatingControls`.
+// Runner: Jest (jsdom) + @testing-library/react. PLAN T71 implements against the booth-log surface
+// (`BoothLogView`, driven like booth-log-page.spec.tsx's own harness) — mirrored here rather than
+// imported, per this directory's established "duplicated rather than imported" convention (see e.g.
+// catalog-rating-toolbar.spec.tsx's header comment). The taste thumb is a DIFFERENT control from
+// the F33 catalog vote (curation vs character) and must never be visually confusable with it
+// (F84.7) — the last scenario below pins that directly against `CatalogToolbar`'s own "Vote up"
+// button. This scenario used to compare against the Live page's `RatingControls`; F203.4 retired
+// that page, so it's re-pointed at the toolbar, the surviving catalog-vote surface.
+
+jest.mock("next/navigation", () => ({
+  ...jest.requireActual<typeof import("next/navigation")>("next/navigation"),
+  useRouter: jest.fn(),
+}));
 
 import { describe, it, expect, jest, beforeEach, afterEach } from "@jest/globals";
-import { render, screen, fireEvent, within, act } from "@testing-library/react";
+import { render, screen, fireEvent, act } from "@testing-library/react";
 import "@testing-library/jest-dom/jest-globals";
+import type { useRouter } from "next/navigation";
 import { Toaster } from "@/components/ui/toast";
-import { LiveView } from "../app/(authed)/live/LiveView";
+import { ConfirmDialogProvider } from "@/components/ui/confirm-dialog";
+import type { LibraryDto } from "@/lib/library";
 import { BoothLogView } from "../app/(authed)/booth-log/BoothLogView";
 import { PersonaTasteThumbs } from "../app/(authed)/_components/PersonaTasteThumbs";
-import { RatingControls } from "../app/(authed)/_components/RatingControls";
+import type { AdminMediaDto, BulkFilter } from "../app/(authed)/catalog/types";
+
+const mockedUseRouter = jest
+  .requireMock<{ useRouter: typeof useRouter }>("next/navigation")
+  .useRouter as jest.MockedFunction<typeof useRouter>;
 
 // ---------------------------------------------------------------------------
 // Shared fixtures
@@ -92,6 +103,7 @@ async function advance(ms: number): Promise<void> {
 
 beforeEach(() => {
   jest.useFakeTimers({ now: new Date(ISO_NOW) });
+  mockedUseRouter.mockReturnValue({ refresh: jest.fn() } as unknown as ReturnType<typeof useRouter>);
 });
 
 afterEach(() => {
@@ -99,90 +111,46 @@ afterEach(() => {
   jest.restoreAllMocks();
 });
 
-// ---------------------------------------------------------------------------
-// Now-playing surface (LiveView) — extends live-rating.spec.tsx's installFetchMock style with the
-// two endpoints T71 adds (booth-log resolution, persona directory) and the taste-thumb POST.
-// ---------------------------------------------------------------------------
-
-interface TrackFixture {
-  mediaId?: string;
-}
-
-function makeTrack(overrides: TrackFixture = {}) {
+/** Minimal `CatalogToolbar` fixtures — mirrors catalog-rating-toolbar.spec.tsx's own `makeRow`/
+ * `LIBRARIES`/`EMPTY_FILTER`, trimmed to the one row this scenario needs to get the toolbar's
+ * "Vote up" button on screen (selection mode renders unconditionally on a non-empty selection —
+ * CatalogTable, not CatalogToolbar itself, is what gates visibility on selection/filter state). */
+function makeToolbarRow(): AdminMediaDto {
   return {
-    stationId: "1",
-    // Non-numeric on purpose — sidesteps the F33 rating machinery entirely (irrelevant to taste
-    // thumbs, which key off the booth log's own row, never the now-playing mediaId). NOT tts:-
-    // prefixed: since gh-#187 a tts:* id maps to kind "patter", whose card treatment carries no
-    // taste thumbs at all — this fixture models a TRACK airing.
-    mediaId: "live:announcer-1",
+    mediaId: "101",
+    locator: "/media/101.flac",
+    format: "flac",
+    state: "ready",
+    durationMs: 180000,
     title: "Astral Plane",
     artist: "Valerie June",
-    gainDb: -2.3,
-    startedAt: ISO_NOW,
-    ...overrides,
+    album: "Album",
+    genre: "Folk",
+    year: 2024,
+    bpm: null,
+    trackEnergy: null,
+    integratedLufs: -14,
+    truePeakDbtp: -1,
+    measurable: true,
+    cueInSec: null,
+    cueOutSec: null,
+    eligible: true,
+    version: "900",
+    score: 50,
+    neverPlay: false,
   };
 }
 
-interface LiveFetchState {
-  now: MockResult;
-  history: MockResult;
-  boothLog: MockResult;
-  personas: MockResult;
-  tasteThumb: MockResult;
-}
+const EMPTY_TOOLBAR_FILTER: BulkFilter = {
+  state: null,
+  artist: null,
+  genre: null,
+  libraryId: null,
+  q: null,
+  eligible: null,
+};
 
-function defaultLiveState(overrides: Partial<LiveFetchState> = {}): LiveFetchState {
-  return {
-    now: ok(makeTrack()),
-    history: ok([]),
-    boothLog: ok({ entries: [makeBoothLogEntry()], nextBefore: null }),
-    personas: ok([makePersona()]),
-    tasteThumb: ok({ alreadyRecorded: false, weight: 0.2 }),
-    ...overrides,
-  };
-}
-
-function endpointKeyForLive(url: string): keyof LiveFetchState {
-  if (url.includes("taste-thumb")) return "tasteThumb";
-  if (url.includes("/api/booth-log")) return "boothLog";
-  if (url.includes("/api/personas")) return "personas";
-  if (url.includes("/play-history")) return "history";
-  return "now";
-}
-
-function installLiveFetchMock(initial: LiveFetchState) {
-  const state: LiveFetchState = { ...initial };
-  const calls: RecordedCall[] = [];
-  const fn = jest.fn<typeof fetch>().mockImplementation((input, init) => {
-    const url = String(input);
-    const method = (init?.method ?? "GET").toUpperCase();
-    const body = typeof init?.body === "string" ? (JSON.parse(init.body) as unknown) : undefined;
-    calls.push({ url, method, body });
-
-    const result = state[endpointKeyForLive(url)];
-    if (result.kind === "network-error") {
-      return Promise.reject(new Error("network error"));
-    }
-    const status = result.status ?? 200;
-    return Promise.resolve({
-      ok: status >= 200 && status < 300,
-      status,
-      json: () => Promise.resolve(result.body),
-    } as Response);
-  });
-  global.fetch = fn as unknown as typeof fetch;
-  return { fn, state, calls };
-}
-
-function renderLive(): ReturnType<typeof render> {
-  return render(
-    <>
-      <LiveView timeZone="UTC" />
-      <Toaster />
-    </>
-  );
-}
+const TOOLBAR_LIBRARIES: LibraryDto[] = [{ id: 1, name: "In Rotation", mediaCount: 50 }];
 
 // ---------------------------------------------------------------------------
 // Booth-log surface (BoothLogView) — extends booth-log-page.spec.tsx's installFetchMock style
@@ -248,53 +216,6 @@ function renderBoothLog(): ReturnType<typeof render> {
 // ---------------------------------------------------------------------------
 
 describe("Feature: Persona taste thumbs", () => {
-  describe("Scenario: thumbing the now-playing track", () => {
-    // Arrange: now-playing with an active persona; thumb endpoints faked at the fetch seam.
-    it("shows taste thumbs attributed to the active persona", async () => {
-      installLiveFetchMock(defaultLiveState());
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByText("Nova taste")).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Taste up for Nova" })).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Taste down for Nova" })).toBeInTheDocument();
-    });
-
-    it("posts one thumb per tap to the taste endpoint", async () => {
-      const { calls } = installLiveFetchMock(defaultLiveState());
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      await clickAndSettle(within(card).getByRole("button", { name: "Taste up for Nova" }));
-
-      const thumbCalls = calls.filter((call) => call.url.includes("taste-thumb"));
-      expect(thumbCalls).toHaveLength(1);
-      expect(thumbCalls[0]).toMatchObject({
-        url: "/api/booth-log/501/taste-thumb",
-        method: "POST",
-        body: { direction: "up" },
-      });
-    });
-
-    it("reflects the recorded direction after the round trip", async () => {
-      installLiveFetchMock(defaultLiveState());
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      const up = within(card).getByRole("button", { name: "Taste up for Nova" });
-      await clickAndSettle(up);
-
-      expect(up).toBeDisabled();
-      expect(within(card).getByRole("button", { name: "Taste down for Nova" })).toBeEnabled();
-    });
-  });
-
   describe("Scenario: thumbing a booth-log row", () => {
     // Arrange: booth-log rows — one stamped with persona A, one unstamped (F84.6).
     it("offers thumbs on a persona-stamped track row", async () => {
@@ -434,23 +355,36 @@ describe("Feature: Persona taste thumbs", () => {
       expect(down).toBeDisabled();
       expect(screen.getByRole("button", { name: "Taste up for Nova" })).toBeEnabled();
     });
+  });
+
+  describe("Scenario: the taste thumb never blurs with the catalog vote (F84.7)", () => {
+    it("renders a taste thumbs-up glyph distinct from CatalogToolbar's Vote up glyph", async () => {
+      // Dynamic import (not a static top-level import): CatalogToolbar itself calls `useRouter()`,
+      // and next/jest's SWC transform does not hoist `jest.mock()` above static imports (mirrors
+      // grouped-navigation.spec.tsx's own header comment, and catalog-rating-toolbar.spec.tsx's own
+      // `renderCatalogTable` precedent) — a static import here would load the REAL next/navigation
+      // before this file's `jest.mock()` call takes effect.
+      const { CatalogToolbar } = await import("../app/(authed)/catalog/CatalogToolbar");
 
-    it("renders the taste thumb visually distinct from the catalog vote control", () => {
       render(
-        <>
-          <RatingControls mediaId="101" value={{ score: 50, neverPlay: false }} onChange={() => undefined} />
+        <ConfirmDialogProvider>
+          <CatalogToolbar
+            selectedMedia={[makeToolbarRow()]}
+            totalMatchingRows={1}
+            filter={EMPTY_TOOLBAR_FILTER}
+            libraries={TOOLBAR_LIBRARIES}
+            busy={false}
+            onBusyChange={() => undefined}
+            onOutcome={() => undefined}
+          />
           <PersonaTasteThumbs boothLogRowId={1} personaName="Nova" />
-        </>
+        </ConfirmDialogProvider>
       );
 
       const voteUp = screen.getByRole("button", { name: "Vote up" });
       const tasteUp = screen.getByRole("button", { name: "Taste up for Nova" });
 
-      // Distinct affordance shape (brass persona-attribution styling vs the plain vote control) —
-      // never sharing a class, and the persona-attribution chip has no F33 equivalent at all.
-      expect(tasteUp).toHaveClass("border-accent-2");
-      expect(voteUp).not.toHaveClass("border-accent-2");
-      expect(screen.getByText("Nova taste")).toBeInTheDocument();
+      expect(tasteUp.innerHTML).not.toEqual(voteUp.innerHTML);
     });
   });
 });
diff --git a/admin-ui/__specs__/personas-page.spec.tsx b/admin-ui/__specs__/personas-page.spec.tsx
index 9d1441e9..c5238f6a 100644
--- a/admin-ui/__specs__/personas-page.spec.tsx
+++ b/admin-ui/__specs__/personas-page.spec.tsx
@@ -336,7 +336,7 @@ describe("Feature: Author personas from the console", () => {
       expect(within(rowFor("Radio Rex")).queryByText(/^Hired/)).not.toBeInTheDocument();
     });
 
-    it('badges a file import as the literal three-field "Hired · file · Jul 20, 2026" (timeZone="UTC" pinned for determinism, the StatusTiles/BoothLogFeed/LlmCallsFeed/PlayHistoryTable house idiom; "Hired" wording per SPEC F94.4 — no split by origin)', () => {
+    it('badges a file import as the literal three-field "Hired · file · Jul 20, 2026" (timeZone="UTC" pinned for determinism, the StatusTiles/BoothLogFeed/LlmCallsFeed house idiom; "Hired" wording per SPEC F94.4 — no split by origin)', () => {
       const fileImported: PersonaDto = { ...REX, importedFrom: "file", importedAt: FILE_IMPORTED_AT };
       makeDispatchFetchMock({});
       renderClient({ initialPersonas: [fileImported, NOVA], timeZone: "UTC" });
diff --git a/admin-ui/__specs__/responsive-a11y.spec.tsx b/admin-ui/__specs__/responsive-a11y.spec.tsx
index 16765b75..f02c8593 100644
--- a/admin-ui/__specs__/responsive-a11y.spec.tsx
+++ b/admin-ui/__specs__/responsive-a11y.spec.tsx
@@ -40,7 +40,6 @@ import type { usePathname, useRouter } from "next/navigation";
 import { ConfirmDialogProvider } from "@/components/ui/confirm-dialog";
 import { Toaster } from "@/components/ui/toast";
 import { CatalogTabs } from "../app/(authed)/catalog/CatalogTabs";
-import { PlayHistoryTable } from "../app/(authed)/live/PlayHistoryTable";
 import { RecentPlays } from "../app/(authed)/dashboard/RecentPlays";
 import { SafeContentClient } from "../app/(authed)/safe-content/SafeContentClient";
 import type { SafeContentClientProps } from "../app/(authed)/safe-content/SafeContentClient";
@@ -218,6 +217,9 @@ describe("Feature: Responsive and accessible console", () => {
   beforeEach(() => {
     mockedUsePathname.mockReturnValue("/dashboard");
     mockedUseRouter.mockReturnValue({ refresh: jest.fn() } as unknown as ReturnType<typeof useRouter>);
+    // jsdom's `window.localStorage` is shared by every `it` in this FILE — a nav-group toggle
+    // written by "traps focus..." (below) must not leak into a later test's Sidebar/MobileNav mount.
+    window.localStorage.clear();
   });
 
   afterEach(() => {
@@ -252,9 +254,13 @@ describe("Feature: Responsive and accessible console", () => {
 
       const dialog = await screen.findByRole("dialog", { name: "Navigation" });
       expect(dialog).toContainElement(document.activeElement as HTMLElement);
+      // Catalog (Media) and Station sounds (Station) live inside collapsible groups (SPEC F203.2)
+      // that don't open by route rule at /dashboard — open them by hand.
+      fireEvent.click(screen.getByRole("button", { name: "Station" }));
+      fireEvent.click(screen.getByRole("button", { name: "Media" }));
       // The same section list as the persistent Sidebar (SPEC F28.13: the
       // drawer is the same nav, not a second one that can drift).
-      for (const label of ["Dashboard", "Live", "Catalog", "Station Imaging", "Settings"]) {
+      for (const label of ["Dashboard", "Catalog", "Station sounds", "Settings"]) {
         expect(screen.getByRole("link", { name: label })).toBeInTheDocument();
       }
 
@@ -277,18 +283,6 @@ describe("Feature: Responsive and accessible console", () => {
       expect(catalogTable.parentElement?.className).toMatch(/\boverflow-x-auto\b/);
       catalogTable.closest("div")?.remove(); // isolate from the next render's DOM
 
-      render(
-        <PlayHistoryTable
-          entries={makeHistoryEntries()}
-          error={false}
-          timeZone="UTC"
-          ratings={new Map()}
-          onRatingChange={() => {}}
-        />
-      );
-      const playHistoryTable = screen.getByRole("table");
-      expect(playHistoryTable.parentElement?.className).toMatch(/\boverflow-x-auto\b/);
-
       render(<RecentPlays entries={makeHistoryEntries()} error={false} timeZone="UTC" />);
       const recentPlaysTables = screen.getAllByRole("table");
       const recentPlaysTable = recentPlaysTables[recentPlaysTables.length - 1];
diff --git a/admin-ui/__specs__/safe-content-page.spec.tsx b/admin-ui/__specs__/safe-content-page.spec.tsx
index 376d2783..03bc098e 100644
--- a/admin-ui/__specs__/safe-content-page.spec.tsx
+++ b/admin-ui/__specs__/safe-content-page.spec.tsx
@@ -1,5 +1,6 @@
 // @jest-environment jsdom
-// STORY-081 — Admin UI: Station Imaging page (named "Safe content" until gh-#149)
+// STORY-081 — Admin UI: Station sounds page (named "Safe content" until gh-#149, "Station Imaging"
+// until F203.5)
 //
 // BDD specification — jest. SPEC F27.9. Generate form (text pre-filled from
 // the Station:Safe:SeedMessage default, title pre-filled "Please Stand By",
@@ -103,10 +104,10 @@ function makeNeverResolvingFetchMock(): jest.MockedFunction<typeof fetch> {
 }
 
 // ---------------------------------------------------------------------------
-// Feature: Station Imaging page
+// Feature: Station sounds page
 // ---------------------------------------------------------------------------
 
-describe("Feature: Station Imaging page", () => {
+describe("Feature: Station sounds page", () => {
   let originalFetch: typeof fetch;
 
   beforeEach(() => {
diff --git a/admin-ui/__specs__/safe-content-redesign.spec.tsx b/admin-ui/__specs__/safe-content-redesign.spec.tsx
index a352a4e4..07343421 100644
--- a/admin-ui/__specs__/safe-content-redesign.spec.tsx
+++ b/admin-ui/__specs__/safe-content-redesign.spec.tsx
@@ -1,6 +1,6 @@
 // @jest-environment jsdom
-// STORY-092 — Station Imaging page (named "Safe content" until gh-#149) in the new identity
-// (Epic Q / SPEC F28.9–F28.10)
+// STORY-092 — Station sounds page (named "Safe content" until gh-#149, "Station Imaging" until
+// F203.5) in the new identity (Epic Q / SPEC F28.9–F28.10)
 //
 // Runner: Jest (jsdom) + @testing-library/react + mocked fetch. Mirrors
 // track-detail-redesign.spec.tsx's harness pattern: toast() needs its viewport, so every render
@@ -114,10 +114,10 @@ async function clickGenerate(): Promise<void> {
 }
 
 // ---------------------------------------------------------------------------
-// Feature: Station Imaging redesign
+// Feature: Station sounds redesign
 // ---------------------------------------------------------------------------
 
-describe("Feature: Station Imaging redesign", () => {
+describe("Feature: Station sounds redesign", () => {
   let originalFetch: typeof fetch;
 
   beforeEach(() => {
diff --git a/admin-ui/__specs__/safe-scope-depleted-badge.spec.tsx b/admin-ui/__specs__/safe-scope-depleted-badge.spec.tsx
index 843e51f7..5f9337c5 100644
--- a/admin-ui/__specs__/safe-scope-depleted-badge.spec.tsx
+++ b/admin-ui/__specs__/safe-scope-depleted-badge.spec.tsx
@@ -161,7 +161,7 @@ describe("Feature: Depleted SafeScope visible at rest", () => {
 
   // -------------------------------------------------------------------------
   describe("Scenario: SafeScope non-empty with zero playable tracks", () => {
-    it("shows the 'Station Imaging scope has no playable tracks — drains will be silent' badge on the settings SafeScope picker", async () => {
+    it("shows the 'Station sounds scope has no playable tracks — drains will be silent' badge on the settings SafeScope picker", async () => {
       makeStatusFetchMock(makeStatusBody({ libraryIds: [1], playable: 0 }));
 
       renderWithProviders(
@@ -180,7 +180,7 @@ describe("Feature: Depleted SafeScope visible at rest", () => {
         render(<DashboardView timeZone="UTC" />);
         await flush();
 
-        const tile = screen.getByRole("group", { name: "Station Imaging scope" });
+        const tile = screen.getByRole("group", { name: "Station sounds scope" });
         expect(tile.className).toMatch(/\bborder-danger\b/);
         expect(screen.getByText(DEPLETED_COPY)).toBeInTheDocument();
       } finally {
@@ -206,7 +206,7 @@ describe("Feature: Depleted SafeScope visible at rest", () => {
         render(<DashboardView timeZone="UTC" />);
         await flush();
 
-        const tile = screen.getByRole("group", { name: "Station Imaging scope" });
+        const tile = screen.getByRole("group", { name: "Station sounds scope" });
         expect(tile.className).toMatch(/\bborder-danger\b/);
         expect(tile.className).not.toMatch(RAW_HEX_CLASS);
         expect(tile.className).not.toMatch(RAW_PALETTE_CLASS);
@@ -238,7 +238,7 @@ describe("Feature: Depleted SafeScope visible at rest", () => {
         render(<DashboardView timeZone="UTC" />);
         await flush();
 
-        const tile = screen.getByRole("group", { name: "Station Imaging scope" });
+        const tile = screen.getByRole("group", { name: "Station sounds scope" });
         expect(tile.className).toMatch(/\bborder-line\b/);
         expect(tile.className).not.toMatch(/\bborder-danger\b/);
         expect(screen.queryByText(DEPLETED_COPY)).not.toBeInTheDocument();
@@ -262,7 +262,7 @@ describe("Feature: Depleted SafeScope visible at rest", () => {
         state.status = makeStatusBody({ libraryIds: [1, 7], playable: 0 });
         await advance(5000);
 
-        const tile = screen.getByRole("group", { name: "Station Imaging scope" });
+        const tile = screen.getByRole("group", { name: "Station sounds scope" });
         expect(tile.className).toMatch(/\bborder-danger\b/);
         expect(screen.getByText(DEPLETED_COPY)).toBeInTheDocument();
       } finally {
diff --git a/admin-ui/__specs__/safe-scope-picker.spec.tsx b/admin-ui/__specs__/safe-scope-picker.spec.tsx
index b6df4b89..466bf849 100644
--- a/admin-ui/__specs__/safe-scope-picker.spec.tsx
+++ b/admin-ui/__specs__/safe-scope-picker.spec.tsx
@@ -23,7 +23,7 @@ import type { LibraryDto } from "../lib/library";
 
 const SAFE_SCOPE_KEY = "Station:SafeScope:LibraryIds";
 const SAFE_SCOPE_EMPTY_CONSEQUENCE =
-  "Saving an empty Station Imaging scope (Station:SafeScope:LibraryIds) silences the stream on " +
+  "Saving an empty Station sounds scope (Station:SafeScope:LibraryIds) silences the stream on " +
   "drain — mksafe emits silence until re-pointed.";
 
 function makeSafeScopeSetting(override: Partial<SettingDto> = {}): SettingDto {
diff --git a/admin-ui/__specs__/safe-scope-tile.spec.tsx b/admin-ui/__specs__/safe-scope-tile.spec.tsx
index 35433b07..08243e4a 100644
--- a/admin-ui/__specs__/safe-scope-tile.spec.tsx
+++ b/admin-ui/__specs__/safe-scope-tile.spec.tsx
@@ -38,7 +38,7 @@ function makeStatus(safeScope: SafeScopeOverrides = {}): StatusResponse {
 }
 
 function safeScopeTile(): HTMLElement {
-  return screen.getByRole("group", { name: "Station Imaging scope" });
+  return screen.getByRole("group", { name: "Station sounds scope" });
 }
 
 afterEach(() => {
@@ -103,7 +103,7 @@ describe("Feature: The dashboard SafeScope tile tells the truth", () => {
 
       const tile = safeScopeTile();
       expect(tile.className).toMatch(/\bborder-danger\b/);
-      expect(screen.getByText("Station Imaging scope has no playable tracks — drains will be silent")).toBeInTheDocument();
+      expect(screen.getByText("Station sounds scope has no playable tracks — drains will be silent")).toBeInTheDocument();
     });
 
     it("keeps the F25.4 empty-scope badge semantics when libraryIds is empty (F40.3)", () => {
@@ -113,7 +113,7 @@ describe("Feature: The dashboard SafeScope tile tells the truth", () => {
       expect(screen.getByText("No libraries in scope")).toBeInTheDocument();
       expect(tile.className).not.toMatch(/\bborder-danger\b/);
       expect(
-        screen.queryByText("Station Imaging scope has no playable tracks — drains will be silent")
+        screen.queryByText("Station sounds scope has no playable tracks — drains will be silent")
       ).not.toBeInTheDocument();
     });
 
diff --git a/admin-ui/__specs__/settings-grouped-sections.spec.tsx b/admin-ui/__specs__/settings-grouped-sections.spec.tsx
index 207f9d38..ab108589 100644
--- a/admin-ui/__specs__/settings-grouped-sections.spec.tsx
+++ b/admin-ui/__specs__/settings-grouped-sections.spec.tsx
@@ -23,7 +23,7 @@ import type { LibraryDto } from "../lib/library";
 const SAFE_SCOPE_KEY = "Station:SafeScope:LibraryIds";
 const SCOPE_KEY = "Station:Scope:LibraryIds";
 const SAFE_SCOPE_EMPTY_CONSEQUENCE =
-  "Saving an empty Station Imaging scope (Station:SafeScope:LibraryIds) silences the stream on " +
+  "Saving an empty Station sounds scope (Station:SafeScope:LibraryIds) silences the stream on " +
   "drain — mksafe emits silence until re-pointed.";
 
 /** One setting per canonical section (Loudness/Playout/Scope/Safe) — covers STORY-091's grouping. */
@@ -119,7 +119,7 @@ describe("Feature: Settings grouped sections", () => {
 
   // -------------------------------------------------------------------------
   describe("Scenario: grouped rendering", () => {
-    it("renders fields under Loudness / Playout / Scope / Station Imaging headings", async () => {
+    it("renders fields under Loudness / Playout / Scope / Station sounds headings", async () => {
       renderWithProviders(
         <SettingsForm settings={makeGroupedSettings()} libraries={makeLibraries()} />
       );
@@ -130,7 +130,7 @@ describe("Feature: Settings grouped sections", () => {
       const loudness = screen.getByRole("heading", { name: "Loudness", hidden: true });
       const playout = screen.getByRole("heading", { name: "Playout" });
       const scope = screen.getByRole("heading", { name: "Scope" });
-      const safe = screen.getByRole("heading", { name: "Station Imaging" });
+      const safe = screen.getByRole("heading", { name: "Station sounds" });
 
       // Each heading's section contains the fields the authoritative allowlist maps to it.
       expect(within(loudness.closest("section")!).getByLabelText(/Loudness:TargetLufs/)).toBeInTheDocument();
@@ -199,7 +199,7 @@ describe("Feature: Settings grouped sections", () => {
         <SettingsForm settings={settings} libraries={makeLibraries()} />
       );
 
-      const safe = screen.getByRole("heading", { name: "Station Imaging" });
+      const safe = screen.getByRole("heading", { name: "Station sounds" });
       const safeSection = within(safe.closest("section")!);
 
       expect(safeSection.getByLabelText(/GW_SAFE_GAP_SECONDS/)).toBeInTheDocument();
diff --git a/admin-ui/__specs__/settings-help-coverage.spec.tsx b/admin-ui/__specs__/settings-help-coverage.spec.tsx
index 57e02258..8aada783 100644
--- a/admin-ui/__specs__/settings-help-coverage.spec.tsx
+++ b/admin-ui/__specs__/settings-help-coverage.spec.tsx
@@ -49,6 +49,7 @@ const NUMBER_LIST_KEYS = new Set<SettingsHelpKey>([
 
 const STRING_KEYS = new Set<SettingsHelpKey>([
   "Station:Name",
+  "Station:Tagline",
   "Station:Voice",
   "Tts:Endpoint",
   "Llm:Endpoint",
diff --git a/admin-ui/__specs__/station-thumb-controls.spec.tsx b/admin-ui/__specs__/station-thumb-controls.spec.tsx
index 0c5700b2..de8e129b 100644
--- a/admin-ui/__specs__/station-thumb-controls.spec.tsx
+++ b/admin-ui/__specs__/station-thumb-controls.spec.tsx
@@ -9,13 +9,11 @@
 // endpoint bucket alongside `tasteThumb`, since a track-started row now offers both.
 
 import { describe, it, expect, jest, beforeEach, afterEach } from "@jest/globals";
-import { render, screen, fireEvent, within, act } from "@testing-library/react";
+import { render, screen, fireEvent, act } from "@testing-library/react";
 import "@testing-library/jest-dom/jest-globals";
 import { Toaster } from "@/components/ui/toast";
-import { LiveView } from "../app/(authed)/live/LiveView";
 import { BoothLogView } from "../app/(authed)/booth-log/BoothLogView";
 import { PersonaTasteThumbs } from "../app/(authed)/_components/PersonaTasteThumbs";
-import { RatingControls } from "../app/(authed)/_components/RatingControls";
 import { StationThumbs } from "../app/(authed)/_components/StationThumbs";
 
 // ---------------------------------------------------------------------------
@@ -89,89 +87,6 @@ afterEach(() => {
   jest.restoreAllMocks();
 });
 
-// ---------------------------------------------------------------------------
-// Now-playing surface (LiveView)
-// ---------------------------------------------------------------------------
-
-interface TrackFixture {
-  mediaId?: string;
-}
-
-function makeTrack(overrides: TrackFixture = {}) {
-  return {
-    stationId: "1",
-    mediaId: "live:announcer-1",
-    title: "Astral Plane",
-    artist: "Valerie June",
-    gainDb: -2.3,
-    startedAt: ISO_NOW,
-    ...overrides,
-  };
-}
-
-interface LiveFetchState {
-  now: MockResult;
-  history: MockResult;
-  boothLog: MockResult;
-  personas: MockResult;
-  tasteThumb: MockResult;
-  stationThumb: MockResult;
-}
-
-function defaultLiveState(overrides: Partial<LiveFetchState> = {}): LiveFetchState {
-  return {
-    now: ok(makeTrack()),
-    history: ok([]),
-    boothLog: ok({ entries: [makeBoothLogEntry()], nextBefore: null }),
-    personas: ok([makePersona()]),
-    tasteThumb: ok({ alreadyRecorded: false, weight: 0.2 }),
-    stationThumb: ok({ result: "recorded" }),
-    ...overrides,
-  };
-}
-
-function endpointKeyForLive(url: string): keyof LiveFetchState {
-  if (url.includes("station-thumb")) return "stationThumb";
-  if (url.includes("taste-thumb")) return "tasteThumb";
-  if (url.includes("/api/booth-log")) return "boothLog";
-  if (url.includes("/api/personas")) return "personas";
-  if (url.includes("/play-history")) return "history";
-  return "now";
-}
-
-function installLiveFetchMock(initial: LiveFetchState) {
-  const state: LiveFetchState = { ...initial };
-  const calls: RecordedCall[] = [];
-  const fn = jest.fn<typeof fetch>().mockImplementation((input, init) => {
-    const url = String(input);
-    const method = (init?.method ?? "GET").toUpperCase();
-    const body = typeof init?.body === "string" ? (JSON.parse(init.body) as unknown) : undefined;
-    calls.push({ url, method, body });
-
-    const result = state[endpointKeyForLive(url)];
-    if (result.kind === "network-error") {
-      return Promise.reject(new Error("network error"));
-    }
-    const status = result.status ?? 200;
-    return Promise.resolve({
-      ok: status >= 200 && status < 300,
-      status,
-      json: () => Promise.resolve(result.body),
-    } as Response);
-  });
-  global.fetch = fn as unknown as typeof fetch;
-  return { fn, state, calls };
-}
-
-function renderLive(): ReturnType<typeof render> {
-  return render(
-    <>
-      <LiveView timeZone="UTC" />
-      <Toaster />
-    </>
-  );
-}
-
 // ---------------------------------------------------------------------------
 // Booth-log surface (BoothLogView)
 // ---------------------------------------------------------------------------
@@ -238,31 +153,6 @@ function renderBoothLog(): ReturnType<typeof render> {
 // ---------------------------------------------------------------------------
 
 describe("Feature: Station-thumb controls", () => {
-  describe("Scenario: the Live now-playing card shows both thumb pairs", () => {
-    it("renders a station-thumb pair with its own glyph and label", async () => {
-      installLiveFetchMock(defaultLiveState());
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByText("Station")).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Station thumbs up" })).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Station thumbs down" })).toBeInTheDocument();
-    });
-
-    it("renders a persona-taste pair alongside it, both pairs present at once", async () => {
-      installLiveFetchMock(defaultLiveState());
-
-      renderLive();
-      await flush();
-
-      const card = screen.getByRole("region", { name: "Now playing" });
-      expect(within(card).getByRole("button", { name: "Taste up for Nova" })).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Station thumbs up" })).toBeInTheDocument();
-    });
-  });
-
   describe("Scenario: a booth-log track row shows both thumb pairs", () => {
     it("renders a station-thumb pair beside its persona-taste pair", async () => {
       installBoothLogFetchMock(defaultBoothLogState());
@@ -309,34 +199,34 @@ describe("Feature: Station-thumb controls", () => {
       expect(stationUp).not.toHaveClass("border-accent-2");
     });
 
-    it("renders its own dedicated glyph — distinct from vote-up/down AND taste-thumb-up/down (T369 review HIGH-1)", () => {
-      // Mirrors persona-taste-thumbs.spec.tsx's own RatingControls-distinctness fact: all THREE
-      // controls that can share a row/card rendered together, isolated from any page harness.
+    it("renders a station thumbs-up glyph distinct from the taste thumbs-up glyph (T369 HIGH-1 regression guard)", () => {
+      // `RatingControls` (the third sibling the original HIGH-1 guard also compared against) was
+      // retired with the Live page (SPEC F203.4) — StationThumbs and PersonaTasteThumbs are the
+      // two surviving controls a booth-log row renders side by side, so the guard now covers them.
       render(
         <>
-          <RatingControls mediaId="101" value={{ score: 50, neverPlay: false }} onChange={() => undefined} />
           <PersonaTasteThumbs boothLogRowId={1} personaName="Nova" />
           <StationThumbs boothLogRowId={1} />
         </>
       );
 
-      const voteUp = screen.getByRole("button", { name: "Vote up" });
-      const voteDown = screen.getByRole("button", { name: "Vote down" });
       const tasteUp = screen.getByRole("button", { name: "Taste up for Nova" });
-      const tasteDown = screen.getByRole("button", { name: "Taste down for Nova" });
       const stationUp = screen.getByRole("button", { name: "Station thumbs up" });
-      const stationDown = screen.getByRole("button", { name: "Station thumbs down" });
-
-      // Accessible names never collide with either sibling's own pair.
-      expect(screen.queryAllByRole("button", { name: "Station thumbs up" })).toHaveLength(1);
 
-      // The glyph itself (the icon's own SVG markup) must differ from BOTH siblings, not just the
-      // label — reusing `vote-up`/`vote-down` (the HIGH-1 defect) would make the vote pair and the
-      // station pair identical; reusing `taste-thumb-up`/`down` would do the same to the pair it
-      // sits directly beside.
-      expect(stationUp.innerHTML).not.toEqual(voteUp.innerHTML);
-      expect(stationDown.innerHTML).not.toEqual(voteDown.innerHTML);
       expect(stationUp.innerHTML).not.toEqual(tasteUp.innerHTML);
+    });
+
+    it("renders a station thumbs-down glyph distinct from the taste thumbs-down glyph (T369 HIGH-1 regression guard)", () => {
+      render(
+        <>
+          <PersonaTasteThumbs boothLogRowId={1} personaName="Nova" />
+          <StationThumbs boothLogRowId={1} />
+        </>
+      );
+
+      const tasteDown = screen.getByRole("button", { name: "Taste down for Nova" });
+      const stationDown = screen.getByRole("button", { name: "Station thumbs down" });
+
       expect(stationDown.innerHTML).not.toEqual(tasteDown.innerHTML);
     });
   });
diff --git a/admin-ui/__specs__/voice-dropdown.spec.tsx b/admin-ui/__specs__/voice-dropdown.spec.tsx
index ff14512e..782383b4 100644
--- a/admin-ui/__specs__/voice-dropdown.spec.tsx
+++ b/admin-ui/__specs__/voice-dropdown.spec.tsx
@@ -1,7 +1,7 @@
 // @jest-environment jsdom
 // STORY-098 — Voice dropdown with graceful fallback (Epic R / SPEC F29.5, gitea-#183)
 //
-// The Station Imaging Voice control becomes a select fed by GET /api/voices with "Station
+// The Station sounds Voice control becomes a select fed by GET /api/voices with "Station
 // default" first/selected (submits NO `voice` field — the shipped omit-if-blank wire contract
 // is unchanged); on listing failure it falls back to the shipped free-text input with a visible
 // notice, and generation stays possible either way. Drives SafeContentClient (which composes
diff --git a/admin-ui/__specs__/wardrobe-avatar-packs.spec.tsx b/admin-ui/__specs__/wardrobe-avatar-packs.spec.tsx
deleted file mode 100644
index 5eb9435b..00000000
--- a/admin-ui/__specs__/wardrobe-avatar-packs.spec.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-// @jest-environment jsdom
-// STORY-332 — Avatar packs into the library: the Wardrobe/shelf UI halves (PLAN T294).
-// Runner: Jest. Backend halves (install/uninstall/list) live in
-// tests/GenWave.Host.Tests/Specs/Story332_AvatarPacksIntoTheLibrary.cs.
-//
-// Two surfaces: `AvatarWardrobeClient` (the Avatars tab's own listing off `GET /api/avatar-packs` —
-// mirrors font-pack-wardrobe.spec.tsx's own shape) and `PersonaCatalogClient`'s avatar-kind routing
-// (the shelf's transient face-grid preview — mirrors font-pack-shelf-specimen.spec.tsx's own shape,
-// simplified: `AvatarItemFace` loads through a plain `<img>`, not `SpecimenBlock`'s own fetch/Blob/
-// FontFace machinery, so no jsdom Font Loading API stand-ins are needed here — see that component's
-// own remarks for why). `timeZone="UTC"` pins the provenance chip's date half, the house idiom
-// (T105/T187). Both `AvatarWardrobeClient` (via `AvatarUninstallPackButton`) and `PersonaCatalogClient`
-// call `useRouter()` unconditionally, so both are dynamic-imported AFTER the `next/navigation` mock is
-// in place — the wardrobe-tabs.spec.tsx/font-pack-wardrobe.spec.tsx established idiom.
-
-jest.mock("next/navigation", () => ({
-  ...jest.requireActual<typeof import("next/navigation")>("next/navigation"),
-  useRouter: jest.fn(),
-}));
-
-import { describe, it, expect, jest, beforeEach } from "@jest/globals";
-import { render, screen, within, fireEvent } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import type { useRouter } from "next/navigation";
-import { ConfirmDialogProvider } from "@/components/ui/confirm-dialog";
-import type { CatalogEntryDetailDto, CatalogShelfEntryDto } from "../app/(authed)/persona-catalog/types";
-import type { PersonaCatalogClient as PersonaCatalogClientType } from "../app/(authed)/persona-catalog/PersonaCatalogClient";
-import { WardrobeTabs } from "../app/(authed)/wardrobe/WardrobeTabs";
-import type { AvatarWardrobeClient as AvatarWardrobeClientType } from "../app/(authed)/wardrobe/AvatarWardrobeClient";
-import type { AvatarPackSummaryDto } from "../app/(authed)/wardrobe/types";
-
-const mockedUseRouter = jest
-  .requireMock<{ useRouter: typeof useRouter }>("next/navigation")
-  .useRouter as jest.MockedFunction<typeof useRouter>;
-
-let PersonaCatalogClient: typeof PersonaCatalogClientType;
-let AvatarWardrobeClient: typeof AvatarWardrobeClientType;
-
-beforeEach(async () => {
-  mockedUseRouter.mockReturnValue(
-    { push: jest.fn(), refresh: jest.fn() } as unknown as ReturnType<typeof useRouter>
-  );
-  ({ PersonaCatalogClient } = await import("../app/(authed)/persona-catalog/PersonaCatalogClient"));
-  ({ AvatarWardrobeClient } = await import("../app/(authed)/wardrobe/AvatarWardrobeClient"));
-});
-
-// ---------------------------------------------------------------------------
-// Fixtures
-// ---------------------------------------------------------------------------
-
-const WARM_GRINS_PACK: AvatarPackSummaryDto = {
-  slug: "warm-grins",
-  name: "Warm Grins",
-  items: [
-    { name: "Classic", suggestedPersona: "flip" },
-    { name: "Retro", suggestedPersona: null },
-  ],
-  importedFrom: "warm-grins",
-  importedAt: "2026-08-15T12:00:00Z",
-};
-
-const AVATAR_ENTRY: CatalogShelfEntryDto = {
-  slug: "warm-grins",
-  kind: "avatar",
-  audience: "everyone",
-  bestFor: [],
-  preview: null,
-  fontFamily: null,
-  fontByteTotal: null,
-};
-
-const AVATAR_DETAIL: CatalogEntryDetailDto = {
-  card: JSON.stringify({
-    packName: "Warm Grins",
-    items: [{ name: "Classic", file: "classic.png", suggestedPersona: "flip" }],
-  }),
-  meta: "{}",
-  fetchedAt: "2026-08-15T00:00:00Z",
-  unreachable: false,
-  audience: "everyone",
-  bestFor: [],
-  author: null,
-  description: "A curated avatar pack for the wardrobe specs.",
-  samplePatter: [],
-  fontFamily: null,
-  fontByteTotal: null,
-  fontSpecimenFile: null,
-  fontLicense: null,
-  fontVersion: null,
-  fontSubset: null,
-  suggestedPersona: null,
-  avatarItems: [{ name: "Classic", file: "classic.png", suggestedPersona: "flip" }],
-  personaAvatarFile: null,
-  // Deliberately DIFFERENT from `prettifySlug("warm-grins")` ("Warm Grins") — proves
-  // AvatarDetailPanel's heading reads this WIRE field (PLAN T304 rider 4), not a coincidental
-  // slug-derived match (see the "reads the manifest's own packName" fact below).
-  packName: "Warm Grins & Co.",
-  iconCount: null,
-  adPackBriefs: null,
-};
-
-const ENTRY_URL = "/api/catalog/entries/warm-grins";
-
-function makeJsonResponse(status: number, body: unknown): Response {
-  return {
-    ok: status >= 200 && status < 300,
-    status,
-    json: jest.fn<() => Promise<unknown>>().mockResolvedValue(body),
-    text: jest.fn<() => Promise<string>>().mockResolvedValue(JSON.stringify(body)),
-    headers: new Headers({ "content-type": "application/json" }),
-  } as unknown as Response;
-}
-
-function cardFor(name: string): HTMLElement {
-  const grid = screen.getByRole("list", { name: "Community catalog entries" });
-  const nameNode = within(grid).getByText(name);
-  const card = nameNode.closest("button");
-  if (card === null) throw new Error(`No <button> ancestor for "${name}"`);
-  return card;
-}
-
-describe("Feature: Avatar packs in the Wardrobe", () => {
-  describe("Scenario: the Avatars tab lists installed packs", () => {
-    it("shows every installed pack with its item grid", () => {
-      render(
-        <ConfirmDialogProvider>
-          <AvatarWardrobeClient packs={[WARM_GRINS_PACK]} timeZone="UTC" />
-        </ConfirmDialogProvider>
-      );
-
-      const list = screen.getByRole("list", { name: "Installed avatar packs" });
-      const card = within(list).getByText("Warm Grins").closest("li");
-      if (card === null) throw new Error("No <li> ancestor for the pack card");
-
-      expect(within(card).getByText("Classic")).toBeInTheDocument();
-      expect(within(card).getByText("Retro")).toBeInTheDocument();
-      expect(within(card).getByText("Suggested: Flip")).toBeInTheDocument();
-      expect(within(card).getByText("Installed · warm-grins · Aug 15, 2026")).toBeInTheDocument();
-      expect(within(card).getByRole("button", { name: "Uninstall Warm Grins" })).toBeInTheDocument();
-    });
-
-    it("shows the Avatars tab even when no pack is installed (empty state, never a hidden tab)", () => {
-      render(<WardrobeTabs activeTab="avatars" />);
-
-      const nav = screen.getByRole("navigation", { name: "Wardrobe sections" });
-      expect(within(nav).getByRole("link", { name: "Avatars" })).toHaveAttribute("href", "/wardrobe?tab=avatars");
-
-      render(<AvatarWardrobeClient packs={[]} timeZone="UTC" catalogEnabled />);
-
-      expect(screen.getByText("No avatar packs installed")).toBeInTheDocument();
-      expect(screen.getByRole("link", { name: "Browse the Community Catalog" })).toHaveAttribute(
-        "href",
-        "/persona-catalog"
-      );
-    });
-  });
-
-  describe("Scenario: shelf detail previews stay transient", () => {
-    it("renders pack faces from the proxied hash-verified preview route before install", async () => {
-      const fetchMock = jest.fn<typeof fetch>().mockImplementation(async (input) => {
-        const url = String(input);
-        if (url === ENTRY_URL) return makeJsonResponse(200, AVATAR_DETAIL);
-        throw new Error(`unexpected fetch ${url}`);
-      }) as unknown as jest.MockedFunction<typeof fetch>;
-      global.fetch = fetchMock;
-
-      render(
-        <PersonaCatalogClient
-          activeKind="avatar"
-          initialIndex={{ entries: [AVATAR_ENTRY], fetchedAt: "2026-08-15T00:00:00Z", unreachable: false }}
-        />
-      );
-      fireEvent.click(cardFor("Warm Grins"));
-
-      const image = await screen.findByAltText("Classic");
-      expect(image).toHaveAttribute("src", "/api/catalog/entries/warm-grins/assets/classic.png");
-    });
-
-    it("the detail panel's own heading reads the manifest's own packName off the wire (PLAN T304 rider 4)", async () => {
-      const fetchMock = jest.fn<typeof fetch>().mockImplementation(async (input) => {
-        const url = String(input);
-        if (url === ENTRY_URL) return makeJsonResponse(200, AVATAR_DETAIL);
-        throw new Error(`unexpected fetch ${url}`);
-      }) as unknown as jest.MockedFunction<typeof fetch>;
-      global.fetch = fetchMock;
-
-      render(
-        <PersonaCatalogClient
-          activeKind="avatar"
-          initialIndex={{ entries: [AVATAR_ENTRY], fetchedAt: "2026-08-15T00:00:00Z", unreachable: false }}
-        />
-      );
-      // The SHELF card still reads prettifySlug(slug) ("Warm Grins") — only the shelf INDEX row has
-      // no packName field; the click below opens the DETAIL panel, which does.
-      fireEvent.click(cardFor("Warm Grins"));
-
-      expect(await screen.findByRole("heading", { name: "Warm Grins & Co." })).toBeInTheDocument();
-    });
-
-    it("issues no install/write request from merely opening the detail", async () => {
-      const fetchMock = jest.fn<typeof fetch>().mockImplementation(async (input) => {
-        const url = String(input);
-        if (url === ENTRY_URL) return makeJsonResponse(200, AVATAR_DETAIL);
-        throw new Error(`unexpected fetch ${url}`);
-      }) as unknown as jest.MockedFunction<typeof fetch>;
-      global.fetch = fetchMock;
-
-      render(
-        <PersonaCatalogClient
-          activeKind="avatar"
-          initialIndex={{ entries: [AVATAR_ENTRY], fetchedAt: "2026-08-15T00:00:00Z", unreachable: false }}
-        />
-      );
-      fireEvent.click(cardFor("Warm Grins"));
-      await screen.findByRole("button", { name: "Install" });
-
-      // Opening the detail only ever issues the ONE GET the entry fetch itself is (never a POST to
-      // /install, never a DELETE) — the shelf's own "browsing costs nothing" contract, applied to the
-      // avatar kind.
-      const methods = fetchMock.mock.calls.map(([, init]) => (init as RequestInit | undefined)?.method ?? "GET");
-      expect(methods.every((method) => method === "GET")).toBe(true);
-      expect(fetchMock.mock.calls.some(([url]) => String(url).includes("/install"))).toBe(false);
-    });
-
-    it("renders the 'No face' tile — never an <img>, never an asset request — for an item with no verified file (R4)", async () => {
-      // Given a manifest item whose `file` the index's own hash-verified `assets[]` never actually
-      // declared (`CatalogAvatarItemDto`'s own remarks — `AvatarItemFace` degrades this to `null`),
-      const detailWithUndeclaredFile: CatalogEntryDetailDto = {
-        ...AVATAR_DETAIL,
-        avatarItems: [
-          { name: "Classic", file: "classic.png", suggestedPersona: "flip" },
-          { name: "Retro", file: null, suggestedPersona: null },
-        ],
-      };
-      const fetchMock = jest.fn<typeof fetch>().mockImplementation(async (input) => {
-        const url = String(input);
-        if (url === ENTRY_URL) return makeJsonResponse(200, detailWithUndeclaredFile);
-        // The net: any OTHER fetch — including one this component should never issue for a
-        // `file: null` item — fails the Fact outright rather than silently resolving.
-        throw new Error(`unexpected fetch ${url}`);
-      }) as unknown as jest.MockedFunction<typeof fetch>;
-      global.fetch = fetchMock;
-
-      render(
-        <PersonaCatalogClient
-          activeKind="avatar"
-          initialIndex={{ entries: [AVATAR_ENTRY], fetchedAt: "2026-08-15T00:00:00Z", unreachable: false }}
-        />
-      );
-      fireEvent.click(cardFor("Warm Grins"));
-
-      // When the detail's face grid renders,
-      await screen.findByAltText("Classic");
-
-      // Then the undeclared-file item shows the degraded "No face" tile, with no <img> (and so no
-      // asset request) of its own — and the ONLY fetch this whole flow ever issued is the entry
-      // detail GET itself (the throw-on-unexpected mock above is the enforcement: a stray asset
-      // request against the unverified name would already have failed this Fact).
-      expect(screen.getByText("No face")).toBeInTheDocument();
-      expect(screen.queryByAltText("Retro")).not.toBeInTheDocument();
-      expect(fetchMock.mock.calls.map(([url]) => String(url))).toEqual([ENTRY_URL]);
-    });
-  });
-
-  describe("Scenario: the widened kind union renders an icon-kind entry as still-hidden (rider 1)", () => {
-    it("renders no card for an icon-kind entry — T304 owns its own tab", () => {
-      const ICON_ENTRY: CatalogShelfEntryDto = {
-        slug: "sunburst",
-        kind: "icon",
-        audience: "everyone",
-        bestFor: [],
-        preview: null,
-        fontFamily: null,
-        fontByteTotal: null,
-      };
-
-      render(
-        <PersonaCatalogClient
-          activeKind="persona"
-          initialIndex={{ entries: [ICON_ENTRY], fetchedAt: "2026-08-15T00:00:00Z", unreachable: false }}
-        />
-      );
-
-      // The persona tab is active and the (only) entry is icon-kind — the per-tab empty state
-      // renders, never a misrouted persona card for an entry this client doesn't recognise.
-      expect(screen.getByText("No personas on the shelf")).toBeInTheDocument();
-    });
-  });
-
-  describe("Scenario: a pack's own display strings are bounded (rider 2)", () => {
-    it("clamps an overlong manifest pack name rather than stretching the Wardrobe card", () => {
-      const longName = "A".repeat(200);
-      render(
-        <ConfirmDialogProvider>
-          <AvatarWardrobeClient packs={[{ ...WARM_GRINS_PACK, name: longName }]} timeZone="UTC" />
-        </ConfirmDialogProvider>
-      );
-
-      expect(screen.queryByText(longName)).not.toBeInTheDocument();
-      expect(screen.getByText(`${"A".repeat(80)}…`)).toBeInTheDocument();
-    });
-  });
-});
diff --git a/admin-ui/__specs__/wardrobe-referenced-themes.spec.ts b/admin-ui/__specs__/wardrobe-referenced-themes.spec.ts
deleted file mode 100644
index d4af6b54..00000000
--- a/admin-ui/__specs__/wardrobe-referenced-themes.spec.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-// gh-#428 — Wardrobe uninstall's 409 copy. `FontPackController.Uninstall`'s `ReferencedProblem`
-// carries no structured `themeSlugs` field (unlike `LibrariesController`'s `dependentMediaCount`
-// extension) — only a prose `detail` sentence. These specs pin the parser against that EXACT
-// sentence shape (`FontPackController.cs`'s own `ReferencedProblem`), so a future prose change on
-// the Host side shows up here instead of silently degrading to the generic-message fallback.
-//
-// Runner: Jest (node) — pure string parsing, no DOM needed.
-
-import { describe, it, expect } from "@jest/globals";
-import { formatReferencedThemesMessage, parseReferencedThemeSlugs } from "../app/(authed)/wardrobe/referenced-themes";
-
-describe("Feature: Wardrobe uninstall names the referencing themes", () => {
-  describe("Scenario: the 409 detail names two referencing themes", () => {
-    const detail =
-      '"midnight-drive" is still referenced by theme(s) "midnight-drive", "sunday-static" and cannot be uninstalled — remove or edit those themes first.';
-
-    it("extracts every referenced theme slug, in order", () => {
-      expect(parseReferencedThemeSlugs(detail)).toEqual(["midnight-drive", "sunday-static"]);
-    });
-
-    it("formats the toast copy as 'In use by: <themes>'", () => {
-      expect(formatReferencedThemesMessage(detail)).toBe("In use by: midnight-drive, sunday-static");
-    });
-  });
-
-  describe("Scenario: the 409 detail names exactly one referencing theme", () => {
-    const detail =
-      '"space-grotesk" is still referenced by theme(s) "midnight-drive" and cannot be uninstalled — remove or edit those themes first.';
-
-    it("extracts the single referenced theme slug", () => {
-      expect(parseReferencedThemeSlugs(detail)).toEqual(["midnight-drive"]);
-    });
-
-    it("formats the toast copy with just that one theme", () => {
-      expect(formatReferencedThemesMessage(detail)).toBe("In use by: midnight-drive");
-    });
-  });
-
-  describe("Scenario: the rare empty-race sentence names no theme at all", () => {
-    const detail = '"space-grotesk" is still referenced by a theme and cannot be uninstalled.';
-
-    it("parses to an empty list rather than throwing", () => {
-      expect(parseReferencedThemeSlugs(detail)).toEqual([]);
-    });
-
-    it("falls back to the raw detail sentence instead of an empty 'In use by:'", () => {
-      expect(formatReferencedThemesMessage(detail)).toBe(detail);
-    });
-  });
-
-  describe("Scenario: an unrelated detail sentence", () => {
-    it("parses to an empty list on any shape it doesn't recognize", () => {
-      expect(parseReferencedThemeSlugs("No installed font pack with slug \"unknown\" exists.")).toEqual([]);
-    });
-  });
-});
diff --git a/admin-ui/__specs__/wardrobe-tabs.spec.tsx b/admin-ui/__specs__/wardrobe-tabs.spec.tsx
deleted file mode 100644
index 4519b5d5..00000000
--- a/admin-ui/__specs__/wardrobe-tabs.spec.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-// @jest-environment jsdom
-// gh-#393 — The Wardrobe silos the catalog kinds by tab (the gh-#372 shelf treatment applied to
-// the installed side): Personas | Themes | Fonts | Shows, URL-driven via `?tab=` (the CatalogTabs/
-// BoothLogTabs idiom, now the shared components/ui/tab-strip.tsx), every tab present even when
-// empty (Dean's ruling on the issue — an empty kind shows its own empty state, never a hidden tab).
-//
-// Runner: Jest. Three surfaces: resolveWardrobeTab (the `?tab=` → tab mapping), WardrobeTabs (the
-// strip itself), and InstalledEntriesList (the read-only per-kind listing the Personas/Themes/Shows
-// tabs share — fonts keep their own WardrobeClient, covered by font-pack-wardrobe.spec.tsx
-// unchanged). `timeZone="UTC"` pins the provenance chip's date half, the house idiom (T105/T187).
-
-import { describe, it, expect } from "@jest/globals";
-import { render, screen, within } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import { InstalledEntriesList } from "../app/(authed)/wardrobe/InstalledEntriesList";
-import { resolveWardrobeTab, WardrobeTabs } from "../app/(authed)/wardrobe/WardrobeTabs";
-import type { InstalledEntryRow } from "../app/(authed)/wardrobe/types";
-
-const HIRED_PERSONA: InstalledEntryRow = {
-  slug: "big-tony-marconi",
-  name: "Big Tony Marconi",
-  detail: null,
-  importedFrom: "big-tony-marconi",
-  importedAt: "2026-08-05T12:00:00Z",
-};
-
-const IMPORTED_SHOW: InstalledEntryRow = {
-  slug: "til-sunrise",
-  name: "'Til Sunrise",
-  detail: "Overnights, unhurried.",
-  importedFrom: "til-sunrise",
-  importedAt: "2026-08-11T09:00:00Z",
-};
-
-describe("Feature: the Wardrobe silos kinds by tab (gh-#393)", () => {
-  describe("Scenario: ?tab= resolves to a wardrobe tab", () => {
-    it("defaults to personas when absent", () => {
-      expect(resolveWardrobeTab(undefined)).toBe("personas");
-    });
-
-    it("passes each named tab through", () => {
-      expect(["themes", "fonts", "shows", "avatars", "icons"].map(resolveWardrobeTab)).toEqual([
-        "themes",
-        "fonts",
-        "shows",
-        "avatars",
-        "icons",
-      ]);
-    });
-
-    it("falls back to personas on anything unrecognised", () => {
-      expect(resolveWardrobeTab("hats")).toBe("personas");
-      expect(resolveWardrobeTab(["fonts", "shows"])).toBe("personas");
-    });
-  });
-
-  describe("Scenario: the tab strip lists every kind, always", () => {
-    it("renders all six tabs with their ?tab= hrefs", () => {
-      render(<WardrobeTabs activeTab="personas" />);
-
-      const nav = screen.getByRole("navigation", { name: "Wardrobe sections" });
-      expect(within(nav).getByRole("link", { name: "Personas" })).toHaveAttribute("href", "/wardrobe");
-      expect(within(nav).getByRole("link", { name: "Themes" })).toHaveAttribute("href", "/wardrobe?tab=themes");
-      expect(within(nav).getByRole("link", { name: "Fonts" })).toHaveAttribute("href", "/wardrobe?tab=fonts");
-      expect(within(nav).getByRole("link", { name: "Shows" })).toHaveAttribute("href", "/wardrobe?tab=shows");
-      expect(within(nav).getByRole("link", { name: "Avatars" })).toHaveAttribute("href", "/wardrobe?tab=avatars");
-      expect(within(nav).getByRole("link", { name: "Icons" })).toHaveAttribute("href", "/wardrobe?tab=icons");
-    });
-
-    it("marks only the active tab with aria-current", () => {
-      render(<WardrobeTabs activeTab="fonts" />);
-
-      expect(screen.getByRole("link", { name: "Fonts" })).toHaveAttribute("aria-current", "page");
-      expect(screen.getByRole("link", { name: "Personas" })).not.toHaveAttribute("aria-current");
-    });
-  });
-
-  describe("Scenario: a kind tab lists its installed entries", () => {
-    it("renders a card per row with the kind's own provenance verb", () => {
-      render(
-        <InstalledEntriesList
-          rows={[HIRED_PERSONA]}
-          ariaLabel="Hired personas"
-          provenanceVerb="Hired"
-          emptyTitle="No personas hired"
-          emptyReason="unused here"
-          timeZone="UTC"
-        />
-      );
-
-      const list = screen.getByRole("list", { name: "Hired personas" });
-      expect(within(list).getByText("Big Tony Marconi")).toBeInTheDocument();
-      expect(within(list).getByText("Hired · big-tony-marconi · Aug 5, 2026")).toBeInTheDocument();
-    });
-
-    it("renders the secondary line only when a row carries one", () => {
-      render(
-        <InstalledEntriesList
-          rows={[IMPORTED_SHOW]}
-          ariaLabel="Imported shows"
-          provenanceVerb="Imported"
-          emptyTitle="No shows imported"
-          emptyReason="unused here"
-          timeZone="UTC"
-        />
-      );
-
-      const list = screen.getByRole("list", { name: "Imported shows" });
-      expect(within(list).getByText("Overnights, unhurried.")).toBeInTheDocument();
-      expect(within(list).getByText("Imported · til-sunrise · Aug 11, 2026")).toBeInTheDocument();
-    });
-  });
-
-  describe("Scenario: a kind tab is empty", () => {
-    // The T203 review finding F3 CTA swap, inherited from WardrobeClient's own empty state: a
-    // disabled catalog must never leave an empty tab pointing at /persona-catalog (it 404s
-    // off-catalog).
-    it("names the reason and offers the catalog CTA when the catalog is enabled", () => {
-      render(
-        <InstalledEntriesList
-          rows={[]}
-          ariaLabel="Hired personas"
-          provenanceVerb="Hired"
-          emptyTitle="No personas hired"
-          emptyReason="Browse the Community Catalog to hire a DJ for this station."
-          catalogEnabled
-          timeZone="UTC"
-        />
-      );
-
-      expect(screen.getByText("No personas hired")).toBeInTheDocument();
-      expect(screen.getByRole("link", { name: "Browse the Community Catalog" })).toHaveAttribute(
-        "href",
-        "/persona-catalog"
-      );
-    });
-
-    it("points at Settings instead when the catalog is disabled", () => {
-      render(
-        <InstalledEntriesList
-          rows={[]}
-          ariaLabel="Hired personas"
-          provenanceVerb="Hired"
-          emptyTitle="No personas hired"
-          emptyReason="unused when disabled"
-          catalogEnabled={false}
-          timeZone="UTC"
-        />
-      );
-
-      expect(screen.getByText("No personas hired")).toBeInTheDocument();
-      expect(screen.queryByRole("link", { name: "Browse the Community Catalog" })).not.toBeInTheDocument();
-      expect(screen.getByRole("link", { name: "Open Settings" })).toHaveAttribute("href", "/settings");
-    });
-  });
-});
diff --git a/admin-ui/__specs__/wardrobe-uninstall-pack.spec.tsx b/admin-ui/__specs__/wardrobe-uninstall-pack.spec.tsx
deleted file mode 100644
index 31b8788a..00000000
--- a/admin-ui/__specs__/wardrobe-uninstall-pack.spec.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-// @jest-environment jsdom
-// gh-#428 — Wardrobe gets an uninstall affordance per installed font pack. Harness mirrors
-// catalog-purge-unavailable.spec.tsx (ConfirmDialogProvider + Toaster + mocked useRouter/fetch): a
-// confirm dialog names the pack, DELETE fires only on confirm, 204 toasts success and refreshes the
-// server-rendered page, 409 names the referencing themes instead of a generic error, and 404/network
-// failures still toast (just not with a theme list).
-
-jest.mock("next/navigation", () => ({
-  ...jest.requireActual<typeof import("next/navigation")>("next/navigation"),
-  useRouter: jest.fn(),
-}));
-
-import { describe, it, expect, jest, beforeEach, afterEach } from "@jest/globals";
-import { render, screen, fireEvent, act, waitFor, within } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import type { useRouter } from "next/navigation";
-import { ConfirmDialogProvider } from "@/components/ui/confirm-dialog";
-import { Toaster } from "@/components/ui/toast";
-
-const mockedUseRouter = jest
-  .requireMock<{ useRouter: typeof useRouter }>("next/navigation")
-  .useRouter as jest.MockedFunction<typeof useRouter>;
-
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-
-interface StubResponse {
-  status: number;
-  body?: unknown;
-}
-
-function toResponse(stub: StubResponse): Response {
-  return {
-    ok: stub.status >= 200 && stub.status < 300,
-    status: stub.status,
-    json: jest.fn<() => Promise<unknown>>().mockResolvedValue(stub.body ?? {}),
-  } as unknown as Response;
-}
-
-/** Queues one response per expected fetch call, failing loudly on any extra call. */
-function makeFetchMock(...stubs: StubResponse[]): jest.MockedFunction<typeof fetch> {
-  const queue = [...stubs];
-  const fn = jest.fn<typeof fetch>().mockImplementation(() => {
-    const next = queue.shift();
-    if (next === undefined) {
-      throw new Error("unexpected fetch call — no stubbed response left");
-    }
-    return Promise.resolve(toResponse(next));
-  });
-  global.fetch = fn as unknown as typeof fetch;
-  return fn;
-}
-
-async function renderButton(): Promise<void> {
-  // Dynamic import after the mocks are in place — the directory's established convention
-  // (catalog-purge-unavailable.spec.tsx's renderAction does the same).
-  const { UninstallPackButton } = await import("../app/(authed)/wardrobe/UninstallPackButton");
-  render(
-    <ConfirmDialogProvider>
-      <UninstallPackButton slug="space-grotesk" family="Space Grotesk" />
-      <Toaster />
-    </ConfirmDialogProvider>
-  );
-}
-
-async function clickUninstallTrigger(): Promise<void> {
-  await act(async () => {
-    fireEvent.click(screen.getByRole("button", { name: "Uninstall Space Grotesk" }));
-    await Promise.resolve();
-  });
-}
-
-async function confirmInDialog(): Promise<void> {
-  const dialog = await screen.findByRole("dialog");
-  await act(async () => {
-    fireEvent.click(within(dialog).getByRole("button", { name: "Uninstall" }));
-    await Promise.resolve();
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Feature: Wardrobe per-pack uninstall (gh-#428)
-// ---------------------------------------------------------------------------
-
-describe("Feature: Wardrobe per-pack uninstall (gh-#428)", () => {
-  let originalFetch: typeof fetch;
-  let refreshMock: jest.Mock;
-
-  beforeEach(() => {
-    originalFetch = global.fetch;
-    refreshMock = jest.fn();
-    mockedUseRouter.mockReturnValue({ refresh: refreshMock } as unknown as ReturnType<typeof useRouter>);
-  });
-
-  afterEach(() => {
-    global.fetch = originalFetch;
-    jest.clearAllMocks();
-  });
-
-  describe("Scenario: the confirm dialog names the pack", () => {
-    it("states the family name in the consequence copy and issues no request before confirm", async () => {
-      const mockFetch = makeFetchMock({ status: 204 });
-      await renderButton();
-
-      await clickUninstallTrigger();
-
-      const dialog = await screen.findByRole("dialog");
-      expect(within(dialog).getByText(/Uninstall "Space Grotesk"\?/)).toBeInTheDocument();
-      expect(mockFetch).not.toHaveBeenCalled();
-    });
-  });
-
-  describe("Scenario: confirming issues the DELETE to the right slug", () => {
-    it("DELETEs /api/fonts/<slug>", async () => {
-      const mockFetch = makeFetchMock({ status: 204 });
-      await renderButton();
-
-      await clickUninstallTrigger();
-      await confirmInDialog();
-
-      await waitFor(() => expect(mockFetch).toHaveBeenCalledTimes(1));
-      expect(mockFetch).toHaveBeenCalledWith("/api/fonts/space-grotesk", { method: "DELETE" });
-    });
-  });
-
-  describe("Scenario: 204 refreshes the list and toasts success", () => {
-    it("calls router.refresh() and shows a success toast naming the pack", async () => {
-      makeFetchMock({ status: 204 });
-      await renderButton();
-
-      await clickUninstallTrigger();
-      await confirmInDialog();
-
-      expect(await screen.findByText('"Space Grotesk" uninstalled.')).toBeInTheDocument();
-      await waitFor(() => expect(refreshMock).toHaveBeenCalled());
-    });
-  });
-
-  describe("Scenario: 409 names the referencing themes instead of a generic error", () => {
-    it("toasts 'In use by: <themes>' and never refreshes the list", async () => {
-      const detail =
-        '"space-grotesk" is still referenced by theme(s) "midnight-drive", "sunday-static" and cannot be uninstalled — remove or edit those themes first.';
-      makeFetchMock({ status: 409, body: { detail } });
-      await renderButton();
-
-      await clickUninstallTrigger();
-      await confirmInDialog();
-
-      expect(await screen.findByText("In use by: midnight-drive, sunday-static")).toBeInTheDocument();
-      expect(refreshMock).not.toHaveBeenCalled();
-    });
-  });
-
-  describe("Scenario: 404 toasts the server's own explanation", () => {
-    it("relays the ProblemDetails detail instead of a generic message", async () => {
-      const detail = 'No installed font pack with slug "space-grotesk" exists.';
-      makeFetchMock({ status: 404, body: { detail } });
-      await renderButton();
-
-      await clickUninstallTrigger();
-      await confirmInDialog();
-
-      expect(await screen.findByText(detail)).toBeInTheDocument();
-      expect(refreshMock).not.toHaveBeenCalled();
-    });
-  });
-
-  describe("Scenario: a network error toasts a failure, not a crash", () => {
-    it("shows the network-error toast", async () => {
-      global.fetch = jest.fn<typeof fetch>().mockRejectedValue(new Error("network down")) as unknown as typeof fetch;
-      await renderButton();
-
-      await clickUninstallTrigger();
-      await confirmInDialog();
-
-      expect(await screen.findByText("Network error — check your connection")).toBeInTheDocument();
-      expect(refreshMock).not.toHaveBeenCalled();
-    });
-  });
-
-  describe("Scenario: cancelling fires nothing", () => {
-    it("leaves fetch uncalled and the router unrefreshed", async () => {
-      const mockFetch = makeFetchMock({ status: 204 });
-      await renderButton();
-
-      await clickUninstallTrigger();
-      const dialog = await screen.findByRole("dialog");
-      await act(async () => {
-        fireEvent.click(within(dialog).getByRole("button", { name: "Cancel" }));
-        await Promise.resolve();
-      });
-
-      expect(mockFetch).not.toHaveBeenCalled();
-      expect(refreshMock).not.toHaveBeenCalled();
-    });
-  });
-});
diff --git a/admin-ui/app/(authed)/_components/Breadcrumbs.tsx b/admin-ui/app/(authed)/_components/Breadcrumbs.tsx
index cb81b9e8..c3cfa8ea 100644
--- a/admin-ui/app/(authed)/_components/Breadcrumbs.tsx
+++ b/admin-ui/app/(authed)/_components/Breadcrumbs.tsx
@@ -10,9 +10,8 @@ import { useBreadcrumbTitleOverride } from "./BreadcrumbTitle";
 // page's Libraries tab (Q7, SPEC F28.11) and is never itself a rendered route.
 const SECTION_LABELS: Record<string, string> = {
   dashboard: "Dashboard",
-  live: "Live",
   catalog: "Catalog",
-  "safe-content": "Station Imaging",
+  "safe-content": "Station sounds",
   "persona-catalog": "Community Catalog",
   settings: "Settings",
 };
diff --git a/admin-ui/app/(authed)/_components/IconPackContext.tsx b/admin-ui/app/(authed)/_components/IconPackContext.tsx
index 0ab133bf..9a417bd7 100644
--- a/admin-ui/app/(authed)/_components/IconPackContext.tsx
+++ b/admin-ui/app/(authed)/_components/IconPackContext.tsx
@@ -26,7 +26,7 @@ export interface IconPackProviderProps {
  * the next one), not on every re-render this provider's own subtree causes.
  *
  * The context's OWN default value is `null` (no ancestor provider) — deliberate: every existing
- * isolated component render (a jest test mounting e.g. `<Sidebar />` or `<RatingControls />` with
+ * isolated component render (a jest test mounting e.g. `<Sidebar />` or `<NeverPlayControl />` with
  * no shell above it) keeps rendering house icons exactly as before this task, with ZERO test
  * changes needed for the swap itself — `null` here IS "house icons", the identical fail-open shape
  * an uninstalled active pack already resolves to server-side (SPEC F130.5).
diff --git a/admin-ui/app/(authed)/_components/IconPackRenderer.tsx b/admin-ui/app/(authed)/_components/IconPackRenderer.tsx
index 56c18858..a7c1b3bd 100644
--- a/admin-ui/app/(authed)/_components/IconPackRenderer.tsx
+++ b/admin-ui/app/(authed)/_components/IconPackRenderer.tsx
@@ -104,8 +104,8 @@ export interface IconPackSpecimenRowProps {
 const MAX_SPECIMEN_GLYPHS = 48;
 
 /**
- * A pack's own icon set, drawn small (SPEC F130.3, STORY-337, PLAN T304) — the Wardrobe Icons
- * tab's per-pack row and the shelf's icon-kind detail panel both render through this ONE component,
+ * A pack's own icon set, drawn small (SPEC F130.3, STORY-337, PLAN T304) — the Community
+ * Catalog's icon-kind detail panel (`IconDetailPanel`) renders through this ONE component,
  * ordinal-sorted by name for a stable, deterministic layout. Every glyph renders through the SAME
  * `IconPackGlyph` the active-chrome resolver (`Icon.tsx`) uses — no separate, less-defensive path
  * for a "just previewing" render.
diff --git a/admin-ui/app/(authed)/_components/MobileNav.tsx b/admin-ui/app/(authed)/_components/MobileNav.tsx
index 3b033b08..3a8ad355 100644
--- a/admin-ui/app/(authed)/_components/MobileNav.tsx
+++ b/admin-ui/app/(authed)/_components/MobileNav.tsx
@@ -1,14 +1,12 @@
 "use client";
 
 import * as Dialog from "@radix-ui/react-dialog";
-import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useState, type ReactNode } from "react";
-import { logout } from "@/app/login/actions";
 import { Tooltip } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 import { Icon } from "./Icon";
-import { NAV_LINK_CLASSES, isActiveSection, visibleNavItems } from "./nav-items";
+import { NavSections } from "./NavSections";
 
 const ICON_BUTTON_CLASSES =
   "flex h-10 w-10 shrink-0 items-center justify-center rounded-[6px] text-mute transition-colors duration-[120ms] ease-out hover:bg-surface hover:text-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent";
@@ -29,18 +27,22 @@ interface MobileNavProps {
 
 /**
  * Sub-1024px nav drawer (SPEC F28.13): a hamburger in the shell header opens
- * the same `NAV_ITEMS` the persistent `Sidebar` renders at ≥1024px, inside a
+ * the same nav model the persistent `Sidebar` renders at ≥1024px, inside a
  * Radix Dialog reused for the trap (as confirm-dialog.tsx does — FocusScope
  * + DismissableLayer are Radix's job, not hand-rolled here). Unlike
  * `useConfirm()`, this trigger is a real rendered `<Dialog.Trigger>`, so
  * Radix's built-in onCloseAutoFocus already refocuses it on close with no
- * extra wiring. Every nav Link and the sign-out submit close the drawer
- * explicitly so a route change never leaves it open over the new page. Both
- * icon-only triggers (hamburger, drawer close) carry a hover/focus tooltip
- * with the same copy as their aria-label (SPEC F62.1–F62.2) — the `Tooltip`
- * wraps each `Dialog.Trigger`/`Dialog.Close` from the outside, not as their
- * `asChild` target, so Radix's own prop-cloning onto the real `<button>` is
- * unaffected.
+ * extra wiring. Both icon-only triggers (hamburger, drawer close) carry a
+ * hover/focus tooltip with the same copy as their aria-label (SPEC
+ * F62.1–F62.2) — the `Tooltip` wraps each `Dialog.Trigger`/`Dialog.Close`
+ * from the outside, not as their `asChild` target, so Radix's own
+ * prop-cloning onto the real `<button>` is unaffected.
+ *
+ * The header chrome (wordmark, hamburger, close button) is the only markup this component owns —
+ * the rest (`NAV_TOP`, the collapsible groups, `NAV_BOTTOM`, the footer) is `NavSections`, shared
+ * verbatim with `Sidebar` (SPEC F203.1–F203.2) so the two surfaces can never drift. `NavSections`
+ * is given `onNavigate` here so every nav `Link` and the sign-out submit close the drawer
+ * explicitly — a route change should never leave it open over the new page.
  */
 export function MobileNav({ stationName = "GenWave", catalogEnabled = false }: MobileNavProps): ReactNode {
   const pathname = usePathname();
@@ -75,41 +77,7 @@ export function MobileNav({ stationName = "GenWave", catalogEnabled = false }: M
             </Tooltip>
           </div>
 
-          <nav aria-label="Sections" className="flex-1 px-3">
-            <ul className="flex flex-col gap-1">
-              {visibleNavItems(catalogEnabled).map(({ href, label, iconName }) => {
-                const active = isActiveSection(pathname, href);
-                return (
-                  <li key={href}>
-                    <Link
-                      href={href}
-                      aria-current={active ? "page" : undefined}
-                      onClick={() => setOpen(false)}
-                      className={cn(
-                        NAV_LINK_CLASSES,
-                        active
-                          ? "bg-accent/10 text-accent"
-                          : "text-mute hover:bg-surface hover:text-ink"
-                      )}
-                    >
-                      <Icon name={iconName} className="shrink-0" />
-                      {label}
-                    </Link>
-                  </li>
-                );
-              })}
-            </ul>
-          </nav>
-
-          <form action={logout} className="border-t border-line px-3 py-4" onSubmit={() => setOpen(false)}>
-            <button
-              type="submit"
-              className={cn(NAV_LINK_CLASSES, "w-full text-mute hover:bg-surface hover:text-ink")}
-            >
-              <Icon name="sign-out" className="shrink-0" />
-              Sign out
-            </button>
-          </form>
+          <NavSections pathname={pathname} catalogEnabled={catalogEnabled} onNavigate={() => setOpen(false)} />
         </Dialog.Content>
       </Dialog.Portal>
     </Dialog.Root>
diff --git a/admin-ui/app/(authed)/_components/NavSections.tsx b/admin-ui/app/(authed)/_components/NavSections.tsx
new file mode 100644
index 00000000..b82b6d56
--- /dev/null
+++ b/admin-ui/app/(authed)/_components/NavSections.tsx
@@ -0,0 +1,188 @@
+"use client";
+
+import Link from "next/link";
+import type { ReactNode } from "react";
+import { useId } from "react";
+import { logout } from "@/app/login/actions";
+import { cn } from "@/lib/utils";
+import { Icon } from "./Icon";
+import {
+  NAV_BOTTOM,
+  NAV_FOOTER,
+  NAV_GROUP_HEADING_CLASSES,
+  NAV_LINK_CLASSES,
+  NAV_TOP,
+  isActiveSection,
+  visibleNavGroups,
+  type NavGroup,
+  type NavItem,
+} from "./nav-items";
+import { useNavGroupOpenState } from "./useNavGroupOpenState";
+
+export interface NavSectionsProps {
+  /** Current route (`usePathname()`) — drives both the active-link highlight and which group
+   * opens by the route rule (SPEC F203.2). */
+  pathname: string;
+  /** Mirrors `Sidebar`/`MobileNav`'s own `catalogEnabled` prop (PLAN T102, SPEC F90.1). */
+  catalogEnabled: boolean;
+  /** Called after every nav `Link` click and the sign-out submit. `MobileNav` passes this to
+   * close its drawer; `Sidebar` has nothing to close and leaves it undefined. */
+  onNavigate?: () => void;
+}
+
+/**
+ * The nav model both `Sidebar` (persistent, ≥1024px) and `MobileNav` (drawer, <1024px) render:
+ * `NAV_TOP`, the visible groups as collapsible sections, `NAV_BOTTOM`, then the `NAV_FOOTER`
+ * entries (About, Sign out) — SPEC F203.1's "Sidebar and MobileNav render the same model", now
+ * true of the markup itself rather than two hand-kept-in-sync copies of it (PLAN T559 fix round,
+ * finding #5). Neither component owns any of this JSX; they differ only in the shell around it (a
+ * persistent `<aside>` vs a Radix `Dialog.Content` drawer) and in whether a navigation should also
+ * close that shell (`onNavigate`).
+ */
+export function NavSections({ pathname, catalogEnabled, onNavigate }: NavSectionsProps): ReactNode {
+  const idRoot = useId();
+  const { isOpen, toggle } = useNavGroupOpenState(pathname);
+  const groups = visibleNavGroups(catalogEnabled);
+
+  return (
+    <>
+      <nav aria-label="Sections" className="flex-1 px-3">
+        <ul className="flex flex-col gap-1">
+          {NAV_TOP.map((item) => (
+            <NavLinkItem key={item.href} item={item} pathname={pathname} onNavigate={onNavigate} />
+          ))}
+        </ul>
+
+        <div className="mt-2 flex flex-col gap-1">
+          {groups.map((group) => (
+            <NavGroupSection
+              key={group.id}
+              group={group}
+              idRoot={idRoot}
+              pathname={pathname}
+              open={isOpen(group.id)}
+              onToggle={() => toggle(group.id)}
+              onNavigate={onNavigate}
+            />
+          ))}
+        </div>
+
+        <ul className="mt-2 flex flex-col gap-1">
+          {NAV_BOTTOM.map((item) => (
+            <NavLinkItem key={item.href} item={item} pathname={pathname} onNavigate={onNavigate} />
+          ))}
+        </ul>
+      </nav>
+
+      <NavFooter onNavigate={onNavigate} />
+    </>
+  );
+}
+
+/** One `<li><Link></li>` nav destination, active-link highlight included (SPEC F28.5) — the block
+ * every list in this file renders, instead of six near-identical copies across `Sidebar` and
+ * `MobileNav` (finding #5). */
+function NavLinkItem({
+  item,
+  pathname,
+  onNavigate,
+}: {
+  item: NavItem;
+  pathname: string;
+  onNavigate?: () => void;
+}): ReactNode {
+  const active = isActiveSection(pathname, item.href);
+  return (
+    <li>
+      <Link
+        href={item.href}
+        aria-current={active ? "page" : undefined}
+        onClick={onNavigate}
+        className={cn(
+          NAV_LINK_CLASSES,
+          active ? "bg-accent/10 text-accent" : "text-mute hover:bg-surface hover:text-ink"
+        )}
+      >
+        <Icon name={item.iconName} className="shrink-0" />
+        {item.label}
+      </Link>
+    </li>
+  );
+}
+
+/** One collapsible group section — a real `<button aria-expanded aria-controls>` heading (a11y)
+ * over its `<ul>` of `NavLinkItem`s (SPEC F203.2). */
+function NavGroupSection({
+  group,
+  idRoot,
+  pathname,
+  open,
+  onToggle,
+  onNavigate,
+}: {
+  group: NavGroup;
+  idRoot: string;
+  pathname: string;
+  open: boolean;
+  onToggle: () => void;
+  onNavigate?: () => void;
+}): ReactNode {
+  const listId = `${idRoot}-group-${group.id}`;
+  return (
+    <div>
+      <button
+        type="button"
+        aria-expanded={open}
+        aria-controls={listId}
+        onClick={onToggle}
+        className={NAV_GROUP_HEADING_CLASSES}
+      >
+        <span>{group.label}</span>
+        <span
+          aria-hidden="true"
+          className={cn("transition-transform duration-[120ms] ease-out", open && "rotate-90")}
+        >
+          ▸
+        </span>
+      </button>
+      <ul id={listId} hidden={!open} className="flex flex-col gap-1 pb-1">
+        {group.items.map((item) => (
+          <NavLinkItem key={item.href} item={item} pathname={pathname} onNavigate={onNavigate} />
+        ))}
+      </ul>
+    </div>
+  );
+}
+
+/** The footer's About link + Sign out submit (`NAV_FOOTER`, STORY-474 AC5) — a real `<footer>`
+ * containing both, so "About sits in the footer beside Sign out" is true of the rendered markup
+ * (PLAN T559 fix round, finding #4). */
+function NavFooter({ onNavigate }: { onNavigate?: () => void }): ReactNode {
+  return (
+    <footer className="flex flex-col gap-1 border-t border-line px-3 py-4">
+      {NAV_FOOTER.map((entry) =>
+        entry.kind === "link" ? (
+          <Link
+            key={entry.href}
+            href={entry.href}
+            onClick={onNavigate}
+            className={cn(NAV_LINK_CLASSES, "text-mute hover:bg-surface hover:text-ink")}
+          >
+            {entry.iconName ? <Icon name={entry.iconName} className="shrink-0" /> : null}
+            {entry.label}
+          </Link>
+        ) : (
+          <form key="sign-out" action={logout} onSubmit={onNavigate}>
+            <button
+              type="submit"
+              className={cn(NAV_LINK_CLASSES, "w-full text-mute hover:bg-surface hover:text-ink")}
+            >
+              <Icon name={entry.iconName ?? "sign-out"} className="shrink-0" />
+              {entry.label}
+            </button>
+          </form>
+        )
+      )}
+    </footer>
+  );
+}
diff --git a/admin-ui/app/(authed)/_components/NowPlayingCard.tsx b/admin-ui/app/(authed)/_components/NowPlayingCard.tsx
index a669dabb..a61d6400 100644
--- a/admin-ui/app/(authed)/_components/NowPlayingCard.tsx
+++ b/admin-ui/app/(authed)/_components/NowPlayingCard.tsx
@@ -9,51 +9,6 @@ import type { NowPlayingState } from "@/lib/broadcast-api";
 interface NowPlayingCardProps {
   state: NowPlayingState | null;
   error: boolean;
-  /**
-   * Opt-in rating-controls slot (SPEC F33.11, STORY-114) — omitted entirely by the Dashboard
-   * (`RecentPlays`/this card stay read-only there, F33.12), supplied by the Live page only. A
-   * plain `ReactNode` slot rather than a `votable` flag + mediaId prop: this card has no idea
-   * what rating controls are or how to reach the vote/never-play endpoints, and shouldn't — the
-   * caller already knows the on-air track's id and decides whether it's a catalog id worth
-   * rendering controls for at all (a `tts:*` patter announcement on air gets none).
-   */
-  ratingControls?: ReactNode;
-  /**
-   * Opt-in persona-taste-thumb slot (SPEC F84.1, F84.6-F84.7) — omitted entirely by the Dashboard
-   * (same read-only posture as `ratingControls`, F33.12), supplied by the Live page only, and
-   * rendered on its own line below `ratingControls` so the two affordances never visually merge
-   * into one control cluster (F84.7's visual-distinctness requirement extends to layout, not just
-   * the controls themselves). Like `ratingControls`, this card has no idea what a taste thumb is
-   * or how to resolve which booth-log row/persona it belongs to — the Live page already does that
-   * resolution (see `useNowPlayingTasteAttribution`) before ever handing this a node to render.
-   */
-  tasteThumbControls?: ReactNode;
-  /**
-   * Opt-in station-rotation-thumb slot (SPEC F150.1, F150.8; STORY-370) — omitted entirely by the
-   * Dashboard, same read-only posture as `tasteThumbControls`, supplied by the Live page only and
-   * rendered BESIDE `tasteThumbControls` on the SAME line (not stacked below it) — this card's own
-   * layout choice for satisfying F150.1's "the two read as siblings, distinguishable by glyph and
-   * label" legibility requirement, not literal SPEC text mandating "one row". Like
-   * `tasteThumbControls`, this card has no idea what a station thumb is or how to resolve its row
-   * id — the Live page's `useNowPlayingTasteAttribution` resolution decides whether this slot gets
-   * a node at all; reusing the SAME resolution `tasteThumbControls` uses (rather than a second
-   * one) is the Live page's own choice (see `LiveView`'s own remarks), not a SPEC F150.8
-   * requirement — SPEC F150.8 itself only names "Live now-playing and booth-log track rows".
-   */
-  stationThumbControls?: ReactNode;
-  /**
-   * Opt-in why-this-pick slot (SPEC F86.4, STORY-218, PLAN T76) — the caller's `<PickChips />`
-   * element, rendered BARE (`{pickChips}`, no wrapper `<div>`), mirroring `BoothLogFeed`'s own
-   * bare `<PickChips pick={entry.pick} className="mt-1.5" />` call (PLAN T75). This is load-
-   * bearing, not cosmetic: `PickChips` renders `null` not just for an absent/`undefined` pick but
-   * also for a *present* pick that matched no rule and wasn't exploration
-   * (`{firedRules: [], isExploration: false}` — the majority production shape). A `pickChips &&
-   * <div>...</div>` wrapper here would be truthy for that element regardless of what it renders
-   * internally, leaving a stray empty `<div>` in the DOM. Rendering bare instead means this card
-   * never has to duplicate `PickChips`'s own render-nothing gate — the spacing/margin is the
-   * caller's job via `PickChips`'s own `className` prop, exactly like `BoothLogFeed`'s call site.
-   */
-  pickChips?: ReactNode;
 }
 
 // Decorative dial-marking strip under the elapsed readout — a receiver
@@ -74,19 +29,12 @@ const DIAL_MARKS = Array.from({ length: DIAL_MARK_COUNT }, (_, index) => index);
  * quiet inline hint when the most recent poll failed (SPEC F28.8 AC5) —
  * never a toast.
  *
- * Shared, unforked, between the Dashboard (Q5) and Live (Q6) — the design
- * aesthetic treats both as the same faceplate treatment, so this card is
- * imported directly rather than duplicated or given a variant prop.
+ * The Dashboard is the only caller (the Live page that once shared this card
+ * was retired by F203.4); the card stays read-only, with no rating/taste/
+ * station-thumb/pick-chip slots to render.
  */
-export function NowPlayingCard({
-  state,
-  error,
-  ratingControls,
-  tasteThumbControls,
-  stationThumbControls,
-  pickChips,
-}: NowPlayingCardProps): ReactNode {
-  // Track and patter share the whole on-air treatment (pill, elapsed/progress, slots) —
+export function NowPlayingCard({ state, error }: NowPlayingCardProps): ReactNode {
+  // Track and patter share the whole on-air treatment (pill, elapsed/progress) —
   // they differ only in the headline block (gh-#187): a patter's `title` is literally the
   // station name (TtsSegmentSource), so the break renders a DJ-break chip + persona name
   // (`artist`) instead of masquerading as a track.
@@ -118,7 +66,7 @@ export function NowPlayingCard({
       )}
 
       {state?.kind === "drain" && (
-        <p className="mt-3 text-[0.95rem] text-ink">Station Imaging rotation — drain state.</p>
+        <p className="mt-3 text-[0.95rem] text-ink">Station sounds rotation — drain state.</p>
       )}
 
       {onAir && (
@@ -152,8 +100,6 @@ export function NowPlayingCard({
           )}
           <p className="mt-1 text-[0.82rem] tabular-nums text-mute">{onAir.gainDb.toFixed(2)} dB</p>
 
-          {pickChips}
-
           {trackProgress === null ? (
             <>
               <div aria-hidden="true" className="mt-4 flex items-end gap-[3px]">
@@ -195,14 +141,6 @@ export function NowPlayingCard({
               </p>
             </div>
           )}
-
-          {ratingControls && <div className="mt-3">{ratingControls}</div>}
-          {(tasteThumbControls || stationThumbControls) && (
-            <div className="mt-2 flex flex-wrap items-center gap-3">
-              {tasteThumbControls}
-              {stationThumbControls}
-            </div>
-          )}
         </div>
       )}
 
diff --git a/admin-ui/app/(authed)/_components/PersonaTasteThumbs.tsx b/admin-ui/app/(authed)/_components/PersonaTasteThumbs.tsx
index 68742688..b1afe685 100644
--- a/admin-ui/app/(authed)/_components/PersonaTasteThumbs.tsx
+++ b/admin-ui/app/(authed)/_components/PersonaTasteThumbs.tsx
@@ -22,10 +22,10 @@ interface PersonaTasteThumbsProps {
 
 /**
  * The persona-taste thumb control (SPEC F84.1, F84.5-F84.7; STORY-215) — deliberately a different
- * shape from the catalog's `RatingControls` (F33.11) so an operator can never confuse "curate the
+ * shape from `CatalogToolbar`'s catalog vote (F33.11) so an operator can never confuse "curate the
  * library" with "teach the DJ" at a glance (F84.7's visual-distinctness requirement): real thumb
- * glyphs (not `RatingControls`' up/down chevrons), a brass (`--accent-2`) persona-attribution chip
- * in place of `RatingControls`' neutral numeric score pill, and exactly two directions — no third
+ * glyphs (not the catalog vote's up/down chevrons), a brass (`--accent-2`) persona-attribution chip
+ * in place of the catalog vote's neutral numeric score pill, and exactly two directions — no third
  * never-play/restore button, since taste has no flag to clear.
  *
  * Idempotency affordance (F84.5): each direction disables itself independently the moment its own
diff --git a/admin-ui/app/(authed)/_components/RatingControls.tsx b/admin-ui/app/(authed)/_components/RatingControls.tsx
deleted file mode 100644
index 6e8a1c38..00000000
--- a/admin-ui/app/(authed)/_components/RatingControls.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-"use client";
-
-import { useState, type ReactNode } from "react";
-import { IconButton } from "@/components/ui/icon-button";
-import { toast } from "@/components/ui/toast";
-import { cn } from "@/lib/utils";
-import {
-  describeRatingFailure,
-  setNeverPlay,
-  voteTrack,
-  type RatingEntry,
-  type VoteDirection,
-} from "@/lib/broadcast-api";
-import { Icon } from "./Icon";
-
-export type RatingControlsValue = Pick<RatingEntry, "score" | "neverPlay">;
-
-interface RatingControlsProps {
-  mediaId: string;
-  value: RatingControlsValue;
-  /**
-   * Called with the fresh state after a successful vote or never-play toggle — the response
-   * body IS the new state (F33.11: "no refetch"). Callers fold this back into whatever they hold
-   * for this mediaId.
-   */
-  onChange: (next: RatingControlsValue) => void;
-  className?: string;
-}
-
-/**
- * Score chip + vote-up/vote-down/never-play controls (SPEC F33.11, STORY-114) — the one
- * rating widget shared by the Live page's play-history rows and now-playing card, the only two
- * votable surfaces this epic ships (S6). Owns the full interaction: a click calls the S4
- * endpoint directly — deliberately NOT through `useRowPatch` (rating writes are ETag-free by
- * design, PLAN.md Epic S sequencing note) — disables all three controls while any one request is
- * in flight, and on success folds the response body back via `onChange` with no refetch; on
- * failure it toasts a classified, human message (401/403/404/network get distinct copy) and
- * leaves the caller's `value` untouched.
- *
- * Chip is a quiet pill (tabular numerals, per design-aesthetic); all three controls reuse the
- * shared `IconButton` (40px min touch target, visible focus ring already built in, hover/focus
- * tooltip with the same copy as its aria-label — SPEC F62.1–F62.2). The never-play button's icon
- * reflects current state — X when playable, a restore arrow when flagged — so the X is never a
- * one-way door (F23.2 reachability posture).
- */
-export function RatingControls({ mediaId, value, onChange, className }: RatingControlsProps): ReactNode {
-  const [pending, setPending] = useState(false);
-
-  async function handleVote(direction: VoteDirection): Promise<void> {
-    setPending(true);
-    const outcome = await voteTrack(mediaId, direction);
-    setPending(false);
-    if (outcome.ok) {
-      onChange({ score: outcome.score, neverPlay: value.neverPlay });
-      return;
-    }
-    toast.error(describeRatingFailure(outcome.kind, outcome.status));
-  }
-
-  async function handleNeverPlay(): Promise<void> {
-    setPending(true);
-    const outcome = await setNeverPlay(mediaId, !value.neverPlay);
-    setPending(false);
-    if (outcome.ok) {
-      onChange({ score: value.score, neverPlay: outcome.neverPlay });
-      return;
-    }
-    toast.error(describeRatingFailure(outcome.kind, outcome.status));
-  }
-
-  return (
-    <div className={cn("flex items-center gap-1.5", className)}>
-      <span
-        aria-label={`Score ${value.score}`}
-        className="inline-flex min-w-10 items-center justify-center rounded-[999px] border border-line bg-surface-2 px-2 py-1 text-[0.75rem] font-semibold tabular-nums text-ink"
-      >
-        {value.score}
-      </span>
-      <IconButton label="Vote up" disabled={pending} onClick={() => void handleVote("up")}>
-        <Icon name="vote-up" />
-      </IconButton>
-      <IconButton label="Vote down" disabled={pending} onClick={() => void handleVote("down")}>
-        <Icon name="vote-down" />
-      </IconButton>
-      <IconButton
-        label={value.neverPlay ? "Restore to rotation" : "Never play"}
-        disabled={pending}
-        onClick={() => void handleNeverPlay()}
-      >
-        {value.neverPlay ? <Icon name="restore" /> : <Icon name="close" />}
-      </IconButton>
-    </div>
-  );
-}
diff --git a/admin-ui/app/(authed)/_components/Sidebar.tsx b/admin-ui/app/(authed)/_components/Sidebar.tsx
index 95aa38a7..79d4dad8 100644
--- a/admin-ui/app/(authed)/_components/Sidebar.tsx
+++ b/admin-ui/app/(authed)/_components/Sidebar.tsx
@@ -1,12 +1,8 @@
 "use client";
 
-import Link from "next/link";
 import { usePathname } from "next/navigation";
 import type { ReactNode } from "react";
-import { logout } from "@/app/login/actions";
-import { cn } from "@/lib/utils";
-import { Icon } from "./Icon";
-import { NAV_LINK_CLASSES, isActiveSection, visibleNavItems } from "./nav-items";
+import { NavSections } from "./NavSections";
 
 interface SidebarProps {
   /**
@@ -29,9 +25,13 @@ interface SidebarProps {
 /**
  * Persistent shell sidebar (SPEC F28.5) — visible at ≥1024px only. Below
  * that breakpoint it is replaced by `MobileNav`'s drawer (SPEC F28.13),
- * which renders the same `NAV_ITEMS` behind a focus-trapped Radix dialog;
+ * which renders the same nav model behind a focus-trapped Radix dialog;
  * this component still mounts (so `usePathname` stays live for the active-
  * section highlight) but is hidden via `lg:flex` rather than unmounted.
+ *
+ * The wordmark header is the only markup this component owns — the rest (`NAV_TOP`, the
+ * collapsible groups, `NAV_BOTTOM`, the footer) is `NavSections`, shared verbatim with
+ * `MobileNav` (SPEC F203.1–F203.2).
  */
 export function Sidebar({ stationName = "GenWave", catalogEnabled = false }: SidebarProps): ReactNode {
   const pathname = usePathname();
@@ -42,37 +42,7 @@ export function Sidebar({ stationName = "GenWave", catalogEnabled = false }: Sid
         <span className="font-display text-xl italic text-ink">{stationName}</span>
       </div>
 
-      <nav aria-label="Sections" className="flex-1 px-3">
-        <ul className="flex flex-col gap-1">
-          {visibleNavItems(catalogEnabled).map(({ href, label, iconName }) => {
-            const active = isActiveSection(pathname, href);
-            return (
-              <li key={href}>
-                <Link
-                  href={href}
-                  aria-current={active ? "page" : undefined}
-                  className={cn(
-                    NAV_LINK_CLASSES,
-                    active
-                      ? "bg-accent/10 text-accent"
-                      : "text-mute hover:bg-surface hover:text-ink"
-                  )}
-                >
-                  <Icon name={iconName} className="shrink-0" />
-                  {label}
-                </Link>
-              </li>
-            );
-          })}
-        </ul>
-      </nav>
-
-      <form action={logout} className="border-t border-line px-3 py-4">
-        <button type="submit" className={cn(NAV_LINK_CLASSES, "w-full text-mute hover:bg-surface hover:text-ink")}>
-          <Icon name="sign-out" className="shrink-0" />
-          Sign out
-        </button>
-      </form>
+      <NavSections pathname={pathname} catalogEnabled={catalogEnabled} />
     </aside>
   );
 }
diff --git a/admin-ui/app/(authed)/_components/StationThumbs.tsx b/admin-ui/app/(authed)/_components/StationThumbs.tsx
index 209529cf..88c3bd59 100644
--- a/admin-ui/app/(authed)/_components/StationThumbs.tsx
+++ b/admin-ui/app/(authed)/_components/StationThumbs.tsx
@@ -44,7 +44,7 @@ const RESULT_COPY: Record<StationThumbResult, string> = {
  * "Taste up for {persona}" without any extra context), a neutral "Station" label chip in place of
  * the taste pair's brass persona-attribution chip, and its own dedicated `station-thumb-up`/
  * `station-thumb-down` glyphs (`icons.tsx`) — a tuning-dial needle, distinct from BOTH the taste
- * pair's hand-shaped glyph it sits directly next to AND `RatingControls`' catalog-vote chevron
+ * pair's hand-shaped glyph it sits directly next to AND `CatalogToolbar`'s catalog-vote chevron
  * (T369 review HIGH-1: reusing `vote-up`/`vote-down` put two different ledgers 8px apart on the
  * now-playing card, told apart only by tooltip — not good enough).
  *
diff --git a/admin-ui/app/(authed)/_components/icons.tsx b/admin-ui/app/(authed)/_components/icons.tsx
index dd20bcff..a799f7ba 100644
--- a/admin-ui/app/(authed)/_components/icons.tsx
+++ b/admin-ui/app/(authed)/_components/icons.tsx
@@ -167,8 +167,8 @@ export function MenuIcon(props: IconProps): ReactNode {
   );
 }
 
-/** Closes the nav drawer (SPEC F28.13); also the "never play" glyph on {@link RatingControls}
- * (F33.11) — an X is an X in both contexts. */
+/** Closes the nav drawer (SPEC F28.13); also the "never play" glyph on `NeverPlayControl`/
+ * `CatalogToolbar` (F33.11) — an X is an X in both contexts. */
 export function CloseIcon(props: IconProps): ReactNode {
   return (
     <IconBase {...props}>
@@ -178,7 +178,7 @@ export function CloseIcon(props: IconProps): ReactNode {
   );
 }
 
-/** Vote-up glyph (SPEC F33.11, STORY-114) — {@link RatingControls}. */
+/** Vote-up glyph (SPEC F33.11, STORY-114) — `CatalogToolbar`'s vote-up rank action. */
 export function VoteUpIcon(props: IconProps): ReactNode {
   return (
     <IconBase {...props}>
@@ -188,7 +188,7 @@ export function VoteUpIcon(props: IconProps): ReactNode {
   );
 }
 
-/** Vote-down glyph (SPEC F33.11, STORY-114) — {@link RatingControls}. */
+/** Vote-down glyph (SPEC F33.11, STORY-114) — `CatalogToolbar`'s vote-down rank action. */
 export function VoteDownIcon(props: IconProps): ReactNode {
   return (
     <IconBase {...props}>
@@ -235,7 +235,7 @@ export function TasteThumbDownIcon(props: IconProps): ReactNode {
 /** Station rotation-thumb-up glyph (SPEC F150.1, F150.8; STORY-370; T369 review HIGH-1) — a
  * tuning-dial needle deflected up, NOT {@link VoteUpIcon}'s straight chevron and NOT
  * {@link TasteThumbUpIcon}'s hand silhouette: a station thumb reads as the receiver's own dial
- * moving, distinct from both the controls it can render beside (`RatingControls`' catalog vote,
+ * moving, distinct from both the controls it can render beside (`CatalogToolbar`'s catalog vote,
  * `PersonaTasteThumbs`' persona-taste pair) at a glance, per the Wireless dial-marking motif
  * (`.claude/skills/design-aesthetic`) already used elsewhere in the chrome (the now-playing
  * card's own tuning-scale ticks). */
diff --git a/admin-ui/app/(authed)/_components/nav-items.ts b/admin-ui/app/(authed)/_components/nav-items.ts
index 3f03bdd1..85d7fd32 100644
--- a/admin-ui/app/(authed)/_components/nav-items.ts
+++ b/admin-ui/app/(authed)/_components/nav-items.ts
@@ -1,95 +1,117 @@
 import type { IconName } from "./Icon";
 
+/** One clickable nav destination (SPEC F130.2 icon-name contract, PLAN T304 — `iconName` resolves
+ * through `Icon` at render time, never a direct `icons.tsx` import, so an installed icon pack swaps
+ * every nav glyph without this file changing). */
 export interface NavItem {
   href: string;
   label: string;
-  /** The icon-name-contract slot this nav item renders (SPEC F130.2, PLAN T304) — resolved through
-   * `Icon` at render time (`Sidebar`/`MobileNav`'s own map), never a direct `icons.tsx` component
-   * reference, so an installed icon pack swaps every nav glyph without either of those files
-   * changing. */
   iconName: IconName;
-  /**
-   * True for a nav item that only exists when its own feature is enabled (PLAN T102, SPEC
-   * F90.1's own "the eventual admin UI hides the Persona Catalog entry point on the same
-   * [Community:CatalogIndexUrl] signal" ruling — see `CommunityCatalogAccessor`'s remarks). No
-   * other nav item needs this today; every other section is always-on.
-   */
+  /** True for a nav item that only exists when its own feature is enabled (PLAN T102, SPEC
+   * F90.1) — hidden until `catalogEnabled`. No other item needs a gate today. */
   requiresCatalog?: boolean;
 }
 
+/** The stable group identities (SPEC F203.1, ARCHITECTURE's `NavGroup` shape) — the key a manual
+ * collapse/expand toggle is remembered under (PLAN T559). Kept separate from `label` so a future
+ * copy change can't silently invalidate every browser's stored toggle. */
+export type NavGroupId = "station" | "media" | "tools" | "status";
+
+/** A titled cluster of nav items (SPEC F203.1). */
+export interface NavGroup {
+  id: NavGroupId;
+  label: string;
+  items: NavItem[];
+}
+
+/**
+ * A footer entry is either a real link or the sign-out action — never both, modeled as a
+ * discriminated union so the "sign-out isn't a link" fact can't be lost to a fake href. `Sidebar`/
+ * `MobileNav` render the sign-out action as the `logout` server-action form they already own; this
+ * entry only carries what the footer displays.
+ */
+export type NavFooterEntry =
+  | { kind: "link"; href: string; label: string; iconName?: IconName }
+  | { kind: "sign-out"; label: string; iconName?: IconName };
+
 /**
- * Sidebar sections per SPEC F28.5, shared by the persistent desktop
- * `Sidebar` (≥1024px) and the `MobileNav` drawer (<1024px, SPEC F28.13) so
- * the two never drift.
- *
- * "Libraries" (plural — the MEDIA library, Q7, SPEC F28.11) is deliberately absent from this list:
- * it lives under the Catalog page's Libraries tab, and /libraries is only a redirect into that tab,
- * never its own rendered route. Do not confuse it with "Wardrobe" below — a DIFFERENT feature
- * entirely (SPEC F104.7, installed font packs; named "Library" through v3.1.0, renamed "Wardrobe" at
- * PLAN T204, Dean's ruling) that this same stale note used to read as ruling out too (PLAN T203
- * review finding, closed here): the two features share no code, and the naming collision was never
- * intentional.
+ * Grouped sidebar/drawer model (SPEC F203.1, STORY-471) shared by the persistent desktop `Sidebar`
+ * (≥1024px) and the `MobileNav` drawer (<1024px, SPEC F28.13) so the two never drift. `readonly`
+ * (ARCHITECTURE) — this is a house constant, not a per-render working copy; `visibleNavGroups`
+ * below always returns a fresh array rather than mutating one of these in place.
  */
-export const NAV_ITEMS: NavItem[] = [
-  { href: "/dashboard", label: "Dashboard", iconName: "dashboard" },
-  { href: "/live", label: "Live", iconName: "live" },
-  // Announcements (SPEC F146, STORY-361, PLAN T344) — the House Voice's own admin page: send a
-  // message, watch its fate, manage the announce token. Placed right after Live (both are "what's
-  // happening on air right now" surfaces) and before Catalog (a library-management surface, a
-  // different concern entirely).
-  { href: "/announcements", label: "Announcements", iconName: "announcements" },
-  { href: "/catalog", label: "Catalog", iconName: "catalog" },
-  // Gardener (SPEC F153.10, STORY-374, PLAN T378, gh-#529) — the self-healing rot queue's own admin
-  // page, placed right after Catalog: it curates the SAME library-management surface Catalog owns,
-  // just as a queue of findings rather than a browse table. `restore` (the circular-arrow glyph
-  // already carrying "return this row to a healthy state" everywhere else it appears — NeverPlayControl,
-  // RatingControls, CatalogToolbar) is the closest existing icon-contract fit; this page mints no
-  // new icon name (ORCHESTRATOR ruling 3).
-  { href: "/gardener", label: "Gardener", iconName: "restore" },
-  { href: "/safe-content", label: "Station Imaging", iconName: "safe-content" },
-  // Ads (SPEC F162.1, STORY-392, PLAN T404) — the ad-spot library's own admin page, placed right
-  // after Station Imaging: both are authored-audio library surfaces (voice + optional bed,
-  // generate/render pipeline) rather than a browse of pre-existing tracks. `exploration` (the
-  // three-pip die glyph, otherwise only PickChips' exploration badge) is the closest UNCLAIMED icon
-  // in the house contract (SPEC F130.2's fixed 26-name set — this task cannot mint a new one, that
-  // needs a matching `GenWave.Host.Icons.IconNameContract` change on the backend side) that isn't
-  // already another nav item's own glyph; the more obviously "on-brand" megaphone
-  // (`AnnouncementsIcon`) is deliberately NOT reused here — it already IS the Announcements nav
-  // item's glyph, and two sidebar entries sharing one icon reads as a rendering bug, not a theme
-  // (the Gardener/`restore` precedent reused a CONTROL icon, never another nav item's own).
-  { href: "/ads", label: "Ads", iconName: "exploration" },
-  { href: "/personas", label: "Personas", iconName: "persona" },
-  { href: "/schedule", label: "Schedule", iconName: "schedule" },
-  // Shows (SPEC F119.1, STORY-312, PLAN T244) sits immediately after Schedule — the format-clock
-  // grid that assigns them (T243's assign-show endpoint) is the reason this entity exists at all.
-  // Final placement across the whole sidebar is the Admin-UI-Polish lane's own call (ARCHITECTURE
-  // TODO); this is the sensible spot until that pass reorders the shell.
-  { href: "/shows", label: "Shows", iconName: "shows" },
-  { href: "/persona-catalog", label: "Community Catalog", iconName: "persona-catalog", requiresCatalog: true },
-  // Wardrobe (PLAN T203, SPEC F104.7; renamed from "Library" at PLAN T204, Dean's ruling — nav label
-  // and route only, see this file's own class remarks) is deliberately NOT gated by
-  // `requiresCatalog` — unlike the Community Catalog browse surface, an installed pack keeps serving
-  // with the catalog disabled or unreachable (SPEC F104.8's offline floor), so the page that
-  // inspects what's ALREADY installed must stay reachable on that same axis too.
-  { href: "/wardrobe", label: "Wardrobe", iconName: "wardrobe" },
-  // Editor (PLAN T206, SPEC F104.11) — the v2 editor mixes a base theme's palette with wardrobe
-  // faces, transient client state only. Deliberately NOT gated by `requiresCatalog`, the SAME
-  // reasoning as Wardrobe's own ungated entry immediately above: the base-theme and vendored role
-  // picker options never touch the Community Catalog at all (GET /api/themes, GET /api/fonts/assignable
-  // both read station-local/embedded data), so there is no catalog-reachability axis to gate on.
-  { href: "/editor", label: "Editor", iconName: "editor" },
-  { href: "/booth-log", label: "Booth log", iconName: "booth-log" },
-  { href: "/health", label: "Health", iconName: "health" },
-  { href: "/settings", label: "Settings", iconName: "settings" },
+export const NAV_GROUPS: readonly NavGroup[] = [
+  {
+    id: "station",
+    label: "Station",
+    items: [
+      { href: "/safe-content", label: "Station sounds", iconName: "safe-content" },
+      { href: "/ads", label: "Ads", iconName: "exploration" },
+      { href: "/personas", label: "Personas", iconName: "persona" },
+      { href: "/schedule", label: "Schedule", iconName: "schedule" },
+      { href: "/shows", label: "Shows", iconName: "shows" },
+    ],
+  },
+  {
+    id: "media",
+    label: "Media",
+    items: [
+      { href: "/catalog", label: "Catalog", iconName: "catalog" },
+      { href: "/announcements", label: "Announcements", iconName: "announcements" },
+      {
+        href: "/persona-catalog",
+        label: "Community Catalog",
+        iconName: "persona-catalog",
+        requiresCatalog: true,
+      },
+    ],
+  },
+  {
+    id: "tools",
+    label: "Tools",
+    items: [
+      { href: "/gardener", label: "Gardener", iconName: "restore" },
+      { href: "/editor", label: "Theme Editor", iconName: "editor" },
+    ],
+  },
+  {
+    id: "status",
+    label: "Status",
+    items: [
+      { href: "/booth-log", label: "Booth log", iconName: "booth-log" },
+      { href: "/health", label: "Health", iconName: "health" },
+    ],
+  },
+];
+
+/** Rendered above every group. */
+export const NAV_TOP: readonly NavItem[] = [{ href: "/dashboard", label: "Dashboard", iconName: "dashboard" }];
+
+/** Rendered below every group. */
+export const NAV_BOTTOM: readonly NavItem[] = [{ href: "/settings", label: "Settings", iconName: "settings" }];
+
+/** The footer entries (About, Sign out) — rendered by `Sidebar`/`MobileNav` from this same data
+ * (PLAN T559). About's own page (PLAN T561) lives at `app/(authed)/about/page.tsx`. */
+export const NAV_FOOTER: readonly NavFooterEntry[] = [
+  { kind: "link", href: "/about", label: "About" },
+  { kind: "sign-out", label: "Sign out", iconName: "sign-out" },
 ];
 
 /**
- * The nav items to actually render (SPEC F90.1's fail-closed hide) — `catalogEnabled` defaults to
- * `false` so an isolated component render (no shell/layout above it, e.g. a jest test rendering
- * `<Sidebar />` bare) never shows an entry point to a feature it has no live signal for.
+ * The groups to actually render (SPEC F90.1's fail-closed hide) — `Sidebar`/`MobileNav` default
+ * their `catalogEnabled` prop to `false` so an isolated component render (no shell/layout above it, e.g. a jest test rendering
+ * `<Sidebar />` bare) never shows an entry point to a feature it has no live signal for. A group
+ * left with zero visible items after the gate is dropped entirely (SPEC F203.3). `groups` defaults
+ * to `NAV_GROUPS` but takes an override so a spec can exercise an all-gated group without one
+ * existing in the house model.
  */
-export function visibleNavItems(catalogEnabled: boolean): NavItem[] {
-  return NAV_ITEMS.filter((item) => item.requiresCatalog !== true || catalogEnabled);
+export function visibleNavGroups(catalogEnabled: boolean, groups: readonly NavGroup[] = NAV_GROUPS): readonly NavGroup[] {
+  return groups
+    .map((group) => ({
+      ...group,
+      items: group.items.filter((item) => item.requiresCatalog !== true || catalogEnabled),
+    }))
+    .filter((group) => group.items.length > 0);
 }
 
 /** True when `pathname` is the nav item's own route or a route nested under it. */
@@ -97,8 +119,22 @@ export function isActiveSection(pathname: string, href: string): boolean {
   return pathname === href || pathname.startsWith(`${href}/`);
 }
 
+/** The id of the group that owns `pathname` (SPEC F203.2's route rule), or `undefined` when
+ * `pathname` belongs to `NAV_TOP`/`NAV_BOTTOM` (e.g. `/dashboard`, `/settings`) rather than any
+ * group. */
+export function groupIdForPathname(pathname: string, groups: readonly NavGroup[] = NAV_GROUPS): NavGroupId | undefined {
+  return groups.find((group) => group.items.some((item) => isActiveSection(pathname, item.href)))?.id;
+}
+
 /** 40px min touch target (SPEC F28.13) — nav links are `<a>` elements, so the
  * global `input/select/textarea/button` min-height rule in globals.css doesn't
  * reach them; this class list carries it explicitly instead. */
 export const NAV_LINK_CLASSES =
   "flex min-h-10 items-center gap-2.5 rounded-[6px] px-3 py-2 text-[0.85rem] font-semibold transition-colors duration-[120ms] ease-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent";
+
+/** A group's collapsible heading button (SPEC F203.2) — same 40px touch target as `NAV_LINK_CLASSES`
+ * but styled as a micro-label (uppercase, tracked) rather than a destination, so a group heading
+ * never reads as just another link. Used by `NavSections`, the shared render both `Sidebar` and
+ * `MobileNav` mount. */
+export const NAV_GROUP_HEADING_CLASSES =
+  "flex min-h-10 w-full items-center justify-between rounded-[6px] px-3 py-2 text-[0.7rem] font-semibold uppercase tracking-[0.14em] text-mute transition-colors duration-[120ms] ease-out hover:bg-surface hover:text-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent";
diff --git a/admin-ui/app/(authed)/_components/useNavGroupOpenState.ts b/admin-ui/app/(authed)/_components/useNavGroupOpenState.ts
new file mode 100644
index 00000000..d4c349d2
--- /dev/null
+++ b/admin-ui/app/(authed)/_components/useNavGroupOpenState.ts
@@ -0,0 +1,193 @@
+"use client";
+
+import { useSyncExternalStore } from "react";
+import { NAV_GROUPS, groupIdForPathname, type NavGroupId } from "./nav-items";
+
+/** localStorage key for the manually-opened nav groups (SPEC F203.2, PLAN T559) — a single JSON
+ * array of {@link NavGroupId} strings. A group stored here stays open on its own route too
+ * (storage isn't purged on route change); collapsing it there is a same-session-only override —
+ * it lasts until the next full load or until another route's group is collapsed (see
+ * {@link useNavGroupOpenState}'s own remarks). */
+export const NAV_OPEN_STORAGE_KEY = "genwave.nav.open";
+
+const KNOWN_GROUP_IDS: ReadonlySet<string> = new Set(NAV_GROUPS.map((group) => group.id));
+
+/** True when `value` is a real, current group id — not just any string. Guards against stale or
+ * hand-edited storage (a retired group id, plain corruption) leaking into the open set. */
+function isNavGroupId(value: unknown): value is NavGroupId {
+  return typeof value === "string" && KNOWN_GROUP_IDS.has(value);
+}
+
+const EMPTY_OPEN_IDS: ReadonlySet<NavGroupId> = new Set();
+
+/** Reads the persisted set of manually-opened group ids. Any failure — no `localStorage` (SSR),
+ * a browser that throws on access, a full/blocked store, malformed JSON, a non-array payload,
+ * unrecognized ids — degrades to "nothing stored" rather than throwing (SPEC F203.2's storage
+ * try/catch). */
+function readStoredOpenIds(): ReadonlySet<NavGroupId> {
+  try {
+    const raw = window.localStorage.getItem(NAV_OPEN_STORAGE_KEY);
+    if (raw === null) {
+      return EMPTY_OPEN_IDS;
+    }
+    const parsed: unknown = JSON.parse(raw);
+    if (!Array.isArray(parsed)) {
+      return EMPTY_OPEN_IDS;
+    }
+    const ids = parsed.filter(isNavGroupId);
+    return ids.length > 0 ? new Set(ids) : EMPTY_OPEN_IDS;
+  } catch {
+    return EMPTY_OPEN_IDS;
+  }
+}
+
+/** Persists `openIds`. Swallows any failure — full/blocked/absent storage — so a toggle click
+ * never throws; the in-memory store below still holds the click's effect for the rest of the
+ * session, it just won't survive a reload (SPEC F203.2, AC7). */
+function writeStoredOpenIds(openIds: ReadonlySet<NavGroupId>): void {
+  try {
+    window.localStorage.setItem(NAV_OPEN_STORAGE_KEY, JSON.stringify([...openIds]));
+  } catch {
+    // Storage unavailable this session — nothing to recover, nothing to surface.
+  }
+}
+
+export interface NavGroupOpenState {
+  isOpen(groupId: NavGroupId): boolean;
+  toggle(groupId: NavGroupId): void;
+}
+
+// ---------------------------------------------------------------------------
+// Shared module-level store (PLAN T559 fix round).
+//
+// `Sidebar` and `MobileNav` are both always mounted (the authed layout renders both — the
+// persistent one hidden below 1024px, the drawer's trigger hidden above it) as two SEPARATE React
+// trees: MobileNav is not a descendant of Sidebar, so a toggle in one can only ever reach the
+// other through state that lives OUTSIDE either component tree — React state (`useState`) can't
+// do that, no matter how the reading is arranged, because each hook call would own its own copy.
+// `useSyncExternalStore` is the supported way to read AND subscribe to that kind of external,
+// mutable, cross-tree singleton, and its `getServerSnapshot` argument is exactly the hook for
+// degrading to "nothing stored" on the server (`getServerSnapshot` below), so the SSR HTML and the
+// client's first paint always agree before hydration — no manual mount-then-effect dance needed to
+// dodge a mismatch (the authed layout is a server component rendering these client components;
+// `localStorage` doesn't exist there).
+//
+// `openOverrides` is read from `localStorage` exactly once per page load — on the first CLIENT
+// read (`hydrated` below) — then only ever changes through `toggleStoredGroup`, which updates the
+// in-memory snapshot FIRST and persists second, so a `setItem` throw still leaves the click's
+// effect standing for the rest of the session (it just won't survive a reload).
+//
+// `collapsedRouteGroupId` tracks a same-session collapse of the CURRENT route's own group by that
+// group's id, not a bare boolean (finding #2 of the T559 review round): a route change moves
+// `routeGroupId` to a different id, so `collapsedRouteGroupId !== routeGroupId` is true — the new
+// route's group reads as open — the instant the new render happens, with no reset effect and thus
+// no closed-for-a-frame flash. It is never written to storage: F203.2's "default = route rule"
+// means the route's own group always reopens on the next full load.
+//
+// `resetForTests` exists because Jest doesn't reset modules between `it`s in the same file (see
+// `jest.setup.ts`'s `toast.dismiss()` for the identical module-global-leak problem, gh-#516) — it
+// clears the in-memory copy after every test via that same `afterEach`; specs that toggle a group
+// clear `localStorage` themselves.
+// ---------------------------------------------------------------------------
+
+interface NavOpenSnapshot {
+  openOverrides: ReadonlySet<NavGroupId>;
+  collapsedRouteGroupId: NavGroupId | null;
+}
+
+const EMPTY_SNAPSHOT: NavOpenSnapshot = { openOverrides: EMPTY_OPEN_IDS, collapsedRouteGroupId: null };
+
+let hydrated = false;
+let snapshot: NavOpenSnapshot = EMPTY_SNAPSHOT;
+const listeners = new Set<() => void>();
+
+function notify(): void {
+  for (const listener of listeners) {
+    listener();
+  }
+}
+
+function subscribe(listener: () => void): () => void {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+function getSnapshot(): NavOpenSnapshot {
+  if (!hydrated) {
+    hydrated = true;
+    const openOverrides = readStoredOpenIds();
+    // Reuse the EMPTY_SNAPSHOT reference (rather than spreading a structurally-identical copy)
+    // when nothing was stored, so useSyncExternalStore's Object.is check sees "no change" and
+    // skips the otherwise-needless re-render after hydration in the common no-toggle case.
+    snapshot = openOverrides === EMPTY_OPEN_IDS ? EMPTY_SNAPSHOT : { ...snapshot, openOverrides };
+  }
+  return snapshot;
+}
+
+/** The server (and pre-hydration client) view: no `localStorage`, so "nothing stored" — matches
+ * what `getSnapshot` would return before its own first, client-only, hydration read. */
+function getServerSnapshot(): NavOpenSnapshot {
+  return EMPTY_SNAPSHOT;
+}
+
+function toggleStoredGroup(groupId: NavGroupId): void {
+  const next = new Set(getSnapshot().openOverrides);
+  if (next.has(groupId)) {
+    next.delete(groupId);
+  } else {
+    next.add(groupId);
+  }
+  snapshot = { ...snapshot, openOverrides: next };
+  writeStoredOpenIds(next);
+  notify();
+}
+
+function toggleRouteGroup(routeGroupId: NavGroupId): void {
+  const current = getSnapshot();
+  snapshot = { ...current, collapsedRouteGroupId: current.collapsedRouteGroupId === routeGroupId ? null : routeGroupId };
+  notify();
+}
+
+/** Test-only: resets the shared store to its pre-hydration state. Test harness only — imported by
+ * `jest.setup.ts`'s `afterEach` and by specs that need a mid-test reset — see the module remarks
+ * above. */
+export function resetNavGroupOpenStateForTests(): void {
+  hydrated = false;
+  snapshot = EMPTY_SNAPSHOT;
+}
+
+/**
+ * Which nav groups are open, read from ONE store shared by every `Sidebar`/`MobileNav` instance
+ * (SPEC F203.2, PLAN T559) so the two surfaces can never disagree — see the module remarks above
+ * for why that has to be a module-level external store rather than component state. On mount, the
+ * route's own group opens (F203.2's route rule) and any group the user previously opened by hand —
+ * read from `localStorage` — opens alongside it (STORY-471 AC6).
+ *
+ * The route's own group is deliberately never written to storage: collapsing it is a same-session
+ * convenience only, tracked by ITS id so a route change can never leave a stale "collapsed" flag
+ * applied to the new route's group (see `collapsedRouteGroupId` above). Every OTHER group's toggle
+ * is a standing choice and is persisted immediately.
+ */
+export function useNavGroupOpenState(pathname: string): NavGroupOpenState {
+  const routeGroupId = groupIdForPathname(pathname);
+  const { openOverrides, collapsedRouteGroupId } = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+
+  function isOpen(groupId: NavGroupId): boolean {
+    if (groupId === routeGroupId) {
+      return collapsedRouteGroupId !== routeGroupId;
+    }
+    return openOverrides.has(groupId);
+  }
+
+  function toggle(groupId: NavGroupId): void {
+    if (groupId === routeGroupId) {
+      toggleRouteGroup(groupId);
+    } else {
+      toggleStoredGroup(groupId);
+    }
+  }
+
+  return { isOpen, toggle };
+}
diff --git a/admin-ui/app/(authed)/about/AboutView.tsx b/admin-ui/app/(authed)/about/AboutView.tsx
new file mode 100644
index 00000000..56f10182
--- /dev/null
+++ b/admin-ui/app/(authed)/about/AboutView.tsx
@@ -0,0 +1,98 @@
+import type { ReactNode } from "react";
+import type { AboutResponseDto, AttributionGroupDto } from "@/lib/about-api";
+import { formatUptime } from "@/lib/format-clock";
+import { isHttpUrl } from "@/lib/safe-external-url";
+
+/** Plain labels for the fixed group order `AttributionsController` projects in (SPEC F169.2) — no
+ * radio jargon (Dean's copy rule): "Jingle packs" not "beds", "Font packs"/"Voice packs" read as
+ * shipped. An unrecognized future kind falls back to its own raw token rather than failing to
+ * render at all. */
+const KIND_LABELS: Record<string, string> = {
+  "jingle-pack": "Jingle packs",
+  "font-pack": "Font packs",
+  "voice-pack": "Voice packs",
+};
+
+function kindLabel(kind: string): string {
+  return KIND_LABELS[kind] ?? kind;
+}
+
+/**
+ * The About page's own facts, rendered from an already-typed {@link AboutResponseDto} (SPEC
+ * F207.1, STORY-474, PLAN T561) — split out from `page.tsx`'s server-side fetch so a jest spec can
+ * render this directly off a fixture response with no network/cookies involved, the same
+ * page-vs-presentation split this codebase already uses (`SettingsForm`, `GardenerSection`).
+ */
+export function AboutView({ about }: { about: AboutResponseDto }): ReactNode {
+  const hasAttributions = about.attributions.groups.some((group) => group.packs.length > 0);
+
+  return (
+    <div className="mt-4 space-y-6">
+      <section aria-label="Version and station">
+        <p className="text-[0.85rem] text-mute">Version {about.version}</p>
+        <h2 className="mt-1 font-display text-[1.1rem] font-semibold text-ink">{about.stationName}</h2>
+        {about.tagline.trim() !== "" ? (
+          <p data-testid="station-tagline" className="mt-1 text-[0.85rem] text-mute">
+            {about.tagline}
+          </p>
+        ) : null}
+      </section>
+
+      <section aria-label="Library and uptime" className="space-y-1 text-[0.85rem] text-ink">
+        <p>Tracks in the library: {about.libraryCount}</p>
+        <p>Up for {formatUptime(about.uptimeSeconds)}</p>
+      </section>
+
+      <section aria-label="Credits">
+        <h3 className="font-display text-[0.95rem] font-semibold text-ink">Credits</h3>
+        {!hasAttributions ? (
+          <p className="mt-2 text-[0.85rem] text-mute">Nothing to credit yet.</p>
+        ) : (
+          <div className="mt-2 space-y-4">
+            {about.attributions.groups.map((group) => (
+              <AttributionGroupSection key={group.kind} group={group} />
+            ))}
+          </div>
+        )}
+      </section>
+    </div>
+  );
+}
+
+function AttributionGroupSection({ group }: { group: AttributionGroupDto }): ReactNode {
+  if (group.packs.length === 0) return null;
+
+  return (
+    <div>
+      <h4 className="text-[0.8rem] font-semibold uppercase tracking-[0.08em] text-mute">{kindLabel(group.kind)}</h4>
+      <ul className="mt-1 space-y-2">
+        {group.packs.map((pack) => (
+          <li key={pack.slug}>
+            <p data-testid="attribution-pack-name" className="text-[0.85rem] font-semibold text-ink">
+              {pack.name}
+            </p>
+            <ul className="ml-3 mt-0.5 space-y-0.5 text-[0.8rem] text-mute">
+              {pack.attributions.map((line, index) => (
+                <li key={`${pack.slug}-${index}`}>
+                  {line.sourceUrl !== null && isHttpUrl(line.sourceUrl) ? (
+                    <a
+                      href={line.sourceUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-accent underline underline-offset-2"
+                    >
+                      {line.title}
+                    </a>
+                  ) : (
+                    line.title
+                  )}
+                  {line.creator !== null ? ` — ${line.creator}` : ""} ({line.license})
+                </li>
+              ))}
+            </ul>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
diff --git a/admin-ui/app/(authed)/about/page.tsx b/admin-ui/app/(authed)/about/page.tsx
new file mode 100644
index 00000000..ba38daa2
--- /dev/null
+++ b/admin-ui/app/(authed)/about/page.tsx
@@ -0,0 +1,52 @@
+import type { ReactNode } from "react";
+import { cookies } from "next/headers";
+import { apiGet } from "@/lib/api";
+import { isAboutResponseDto } from "@/lib/about-api";
+import { AboutView } from "./AboutView";
+
+// The build/station/library/uptime/attribution facts (SPEC F207.1, F207.2; STORY-474; PLAN T561)
+// — always re-render from the server: uptime and library count change on their own even when
+// nothing here was edited, so this route can never be statically cached (settings/page.tsx's own
+// posture).
+export const dynamic = "force-dynamic";
+export const fetchCache = "force-no-store";
+
+const PAGE_TITLE = <h1 className="font-display text-[1.35rem] font-semibold text-ink">About</h1>;
+
+/** The one shape every sad path on this page renders — only the message differs. */
+function ErrorPage({ message }: { message: string }): ReactNode {
+  return (
+    <main>
+      {PAGE_TITLE}
+      <p className="mt-2 text-[0.85rem] text-mute">{message}</p>
+    </main>
+  );
+}
+
+export default async function AboutPage(): Promise<ReactNode> {
+  const cookieStore = await cookies();
+  const cookieStr = cookieStore.toString();
+
+  const response = await apiGet("/api/about", { cookies: cookieStr });
+
+  if (response.status === 401 || response.status === 403) {
+    return <ErrorPage message="You do not have permission to view this page." />;
+  }
+
+  if (!response.ok) {
+    return <ErrorPage message="Unable to load this page." />;
+  }
+
+  const raw: unknown = await response.json();
+
+  if (!isAboutResponseDto(raw)) {
+    return <ErrorPage message="Unable to load this page." />;
+  }
+
+  return (
+    <main>
+      {PAGE_TITLE}
+      <AboutView about={raw} />
+    </main>
+  );
+}
diff --git a/admin-ui/app/(authed)/booth-log/BoothLogFeed.tsx b/admin-ui/app/(authed)/booth-log/BoothLogFeed.tsx
index 4a272f00..6c611c54 100644
--- a/admin-ui/app/(authed)/booth-log/BoothLogFeed.tsx
+++ b/admin-ui/app/(authed)/booth-log/BoothLogFeed.tsx
@@ -70,9 +70,9 @@ function BoothLogKindBadge({ kind }: { kind: string }): ReactNode {
 /**
  * The booth log's narrative feed (PLAN T40, STORY-195, SPEC F72.1-F72.2): newest-first rows of
  * occurred-at / kind badge / summary — "what did it say at 9:14" answerable from this table
- * alone. Loading/empty/error idioms match the Live page's `PlayHistoryTable` (skeleton rows,
- * `EmptyState`, a quiet unavailable hint on a poll failure that keeps whatever was already
- * loaded) — composed here through `useBoothLogFeed` instead of `usePoll` directly, since this
+ * alone. Loading/empty/error idioms match the house feed idiom (skeleton rows, `EmptyState`, a
+ * quiet unavailable hint on a poll failure that keeps whatever was already loaded) — composed
+ * here through `useBoothLogFeed` instead of `usePoll` directly, since this
  * page additionally accumulates "Load more" pages (see that hook's doc comment for the
  * refresh/paging interaction this renders).
  *
diff --git a/admin-ui/app/(authed)/catalog/CatalogToolbar.tsx b/admin-ui/app/(authed)/catalog/CatalogToolbar.tsx
index b2067fda..31255180 100644
--- a/admin-ui/app/(authed)/catalog/CatalogToolbar.tsx
+++ b/admin-ui/app/(authed)/catalog/CatalogToolbar.tsx
@@ -546,9 +546,8 @@ export function CatalogToolbar({
       </div>
 
       {/* Vote up/down + never-play/restore (SPEC F61.4) — icon-only, matching the row-level
-          RatingControls/NeverPlayControl convention (Live page, Catalog rows): rendered through
-          the shared `IconButton` so the hover/focus tooltip always carries the same copy as the
-          aria-label (SPEC F62.1–F62.2). */}
+          NeverPlayControl convention (Catalog rows): rendered through the shared `IconButton` so
+          the hover/focus tooltip always carries the same copy as the aria-label (SPEC F62.1–F62.2). */}
       <div className="flex items-center gap-1.5">
         <IconButton
           label="Vote up"
diff --git a/admin-ui/app/(authed)/catalog/NeverPlayControl.tsx b/admin-ui/app/(authed)/catalog/NeverPlayControl.tsx
index 92a24845..5619ef68 100644
--- a/admin-ui/app/(authed)/catalog/NeverPlayControl.tsx
+++ b/admin-ui/app/(authed)/catalog/NeverPlayControl.tsx
@@ -16,10 +16,10 @@ export interface NeverPlayControlProps {
 }
 
 /**
- * Restore/never-play toggle for one catalog row (SPEC F33.12, STORY-115). Symmetric with the
- * Live page's control (STORY-114, `RatingControls`): X flags a playable row, the restore icon
- * un-flags it — the X is never a one-way door (F23.2 reachability posture), and this symmetry
- * costs nothing extra to build since the icons and the S4 PUT are already shared.
+ * Restore/never-play toggle for one catalog row (SPEC F33.12, STORY-115). Symmetric with
+ * `CatalogToolbar`'s own never-play/restore action (F33.4/F61.1): X flags a playable row, the
+ * restore icon un-flags it — the X is never a one-way door (F23.2 reachability posture), and this
+ * symmetry costs nothing extra to build since the icons and the S4 PUT are already shared.
  *
  * Calls the shared `setNeverPlay` (S4's `PUT /api/media/{id}/never-play`) directly — deliberately
  * NOT through `useRowPatch` (rating writes are ETag-free by design, PLAN.md Epic S sequencing
diff --git a/admin-ui/app/(authed)/dashboard/StatusTiles.tsx b/admin-ui/app/(authed)/dashboard/StatusTiles.tsx
index 534ffc1e..6b190b7a 100644
--- a/admin-ui/app/(authed)/dashboard/StatusTiles.tsx
+++ b/admin-ui/app/(authed)/dashboard/StatusTiles.tsx
@@ -209,7 +209,7 @@ export function StatusTiles({ status, error, timeZone }: StatusTilesProps): Reac
           )}
         </Tile>
 
-        <Tile label="Station Imaging scope" variant={status !== null && isSafeScopeDepleted(status) ? "warning" : "neutral"}>
+        <Tile label="Station sounds scope" variant={status !== null && isSafeScopeDepleted(status) ? "warning" : "neutral"}>
           {loading && <TileSkeleton />}
           {neverLoaded && <TileUnavailable />}
           {status !== null && (
@@ -218,7 +218,7 @@ export function StatusTiles({ status, error, timeZone }: StatusTilesProps): Reac
               <p className="mt-1 text-[0.8rem] text-mute">{safeScopeSubLine(status.safeScope.libraryIds)}</p>
               {isSafeScopeDepleted(status) && (
                 <p className="mt-1 text-[0.75rem] font-semibold text-danger">
-                  Station Imaging scope has no playable tracks — drains will be silent
+                  Station sounds scope has no playable tracks — drains will be silent
                 </p>
               )}
             </>
diff --git a/admin-ui/app/(authed)/editor/page.tsx b/admin-ui/app/(authed)/editor/page.tsx
index d0e6823d..26781b16 100644
--- a/admin-ui/app/(authed)/editor/page.tsx
+++ b/admin-ui/app/(authed)/editor/page.tsx
@@ -5,13 +5,13 @@ import { EditorClient } from "./EditorClient";
 import type { AssignableFaceDto, ThemeSummaryDto } from "./types";
 
 // A theme/pack can be saved/installed elsewhere at any time — always re-render from the server,
-// mirroring wardrobe/page.tsx and persona-catalog/page.tsx.
+// mirroring persona-catalog/page.tsx.
 export const dynamic = "force-dynamic";
 export const fetchCache = "force-no-store";
 
 /** Fetches one JSON-array GET endpoint, degrading to `[]` on any failure (network error, non-200) —
- * fail closed, mirroring `wardrobe/page.tsx`'s own `fetchCatalogEnabled` posture: no live signal
- * means nothing gets offered. This page's own two GET routes (`/api/themes`, `/api/fonts/assignable`)
+ * fail closed, the same posture the retired Wardrobe page's `fetchCatalogEnabled` once took: no
+ * live signal means nothing gets offered. This page's own two GET routes (`/api/themes`, `/api/fonts/assignable`)
  * shared this exact try/if/catch shape byte-for-byte before this fix (review finding N3) — one
  * generic helper instead of two (formerly three, before `GET /api/fonts` dropped out of this page
  * entirely — see `EditorClient`'s own remarks, review finding F4) copies that could only ever drift
diff --git a/admin-ui/app/(authed)/gardener/GardenerRow.tsx b/admin-ui/app/(authed)/gardener/GardenerRow.tsx
index 58fdf6de..5d391364 100644
--- a/admin-ui/app/(authed)/gardener/GardenerRow.tsx
+++ b/admin-ui/app/(authed)/gardener/GardenerRow.tsx
@@ -50,8 +50,8 @@ function fileNameFromPath(path: string): string {
  * eligibility cell is read-only `Yes`/`No` text), so this mirrors
  * `catalog/[mediaId]/EditTrackForm.tsx`'s own checkbox+label markup for its "Eligible for playout"
  * field — the wrapping `<label>`'s own visible "Eligible" text IS the accessible name (LOW-C), never
- * a separate `aria-label`. Never-play REUSES `catalog/NeverPlayControl.tsx` verbatim — the exact production control
- * `RatingControls.tsx` renders the identical icon/label pair for on the Live page — rather than a
+ * a separate `aria-label`. Never-play REUSES `catalog/NeverPlayControl.tsx` verbatim — the exact
+ * production control `CatalogToolbar` renders the identical icon/label pair for — rather than a
  * second hand-rolled copy; it stays icon-only, but it is now this row's ONLY icon-only control, so
  * it can never collide with a sibling verb again. Re-enrich and dismiss are visible-text secondary
  * `Button`s, matching `DuplicateGroupCard`'s own "Keep this one" button.
diff --git a/admin-ui/app/(authed)/gardener/GardenerTabs.tsx b/admin-ui/app/(authed)/gardener/GardenerTabs.tsx
index 0655bb98..fb3714fd 100644
--- a/admin-ui/app/(authed)/gardener/GardenerTabs.tsx
+++ b/admin-ui/app/(authed)/gardener/GardenerTabs.tsx
@@ -28,8 +28,8 @@ function tabLabel(kind: GardenerKind, open: GardenerOpenCounts | null): string {
  * URL-driven via `?tab=`, the shared `TabStrip` markup (gh-#393's extraction), each label badged
  * with that kind's own OPEN count from `/api/status` (STORY-381 AC1). `TabStrip` itself stays
  * untouched (T387 scope: the count is embedded IN the label string here rather than widening the
- * shared strip's own props) — every kind renders as its own tab regardless of count, the
- * `WardrobeTabs`/`PersonaCatalogTabs` "always render every kind" ruling applied here too.
+ * shared strip's own props) — every kind renders as its own tab regardless of count,
+ * `PersonaCatalogTabs`' own "always render every kind" ruling applied here too.
  */
 export function GardenerTabs({ activeTab, limit, open }: GardenerTabsProps): ReactNode {
   const tabs: TabStripTab<GardenerKind>[] = GARDENER_KIND_ORDER.map((kind) => ({
diff --git a/admin-ui/app/(authed)/gardener/gardener-paging.ts b/admin-ui/app/(authed)/gardener/gardener-paging.ts
index 40c44f5f..739c96c0 100644
--- a/admin-ui/app/(authed)/gardener/gardener-paging.ts
+++ b/admin-ui/app/(authed)/gardener/gardener-paging.ts
@@ -24,7 +24,7 @@ import { GARDENER_KIND_ORDER, type GardenerKind } from "@/lib/gardener-api";
 /** Raw `?tab=&page=&limit=` values exactly as Next.js hands them back — each MAY arrive as a
  * string array if the query string repeats the key. None of these three is ever meant to repeat,
  * but every resolver below treats a repeated value the same as an unrecognised one (falls back to
- * default) rather than picking one arbitrarily — mirrors `resolveWardrobeTab`'s own defensive
+ * default) rather than picking one arbitrarily — mirrors `resolveCatalogKind`'s own defensive
  * "absent, an array, or a stranger" posture (gh-#393). */
 export interface GardenerSearchParams {
   tab?: string | string[];
diff --git a/admin-ui/app/(authed)/live/LiveView.tsx b/admin-ui/app/(authed)/live/LiveView.tsx
deleted file mode 100644
index 05baf6fc..00000000
--- a/admin-ui/app/(authed)/live/LiveView.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { usePoll } from "@/lib/use-poll";
-import { fetchNowPlaying, fetchPlayHistory, isCatalogMediaId, isRateable } from "@/lib/broadcast-api";
-import { personaNameOrFallback, usePersonaDirectory } from "@/lib/use-persona-directory";
-import { NowPlayingCard } from "../_components/NowPlayingCard";
-import { PersonaTasteThumbs } from "../_components/PersonaTasteThumbs";
-import { PickChips } from "../_components/PickChips";
-import { RatingControls, type RatingControlsValue } from "../_components/RatingControls";
-import { StationThumbs } from "../_components/StationThumbs";
-import { PlayHistoryTable } from "./PlayHistoryTable";
-import { DEFAULT_RATING, useLiveRatings } from "./useLiveRatings";
-import { useNowPlayingTasteAttribution } from "./useNowPlayingTasteAttribution";
-
-interface LiveViewProps {
-  /** Test-only injection point, threaded to the clock formatter; production omits this and gets the browser's local zone. */
-  timeZone?: string;
-}
-
-/**
- * The Live page's content (SPEC F28.7–F28.8, STORY-088): the full on-air
- * view — the same now-playing hero as the Dashboard (double-ring card,
- * dial-marking progress, ON AIR badge) plus the complete play-history ring,
- * newest first. Polls through the shared `usePoll` hook (Q5, unchanged: 5 s
- * cadence, Page Visibility pause/resume, quiet per-card degrade on fetch
- * failure, no toasts). Purely client-driven — there is no SSR-prefetched
- * initial state, so every card starts in its loading/skeleton state until
- * its first poll resolves, matching the Dashboard's pattern.
- *
- * Track rating (SPEC F33.11, STORY-114): the now-playing card and every
- * catalog-id history row get a score chip + vote/never-play controls, this
- * page only — the Dashboard's shared `NowPlayingCard`/`RecentPlays` stay
- * read-only (F33.12) because this page is the only caller that supplies the
- * card's opt-in `ratingControls` slot. Ratings compose from a THIRD,
- * independent poller (`useLiveRatings`, same F16.6-style cadence) derived
- * from the ids currently visible here — `fetchNowPlaying`/`fetchPlayHistory`
- * calls above are untouched.
- *
- * Persona taste (SPEC F84.1, F84.6-F84.7; STORY-215): the now-playing card also gets an opt-in
- * `tasteThumbControls` slot, resolved from TWO more independent sources — `useNowPlayingTasteAttribution`
- * (which booth-log row/persona this moment's thumb credits, per that hook's own doc comment) and
- * `usePersonaDirectory` (persona id -> name, one fetch per mount). A persona-less/predating-the-
- * column airing resolves to no attribution at all, so no control renders (F84.6) — this page never
- * falls back to "whichever persona is active now". `key={attribution.boothLogRowId}` forces the
- * control to remount (and its own settled-direction state to reset) whenever a new track's row
- * swaps in, rather than inheriting the previous track's disabled buttons.
- *
- * Station rotation thumb (SPEC F150.1, F150.8; STORY-370): the now-playing card also gets an
- * opt-in `stationThumbControls` slot, resolved from the SAME `useNowPlayingTasteAttribution`
- * result as `tasteThumbControls`. SPEC F150.8 itself only requires the station thumb on "Live
- * now-playing and booth-log track rows" — reusing this page's existing attribution resolution
- * (rather than running a second one) is this page's OWN choice, not a SPEC requirement, so the
- * station thumb happens to appear only where the taste thumb also does (a persona-stamped,
- * non-safe-scope track). `key={boothLogRowId}` mirrors `tasteThumbControls`' own
- * remount-on-new-row discipline, but the two controls are otherwise fully independent: separate
- * component, separate endpoint, separate settled state.
- *
- * Why this pick (SPEC F86.4, STORY-218, PLAN T76): the now-playing card also gets an opt-in
- * `pickChips` slot, sourced from that SAME `useNowPlayingTasteAttribution` resolution's `pick`
- * field — no second, now-playing-specific diagnostics fetch. This page hands `PickChips` the raw
- * `pick` (possibly `undefined`) directly and does NOT re-check its shape first — whether that
- * renders chips, a badge, or nothing (an absent pick, or a present-but-empty
- * `{firedRules: [], isExploration: false}`, the majority production shape) is `PickChips`'s own
- * gate to own, exactly like `BoothLogFeed`'s bare call site (PLAN T75); duplicating that gate here
- * would just be a second place for it to drift out of sync.
- */
-export function LiveView({ timeZone }: LiveViewProps = {}): ReactNode {
-  const nowPlaying = usePoll(fetchNowPlaying);
-  const playHistory = usePoll(fetchPlayHistory);
-
-  const nowPlayingMediaId =
-    nowPlaying.data?.kind === "track" && isCatalogMediaId(nowPlaying.data.mediaId)
-      ? nowPlaying.data.mediaId
-      : null;
-  const historyMediaIds = playHistory.data?.map((entry) => entry.mediaId) ?? [];
-  const visibleIds = nowPlayingMediaId !== null ? [nowPlayingMediaId, ...historyMediaIds] : historyMediaIds;
-
-  const { ratings, applyRating } = useLiveRatings(visibleIds);
-
-  // gh-#99: safe-scope content (safe-loop tracks, station IDs) renders no rating control at all —
-  // the server stamps `rateable: false` on the batch ratings read and refuses the write regardless.
-  const nowPlayingRatingControls =
-    nowPlayingMediaId !== null && isRateable(ratings.get(nowPlayingMediaId)) ? (
-      <RatingControls
-        mediaId={nowPlayingMediaId}
-        value={ratings.get(nowPlayingMediaId) ?? DEFAULT_RATING}
-        onChange={(next: RatingControlsValue) => applyRating({ mediaId: nowPlayingMediaId, ...next })}
-      />
-    ) : undefined;
-
-  const personaDirectory = usePersonaDirectory();
-  const tasteAttribution = useNowPlayingTasteAttribution();
-
-  const nowPlayingTasteThumbControls =
-    nowPlaying.data?.kind === "track" && tasteAttribution !== null ? (
-      <PersonaTasteThumbs
-        key={tasteAttribution.boothLogRowId}
-        boothLogRowId={tasteAttribution.boothLogRowId}
-        personaName={personaNameOrFallback(personaDirectory, tasteAttribution.personaId)}
-      />
-    ) : undefined;
-
-  const nowPlayingStationThumbControls =
-    nowPlaying.data?.kind === "track" && tasteAttribution !== null ? (
-      <StationThumbs key={tasteAttribution.boothLogRowId} boothLogRowId={tasteAttribution.boothLogRowId} />
-    ) : undefined;
-
-  const nowPlayingPickChips =
-    nowPlaying.data?.kind === "track" ? <PickChips pick={tasteAttribution?.pick} className="mt-2" /> : undefined;
-
-  return (
-    <div className="space-y-6">
-      <NowPlayingCard
-        state={nowPlaying.data}
-        error={nowPlaying.error}
-        ratingControls={nowPlayingRatingControls}
-        tasteThumbControls={nowPlayingTasteThumbControls}
-        stationThumbControls={nowPlayingStationThumbControls}
-        pickChips={nowPlayingPickChips}
-      />
-      <PlayHistoryTable
-        entries={playHistory.data}
-        error={playHistory.error}
-        timeZone={timeZone}
-        ratings={ratings}
-        onRatingChange={applyRating}
-      />
-    </div>
-  );
-}
diff --git a/admin-ui/app/(authed)/live/PlayHistoryTable.tsx b/admin-ui/app/(authed)/live/PlayHistoryTable.tsx
deleted file mode 100644
index 410c1443..00000000
--- a/admin-ui/app/(authed)/live/PlayHistoryTable.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { EmptyState } from "@/components/ui/empty-state";
-import { Skeleton } from "@/components/ui/skeleton";
-import { formatClockTime, formatDurationCell } from "@/lib/format-clock";
-import { isCatalogMediaId, isRateable, type PlayHistoryEntry, type RatingEntry } from "@/lib/broadcast-api";
-import { RatingControls, type RatingControlsValue } from "../_components/RatingControls";
-import { DEFAULT_RATING } from "./useLiveRatings";
-
-interface PlayHistoryTableProps {
-  entries: PlayHistoryEntry[] | null;
-  error: boolean;
-  /** Test-only injection point for `formatClockTime`; production omits this and gets the browser's local zone. */
-  timeZone?: string;
-  /** Current rating per catalog mediaId (SPEC F33.9, STORY-114) — composed by `LiveView` on the
-   * poll cadence via `useLiveRatings`, keyed the same way as `entries[].mediaId`. */
-  ratings: ReadonlyMap<string, RatingEntry>;
-  /** Folds a vote/never-play response for a row back into the shared ratings state — the
-   * response body IS the fresh state (F33.11: no refetch). */
-  onRatingChange: (entry: RatingEntry) => void;
-}
-
-/**
- * The full play-history ring (SPEC F28.7–F28.8, F28.10, STORY-088), newest
- * first per the wire contract — time (HH:MM), title, artist, gain dB
- * right-aligned with tabular numerals, plain duration where present (blank
- * otherwise, SPEC F50.5–F50.6), plus a rating cell per catalog-id row (SPEC
- * F33.11, STORY-114): score chip + vote-up/vote-down/never-play controls.
- * `tts:*` entries render no rating cell contents at all — voting on a TTS
- * patter segment isn't meaningful (it isn't a catalog media row).
- * Unlike the dashboard's `RecentPlays` (which shows the latest 5), every
- * returned ring entry renders here — the ring defaults to 50 (F16.1) and
- * Live is the full-picture view. No source column: the wire
- * `PlayHistoryEntry` carries no `source` field (STORY-088 amended at Q5
- * review). A quiet unavailable hint replaces/augments the table on poll
- * failure per the shared usePoll degrade contract (SPEC F28.8 AC5).
- */
-export function PlayHistoryTable({
-  entries,
-  error,
-  timeZone,
-  ratings,
-  onRatingChange,
-}: PlayHistoryTableProps): ReactNode {
-  const loading = entries === null && !error;
-  const neverLoaded = entries === null && error;
-
-  return (
-    <section aria-label="Play history">
-      <p className="text-[0.7rem] font-semibold uppercase tracking-[0.14em] text-accent-2">
-        Play history
-      </p>
-
-      {loading && (
-        <div className="mt-3 space-y-2">
-          <Skeleton className="h-8 w-full" />
-          <Skeleton className="h-8 w-full" />
-          <Skeleton className="h-8 w-full" />
-        </div>
-      )}
-
-      {neverLoaded && <p className="mt-3 text-[0.85rem] text-mute">Play history — unavailable</p>}
-
-      {entries !== null && entries.length === 0 && (
-        <div className="mt-3">
-          <EmptyState
-            title="Nothing in the play-history ring yet"
-            reason="Entries appear here as tracks air."
-          />
-        </div>
-      )}
-
-      {entries !== null && entries.length > 0 && (
-        // AC2 (SPEC F28.13): scrolls sideways inside this container at 390px —
-        // the page body itself never does.
-        <div className="mt-3 overflow-x-auto">
-          <table className="w-full border-collapse text-[0.85rem]">
-            <thead>
-              <tr className="border-b-2 border-line text-left">
-                <th
-                  scope="col"
-                  className="py-2 pr-3 text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-accent-2"
-                >
-                  Time
-                </th>
-                <th
-                  scope="col"
-                  className="py-2 pr-3 text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-accent-2"
-                >
-                  Title
-                </th>
-                <th
-                  scope="col"
-                  className="py-2 pr-3 text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-accent-2"
-                >
-                  Artist
-                </th>
-                <th
-                  scope="col"
-                  className="py-2 pr-3 text-right text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-accent-2"
-                >
-                  Gain
-                </th>
-                <th
-                  scope="col"
-                  className="py-2 pr-3 text-right text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-accent-2"
-                >
-                  Duration
-                </th>
-                <th
-                  scope="col"
-                  className="py-2 text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-accent-2"
-                >
-                  Rating
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              {entries.map((entry, index) => (
-                <tr key={`${entry.mediaId}-${index}`} className="border-b border-line last:border-b-0">
-                  <td className="py-2 pr-3 tabular-nums text-mute">
-                    {formatClockTime(entry.startedAt, { timeZone })}
-                  </td>
-                  <td className="py-2 pr-3 text-ink">{entry.title ?? "Unknown track"}</td>
-                  <td className="py-2 pr-3 text-mute">{entry.artist ?? "Unknown artist"}</td>
-                  <td className="py-2 pr-3 text-right tabular-nums text-ink">{entry.gainDb.toFixed(2)} dB</td>
-                  <td className="py-2 pr-3 text-right tabular-nums text-ink">
-                    {formatDurationCell(entry.durationMs)}
-                  </td>
-                  <td className="py-2">
-                    {/* gh-#99: safe-scope rows (rateable: false) get no control, not a disabled one */}
-                    {isCatalogMediaId(entry.mediaId) && isRateable(ratings.get(entry.mediaId)) && (
-                      <RatingControls
-                        mediaId={entry.mediaId}
-                        value={ratings.get(entry.mediaId) ?? DEFAULT_RATING}
-                        onChange={(next: RatingControlsValue) =>
-                          onRatingChange({ mediaId: entry.mediaId, ...next })
-                        }
-                      />
-                    )}
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-      )}
-
-      {error && entries !== null && (
-        <p className="mt-2 text-[0.75rem] text-mute">Play history unavailable — retrying…</p>
-      )}
-    </section>
-  );
-}
diff --git a/admin-ui/app/(authed)/live/page.tsx b/admin-ui/app/(authed)/live/page.tsx
index 10db2ce1..40abb96d 100644
--- a/admin-ui/app/(authed)/live/page.tsx
+++ b/admin-ui/app/(authed)/live/page.tsx
@@ -1,19 +1,10 @@
-import type { ReactNode } from "react";
-import { LiveView } from "./LiveView";
+import { redirect } from "next/navigation";
 
-// The full on-air view (SPEC F28.7–F28.8, STORY-088): now-playing hero and
-// the complete play-history ring, client-polled via the shared usePoll hook
-// (lib/use-poll.ts, shipped by the Dashboard in Q5). No SSR prefetch — auth
-// is already enforced by middleware.ts on this route, and every card starts
-// in its loading/skeleton state until its first poll resolves, same as
-// /dashboard.
-export default function LivePage(): ReactNode {
-  return (
-    <main>
-      <h1 className="font-display text-[1.35rem] font-semibold text-ink">Live</h1>
-      <div className="mt-4">
-        <LiveView />
-      </div>
-    </main>
-  );
+/**
+ * `/live` is retired (SPEC F203.4) — the booth log narrates every pick, ratings live on Catalog
+ * rows, and this route's own now-playing/history/rating surface duplicated that. This route
+ * stays live only to redirect old links/bookmarks; the nav hasn't listed it since T558.
+ */
+export default function LivePage(): never {
+  redirect("/");
 }
diff --git a/admin-ui/app/(authed)/live/useLiveRatings.ts b/admin-ui/app/(authed)/live/useLiveRatings.ts
deleted file mode 100644
index e1ef4796..00000000
--- a/admin-ui/app/(authed)/live/useLiveRatings.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useRef, useState } from "react";
-import { usePoll } from "@/lib/use-poll";
-import { fetchRatings, type RatingEntry } from "@/lib/broadcast-api";
-
-/** Same cadence the Live page's other two pollers already use (F16.6) — an independent poller,
- * not a shared tick, matching how now-playing/play-history already poll independently of each
- * other. */
-const RATINGS_POLL_INTERVAL_MS = 5000;
-
-/** F33.2's ledger default for a media id with no `library.media_rating` row. */
-export const DEFAULT_RATING: Readonly<Pick<RatingEntry, "score" | "neverPlay">> = {
-  score: 50,
-  neverPlay: false,
-};
-
-export interface UseLiveRatingsResult {
-  /** Current rating per catalog mediaId. An id absent from the map hasn't resolved from a poll
-   * yet — callers render {@link DEFAULT_RATING} for it rather than wait. */
-  ratings: ReadonlyMap<string, RatingEntry>;
-  /** Folds a vote/never-play response back into the map immediately (no refetch, F33.11) and
-   * marks the id as just-written so the next poll tick can't clobber it with a stale read. */
-  applyRating: (entry: RatingEntry) => void;
-}
-
-/**
- * Composes `GET /api/ratings?ids=…` on the Q5 poll cadence for whatever catalog ids are visible
- * on the Live page (now-playing + history) — independent of, and without altering, the
- * now-playing/play-history pollers themselves (F33.9, F16.6).
- *
- * **Stale-poll-vs-vote ordering decision (STORY-114):** a vote/never-play response is always at
- * least as fresh as a same-tick poll read for the same id — the poll's request could have been
- * in flight *before* the write landed, so there's no reliable way to compare "freshness" between
- * two independent endpoints by timestamp alone. Rather than thread response timestamps through
- * two unrelated wire calls, this hook takes the simplest rule that is still correct: after a
- * write, the written id is held authoritative for one full poll interval. Any poll response for
- * that id arriving inside that window is dropped; the following tick's read is trusted normally.
- * One interval is enough for a poll request that raced the write to resolve and be discarded.
- */
-export function useLiveRatings(ids: readonly string[]): UseLiveRatingsResult {
-  const [ratings, setRatings] = useState<Map<string, RatingEntry>>(new Map());
-  const recentWritesRef = useRef<Map<string, number>>(new Map());
-
-  // `ids` is a fresh array literal from the caller on every render (derived from the
-  // now-playing/history poll state), so a `useCallback` here would never actually memoize
-  // anything — `usePoll` already re-reads the freshest fetcher closure via its own ref on every
-  // render regardless of identity, so a plain inline closure is the honest way to write this.
-  const poll = usePoll<RatingEntry[]>(() => fetchRatings(ids), {
-    intervalMs: RATINGS_POLL_INTERVAL_MS,
-  });
-
-  // usePoll's mount-time fetch fires before now-playing/play-history have resolved, so its very
-  // first call sees an empty `ids` — and usePoll otherwise only re-fires on its fixed interval,
-  // not when the fetcher's closure changes. Without this, a freshly-visible id (the moment
-  // now-playing/history first resolve, or a new track enters the ring) would wait up to one full
-  // poll interval before its rating ever loads. `refresh()` re-runs the fetcher immediately,
-  // outside the regular cadence, whenever the *set* of visible ids actually changes; the initial
-  // mount's own call is skipped here since usePoll already made it.
-  const idsKey = [...new Set(ids)].sort().join(",");
-  const isFirstIdsChange = useRef(true);
-  useEffect(() => {
-    if (isFirstIdsChange.current) {
-      isFirstIdsChange.current = false;
-      return;
-    }
-    poll.refresh();
-    // Deliberately keyed on `idsKey` alone, not `poll`/`poll.refresh` — `usePoll` rebuilds its
-    // returned object every render, but `refresh` itself is a stable `useCallback` underneath, so
-    // depending on the whole object would re-run this on every render instead of only on an
-    // actual id-set change.
-  }, [idsKey]);
-
-  useEffect(() => {
-    const freshRatings = poll.data;
-    if (freshRatings === null) return;
-    const now = Date.now();
-    setRatings((prev) => {
-      const next = new Map(prev);
-      for (const entry of freshRatings) {
-        const writtenAt = recentWritesRef.current.get(entry.mediaId);
-        if (writtenAt !== undefined && now - writtenAt < RATINGS_POLL_INTERVAL_MS) {
-          continue;
-        }
-        next.set(entry.mediaId, entry);
-      }
-      return next;
-    });
-  }, [poll.data]);
-
-  const applyRating = useCallback((entry: RatingEntry) => {
-    recentWritesRef.current.set(entry.mediaId, Date.now());
-    setRatings((prev) => {
-      const next = new Map(prev);
-      next.set(entry.mediaId, entry);
-      return next;
-    });
-  }, []);
-
-  return { ratings, applyRating };
-}
diff --git a/admin-ui/app/(authed)/live/useNowPlayingTasteAttribution.ts b/admin-ui/app/(authed)/live/useNowPlayingTasteAttribution.ts
deleted file mode 100644
index 601dc490..00000000
--- a/admin-ui/app/(authed)/live/useNowPlayingTasteAttribution.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-"use client";
-
-import { useMemo } from "react";
-import { usePoll } from "@/lib/use-poll";
-import { fetchBoothLogPage, type BoothLogPage, type BoothLogPick } from "@/lib/booth-log-api";
-
-/** Same F16.6-style independent-poller cadence as `useLiveRatings` — this resolution is cheap and
- * wants to track a fresh track start about as quickly as the now-playing poller itself notices
- * one, not the slower 12s cadence the booth log's own page uses for its narrative history view. */
-const ATTRIBUTION_POLL_INTERVAL_MS = 5000;
-
-export interface NowPlayingTasteAttribution {
-  /** The stamped booth-log row's own id — the taste-thumb POST target (SPEC F84.1, F84.6). */
-  boothLogRowId: number;
-  /** The persona stamped on that row at air time (SPEC F84.6) — resolved to a name via
-   * `usePersonaDirectory` by the caller, never assumed to be "whichever persona is active now". */
-  personaId: number;
-  /** The SAME row's stamped `pick` (SPEC F86.4, STORY-218, PLAN T76) — `undefined` for a row with
-   * no fired-rule/exploration stamp (predates the column, or was never scored), which the Live
-   * card's `PickChips` already renders as nothing. This rides the one booth-log fetch this hook
-   * already makes for the taste-thumb resolution above — deliberately not a second, now-playing-
-   * specific diagnostics fetch, so the two surfaces can never observe different rows. */
-  pick: BoothLogPick | undefined;
-}
-
-/** Newest-first (SPEC F72.2) — the first track-started, persona-stamped row IS the latest one.
- * Defensively tolerant of a malformed/unexpected payload (a misrouted fetch mock in an unrelated
- * spec, a future wire change): anything that doesn't look like a real `BoothLogPage` resolves to
- * `null` rather than throwing mid-render. */
-function latestTrackStartAttribution(page: BoothLogPage | null): NowPlayingTasteAttribution | null {
-  if (page === null || !Array.isArray(page.entries)) return null;
-  const row = page.entries.find((entry) => entry.kind === "track-started" && typeof entry.personaId === "number");
-  if (row === undefined || typeof row.personaId !== "number") return null;
-  // gh-#99: a safe-scope airing (safe-loop track, station ID) resolves to null — no taste thumbs
-  // on the Live card, the same no-control posture the booth-log feed applies to the same row.
-  if (row.tasteExcluded === true) return null;
-  return { boothLogRowId: row.id, personaId: row.personaId, pick: row.pick };
-}
-
-/**
- * Resolves the now-playing surface's taste-thumb target AND why-this-pick source (SPEC F84.1,
- * F84.6, F86.4; STORY-215, STORY-218) — `BoothLogController`'s own doc comment is explicit that
- * there is no separate now-playing thumb endpoint: "resolve to the latest track-start booth-log
- * row, then call this same route." This hook is that resolution, polled independently of the
- * now-playing/play-history/ratings pollers already on this page (F16.6). It deliberately does NOT
- * try to match the resolved row against whatever `fetchNowPlaying` currently reports — a
- * persona-less airing, or a row that predates the `personaId` column, resolves to `null`, so the
- * caller renders no taste control (F84.6) and no pick chips (F86.4) at all, the same gating a
- * stamped booth-log row applies to itself. T76 (F86.4) reuses this exact resolution for `PickChips`
- * rather than adding a second lookup, so the thumb and the chips can never drift onto different
- * rows.
- */
-export function useNowPlayingTasteAttribution(): NowPlayingTasteAttribution | null {
-  const poll = usePoll(() => fetchBoothLogPage(), { intervalMs: ATTRIBUTION_POLL_INTERVAL_MS });
-  return useMemo(() => latestTrackStartAttribution(poll.data), [poll.data]);
-}
diff --git a/admin-ui/app/(authed)/persona-catalog/AvatarDetailPanel.tsx b/admin-ui/app/(authed)/persona-catalog/AvatarDetailPanel.tsx
index d2260c80..9f0eda45 100644
--- a/admin-ui/app/(authed)/persona-catalog/AvatarDetailPanel.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/AvatarDetailPanel.tsx
@@ -24,8 +24,8 @@ export interface AvatarDetailPanelProps {
 /**
  * An avatar pack entry's detail view (SPEC F128.1, F128.4, PLAN T294) — mirrors `FontDetailPanel`'s
  * own shape one level up (name, 18+ badge, an Install/Re-install button that opens a confirm modal
- * rather than posting anything itself, an "Installed" chip once a pack under this slug is already in
- * the Wardrobe) with the specimen half replaced by a FACE GRID: every `detail.avatarItems` entry
+ * rather than posting anything itself, an "Installed" chip once a pack under this slug is already
+ * installed) with the specimen half replaced by a FACE GRID: every `detail.avatarItems` entry
  * (SPEC F128.1's `items[]`, parsed off the already-fetched `.avatar.json` manifest at zero extra
  * network cost, T292) rendered as its own `AvatarItemFace` tile — see that component's own remarks
  * for why it loads through a plain `<img>` rather than `SpecimenBlock`'s own fetch/Blob/FontFace
diff --git a/admin-ui/app/(authed)/persona-catalog/FontDetailPanel.tsx b/admin-ui/app/(authed)/persona-catalog/FontDetailPanel.tsx
index c159b896..71173b7d 100644
--- a/admin-ui/app/(authed)/persona-catalog/FontDetailPanel.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/FontDetailPanel.tsx
@@ -43,11 +43,11 @@ export interface FontDetailPanelProps {
  * `ThemeInstallModal`) rather than posting anything itself.
  *
  * <b>Licence line (PLAN T204, Dean's post-v3.1.0 review).</b> "&lt;licence&gt; · v&lt;version&gt; ·
- * &lt;subset&gt;" via the shared `licenceLine` helper (`font-format.ts`) — the SAME line the
- * Wardrobe page's own installed-pack cards render, so the one trust fact a PRE-install review most
- * needs (what licence am I about to agree to?) reads identically whether the pack is already
- * installed or not. Degrades to "Licence unknown" rather than an empty line — see that helper's own
- * remarks.
+ * &lt;subset&gt;" via the shared `licenceLine` helper (`font-format.ts`) — the SAME line the retired
+ * Wardrobe page's own installed-pack cards once rendered, so the one trust fact a PRE-install review
+ * most needs (what licence am I about to agree to?) reads the same whether or not a future installed-
+ * pack surface reuses this helper. Degrades to "Licence unknown" rather than an empty line — see that
+ * helper's own remarks.
  *
  * <b>Installed-state awareness (PLAN T204).</b> Reopening an already-installed pack's detail panel
  * used to show no sign of that — `SpecimenBlock`'s OLD "Admin-only specimen — not installed" caption
@@ -67,8 +67,8 @@ export function FontDetailPanel({ slug, detail, isInstalled, onInstallClick }: F
         <div className="flex flex-wrap items-center gap-2">
           <h2 className="font-display text-[1.1rem] text-ink">{prettifySlug(slug)}</h2>
           {/* Bare status word, not a provenance stamp (no slug/date — this panel already names the
-              slug in its own heading) — mirrors WardrobeClient's own ProvenanceChip shape one level
-              up, just narrower content. */}
+              slug in its own heading) — mirrors the retired Wardrobe page's own ProvenanceChip shape
+              one level up, just narrower content. */}
           {isInstalled && <Chip>Installed</Chip>}
         </div>
         {/* Install/Re-install (scope addition, see this component's own remarks) opens
diff --git a/admin-ui/app/(authed)/persona-catalog/IconDetailPanel.tsx b/admin-ui/app/(authed)/persona-catalog/IconDetailPanel.tsx
index 60df6b5a..6e76862d 100644
--- a/admin-ui/app/(authed)/persona-catalog/IconDetailPanel.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/IconDetailPanel.tsx
@@ -24,7 +24,7 @@ export interface IconDetailPanelProps {
  * An icon pack entry's detail view (SPEC F130.1, F130.6, STORY-337, PLAN T304) — mirrors
  * `AvatarDetailPanel`'s own shape one level up (name, 18+ badge, an Install/Re-install button that
  * opens a confirm modal rather than posting anything itself, an "Installed" chip once a pack under
- * this slug is already in the Wardrobe) with the specimen half replaced by a SPECIMEN ROW: every
+ * this slug is already installed) with the specimen half replaced by a SPECIMEN ROW: every
  * icon `detail.card`'s own definition declares, drawn small through the SAME safe renderer
  * (`IconPackSpecimenRow`/`IconPackGlyph`) the active admin chrome itself uses once a pack installs.
  *
diff --git a/admin-ui/app/(authed)/persona-catalog/JinglePackDetailPanel.tsx b/admin-ui/app/(authed)/persona-catalog/JinglePackDetailPanel.tsx
index 70880854..03cac150 100644
--- a/admin-ui/app/(authed)/persona-catalog/JinglePackDetailPanel.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/JinglePackDetailPanel.tsx
@@ -7,6 +7,7 @@ import { Chip } from "@/components/ui/chip";
 import { useConfirm } from "@/components/ui/confirm-dialog";
 import { toast } from "@/components/ui/toast";
 import { readErrorMessage } from "@/lib/problem-details";
+import { isHttpUrl } from "@/lib/safe-external-url";
 import { LicenseBadge } from "./catalog-badges";
 import { prettifySlug } from "./format-slug";
 import type { CatalogEntryDetailDto } from "./types";
@@ -118,8 +119,6 @@ function aggregateLicenses(assets: readonly ParsedJinglePackAsset[]): string {
   return [...known, ...unknown].join(" · ");
 }
 
-const HTTP_URL_PATTERN = /^https?:/i;
-
 /**
  * A jingle pack entry's detail view (SPEC F165, STORY-397, PLAN T418) — mirrors
  * `VoicePackDetailPanel`'s own shape (name, an Install/Re-install button opening the shared confirm
@@ -232,7 +231,7 @@ export function JinglePackDetailPanel({ slug, detail, isInstalled, onInstallClic
               <td className="py-1.5">
                 {asset.attributionCreator === null ? (
                   "—"
-                ) : asset.attributionSourceUrl !== null && HTTP_URL_PATTERN.test(asset.attributionSourceUrl) ? (
+                ) : asset.attributionSourceUrl !== null && isHttpUrl(asset.attributionSourceUrl) ? (
                   <a
                     href={asset.attributionSourceUrl}
                     target="_blank"
diff --git a/admin-ui/app/(authed)/persona-catalog/PersonaCatalogClient.tsx b/admin-ui/app/(authed)/persona-catalog/PersonaCatalogClient.tsx
index bb757aa0..43510abd 100644
--- a/admin-ui/app/(authed)/persona-catalog/PersonaCatalogClient.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/PersonaCatalogClient.tsx
@@ -136,8 +136,8 @@ interface PersonaCatalogClientProps {
    */
   installedJinglePackSlugs?: string[];
   /** Test-only injection point for the theme provenance line's `formatDateStamp` call (gh-#375);
-   * production omits this and gets the browser's local zone — the same SettingsForm/WardrobeClient/
-   * PersonasClient idiom, not a bespoke one. */
+   * production omits this and gets the browser's local zone — the same SettingsForm/PersonasClient
+   * idiom the retired Wardrobe page's own client once shared, not a bespoke one. */
   timeZone?: string;
   /**
    * The kind tab this render shows (gh-#372) — resolved off `?kind=` by the page's own server
@@ -375,10 +375,10 @@ export function PersonaCatalogClient({
   }
 
   /** SPEC F104.5's success path — mirrors `handleThemeInstalled`'s own remarks: no dedicated
-   * wardrobe-list page exists on THIS task's own owned files for the panel to route to (PLAN T203
-   * builds that separately); closing the modal, toasting the family that just entered the station's
-   * Wardrobe, AND (PLAN T204) marking `slug` installed in local state — so `FontDetailPanel` flips
-   * to "Installed"/"Re-install" immediately, no reload — is the whole client-side job. */
+   * installed-font list page exists on THIS task's own owned files for the panel to route to;
+   * closing the modal, toasting the family that just installed, AND (PLAN T204) marking `slug`
+   * installed in local state — so `FontDetailPanel` flips to "Installed"/"Re-install" immediately,
+   * no reload — is the whole client-side job. */
   function handleFontInstalled(slug: string, result: FontInstallResult): void {
     setInstallingFont(false);
     setInstalledSlugs((prev) => new Set(prev).add(slug));
@@ -439,8 +439,8 @@ export function PersonaCatalogClient({
    * STORY-397's install success path — unlike every kind above, this closes the modal, toasts, AND
    * calls `router.refresh()` instead of flipping a local `Set` (see `installedVoicePackSlugs`'s own
    * remarks on `PersonaCatalogClientProps`): the next server render's `GET /api/voice-packs` read
-   * becomes this component's own "Installed" source of truth, the same mechanism
-   * `wardrobe/UninstallPackButton.tsx` already uses for its own 204 path.
+   * becomes this component's own "Installed" source of truth, the same mechanism the retired
+   * Wardrobe page's uninstall button used for its own 204 path.
    */
   function handleVoicePackInstalled(result: VoicePackInstallResult): void {
     setInstallingVoicePack(false);
diff --git a/admin-ui/app/(authed)/persona-catalog/PersonaCatalogTabs.tsx b/admin-ui/app/(authed)/persona-catalog/PersonaCatalogTabs.tsx
index 41695d46..3c33e4d8 100644
--- a/admin-ui/app/(authed)/persona-catalog/PersonaCatalogTabs.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/PersonaCatalogTabs.tsx
@@ -21,9 +21,9 @@ const TABS: TabStripTab<CatalogEntryKind>[] = [
 ];
 
 /**
- * Resolves `?kind=` to a shelf kind (gh-#372, widened at PLAN T304/T405) — the `resolveWardrobeTab`
- * posture: anything unrecognised (absent, an array, a stranger) falls back to personas, the
- * shelf's founding kind.
+ * Resolves `?kind=` to a shelf kind (gh-#372, widened at PLAN T304/T405) — the retired Wardrobe
+ * page's `resolveWardrobeTab` posture: anything unrecognised (absent, an array, a stranger) falls
+ * back to personas, the shelf's founding kind.
  */
 export function resolveCatalogKind(raw: string | string[] | undefined): CatalogEntryKind {
   switch (raw) {
diff --git a/admin-ui/app/(authed)/persona-catalog/VoicePackDetailPanel.tsx b/admin-ui/app/(authed)/persona-catalog/VoicePackDetailPanel.tsx
index 9e84fa8f..a704df22 100644
--- a/admin-ui/app/(authed)/persona-catalog/VoicePackDetailPanel.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/VoicePackDetailPanel.tsx
@@ -98,7 +98,7 @@ type PreviewState =
  * `VoicePackInstallModal` as a parent-level sibling (the same shape Icon/Avatar/AdPack already use)
  * — but Uninstall needs no multi-step confirm DIALOG shell, only a yes/no question, so it is wired
  * directly here via the house `useConfirm()` + `router.refresh()` idiom
- * (`wardrobe/UninstallPackButton.tsx`'s own precedent) rather than threaded back through the parent
+ * (the retired Wardrobe page's uninstall button set the precedent) rather than threaded back through the parent
  * as a second callback prop.
  */
 export function VoicePackDetailPanel({ slug, detail, isInstalled, onInstallClick }: VoicePackDetailPanelProps): ReactNode {
diff --git a/admin-ui/app/(authed)/persona-catalog/font-format.ts b/admin-ui/app/(authed)/persona-catalog/font-format.ts
index 7f069f74..9072b0be 100644
--- a/admin-ui/app/(authed)/persona-catalog/font-format.ts
+++ b/admin-ui/app/(authed)/persona-catalog/font-format.ts
@@ -14,8 +14,8 @@ export function formatFontByteTotal(bytes: number): string {
 }
 
 /** The trio a font pack's licence line reads off (PLAN T204) — shared shape between the CATALOG
- * detail wire (`CatalogEntryDetailDto.fontLicense`/`fontVersion`/`fontSubset`) and the installed
- * Wardrobe wire (`FontLibraryPackDto.license`/`version`/`subset`): different DTOs, same three field
+ * detail wire (`CatalogEntryDetailDto.fontLicense`/`fontVersion`/`fontSubset`) and the installed-
+ * font wire (`FontLibraryPackDto.license`/`version`/`subset`): different DTOs, same three field
  * names and the same "degrades gracefully, never blank" contract, so this shape only names what
  * `licenceLine` below actually needs. */
 export interface FontLicenceFields {
@@ -25,13 +25,13 @@ export interface FontLicenceFields {
 }
 
 /** One pack's licence line — "&lt;licence&gt; · v&lt;version&gt; · &lt;subset&gt;" (PLAN T204,
- * mirrors the Library/Wardrobe page's own pre-existing line) — omitting whichever of the three is
- * absent (`version` is genuinely optional even on a cleanly-parsed manifest; `license`/`subset` are
- * `null` only when the manifest failed to parse, degrade, or — on the catalog wire — the entry is
- * unreachable). Degrades to "Licence unknown" rather than an empty line on the all-null edge — a
- * reviewer never sees a blank fact where the panel's whole point is showing this one. Shared by
- * `FontDetailPanel` (pre-install review) and the Wardrobe page's own pack cards so the two can never
- * drift on the same wording. */
+ * mirrors the retired Library/Wardrobe page's own pre-existing line) — omitting whichever of the
+ * three is absent (`version` is genuinely optional even on a cleanly-parsed manifest; `license`/
+ * `subset` are `null` only when the manifest failed to parse, degrade, or — on the catalog wire —
+ * the entry is unreachable). Degrades to "Licence unknown" rather than an empty line on the
+ * all-null edge — a reviewer never sees a blank fact where the panel's whole point is showing this
+ * one. Used by `FontDetailPanel` (pre-install review); the retired Wardrobe page's own pack cards
+ * shared this exact wording too. */
 export function licenceLine(fields: FontLicenceFields): string {
   const parts = [
     fields.license,
diff --git a/admin-ui/app/(authed)/persona-catalog/page.tsx b/admin-ui/app/(authed)/persona-catalog/page.tsx
index c2d7be64..55b9c2b3 100644
--- a/admin-ui/app/(authed)/persona-catalog/page.tsx
+++ b/admin-ui/app/(authed)/persona-catalog/page.tsx
@@ -37,8 +37,9 @@ async function fetchSlugs<T extends { slug: string }>(
 }
 
 /** Wire shape of a `GET /api/fonts` row (SPEC F104.7) — only the one field this page reads; mirrors
- * `wardrobe/page.tsx`'s own local `SettingRow` idiom (cast to the one field a caller needs rather
- * than importing the Wardrobe page's full `FontLibraryPackDto` for a single string). */
+ * this file's own narrow-cast idiom below (`InstalledAvatarPackRow`/`InstalledIconPackRow`): cast
+ * to the one field a caller needs rather than importing the full `FontLibraryPackDto` the retired
+ * Wardrobe page once used for a single string. */
 interface InstalledFontPackRow {
   slug: string;
 }
@@ -50,8 +51,8 @@ interface InstalledFontPackRow {
  * this task's own dispatch note weighed): one more `Promise.all` leg here, versus a second
  * client-side fetch/loading state threaded through `PersonaCatalogClient.loadDetail` for font
  * entries only. Independent of `Community:CatalogIndexUrl` (SPEC F104.8's offline floor — an
- * installed pack outlives the catalog, the same reasoning `wardrobe/page.tsx`'s own ungated nav item
- * follows) — fetched unconditionally, never gated on the catalog being enabled. Every row counts
+ * installed pack outlives the catalog, the same reasoning the retired Wardrobe page's ungated nav
+ * item followed) — fetched unconditionally, never gated on the catalog being enabled. Every row counts
  * (no predicate): a font pack has only one provenance path (SPEC F104.5), so "installed" and
  * "genuinely installed by this route" are the same thing.
  */
@@ -71,7 +72,7 @@ interface InstalledAvatarPackRow {
  * remarks verbatim, applied to the avatar kind (this task's own "match the font install flow
  * exactly" instruction): fetched ALONGSIDE the index, in the SAME server component, so
  * `AvatarDetailPanel` never has to guess whether a slug it is about to offer "Install" for is
- * already in the Wardrobe. Independent of `Community:CatalogIndexUrl` — same posture as
+ * already installed. Independent of `Community:CatalogIndexUrl` — same posture as
  * `fetchInstalledFontSlugs`, an installed pack outlives the catalog. Every row counts (no
  * predicate): an avatar pack has only one provenance path (SPEC F128.3), so "installed" and
  * "genuinely installed by this route" are the same thing.
@@ -91,7 +92,7 @@ interface InstalledIconPackRow {
  * Every already-installed icon pack's slug (PLAN T304) — mirrors `fetchInstalledAvatarSlugs`'s own
  * remarks verbatim, applied to the icon kind: fetched ALONGSIDE the index, in the SAME server
  * component, so `IconDetailPanel` never has to guess whether a slug it is about to offer "Install"
- * for is already in the Wardrobe. Every row counts (no predicate): an icon pack has only one
+ * for is already installed. Every row counts (no predicate): an icon pack has only one
  * provenance path (SPEC F130.5), so "installed" and "genuinely installed by this route" are the
  * same thing.
  */
@@ -136,8 +137,8 @@ interface StationThemeChoiceRow {
   importedAt?: string | null;
 }
 
-/** Wire shape of one `GET /api/settings` row — only the one field this page reads (mirrors
- * `wardrobe/page.tsx`'s own local `SettingRow` idiom for the SAME endpoint, a different key). */
+/** Wire shape of one `GET /api/settings` row — only the one field this page reads (mirrors the
+ * retired Wardrobe page's own local `SettingRow` idiom for the SAME endpoint, a different key). */
 interface SettingRow {
   key: string;
   choices?: StationThemeChoiceRow[];
@@ -213,9 +214,9 @@ async function fetchHiredPersonaSlugs(cookieHeader: string): Promise<string[]> {
  * costs over a dedicated route: this page reads the WHOLE settings document (every allowlisted key,
  * not only `Station:Theme`) to reach one field. That document is small (one row per allowlisted
  * key, no large payloads — SPEC F55.3's full-coverage allowlist is still a few dozen rows) and
- * already fetched wholesale by other authed pages for a single key each (`wardrobe/page.tsx`'s own
- * `fetchCatalogEnabled`, `layout.tsx`'s own `Station:Theme` read for the header's ThemeSwitcher) —
- * this is that same established shape, not a new pattern.
+ * already fetched wholesale by other authed pages for a single key each (`layout.tsx`'s own
+ * `Station:Theme` read for the header's ThemeSwitcher, and the retired Wardrobe page's own
+ * `fetchCatalogEnabled` before it) — this is that same established shape, not a new pattern.
  *
  * Fetched ALONGSIDE the index and `installedFontSlugs`, in the SAME server component (one more
  * `Promise.all` leg, the smaller diff over a lazy per-open client fetch). Any failure (network
diff --git a/admin-ui/app/(authed)/persona-catalog/types.ts b/admin-ui/app/(authed)/persona-catalog/types.ts
index edd44c15..24b7e967 100644
--- a/admin-ui/app/(authed)/persona-catalog/types.ts
+++ b/admin-ui/app/(authed)/persona-catalog/types.ts
@@ -82,9 +82,9 @@ export interface CatalogIndexResponseDto {
  * why this value is never interpolated into CSS. `fontSpecimenFile` is the bare filename
  * `SpecimenBlock` passes to `GET /api/catalog/entries/{slug}/assets/{file}` to render the real face
  * (SPEC F104.4). `fontLicense`/`fontVersion`/`fontSubset` (PLAN T204, Dean's post-v3.1.0 review: the
- * pre-install review panel showed no licence anywhere) are the SAME manifest trio a Wardrobe pack's
- * own `license`/`version`/`subset` carry once installed (`FontLibraryPackDto`) — see
- * `font-format.ts`'s shared `licenceLine` for the one place both render identically.
+ * pre-install review panel showed no licence anywhere) are the SAME manifest trio an installed font
+ * pack's own `license`/`version`/`subset` carry once installed (`FontLibraryPackDto`) — see
+ * `font-format.ts`'s shared `licenceLine`, which `FontDetailPanel` renders.
  * `suggestedPersona` (SPEC F118.3, PLAN T254/T255) is a show entry's OPTIONAL "also hire" catalog
  * persona slug, parsed off the entry's `meta.json` server-side — `null` for every non-show entry,
  * when unreachable, when the entry's meta.json omits it, or when it fails its own slug-shape check
@@ -185,8 +185,8 @@ export interface CatalogAdPackBriefDto {
  * though the two are always equal today (`ThemeInstallModal` always installs a theme under its own
  * catalog slug, threading that SAME value as both the import route's target slug and its
  * `?catalogSlug=`) — a caller keyed on `slug` never has to assume that equality holds, the same
- * "read the real field, don't infer it" discipline `WardrobeClient`'s own `ProvenanceChip` remarks
- * state for its own always-equal `importedFrom`/`slug` pair.
+ * "read the real field, don't infer it" discipline the retired Wardrobe page's own `ProvenanceChip`
+ * once stated for its own always-equal `importedFrom`/`slug` pair.
  */
 export interface ThemeCatalogProvenanceDto {
   slug: string;
diff --git a/admin-ui/app/(authed)/personas/PersonaAvatarPackPicker.tsx b/admin-ui/app/(authed)/personas/PersonaAvatarPackPicker.tsx
index 8b0203d2..956b8408 100644
--- a/admin-ui/app/(authed)/personas/PersonaAvatarPackPicker.tsx
+++ b/admin-ui/app/(authed)/personas/PersonaAvatarPackPicker.tsx
@@ -26,7 +26,7 @@ export interface PersonaAvatarPackPickerProps {
  * The apply-from-pack picker (SPEC F128.5, STORY-333, PLAN T296) — every installed avatar pack's
  * own items, listed for the persona currently being edited. An item whose `suggestedPersona`
  * matches this persona's OWN `slug` renders a "Suggested" offer chip (the same wording
- * `AvatarWardrobeClient`/`AvatarItemFace` already use for the identical field elsewhere); nothing
+ * `AvatarItemFace` already uses for the identical field elsewhere); nothing
  * here writes on its own — every row's own explicit "Use this face" click is the only write this
  * component ever issues, one `POST .../from-pack` per click, straight through
  * `PersonaAvatarController.ApplyFromPack` (T295). No bulk affordance lives here — that is the
@@ -75,7 +75,7 @@ export function PersonaAvatarPackPicker({
   if (packsState.packs.length === 0) {
     return (
       <p className="text-[0.82rem] text-mute">
-        No avatar packs installed — install one from the Wardrobe&apos;s Avatars tab.
+        No avatar packs installed — install one from the Community Catalog.
       </p>
     );
   }
diff --git a/admin-ui/app/(authed)/personas/PersonasClient.tsx b/admin-ui/app/(authed)/personas/PersonasClient.tsx
index ab53bb3e..b22b3a16 100644
--- a/admin-ui/app/(authed)/personas/PersonasClient.tsx
+++ b/admin-ui/app/(authed)/personas/PersonasClient.tsx
@@ -36,8 +36,8 @@ export interface PersonasClientProps {
    * `null` when no persona is on the air right now, or the status read failed. */
   onAirPersonaName?: string | null;
   /** Test-only injection point for the provenance badge's `formatDateStamp` call; production omits
-   * this and gets the browser's local zone — the same StatusTiles/BoothLogFeed/LlmCallsFeed/
-   * PlayHistoryTable idiom, not a bespoke one. */
+   * this and gets the browser's local zone — the same StatusTiles/BoothLogFeed/LlmCallsFeed
+   * idiom, not a bespoke one. */
   timeZone?: string;
 }
 
@@ -717,8 +717,9 @@ export function PersonasClient({
           <h2 className="font-display text-[1.1rem] text-ink">Personas</h2>
           {/* Bulk apply-suggested (SPEC F128.5, STORY-333, PLAN T296) — the roster toolbar, the
               smaller honest surface (this page already has the full roster + slugs in hand; a
-              Wardrobe pack card would need its OWN persona-roster fetch to compute the identical
-              mapping). Opens BulkApplySuggestedModal — no request fires until its own Confirm. */}
+              Community Catalog avatar pack card would need its OWN persona-roster fetch to compute
+              the identical mapping). Opens BulkApplySuggestedModal — no request fires until its own
+              Confirm. */}
           <Button type="button" variant="secondary" onClick={() => setShowBulkApplyModal(true)}>
             Apply suggested faces
           </Button>
diff --git a/admin-ui/app/(authed)/safe-content/SafeContentClient.tsx b/admin-ui/app/(authed)/safe-content/SafeContentClient.tsx
index 7bbd00b4..6eefb6d7 100644
--- a/admin-ui/app/(authed)/safe-content/SafeContentClient.tsx
+++ b/admin-ui/app/(authed)/safe-content/SafeContentClient.tsx
@@ -106,8 +106,9 @@ const FIELD_INPUT_CLASSES =
 const HEADER_CELL = "py-2 pr-3 text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-accent-2";
 
 /**
- * Client half of the "Station Imaging" page (formerly "Safe content", gh-#149 — display rename
- * only: the /safe-content route, /api/safe-segments endpoint, and type names are stable keys).
+ * Client half of the "Station sounds" page (formerly "Safe content", then "Station Imaging" —
+ * gh-#149, then F203.5 — display renames only: the /safe-content route, /api/safe-segments
+ * endpoint, and type names are stable keys).
  * (SPEC F27.9/F28.9–F28.10, STORY-081/STORY-092). Owns
  * the Generate form (text, title, voice, optional bed, target library) and the target library's
  * segment list with an inline eligibility toggle. Consumes only the shipped endpoints: POST
diff --git a/admin-ui/app/(authed)/safe-content/page.tsx b/admin-ui/app/(authed)/safe-content/page.tsx
index c12f5ba9..1123fadc 100644
--- a/admin-ui/app/(authed)/safe-content/page.tsx
+++ b/admin-ui/app/(authed)/safe-content/page.tsx
@@ -68,7 +68,7 @@ export default async function SafeContentPage(): Promise<ReactNode> {
   if (librariesResult.status === "rejected" || !librariesResult.value.ok) {
     return (
       <main>
-        <h1 className="font-display text-[1.35rem] font-semibold text-ink">Station Imaging</h1>
+        <h1 className="font-display text-[1.35rem] font-semibold text-ink">Station sounds</h1>
         <p className="mt-4 text-[0.85rem] text-danger">Unable to load libraries.</p>
       </main>
     );
@@ -95,7 +95,7 @@ export default async function SafeContentPage(): Promise<ReactNode> {
 
   return (
     <main>
-      <h1 className="font-display text-[1.35rem] font-semibold text-ink">Station Imaging</h1>
+      <h1 className="font-display text-[1.35rem] font-semibold text-ink">Station sounds</h1>
       {/* gh-#149 — "always airable" moved out of the old "Safe content" name into this one help
           sentence: the never-dead-air guarantee, stated where the rename dropped it. */}
       <p className="mt-1 text-[0.85rem] text-mute">
diff --git a/admin-ui/app/(authed)/settings/SafeScopeAvailabilityBadge.tsx b/admin-ui/app/(authed)/settings/SafeScopeAvailabilityBadge.tsx
index a8da7a1a..7e5aa745 100644
--- a/admin-ui/app/(authed)/settings/SafeScopeAvailabilityBadge.tsx
+++ b/admin-ui/app/(authed)/settings/SafeScopeAvailabilityBadge.tsx
@@ -44,7 +44,7 @@ export function SafeScopeAvailabilityBadge({ effectivelyEmpty }: SafeScopeAvaila
 
   return (
     <span className="inline-flex w-fit items-center gap-1.5 rounded-[3px] border border-danger px-2 py-0.5 text-[0.72rem] font-semibold text-danger">
-      Station Imaging scope has no playable tracks — drains will be silent
+      Station sounds scope has no playable tracks — drains will be silent
     </span>
   );
 }
diff --git a/admin-ui/app/(authed)/settings/SettingsForm.tsx b/admin-ui/app/(authed)/settings/SettingsForm.tsx
index c3d3ec8d..06aded93 100644
--- a/admin-ui/app/(authed)/settings/SettingsForm.tsx
+++ b/admin-ui/app/(authed)/settings/SettingsForm.tsx
@@ -45,8 +45,7 @@ interface SettingsFormProps {
   libraries?: LibraryDto[];
   /** Test-only injection point for the theme provenance list's `formatDateStamp` call (SPEC
    * F103.11, PLAN T187 review F2); production omits this and gets the browser's local zone — the
-   * same StatusTiles/BoothLogFeed/LlmCallsFeed/PlayHistoryTable/`PersonasClient` idiom, not a
-   * bespoke one. */
+   * same StatusTiles/BoothLogFeed/LlmCallsFeed/`PersonasClient` idiom, not a bespoke one. */
   timeZone?: string;
   /**
    * Extra content mounted at the end of the TTS tabpanel, after its own section cards (PLAN T145
@@ -82,9 +81,9 @@ const TTS_TAB_PREFIX = "Tts";
 const VERSION_GUARDED_KEYS = new Set<string>(["Tts:Corrections", "Tts:Pronunciations"]);
 const EMPTY_MAIN_SCOPE_ERROR =
   "Main rotation scope cannot be empty — the station would go silent.";
-const SAFE_SCOPE_EMPTY_CONFIRM_TITLE = "Save empty Station Imaging scope";
+const SAFE_SCOPE_EMPTY_CONFIRM_TITLE = "Save empty Station sounds scope";
 const SAFE_SCOPE_EMPTY_CONFIRM_CONSEQUENCE =
-  "Saving an empty Station Imaging scope (Station:SafeScope:LibraryIds) silences the stream on " +
+  "Saving an empty Station sounds scope (Station:SafeScope:LibraryIds) silences the stream on " +
   "drain — mksafe emits silence until re-pointed.";
 
 /**
@@ -138,6 +137,9 @@ const FIELD_HELP_TEXT: Record<SettingsHelpKey, string> = {
   "Station:Name":
     "The public Icecast stream/directory name updates on the next engine restart; patter, " +
     "metadata, and this console update immediately.",
+  "Station:Tagline":
+    "A short line shown under the station name on the About page. Optional — leave blank to show " +
+    "no tagline. Up to 120 characters.",
   "Station:Voice":
     "The Kokoro voice used for station-branded patter (station IDs, time/date, lead-ins, " +
     "back-announces) whenever no persona is active.",
@@ -155,7 +157,7 @@ const FIELD_HELP_TEXT: Record<SettingsHelpKey, string> = {
     "The libraries the main rotation picks tracks from — must name at least one library, or the " +
     "station has nothing to play.",
   "Station:SafeScope:LibraryIds":
-    "The libraries holding Station Imaging — the always-airable station segments (IDs, jingles, " +
+    "The libraries holding Station sounds — the always-airable station segments (IDs, jingles, " +
     "sweepers, liners) played when the main rotation drains. An empty list is legal and falls " +
     "back to silence (mksafe).",
   // ── Rotation resilience + artist separation (SPEC F41.6, F53.1, F56.1, closes gitea-#210/gitea-#213/gitea-#227) ─
@@ -293,7 +295,7 @@ const FIELD_HELP_TEXT: Record<SettingsHelpKey, string> = {
     "The longest crossfade duration the engine uses between tracks, in seconds. Must be " +
     "greater than 0, at most 30.",
   "GW_SAFE_GAP_SECONDS":
-    "The silence gap the engine inserts between consecutive Station Imaging (safe-rotation) " +
+    "The silence gap the engine inserts between consecutive Station sounds (safe-rotation) " +
     "tracks, in seconds. 0 disables the gap. Accepted range: 0–600.",
 
   // ── Enrichment-mode knobs (F44.3) ──────────────────────────────────────────────────────────
@@ -358,8 +360,8 @@ const FIELD_HELP_TEXT: Record<SettingsHelpKey, string> = {
 
   // ── Icon pack selection (SPEC F130.4, STORY-337, PLAN T303) ───────────────────────────────
   "Station:IconPack":
-    "The station's active icon pack, by slug — fed by the packs installed on the Wardrobe " +
-    "Icons tab. Empty (the default) uses the house icons. Uninstalling the active pack leaves " +
+    "The station's active icon pack, by slug — fed by the packs installed on the Community " +
+    "Catalog. Empty (the default) uses the house icons. Uninstalling the active pack leaves " +
     "this value dangling; the admin chrome falls back to house icons rather than erroring. " +
     "Changes apply live.",
 
diff --git a/admin-ui/app/(authed)/settings/settings-help-keys.ts b/admin-ui/app/(authed)/settings/settings-help-keys.ts
index d85e9281..e550db42 100644
--- a/admin-ui/app/(authed)/settings/settings-help-keys.ts
+++ b/admin-ui/app/(authed)/settings/settings-help-keys.ts
@@ -19,6 +19,7 @@ export const SETTINGS_HELP_KEYS = [
   "Loudness:TargetLufs",
   "Loudness:CeilingDbtp",
   "Station:Name",
+  "Station:Tagline",
   "Station:Voice",
   "Station:Cadence:LeadInBeforeEachTrack",
   "Station:Cadence:BackAnnounceAfterEachTrack",
diff --git a/admin-ui/app/(authed)/settings/settings-sections.ts b/admin-ui/app/(authed)/settings/settings-sections.ts
index 7fde7b67..0976f37e 100644
--- a/admin-ui/app/(authed)/settings/settings-sections.ts
+++ b/admin-ui/app/(authed)/settings/settings-sections.ts
@@ -24,8 +24,8 @@ export const SECTION_LABELS: Readonly<Record<SectionId, string>> = {
   station: "Station",
   scope: "Scope",
   // gh-#149 display rename: the section holding Station:SafeScope:*/GW_SAFE_GAP_SECONDS is
-  // labeled "Station Imaging"; the section id and the setting KEYS deliberately stay "safe".
-  safe: "Station Imaging",
+  // labeled "Station sounds"; the section id and the setting KEYS deliberately stay "safe".
+  safe: "Station sounds",
   library: "Library",
   other: "Other",
 };
@@ -35,15 +35,16 @@ export const SECTION_LABELS: Readonly<Record<SectionId, string>> = {
  * key list in `GenWave.Host.Configuration.StationSettingsAllowlist`:
  *   - `Loudness:*`                                             → Loudness
  *   - `Station:Cadence:*`, `Station:Rotation:*`, `GW_XFADE_*`   → Playout
- *   - `Station:Name`, `Station:Voice`                          → Station
+ *   - `Station:Name`, `Station:Tagline`, `Station:Voice`        → Station
  *   - `Station:SafeScope:*`, `GW_SAFE_GAP_SECONDS`              → Safe
  *   - `Station:Scope:*`                                         → Scope
  *   - `Library:*`                                               → Library
  * Anything else falls back to "other" so a future allowlist addition is
  * surfaced rather than silently dropped from the page.
  *
- * `station` is a minimal V7 addition (SPEC F44.1/F44.5) carrying only two exact keys below —
- * NOT a `Station:` prefix rule, which would also swallow Cadence/Rotation/Scope/SafeScope.
+ * `station` is a minimal V7 addition (SPEC F44.1/F44.5) carrying only the exact keys below
+ * (`Station:Tagline` joined them at PLAN T561, SPEC F207.1) — NOT a `Station:` prefix rule, which
+ * would also swallow Cadence/Rotation/Scope/SafeScope.
  * V8 (SPEC F44.8) adds the `library` section for every `Library:*` key. `Station:Persona:ActiveId`
  * (a V8 addition to this section) is retired outright (SPEC F91.5, PLAN T120/T127) — the format
  * clock is the only thing that names an on-air persona now, and this section carries no
@@ -53,7 +54,7 @@ export const SECTION_LABELS: Readonly<Record<SectionId, string>> = {
  */
 export function sectionForKey(key: string): SectionId {
   if (key.startsWith("Loudness:")) return "loudness";
-  if (key === "Station:Name" || key === "Station:Voice") return "station";
+  if (key === "Station:Name" || key === "Station:Tagline" || key === "Station:Voice") return "station";
   // Station:Rotation:* (SPEC F41.6) joins Station:Cadence:*/GW_XFADE_* in Playout — its prefix
   // doesn't overlap Station:Scope:*/Station:SafeScope:*, so it carries none of that pair's
   // check-order pitfall (see the SafeScope-before-Scope note below).
diff --git a/admin-ui/app/(authed)/shows/ShowsClient.tsx b/admin-ui/app/(authed)/shows/ShowsClient.tsx
index f476a802..c2cea975 100644
--- a/admin-ui/app/(authed)/shows/ShowsClient.tsx
+++ b/admin-ui/app/(authed)/shows/ShowsClient.tsx
@@ -17,8 +17,7 @@ export interface ShowsClientProps {
   /** Every show row, from `GET /api/shows` (SPEC F115.1). */
   initialShows: ShowDto[];
   /** Test-only injection point for the provenance line's `formatDateStamp` call; production omits
-   * this and gets the browser's local zone — the same PersonasClient/WardrobeClient idiom, not a
-   * bespoke one. */
+   * this and gets the browser's local zone — the same `PersonasClient` idiom, not a bespoke one. */
   timeZone?: string;
 }
 
@@ -84,9 +83,9 @@ const FLAVOR_MAX_CHARS = 400;
 /** The one label a show's own delete refusal needs to surface (SPEC F115.4) — the server's `detail`
  * already IS the block-naming prose (`"<slug>" is still scheduled and cannot be deleted: Mon
  * 09:00–12:00, …`), so this reads it verbatim via `readErrorMessage` rather than re-parsing it into a
- * bespoke shape the way `WardrobeClient`'s `formatReferencedThemesMessage` does for its own
- * differently-shaped 409 — that reshape earns its keep there because the theme names sit inside a
- * longer sentence; here the whole sentence already reads as the plain-words refusal. */
+ * bespoke shape the way the retired Wardrobe page's `formatReferencedThemesMessage` once did for its
+ * own differently-shaped 409 — that reshape earned its keep there because the theme names sat inside
+ * a longer sentence; here the whole sentence already reads as the plain-words refusal. */
 function deleteConsequence(show: ShowDto): string {
   return `Delete "${show.name}"? This cannot be undone.`;
 }
@@ -101,8 +100,8 @@ function unscopedImagingNames(rows: readonly ScopedImagingRowDto[]): string[] {
 
 /** Provenance line (SPEC F115.1, F90.7's own three-field pattern) — "Imported · &lt;source&gt; ·
  * &lt;date&gt;" for an imported show, nothing for one authored in place. `importedFrom` renders
- * VERBATIM, the same provenance-not-decoration rule `PersonasClient`'s `ProvenanceBadge` and
- * `WardrobeClient`'s `ProvenanceChip` already follow. */
+ * VERBATIM, the same provenance-not-decoration rule `PersonasClient`'s `ProvenanceBadge` already
+ * follows (the retired Wardrobe page's own `ProvenanceChip` once did too). */
 function ProvenanceLine({
   importedFrom,
   importedAt,
@@ -127,23 +126,23 @@ const CHAR_COUNTER_CLASSES = "text-[0.72rem] tabular-nums text-mute";
  * `/api/shows`. Mirrors `PersonasClient`'s pre-export-first CRUD shape (a single form that toggles
  * create/edit, a list below it, local `shows` state spliced on every mutation response — every
  * mutation here returns a full row, so unlike `PersonasClient`'s import panel there is never a
- * reason to re-fetch the whole list) rather than `WardrobeClient`/`UninstallPackButton`'s
- * server-refresh-on-mutate split: that pair exists because Wardrobe is read-only except for one
- * per-pack action; this page authors every field a show has.
+ * reason to re-fetch the whole list) rather than the retired Wardrobe page's own server-refresh-
+ * on-mutate split (`WardrobeClient`/`UninstallPackButton`): that pair existed because Wardrobe was
+ * read-only except for one per-pack action; this page authors every field a show has.
  *
  * <b>No export-first gate (PLAN T244, "your call" — SPEC gives none).</b> `PersonasClient`'s Fire
  * flow (SPEC F94.2) forces an export or an explicit skip before Delete unlocks, because a persona
  * card carries taste history and narrative an operator could lose for good. A show carries three
  * short authored fields (name/tagline/flavor) with no comparable export format anywhere in this
  * codebase (`PersonaExportLink`'s card JSON has no show analogue) and no learned state at all — the
- * plain `useConfirm()` guard `UninstallPackButton` uses for font packs is the proportionate one here
- * too: state the consequence, confirm, delete.
+ * plain `useConfirm()` guard the retired Wardrobe page's `UninstallPackButton` once used for font
+ * packs is the proportionate one here too: state the consequence, confirm, delete.
  *
  * <b>Guarded delete (SPEC F115.4).</b> A 409 means `station.segment_schedule` still names this show
  * in ≥1 block; the server's own `detail` already names them (`ShowsController.ReferencedProblem`),
  * so this reads it straight through `readErrorMessage` with no reshape (see `deleteConsequence`'s own
- * remarks for why that differs from `WardrobeClient`'s theme-name reshape). A success that unscoped
- * ≥1 show-scoped imaging row (F117.1, no FK — never what BLOCKS the delete) folds those names into
+ * remarks for why that differs from the retired Wardrobe page's own theme-name reshape). A success
+ * that unscoped ≥1 show-scoped imaging row (F117.1, no FK — never what BLOCKS the delete) folds those names into
  * the success toast rather than a second dialog; nothing here re-fetches the imaging/catalog surface,
  * since this page never lists imaging rows in the first place.
  *
diff --git a/admin-ui/app/(authed)/wardrobe/AvatarUninstallPackButton.tsx b/admin-ui/app/(authed)/wardrobe/AvatarUninstallPackButton.tsx
deleted file mode 100644
index 40da961d..00000000
--- a/admin-ui/app/(authed)/wardrobe/AvatarUninstallPackButton.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-"use client";
-
-import { useState, type ReactNode } from "react";
-import { useRouter } from "next/navigation";
-import { Button } from "@/components/ui/button";
-import { useConfirm } from "@/components/ui/confirm-dialog";
-import { toast } from "@/components/ui/toast";
-import { readErrorMessage } from "@/lib/problem-details";
-
-export interface AvatarUninstallPackButtonProps {
-  /** The installed pack's slug — `DELETE /api/avatar-packs/{slug}`'s route target (SPEC F128.3). */
-  slug: string;
-  /** The pack's display name (already clamped by the caller — see `AvatarWardrobeClient`'s own
-   * remarks) — used in the confirm dialog and toast copy only, never in the request itself (the
-   * route is keyed on `slug`, mirroring `UninstallPackButton`'s own split). */
-  displayName: string;
-}
-
-/**
- * The Avatars tab's per-pack uninstall affordance (SPEC F128.3, F128.5, PLAN T294) — mirrors
- * `UninstallPackButton`'s own confirm/fetch/toast idiom (the font tab precedent this task's own
- * dispatch names), with ONE deliberate simplification: no 409/referenced-by branch.
- * `AvatarPackController.Uninstall` is GUARD-FREE by design (that controller's own remarks: a worn
- * face already applied to a persona is a COPY of a pack item's bytes at the moment it was applied,
- * never a live reference into `station.avatar_pack_item` — the exact opposite of a saved theme's own
- * live reference into `station.font_pack_face`, which is why `FontPackController.Uninstall` needs a
- * 409 guard and this route never does) — so this button only ever sees 204 or a genuine failure,
- * never a "still referenced" refusal to translate into a named message the way
- * `formatReferencedThemesMessage` does for the font tab.
- *
- * <b>204 → refresh, not local state surgery.</b> `wardrobe/page.tsx` is server-rendered
- * (`export const dynamic = "force-dynamic"`) — `router.refresh()` re-runs the server
- * `GET /api/avatar-packs` fetch and re-renders with the pack gone, the SAME pattern
- * `UninstallPackButton` uses.
- */
-export function AvatarUninstallPackButton({ slug, displayName }: AvatarUninstallPackButtonProps): ReactNode {
-  const router = useRouter();
-  const confirm = useConfirm();
-  const [busy, setBusy] = useState(false);
-
-  async function handleUninstall(): Promise<void> {
-    const confirmed = await confirm({
-      title: "Uninstall avatar pack",
-      consequence: `Uninstall "${displayName}"? Every one of its faces is removed from this station immediately.`,
-      confirmLabel: "Uninstall",
-      destructive: true,
-    });
-    if (!confirmed) return;
-
-    setBusy(true);
-    try {
-      const resp = await fetch(`/api/avatar-packs/${encodeURIComponent(slug)}`, { method: "DELETE" });
-
-      if (resp.status === 204) {
-        toast.success(`"${displayName}" uninstalled.`);
-        router.refresh();
-        return;
-      }
-
-      toast.error(await readErrorMessage(resp));
-    } catch {
-      toast.error("Network error — check your connection");
-    } finally {
-      setBusy(false);
-    }
-  }
-
-  return (
-    <Button
-      type="button"
-      variant="secondary"
-      aria-label={`Uninstall ${displayName}`}
-      disabled={busy}
-      onClick={() => {
-        void handleUninstall();
-      }}
-    >
-      Uninstall
-    </Button>
-  );
-}
diff --git a/admin-ui/app/(authed)/wardrobe/AvatarWardrobeClient.tsx b/admin-ui/app/(authed)/wardrobe/AvatarWardrobeClient.tsx
deleted file mode 100644
index 0d520694..00000000
--- a/admin-ui/app/(authed)/wardrobe/AvatarWardrobeClient.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { Chip } from "@/components/ui/chip";
-import { EmptyState } from "@/components/ui/empty-state";
-import { clampPackDisplayText } from "@/lib/clamp-pack-display-text";
-import { prettifySlug } from "../persona-catalog/format-slug";
-import { AvatarUninstallPackButton } from "./AvatarUninstallPackButton";
-import { ProvenanceChip } from "./ProvenanceChip";
-import type { AvatarPackSummaryDto } from "./types";
-
-export interface AvatarWardrobeClientProps {
-  /** Every installed pack, from `GET /api/avatar-packs` (SPEC F128.3, PLAN T294). */
-  packs: AvatarPackSummaryDto[];
-  /** Test-only injection point for the provenance chip's `formatDateStamp` call — the
-   * WardrobeClient/PersonasClient/SettingsForm house idiom (T105/T187), not a bespoke one. */
-  timeZone?: string;
-  /** Same CTA swap `WardrobeClient`/`InstalledEntriesList` perform (T203 review finding F3): a
-   * disabled catalog must never leave this tab's empty state pointing at `/persona-catalog`, which
-   * itself 404s off-catalog. Defaults to `false` — fail closed, matching every sibling tab's own
-   * posture. */
-  catalogEnabled?: boolean;
-}
-
-/**
- * The Wardrobe's Avatars tab (SPEC F128.3, F128.5, STORY-332, PLAN T294) — every installed avatar
- * pack, each rendered as its own card: display name (the manifest's own `packName`, clamped — PLAN
- * T294 rider 2 — falling back to `prettifySlug(slug)` on the should-never-happen re-parse failure,
- * the SAME slug-derived fallback every other kind's card already uses when it has no separate
- * display name to show), the "Installed · ⟨slug⟩ · ⟨date⟩" provenance chip (db/25 pattern), and its
- * OWN item grid — every item's clamped name plus a "Suggested: ⟨persona⟩" chip where the pack's
- * manifest named one (an OFFER, never applied by anything this listing renders — SPEC F128.5).
- * Mirrors `WardrobeClient`'s own read-only-except-uninstall shape: this component's own render
- * issues no requests of its own; every card lists exactly what `GET /api/avatar-packs` already
- * returned. The one action a card offers, uninstalling, is `AvatarUninstallPackButton`'s own
- * self-contained concern.
- *
- * <b>PLAIN TEXT ONLY, EVERYWHERE (PLAN T294 rider 2).</b> `pack.name` and each item's own `name` are
- * unbounded free-form prose straight off a remote manifest with NO server-side length gate on this
- * read (see `lib/clamp-pack-display-text.ts`'s own remarks) — both render as bare React text-node
- * children ONLY, through the shared `clampPackDisplayText` clamp, React's default escaping, never
- * `dangerouslySetInnerHTML`.
- */
-export function AvatarWardrobeClient({ packs, timeZone, catalogEnabled = false }: AvatarWardrobeClientProps): ReactNode {
-  if (packs.length === 0) {
-    return catalogEnabled ? (
-      <EmptyState
-        title="No avatar packs installed"
-        reason="Browse the Community Catalog to install an avatar pack for this station."
-        cta={{ label: "Browse the Community Catalog", href: "/persona-catalog" }}
-      />
-    ) : (
-      <EmptyState
-        title="No avatar packs installed"
-        reason="The Community Catalog is disabled — enable Community:CatalogIndexUrl in Settings to browse packs."
-        cta={{ label: "Open Settings", href: "/settings" }}
-      />
-    );
-  }
-
-  return (
-    <ul aria-label="Installed avatar packs" className="flex flex-col gap-3">
-      {packs.map((pack) => {
-        const displayName = clampPackDisplayText(pack.name ?? prettifySlug(pack.slug));
-        return (
-          <li key={pack.slug} className="rounded-[6px] border border-line bg-surface p-4">
-            <div className="flex flex-wrap items-center justify-between gap-3">
-              <h2 className="font-display text-[1.1rem] text-ink">{displayName}</h2>
-              <div className="flex flex-wrap items-center gap-3">
-                <ProvenanceChip importedFrom={pack.importedFrom} importedAt={pack.importedAt} timeZone={timeZone} />
-                <AvatarUninstallPackButton slug={pack.slug} displayName={displayName} />
-              </div>
-            </div>
-
-            {pack.items.length === 0 ? (
-              <p className="mt-3 text-[0.85rem] text-mute">This pack declares no items.</p>
-            ) : (
-              <ul aria-label={`${displayName} items`} className="mt-3 flex flex-wrap gap-2">
-                {pack.items.map((item, index) => (
-                  // Item names have no uniqueness guarantee at THIS altitude for a React key (the
-                  // store's own UNIQUE(pack_id, name) constraint is a DIFFERENT invariant than "safe
-                  // to key a list by") — the index joins the name for the same reason
-                  // `AvatarDetailPanel`'s own face-grid key does.
-                  <li
-                    key={`${item.name}-${index}`}
-                    className="flex items-center gap-1.5 rounded-[3px] border border-line bg-surface-2 px-2 py-1 text-[0.78rem] text-ink"
-                  >
-                    {clampPackDisplayText(item.name)}
-                    {item.suggestedPersona !== null && (
-                      <Chip>Suggested: {prettifySlug(item.suggestedPersona)}</Chip>
-                    )}
-                  </li>
-                ))}
-              </ul>
-            )}
-          </li>
-        );
-      })}
-    </ul>
-  );
-}
diff --git a/admin-ui/app/(authed)/wardrobe/IconUninstallPackButton.tsx b/admin-ui/app/(authed)/wardrobe/IconUninstallPackButton.tsx
deleted file mode 100644
index 9aa055dd..00000000
--- a/admin-ui/app/(authed)/wardrobe/IconUninstallPackButton.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-"use client";
-
-import { useState, type ReactNode } from "react";
-import { useRouter } from "next/navigation";
-import { Button } from "@/components/ui/button";
-import { useConfirm } from "@/components/ui/confirm-dialog";
-import { toast } from "@/components/ui/toast";
-import { readErrorMessage } from "@/lib/problem-details";
-
-export interface IconUninstallPackButtonProps {
-  /** The installed pack's slug — `DELETE /api/icon-packs/{slug}`'s route target (SPEC F130.5). */
-  slug: string;
-  /**
-   * Whether this pack is the station's current `Station:IconPack` (SPEC F130.4) — widens the
-   * confirm dialog's own copy with the fail-open note (STORY-337 AC6's "uninstall the active pack
-   * fails open" — this is where an operator learns that BEFORE clicking Uninstall, not only after
-   * on the Settings page's own dangling-value notice). The DELETE itself is IDENTICAL either way:
-   * guard-free (SPEC F130.5, mirrors `AvatarUninstallPackButton`'s own remarks) — no referenced-by
-   * check, no cross-store write to `station.settings`.
-   */
-  isActive: boolean;
-}
-
-/**
- * The Icons tab's per-pack uninstall affordance (SPEC F130.5, STORY-337, PLAN T304) — mirrors
- * `AvatarUninstallPackButton`'s own confirm/fetch/toast idiom exactly (that component's own remarks
- * explain why icon packs, like avatar packs, need no 409/referenced-by branch: `IconPackController.Uninstall`
- * is guard-free by design). The one addition is `isActive`'s own consequence-copy widening — an
- * icon pack's uninstall has a REAL, immediate visual consequence a font/avatar pack's own doesn't
- * (the whole admin chrome falls back to house icons the instant this DELETE lands), so the confirm
- * step names that plainly rather than leaving it a silent surprise.
- *
- * <b>204 → refresh, not local state surgery.</b> `wardrobe/page.tsx` is server-rendered
- * (`export const dynamic = "force-dynamic"`) — `router.refresh()` re-runs the server
- * `GET /api/icon-packs` fetch and re-renders with the pack gone, the SAME pattern
- * `UninstallPackButton`/`AvatarUninstallPackButton` use.
- */
-export function IconUninstallPackButton({ slug, isActive }: IconUninstallPackButtonProps): ReactNode {
-  const router = useRouter();
-  const confirm = useConfirm();
-  const [busy, setBusy] = useState(false);
-
-  async function handleUninstall(): Promise<void> {
-    const activeNote = isActive
-      ? " This pack is the station's active icon set — the admin chrome falls back to house icons immediately; nothing errors."
-      : "";
-    const confirmed = await confirm({
-      title: "Uninstall icon pack",
-      consequence: `Uninstall "${slug}"?${activeNote}`,
-      confirmLabel: "Uninstall",
-      destructive: true,
-    });
-    if (!confirmed) return;
-
-    setBusy(true);
-    try {
-      const resp = await fetch(`/api/icon-packs/${encodeURIComponent(slug)}`, { method: "DELETE" });
-
-      if (resp.status === 204) {
-        toast.success(`"${slug}" uninstalled.`);
-        router.refresh();
-        return;
-      }
-
-      toast.error(await readErrorMessage(resp));
-    } catch {
-      toast.error("Network error — check your connection");
-    } finally {
-      setBusy(false);
-    }
-  }
-
-  return (
-    <Button
-      type="button"
-      variant="secondary"
-      aria-label={`Uninstall ${slug}`}
-      disabled={busy}
-      onClick={() => {
-        void handleUninstall();
-      }}
-    >
-      Uninstall
-    </Button>
-  );
-}
diff --git a/admin-ui/app/(authed)/wardrobe/IconWardrobeClient.tsx b/admin-ui/app/(authed)/wardrobe/IconWardrobeClient.tsx
deleted file mode 100644
index 7be54db0..00000000
--- a/admin-ui/app/(authed)/wardrobe/IconWardrobeClient.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { Chip } from "@/components/ui/chip";
-import { EmptyState } from "@/components/ui/empty-state";
-import { parseIconPackDefinition } from "@/lib/icon-pack";
-import { IconPackSpecimenRow } from "../_components/IconPackRenderer";
-import { IconUninstallPackButton } from "./IconUninstallPackButton";
-import { ProvenanceChip } from "./ProvenanceChip";
-import type { IconPackSummaryDto } from "./types";
-
-export interface IconWardrobeClientProps {
-  /** Every installed pack, from `GET /api/icon-packs` (SPEC F130.4, PLAN T303/T304). */
-  packs: IconPackSummaryDto[];
-  /** Test-only injection point for the provenance chip's `formatDateStamp` call — the
-   * WardrobeClient/AvatarWardrobeClient house idiom, not a bespoke one. */
-  timeZone?: string;
-  /** Same CTA swap every sibling tab performs (T203 review finding F3): a disabled catalog must
-   * never leave this tab's empty state pointing at `/persona-catalog`, which itself 404s
-   * off-catalog. Defaults to `false` — fail closed, matching every sibling tab's own posture. */
-  catalogEnabled?: boolean;
-  /**
-   * The station's current `Station:IconPack` value (SPEC F130.4), off `GET /api/settings` —
-   * server-resolved by `wardrobe/page.tsx`, the SAME settings-derived signal `layout.tsx`'s own
-   * `ThemeSwitcher` read already establishes for a sibling setting. Drives the "Active" chip and
-   * `IconUninstallPackButton`'s own fail-open confirm copy (STORY-337 AC6). Defaults to `""` — no
-   * live signal, so no pack is ever falsely marked active.
-   */
-  activeSlug?: string;
-}
-
-/**
- * The Wardrobe's Icons tab (SPEC F130.4/F130.5, STORY-337, PLAN T304) — every installed icon pack,
- * each rendered as its own card: the pack's own slug (no display name exists on this schema — SPEC
- * F130.1), an "Active" chip when it names the station's current `Station:IconPack`, the "Installed
- * · ⟨slug⟩ · ⟨date⟩" provenance chip, its own declared icon count, and a specimen row drawing
- * every icon it declares SMALL, through the SAME safe renderer (`IconPackGlyph`, via
- * `IconPackSpecimenRow`) the active chrome itself uses. Read-only listing except uninstall (mirrors
- * `WardrobeClient`/`AvatarWardrobeClient`'s own shape): this component's own render issues no
- * requests; every card lists exactly what `GET /api/icon-packs` already returned.
- *
- * <b>DEFENSIVE PARSE, NOT TRUST (PLAN T304 rider 1).</b> `pack.definition` is this station's own
- * already-canonical, previously-validated text — and this component STILL runs it through
- * `parseIconPackDefinition`'s own from-scratch defensive parse before drawing anything, the same
- * discipline the pre-install shelf specimen (`IconDetailPanel`) applies to genuinely untrusted
- * remote text. A parse failure (should never happen for a row this station itself wrote) degrades
- * to a plain "unavailable" line, never a crash.
- */
-export function IconWardrobeClient({ packs, timeZone, catalogEnabled = false, activeSlug = "" }: IconWardrobeClientProps): ReactNode {
-  if (packs.length === 0) {
-    return catalogEnabled ? (
-      <EmptyState
-        title="No icon packs installed"
-        reason="Browse the Community Catalog to install an icon pack for this station."
-        cta={{ label: "Browse the Community Catalog", href: "/persona-catalog" }}
-      />
-    ) : (
-      <EmptyState
-        title="No icon packs installed"
-        reason="The Community Catalog is disabled — enable Community:CatalogIndexUrl in Settings to browse packs."
-        cta={{ label: "Open Settings", href: "/settings" }}
-      />
-    );
-  }
-
-  return (
-    <ul aria-label="Installed icon packs" className="flex flex-col gap-3">
-      {packs.map((pack) => {
-        const isActive = activeSlug !== "" && pack.slug === activeSlug;
-        const definition = parseIconPackDefinition(pack.definition);
-        return (
-          <li key={pack.slug} className="rounded-[6px] border border-line bg-surface p-4">
-            <div className="flex flex-wrap items-center justify-between gap-3">
-              <div className="flex flex-wrap items-center gap-2">
-                <h2 className="font-display text-[1.1rem] text-ink">{pack.slug}</h2>
-                {isActive && <Chip>Active</Chip>}
-              </div>
-              <div className="flex flex-wrap items-center gap-3">
-                <ProvenanceChip importedFrom={pack.importedFrom} importedAt={pack.importedAt} timeZone={timeZone} />
-                <IconUninstallPackButton slug={pack.slug} isActive={isActive} />
-              </div>
-            </div>
-
-            <p className="mt-2 text-[0.75rem] text-mute">
-              {pack.iconCount} icon{pack.iconCount === 1 ? "" : "s"}
-            </p>
-
-            <div className="mt-3">
-              {definition === null ? (
-                <p className="text-[0.85rem] text-mute">This pack&apos;s stored definition could not be read.</p>
-              ) : (
-                <IconPackSpecimenRow definition={definition} />
-              )}
-            </div>
-          </li>
-        );
-      })}
-    </ul>
-  );
-}
diff --git a/admin-ui/app/(authed)/wardrobe/InstalledEntriesList.tsx b/admin-ui/app/(authed)/wardrobe/InstalledEntriesList.tsx
deleted file mode 100644
index 22c289a2..00000000
--- a/admin-ui/app/(authed)/wardrobe/InstalledEntriesList.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { Chip } from "@/components/ui/chip";
-import { EmptyState } from "@/components/ui/empty-state";
-import { formatDateStamp } from "@/lib/format-clock";
-import type { InstalledEntryRow } from "./types";
-
-export interface InstalledEntriesListProps {
-  /** Genuinely-imported rows of one kind — see `InstalledEntryRow`'s own remarks. */
-  rows: InstalledEntryRow[];
-  /** Names the `<ul>` (e.g. "Hired personas") — mirrors `WardrobeClient`'s own "Installed font packs". */
-  ariaLabel: string;
-  /** The kind's own provenance verb — "Hired" for personas (the F90.7/T105 wording), "Imported" for
-   * themes/shows (the Settings/shelf wording); fonts keep their own "Installed" chip in
-   * `WardrobeClient`. The chip is otherwise the same db/25 "⟨verb⟩ · ⟨slug⟩ · ⟨date⟩" shape. */
-  provenanceVerb: string;
-  /** Empty-state copy (SPEC F28.10 — name the reason, calm radio-operator tone). */
-  emptyTitle: string;
-  emptyReason: string;
-  /** Same CTA swap `WardrobeClient` performs (T203 review finding F3): a disabled catalog must never
-   * leave an empty tab pointing at `/persona-catalog`, which itself 404s off-catalog. */
-  catalogEnabled?: boolean;
-  /** Test-only `formatDateStamp` zone pin — the PersonasClient/SettingsForm idiom (T105/T187). */
-  timeZone?: string;
-}
-
-/**
- * One non-font wardrobe tab's listing (gh-#393): read-only cards — name, an optional secondary
- * line, and the provenance chip. Deliberately action-free: retiring a persona / removing a theme /
- * deleting a show each already live on that kind's own page with their own confirm flows — the
- * Wardrobe silos WHAT is installed per kind (the gh-#393 ask), it does not become a second place to
- * operate on them (the one exception, font uninstall, predates this page's widening and stays on
- * the Fonts tab). `name`/`detail` render as plain text nodes ONLY — see `InstalledEntryRow`.
- */
-export function InstalledEntriesList({
-  rows,
-  ariaLabel,
-  provenanceVerb,
-  emptyTitle,
-  emptyReason,
-  catalogEnabled = false,
-  timeZone,
-}: InstalledEntriesListProps): ReactNode {
-  if (rows.length === 0) {
-    return catalogEnabled ? (
-      <EmptyState
-        title={emptyTitle}
-        reason={emptyReason}
-        cta={{ label: "Browse the Community Catalog", href: "/persona-catalog" }}
-      />
-    ) : (
-      <EmptyState
-        title={emptyTitle}
-        reason="The Community Catalog is disabled — enable Community:CatalogIndexUrl in Settings to browse the shelf."
-        cta={{ label: "Open Settings", href: "/settings" }}
-      />
-    );
-  }
-
-  return (
-    <ul aria-label={ariaLabel} className="flex flex-col gap-3">
-      {rows.map((row) => (
-        <li key={row.slug} className="rounded-[6px] border border-line bg-surface p-4">
-          <div className="flex flex-wrap items-center justify-between gap-3">
-            <h2 className="font-display text-[1.1rem] text-ink">{row.name}</h2>
-            <Chip>{`${provenanceVerb} · ${row.importedFrom} · ${formatDateStamp(row.importedAt, { timeZone })}`}</Chip>
-          </div>
-          {row.detail !== null && row.detail !== "" && (
-            <p className="mt-2 text-[0.85rem] text-mute">{row.detail}</p>
-          )}
-        </li>
-      ))}
-    </ul>
-  );
-}
diff --git a/admin-ui/app/(authed)/wardrobe/ProvenanceChip.tsx b/admin-ui/app/(authed)/wardrobe/ProvenanceChip.tsx
deleted file mode 100644
index 45cfc994..00000000
--- a/admin-ui/app/(authed)/wardrobe/ProvenanceChip.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { ReactNode } from "react";
-import { Chip } from "@/components/ui/chip";
-import { formatDateStamp } from "@/lib/format-clock";
-
-export interface ProvenanceChipProps {
-  /** The provenance stamp — renders VERBATIM, never re-derived from `slug` even though it is
-   * always equal to it today (a pack has no authored-in-place path): this IS the provenance
-   * column, the same "read the real field, don't infer it" discipline every other chip in this
-   * codebase follows. */
-  importedFrom: string;
-  importedAt: string;
-  /** Test-only injection point for `formatDateStamp`'s own zone — production omits this and gets
-   * the browser's local zone (the WardrobeClient/PersonasClient/SettingsForm house idiom). */
-  timeZone?: string;
-}
-
-/**
- * "Installed · &lt;slug&gt; · &lt;date&gt;" (the db/25 pattern) — the ONE shared implementation
- * (PLAN T304 rider 3): `WardrobeClient` and `AvatarWardrobeClient` each carried their own
- * byte-identical copy of this exact chip (mirrors `Chip` itself, gh-#375's own extraction one
- * level down — only the visual pill styling was ever shared there; the "Installed · …" TEXT
- * composition is what THIS extraction shares); `IconWardrobeClient` would have been copy #3 had
- * this task minted its own.
- */
-export function ProvenanceChip({ importedFrom, importedAt, timeZone }: ProvenanceChipProps): ReactNode {
-  return <Chip>{`Installed · ${importedFrom} · ${formatDateStamp(importedAt, { timeZone })}`}</Chip>;
-}
diff --git a/admin-ui/app/(authed)/wardrobe/UninstallPackButton.tsx b/admin-ui/app/(authed)/wardrobe/UninstallPackButton.tsx
deleted file mode 100644
index f16fcf68..00000000
--- a/admin-ui/app/(authed)/wardrobe/UninstallPackButton.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-"use client";
-
-import { useState, type ReactNode } from "react";
-import { useRouter } from "next/navigation";
-import { Button } from "@/components/ui/button";
-import { useConfirm } from "@/components/ui/confirm-dialog";
-import { toast } from "@/components/ui/toast";
-import { readErrorMessage } from "@/lib/problem-details";
-import { formatReferencedThemesMessage } from "./referenced-themes";
-
-export interface UninstallPackButtonProps {
-  /** The installed pack's slug — `DELETE /api/fonts/{slug}`'s route target (SPEC F104.14). */
-  slug: string;
-  /** The pack's display family — used in the confirm dialog and toast copy only, never in the
-   * request itself (the route is keyed on `slug`, mirroring `FontInstallModal`'s own split). */
-  family: string;
-}
-
-/**
- * The Wardrobe's per-pack uninstall affordance (gh-#428, SPEC F104.14) — the read-only listing's one
- * exception: everything else on this page (`WardrobeClient`) renders `GET /api/fonts` verbatim and
- * issues no requests of its own; this button is the one place the page now writes. Mirrors
- * `FontInstallModal`'s confirm/fetch/error idioms (same-origin `fetch`, `readErrorMessage` for the
- * ProblemDetails `detail`) but trades that dialog's own inline error state for the
- * `useConfirm()`/toast shape `PurgeUnavailableAction`/`LibrariesTab` already use for a page that
- * doesn't otherwise track local mutation state: the confirm dialog just asks yes/no, and the
- * outcome — success or failure — surfaces as a toast once the request settles.
- *
- * <b>204 → refresh, not local state surgery.</b> This page is server-rendered
- * (`export const dynamic = "force-dynamic"`, `page.tsx`) — `router.refresh()` re-runs the server
- * `GET /api/fonts` fetch and re-renders with the pack gone, the same pattern
- * `PurgeUnavailableAction` uses, rather than this component reaching into `WardrobeClient`'s own
- * `packs` prop to remove a row by hand.
- *
- * <b>409 — named, not generic (SPEC F104.14's own "naming every referencing theme" contract).</b>
- * The server's `detail` prose already names every blocking theme; `formatReferencedThemesMessage`
- * reshapes it into "In use by: &lt;themes&gt;" for the toast rather than relaying the full sentence
- * verbatim, and degrades to that same sentence unchanged on the one shape it can't parse (see that
- * function's own remarks).
- */
-export function UninstallPackButton({ slug, family }: UninstallPackButtonProps): ReactNode {
-  const router = useRouter();
-  const confirm = useConfirm();
-  const [busy, setBusy] = useState(false);
-
-  async function handleUninstall(): Promise<void> {
-    const confirmed = await confirm({
-      title: "Uninstall font pack",
-      consequence: `Uninstall "${family}"? Every one of its faces is removed from this station immediately.`,
-      confirmLabel: "Uninstall",
-      destructive: true,
-    });
-    if (!confirmed) return;
-
-    setBusy(true);
-    try {
-      const resp = await fetch(`/api/fonts/${encodeURIComponent(slug)}`, { method: "DELETE" });
-
-      if (resp.status === 204) {
-        toast.success(`"${family}" uninstalled.`);
-        router.refresh();
-        return;
-      }
-
-      const detail = await readErrorMessage(resp);
-      toast.error(resp.status === 409 ? formatReferencedThemesMessage(detail) : detail);
-    } catch {
-      toast.error("Network error — check your connection");
-    } finally {
-      setBusy(false);
-    }
-  }
-
-  return (
-    <Button
-      type="button"
-      variant="secondary"
-      aria-label={`Uninstall ${family}`}
-      disabled={busy}
-      onClick={() => {
-        void handleUninstall();
-      }}
-    >
-      Uninstall
-    </Button>
-  );
-}
diff --git a/admin-ui/app/(authed)/wardrobe/WardrobeClient.tsx b/admin-ui/app/(authed)/wardrobe/WardrobeClient.tsx
deleted file mode 100644
index f9cf17de..00000000
--- a/admin-ui/app/(authed)/wardrobe/WardrobeClient.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { EmptyState } from "@/components/ui/empty-state";
-import { formatFontByteTotal, licenceLine } from "../persona-catalog/font-format";
-import { ProvenanceChip } from "./ProvenanceChip";
-import { UninstallPackButton } from "./UninstallPackButton";
-import type { FontLibraryPackDto } from "./types";
-
-export interface WardrobeClientProps {
-  /** Every installed pack, from `GET /api/fonts` (SPEC F104.7). */
-  packs: FontLibraryPackDto[];
-  /** Test-only injection point for the provenance chip's `formatDateStamp` call; production omits
-   * this and gets the browser's local zone — the same PersonasClient/SettingsForm idiom (T105/T187),
-   * not a bespoke one. */
-  timeZone?: string;
-  /**
-   * Whether the Community Catalog is currently enabled (SPEC F90.1, `Community:CatalogIndexUrl`
-   * non-empty) — swaps the empty-state CTA (PLAN T203 review finding F3). The Wardrobe nav item is
-   * deliberately ungated (see nav-items.ts's own remarks: installed packs outlive the catalog,
-   * F104.8), so a disabled catalog must never leave this page's own empty state pointing at
-   * `/persona-catalog` — that page 404s off-catalog, the exact dead end the ungated nav exists to
-   * avoid landing an operator in. Disabled swaps the CTA for a pointer at Settings instead. Defaults
-   * to `false` — fail closed, matching Sidebar/MobileNav's own `catalogEnabled` convention: an
-   * isolated render with no live signal offers no browse promise it cannot keep.
-   */
-  catalogEnabled?: boolean;
-}
-
-/**
- * The Wardrobe page's client half (SPEC F104.7, STORY-284, PLAN T203; renamed "Library" → "Wardrobe"
- * at PLAN T204, Dean's ruling — nav label and route only, see nav-items.ts's own remarks; the wire
- * (`GET /api/fonts`, `FontLibraryPackDto`) keeps its name, backend DTOs don't chase UI labels) —
- * every installed font pack, each rendered as its own card: family (title), faces with style + byte
- * size (the shared `font-format.ts` helper, mirroring the shelf card's own T201 byte-total
- * treatment), the licence line, and the "Installed · ⟨slug⟩ · ⟨date⟩" provenance chip (AC1).
- * Read-only listing (gh-#428): this component's own render issues no requests of its own — every
- * card still lists exactly what T199's install route wrote, nothing here reshapes or filters that
- * data. The one action a card offers, uninstalling, is `UninstallPackButton`'s own self-contained
- * concern (its own confirm/fetch/toast/refresh cycle), not logic this component performs itself. On
- * an empty wardrobe, `catalogEnabled` picks the empty-state CTA (T203 review finding F3) — see that
- * prop's own remarks.
- *
- * <b>PLAIN TEXT ONLY (the T199/T200 stored-family/style obligation, closed here).</b>
- * `pack.family` and each face's `style` are unbounded free-form prose (see `FontLibraryPackDto`'s
- * own remarks) — both render as bare React text-node children ONLY, React's default escaping,
- * never `dangerouslySetInnerHTML` and never interpolated into an inline `style` attribute or any
- * other CSS context anywhere on this page.
- */
-export function WardrobeClient({ packs, timeZone, catalogEnabled = false }: WardrobeClientProps): ReactNode {
-  if (packs.length === 0) {
-    return catalogEnabled ? (
-      <EmptyState
-        title="No packs installed"
-        reason="Browse the Community Catalog to install a font pack for this station."
-        cta={{ label: "Browse the Community Catalog", href: "/persona-catalog" }}
-      />
-    ) : (
-      <EmptyState
-        title="No packs installed"
-        reason="The Community Catalog is disabled — enable Community:CatalogIndexUrl in Settings to browse packs."
-        cta={{ label: "Open Settings", href: "/settings" }}
-      />
-    );
-  }
-
-  return (
-    <ul aria-label="Installed font packs" className="flex flex-col gap-3">
-      {packs.map((pack) => (
-        <li key={pack.slug} className="rounded-[6px] border border-line bg-surface p-4">
-          <div className="flex flex-wrap items-center justify-between gap-3">
-            <h2 className="font-display text-[1.1rem] text-ink">{pack.family}</h2>
-            <div className="flex flex-wrap items-center gap-3">
-              <ProvenanceChip importedFrom={pack.importedFrom} importedAt={pack.importedAt} timeZone={timeZone} />
-              <UninstallPackButton slug={pack.slug} family={pack.family} />
-            </div>
-          </div>
-
-          <ul className="mt-3 flex flex-col gap-1 text-[0.85rem] text-ink">
-            {pack.faces.map((face) => (
-              <li key={face.file}>
-                {face.style} — {formatFontByteTotal(face.byteSize)}
-              </li>
-            ))}
-          </ul>
-
-          <p className="mt-2 text-[0.75rem] text-mute">{licenceLine(pack)}</p>
-        </li>
-      ))}
-    </ul>
-  );
-}
diff --git a/admin-ui/app/(authed)/wardrobe/WardrobeTabs.tsx b/admin-ui/app/(authed)/wardrobe/WardrobeTabs.tsx
deleted file mode 100644
index 65c0a61e..00000000
--- a/admin-ui/app/(authed)/wardrobe/WardrobeTabs.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { ReactNode } from "react";
-import { TabStrip, type TabStripTab } from "@/components/ui/tab-strip";
-
-/** The catalog kinds an entry can be installed as (gh-#393, widened at PLAN T294/T304), in the
- * shelf's own kind order. */
-export type WardrobeTab = "personas" | "themes" | "fonts" | "shows" | "avatars" | "icons";
-
-interface WardrobeTabsProps {
-  activeTab: WardrobeTab;
-}
-
-const TABS: TabStripTab<WardrobeTab>[] = [
-  { id: "personas", label: "Personas", href: "/wardrobe" },
-  { id: "themes", label: "Themes", href: "/wardrobe?tab=themes" },
-  { id: "fonts", label: "Fonts", href: "/wardrobe?tab=fonts" },
-  { id: "shows", label: "Shows", href: "/wardrobe?tab=shows" },
-  { id: "avatars", label: "Avatars", href: "/wardrobe?tab=avatars" },
-  { id: "icons", label: "Icons", href: "/wardrobe?tab=icons" },
-];
-
-/**
- * Resolves `?tab=` to a wardrobe tab (gh-#393, widened at PLAN T294/T304) — mirrors
- * `catalog/page.tsx`'s own `resolveTab` posture: anything unrecognised (absent, an array, a
- * stranger) falls back to the first tab rather than erroring. Every tab renders even when empty
- * (Dean's ruling on gh-#393: an empty kind shows its own empty state, never a hidden tab — unlike
- * `settings-tabs.ts`'s derive-from-data omission).
- */
-export function resolveWardrobeTab(raw: string | string[] | undefined): WardrobeTab {
-  return raw === "themes" || raw === "fonts" || raw === "shows" || raw === "avatars" || raw === "icons"
-    ? raw
-    : "personas";
-}
-
-/**
- * Personas | Themes | Fonts | Shows | Avatars | Icons tab strip for the Wardrobe (gh-#393, the
- * gh-#372 shelf-tabs treatment applied to the installed side; widened at PLAN T294/T304) —
- * URL-driven via `?tab=`, no client state, the shared `TabStrip` markup. One tab per catalog kind,
- * siloing what was becoming a mixed pile as kinds accumulated (the same complaint gh-#372 makes
- * about the shelf itself).
- */
-export function WardrobeTabs({ activeTab }: WardrobeTabsProps): ReactNode {
-  return <TabStrip tabs={TABS} activeTab={activeTab} ariaLabel="Wardrobe sections" />;
-}
diff --git a/admin-ui/app/(authed)/wardrobe/page.tsx b/admin-ui/app/(authed)/wardrobe/page.tsx
index d788927e..9923078d 100644
--- a/admin-ui/app/(authed)/wardrobe/page.tsx
+++ b/admin-ui/app/(authed)/wardrobe/page.tsx
@@ -1,305 +1,9 @@
-import type { ReactNode } from "react";
-import { cookies } from "next/headers";
-import { apiGet } from "@/lib/api";
-import { AvatarWardrobeClient } from "./AvatarWardrobeClient";
-import { IconWardrobeClient } from "./IconWardrobeClient";
-import { InstalledEntriesList } from "./InstalledEntriesList";
-import { WardrobeClient } from "./WardrobeClient";
-import { resolveWardrobeTab, WardrobeTabs, type WardrobeTab } from "./WardrobeTabs";
-import type { AvatarPackSummaryDto, FontLibraryPackDto, IconPackSummaryDto, InstalledEntryRow } from "./types";
-
-// A pack can be installed elsewhere in the app, or uninstalled right here (gh-#428,
-// UninstallPackButton's own router.refresh() call re-triggers this exact server render) — always
-// re-render from the server, mirroring personas/page.tsx and persona-catalog/page.tsx.
-export const dynamic = "force-dynamic";
-export const fetchCache = "force-no-store";
-
-interface WardrobePageProps {
-  searchParams: Promise<Record<string, string | string[] | undefined>>;
-}
-
-/** Wire shape of one `Station:Theme` choice off `GET /api/settings` — only the fields this page
- * reads (the `persona-catalog/page.tsx` narrow-cast idiom for the SAME derivation, plus `label`
- * for the card title). */
-interface StationThemeChoiceRow {
-  value: string;
-  label: string;
-  importedFrom?: string | null;
-  importedAt?: string | null;
-}
-
-/** Wire shape of a `GET /api/settings` row — only the fields this page reads. */
-interface SettingRow {
-  key: string;
-  value?: string;
-  choices?: StationThemeChoiceRow[];
-}
-
-/** Wire shape of one `GET /api/personas` row — only the fields this page reads. */
-interface PersonaRow {
-  slug: string;
-  name: string;
-  importedFrom: string | null;
-  importedAt: string | null;
-}
-
-/** Wire shape of one `GET /api/shows` row — only the fields this page reads. */
-interface ShowRow {
-  slug: string;
-  name: string;
-  tagline: string | null;
-  importedFrom: string | null;
-  importedAt: string | null;
-}
-
-/** The F19 allowlist key whose non-emptiness = "the catalog is enabled" (SPEC F90.1) — mirrors the
- * authed layout's own `CATALOG_INDEX_URL_KEY` (`app/(authed)/layout.tsx`'s `fetchSettingsSnapshot`). */
-const CATALOG_INDEX_URL_KEY = "Community:CatalogIndexUrl";
-
-const STATION_THEME_KEY = "Station:Theme";
-
-/** `Station:IconPack`'s own key (SPEC F130.4) — mirrors `STATION_THEME_KEY` immediately above, a
- * different allowlisted Choice setting. */
-const STATION_ICON_PACK_KEY = "Station:IconPack";
+import { redirect } from "next/navigation";
 
 /**
- * Everything this page reads off `GET /api/settings`, in ONE request (gh-#393, widened at PLAN
- * T304): the catalog-enabled signal (the empty-state CTA swap, PLAN T203 review finding F3 — see
- * `WardrobeClient`'s own `catalogEnabled` remarks for the full posture), the Themes tab's rows —
- * every `Station:Theme` choice carrying the F103.11 provenance pair, the SAME settings-derived
- * derivation `persona-catalog/page.tsx`'s own `fetchInstalledThemeProvenance` documents at length
- * (no `GET /api/themes` round trip for data an existing endpoint already carries) — AND the Icons
- * tab's own active-pack slug (`Station:IconPack`'s current `value`, SPEC F130.4), the SAME
- * settings-derived signal `IconWardrobeClient`'s own "Active" chip and fail-open uninstall copy
- * need. `null` themes = the fetch itself failed (the tab renders its load error); catalog-enabled
- * and `stationIconPackSlug` both degrade to their own "no live signal" defaults (`false`/`""`) —
- * fail closed, matching F90.1's own posture.
+ * `/wardrobe` is retired (SPEC F203.4) — its font, icon and avatar pack tabs are replaced by the
+ * Community Catalog (`/persona-catalog`). This route stays live only to redirect old links/bookmarks.
  */
-async function fetchSettingsFacts(
-  cookieHeader: string
-): Promise<{ catalogEnabled: boolean; themes: InstalledEntryRow[] | null; stationIconPackSlug: string }> {
-  try {
-    const response = await apiGet("/api/settings", { cookies: cookieHeader });
-    if (!response.ok) return { catalogEnabled: false, themes: null, stationIconPackSlug: "" };
-    const settings = (await response.json()) as SettingRow[];
-
-    const catalogRow = settings.find((row) => row.key === CATALOG_INDEX_URL_KEY);
-    const catalogEnabled = catalogRow?.value !== undefined && catalogRow.value.trim() !== "";
-
-    const choices = settings.find((row) => row.key === STATION_THEME_KEY)?.choices ?? [];
-    const themes = choices
-      .filter(
-        (choice): choice is StationThemeChoiceRow & { importedFrom: string; importedAt: string } =>
-          choice.importedFrom != null && choice.importedAt != null
-      )
-      .map((choice) => ({
-        slug: choice.value,
-        name: choice.label,
-        detail: null,
-        importedFrom: choice.importedFrom,
-        importedAt: choice.importedAt,
-      }));
-
-    const stationIconPackSlug = settings.find((row) => row.key === STATION_ICON_PACK_KEY)?.value ?? "";
-
-    return { catalogEnabled, themes, stationIconPackSlug };
-  } catch {
-    return { catalogEnabled: false, themes: null, stationIconPackSlug: "" };
-  }
-}
-
-/**
- * One kind's listing → its genuinely-imported `InstalledEntryRow`s (gh-#393). `importedFrom !=
- * null` is the two-provenance-class rule (`persona-catalog/page.tsx`'s own T255/F2 reasoning): an
- * authored persona/show is not wardrobe content — it never came off the shelf. `null` (any fetch
- * failure or a non-array body) is DISTINCT from `[]` here, unlike that page's degrade-to-`[]`
- * fetchers: there a lost signal only withholds a decorative chip, here it IS the tab's content — a
- * silent `[]` would render "nothing installed" as a fact this page doesn't actually know.
- */
-async function fetchImportedRows<T extends { slug: string; name: string; importedFrom: string | null; importedAt: string | null }>(
-  path: string,
-  cookieHeader: string,
-  project: (row: T & { importedFrom: string; importedAt: string }) => InstalledEntryRow
-): Promise<InstalledEntryRow[] | null> {
-  try {
-    const response = await apiGet(path, { cookies: cookieHeader });
-    if (!response.ok) return null;
-    const rows = (await response.json()) as T[];
-    if (!Array.isArray(rows)) return null;
-    return rows
-      .filter((row): row is T & { importedFrom: string; importedAt: string } => row.importedFrom != null && row.importedAt != null)
-      .map(project);
-  } catch {
-    return null;
-  }
-}
-
-async function fetchFontPacks(cookieHeader: string): Promise<FontLibraryPackDto[] | null> {
-  try {
-    const response = await apiGet("/api/fonts", { cookies: cookieHeader });
-    if (!response.ok) return null;
-    return (await response.json()) as FontLibraryPackDto[];
-  } catch {
-    return null;
-  }
-}
-
-/** Every installed avatar pack (SPEC F128.3, PLAN T294) — mirrors `fetchFontPacks`'s own shape
- * verbatim for the SAME reasoning, a different endpoint (`GET /api/avatar-packs`, this task's own
- * minimal listing route). `null` (any fetch failure or non-200) is distinct from `[]` here, unlike
- * the shelf page's own degrade-to-`[]` fetchers — see `fetchImportedRows`'s own remarks for why: a
- * lost signal here IS the tab's content, a silent `[]` would render "nothing installed" as a fact
- * this page doesn't actually know. */
-async function fetchAvatarPacks(cookieHeader: string): Promise<AvatarPackSummaryDto[] | null> {
-  try {
-    const response = await apiGet("/api/avatar-packs", { cookies: cookieHeader });
-    if (!response.ok) return null;
-    return (await response.json()) as AvatarPackSummaryDto[];
-  } catch {
-    return null;
-  }
-}
-
-/** Every installed icon pack (SPEC F130.4, PLAN T304) — mirrors `fetchAvatarPacks`'s own shape
- * verbatim, a different endpoint (`GET /api/icon-packs`). `null` (any fetch failure or non-200) is
- * distinct from `[]` here, the SAME "a lost signal IS the tab's content" reasoning every other
- * installed-listing fetcher on this page follows. */
-async function fetchIconPacks(cookieHeader: string): Promise<IconPackSummaryDto[] | null> {
-  try {
-    const response = await apiGet("/api/icon-packs", { cookies: cookieHeader });
-    if (!response.ok) return null;
-    return (await response.json()) as IconPackSummaryDto[];
-  } catch {
-    return null;
-  }
-}
-
-/** The active tab's own load-failure line — the `catalog/page.tsx` "Unable to load …" shape; every
- * OTHER tab stays reachable through the strip, so one wedged endpoint never blanks the whole page. */
-function loadError(what: string): ReactNode {
-  return <p className="text-[0.85rem] text-danger">Unable to load {what}.</p>;
-}
-
-/**
- * The Wardrobe (SPEC F104.7, widened by gh-#393, PLAN T294's Avatars tab, and PLAN T304's Icons
- * tab): everything installed off the Community Catalog, siloed by kind — Personas | Themes | Fonts
- * | Shows | Avatars | Icons, one tab each (URL-driven, the CatalogTabs idiom), every tab present
- * even when empty (Dean's ruling on the issue). Fonts keep their original `WardrobeClient` cards
- * (faces, licence, uninstall — this page's founding kind); Personas/Themes/Shows render the shared
- * read-only `InstalledEntriesList`; Avatars gets its own `AvatarWardrobeClient` (an item grid +
- * uninstall); Icons gets its own `IconWardrobeClient` (a specimen row drawn by the safe renderer +
- * uninstall, mirroring `AvatarWardrobeClient`'s own shape one kind over). All six sources fetch in
- * one `Promise.all` alongside the settings read that serves the catalog-enabled signal, the Themes
- * rows, AND the Icons tab's own active-pack slug.
- */
-export default async function WardrobePage({ searchParams }: WardrobePageProps): Promise<ReactNode> {
-  const sp = await searchParams;
-  const activeTab: WardrobeTab = resolveWardrobeTab(sp.tab);
-  const cookieStore = await cookies();
-  const cookieHeader = cookieStore.toString();
-
-  const [packs, settingsFacts, personas, shows, avatarPacks, iconPacks] = await Promise.all([
-    fetchFontPacks(cookieHeader),
-    fetchSettingsFacts(cookieHeader),
-    fetchImportedRows<PersonaRow>("/api/personas", cookieHeader, (row) => ({
-      slug: row.slug,
-      name: row.name,
-      detail: null,
-      importedFrom: row.importedFrom,
-      importedAt: row.importedAt,
-    })),
-    fetchImportedRows<ShowRow>("/api/shows", cookieHeader, (row) => ({
-      slug: row.slug,
-      name: row.name,
-      detail: row.tagline,
-      importedFrom: row.importedFrom,
-      importedAt: row.importedAt,
-    })),
-    fetchAvatarPacks(cookieHeader),
-    fetchIconPacks(cookieHeader),
-  ]);
-  const { catalogEnabled, themes, stationIconPackSlug } = settingsFacts;
-
-  let tabContent: ReactNode;
-  switch (activeTab) {
-    case "personas":
-      tabContent =
-        personas === null ? (
-          loadError("hired personas")
-        ) : (
-          <InstalledEntriesList
-            rows={personas}
-            ariaLabel="Hired personas"
-            provenanceVerb="Hired"
-            emptyTitle="No personas hired"
-            emptyReason="Browse the Community Catalog to hire a DJ for this station."
-            catalogEnabled={catalogEnabled}
-          />
-        );
-      break;
-    case "themes":
-      tabContent =
-        themes === null ? (
-          loadError("installed themes")
-        ) : (
-          <InstalledEntriesList
-            rows={themes}
-            ariaLabel="Installed themes"
-            provenanceVerb="Imported"
-            emptyTitle="No themes installed"
-            emptyReason="Browse the Community Catalog to install a theme for this station."
-            catalogEnabled={catalogEnabled}
-          />
-        );
-      break;
-    case "fonts":
-      tabContent =
-        packs === null ? (
-          loadError("the installed font wardrobe")
-        ) : (
-          <WardrobeClient packs={packs} catalogEnabled={catalogEnabled} />
-        );
-      break;
-    case "shows":
-      tabContent =
-        shows === null ? (
-          loadError("imported shows")
-        ) : (
-          <InstalledEntriesList
-            rows={shows}
-            ariaLabel="Imported shows"
-            provenanceVerb="Imported"
-            emptyTitle="No shows imported"
-            emptyReason="Browse the Community Catalog to import a show for this station."
-            catalogEnabled={catalogEnabled}
-          />
-        );
-      break;
-    case "avatars":
-      tabContent =
-        avatarPacks === null ? (
-          loadError("the installed avatar packs")
-        ) : (
-          <AvatarWardrobeClient packs={avatarPacks} catalogEnabled={catalogEnabled} />
-        );
-      break;
-    case "icons":
-      tabContent =
-        iconPacks === null ? (
-          loadError("the installed icon packs")
-        ) : (
-          <IconWardrobeClient packs={iconPacks} catalogEnabled={catalogEnabled} activeSlug={stationIconPackSlug} />
-        );
-      break;
-  }
-
-  return (
-    <main>
-      <h1 className="font-display text-[1.35rem] font-semibold text-ink">Wardrobe</h1>
-      <div className="mt-4">
-        <WardrobeTabs activeTab={activeTab} />
-      </div>
-      <div className="mt-6">{tabContent}</div>
-    </main>
-  );
+export default function WardrobePage(): never {
+  redirect("/persona-catalog");
 }
diff --git a/admin-ui/app/(authed)/wardrobe/referenced-themes.ts b/admin-ui/app/(authed)/wardrobe/referenced-themes.ts
deleted file mode 100644
index 1b9e8c25..00000000
--- a/admin-ui/app/(authed)/wardrobe/referenced-themes.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Parses the theme slugs `FontPackController.Uninstall`'s 409 embeds in its `detail` prose (gh-#428)
- * — `DELETE /api/fonts/{slug}` carries no structured `themeSlugs` field the way
- * `LibrariesController`'s `dependentMediaCount` extension does (`ReferencedProblem`,
- * `FontPackController.cs`, sets only `Status`/`Title`/`Detail`); the names live nowhere but inside
- * one sentence: `"<slug>" is still referenced by theme(s) "a", "b" and cannot be uninstalled — …`.
- * This is therefore a same-meaning coupling to that exact sentence shape, not a real wire contract —
- * narrow and documented on both ends so a future prose change on the Host side shows up as a spec
- * failure here rather than silently degrading to the generic-message fallback below.
- */
-const REFERENCED_BY_THEMES = /referenced by theme\(s\) (.+?) and cannot be uninstalled/;
-const QUOTED_NAME = /"([^"]+)"/g;
-
-/**
- * Extracts every referencing theme slug from a 409 `detail` string, in the order the server named
- * them. Returns `[]` on any shape that doesn't match — including `FontPackDeleteResult.Referenced`'s
- * own documented rare-empty-race sentence (`"… referenced by a theme and cannot be uninstalled."`,
- * no theme(s) clause at all) — never throws on unexpected prose.
- */
-export function parseReferencedThemeSlugs(detail: string): string[] {
-  const clause = REFERENCED_BY_THEMES.exec(detail)?.[1];
-  if (clause === undefined) return [];
-
-  return [...clause.matchAll(QUOTED_NAME)]
-    .map((match) => match[1])
-    .filter((name): name is string => name !== undefined && name !== "");
-}
-
-/**
- * The Wardrobe uninstall button's 409 copy (gh-#428): "In use by: <themes>" when the sentence names
- * at least one theme, falling back to the raw `detail` text (still a real explanation, just not a
- * name list — the rare-empty-race case above, or any other 409 shape) rather than a generic error.
- */
-export function formatReferencedThemesMessage(detail: string): string {
-  const slugs = parseReferencedThemeSlugs(detail);
-  return slugs.length > 0 ? `In use by: ${slugs.join(", ")}` : detail;
-}
diff --git a/admin-ui/app/(authed)/wardrobe/types.ts b/admin-ui/app/(authed)/wardrobe/types.ts
deleted file mode 100644
index 60518552..00000000
--- a/admin-ui/app/(authed)/wardrobe/types.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-/** Wire shape of one face inside a `GET /api/fonts` pack row (SPEC F104.7, STORY-284, PLAN T203) —
- * see Host's `FontLibraryFaceDto`. `style` renders as plain text ONLY — see `FontLibraryPackDto`'s
- * own remarks below for the T199/T200 stored-family/style obligation this page closes. */
-export interface FontLibraryFaceDto {
-  file: string;
-  style: string;
-  byteSize: number;
-}
-
-/** Wire shape of one `GET /api/fonts` row (SPEC F104.7, STORY-284, PLAN T203) — an installed font
- * pack, metadata only (no face bytes on this wire). Mirrors Host's `FontLibraryPackDto`.
- * `license`/`sourceUrl`/`version`/`subset` are `null` only on the (should-never-happen) chance the
- * pack's stored `definition` manifest fails to re-parse server-side — `slug`/`family`/`faces`/
- * `importedFrom`/`importedAt` are unaffected either way, since none of them round-trips through
- * that parse.
- *
- * `family`/`FontLibraryFaceDto.style` are UNBOUNDED free-form prose (the T199/T200 stored-family/
- * style obligation) — this page renders both as plain text ONLY, never interpolated into a
- * stylesheet or inline `style` attribute (see `WardrobeClient`'s own remarks). */
-export interface FontLibraryPackDto {
-  slug: string;
-  family: string;
-  faces: FontLibraryFaceDto[];
-  license: string | null;
-  sourceUrl: string | null;
-  version: string | null;
-  subset: string | null;
-  importedFrom: string;
-  importedAt: string;
-}
-
-/**
- * One installed entry on a non-font wardrobe tab (gh-#393) — the kind-neutral projection the
- * Personas/Themes/Shows tabs share: a display name, an optional secondary line (a show's tagline;
- * personas/themes have none), and the db/25 provenance pair. Projected server-side in
- * `wardrobe/page.tsx` from each kind's own listing (`GET /api/personas` / `Station:Theme` choices
- * off `GET /api/settings` / `GET /api/shows`), admitting only genuinely-imported rows
- * (`importedFrom != null` — the same two-provenance-class rule `persona-catalog/page.tsx`'s own
- * fetchers follow): the Wardrobe lists what came off the catalog shelf, never what was authored in
- * place (authored personas/shows have their own pages).
- *
- * `name`/`detail` are free-form prose — rendered as plain React text nodes ONLY, the same
- * obligation `FontLibraryPackDto`'s own remarks pin for family/style.
- */
-export interface InstalledEntryRow {
-  slug: string;
-  name: string;
-  detail: string | null;
-  importedFrom: string;
-  importedAt: string;
-}
-
-/** One item on a `GET /api/avatar-packs` row (PLAN T294) — mirrors Host's
- * `AvatarPackSummaryItemDto`: a display name and an OPTIONAL "pairs well with" catalog persona slug
- * (SPEC F128.1), no bytes on this wire (the Avatars tab's own face grid reads bytes through the
- * TRANSIENT proxied catalog route instead, the F104 specimen precedent — mirrors
- * `AvatarDetailPanel`'s own pre-install face grid one directory up). `name` is UNBOUNDED free-form
- * prose (PLAN T294 rider 2 — see `../persona-catalog/avatar-format.ts`'s own remarks); this page
- * renders it through that shared clamp, never verbatim. */
-export interface AvatarPackSummaryItemDto {
-  name: string;
-  suggestedPersona: string | null;
-}
-
-/** One `GET /api/avatar-packs` row (SPEC F128.3, PLAN T294) — an installed avatar pack, metadata
- * only (no item bytes on this wire). Mirrors Host's `AvatarPackSummaryDto`. `name` is the pack's own
- * manifest `packName`, re-parsed from the stored `definition` server-side — `null` only on the
- * (should-never-happen) chance that re-parse fails, degrading the SAME way `FontLibraryPackDto`'s
- * own `license`/`sourceUrl`/`version`/`subset` fields do; `slug`/`items`/`importedFrom`/`importedAt`
- * are unaffected either way, since none of them round-trips through that parse. `name`, like every
- * item's own `name` above, is UNBOUNDED free-form prose (PLAN T294 rider 2) — never rendered
- * verbatim, always through `../persona-catalog/avatar-format.ts`'s shared clamp. */
-export interface AvatarPackSummaryDto {
-  slug: string;
-  name: string | null;
-  items: AvatarPackSummaryItemDto[];
-  importedFrom: string;
-  importedAt: string;
-}
-
-/**
- * One `GET /api/icon-packs` row (SPEC F130.4/F130.5, STORY-337, PLAN T303/T304) — an installed icon
- * pack. Mirrors Host's `IconPackSummaryDto`. NO `name` field (unlike `AvatarPackSummaryDto.name`):
- * SPEC F130.1's own `gw-icon-pack` document has no pack-level display-name field at all — `slug` IS
- * the only honest label this schema can offer (`StationSettingsAllowlist.IconPackChoices`'s own
- * remarks give the same reasoning for a `Station:IconPack` choice's own label).
- *
- * `definition` DOES ride this listing wire (PLAN T304), unlike `AvatarPackSummaryDto`/
- * `FontLibraryPackDto`'s own "no bytes on the listing" posture: an icon pack carries no binary
- * assets at all (SPEC F130.6), only its own already-canonical, whitelist-safe JSON text — this is
- * what lets `IconWardrobeClient` draw a real specimen row per pack through the SAME safe renderer
- * `IconDetailPanel`/`Icon` use, parsed defensively client-side (`lib/icon-pack.ts`), never trusted
- * blindly even though this station's own install route already validated it once.
- */
-export interface IconPackSummaryDto {
-  slug: string;
-  iconCount: number;
-  definition: string;
-  importedFrom: string;
-  importedAt: string;
-}
diff --git a/admin-ui/components/ui/chip.tsx b/admin-ui/components/ui/chip.tsx
index 58c8d5b9..b0c51932 100644
--- a/admin-ui/components/ui/chip.tsx
+++ b/admin-ui/components/ui/chip.tsx
@@ -10,8 +10,8 @@ export interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
  * text — used across the admin UI for a status word or a provenance stamp: source tags
  * (`SettingsForm`'s `SourceChip`), imported-theme provenance (`SettingsForm`'s
  * `ThemeProvenanceBadge`, `PersonaCatalogClient`'s theme detail panel), imported-persona provenance
- * (`PersonasClient`'s `ProvenanceBadge`), an installed font pack's provenance
- * (`WardrobeClient`'s `ProvenanceChip`), and a catalog font pack's bare "Installed" status
+ * (`PersonasClient`'s `ProvenanceBadge`), an installed font pack's provenance (the retired Wardrobe
+ * page's own `ProvenanceChip`), and a catalog font pack's bare "Installed" status
  * (`FontDetailPanel`). Every one of those five pre-existing sites carried its OWN copy of the same
  * className string (gh-#375 review carry-forward, N4) — this is the one extraction, children and
  * an optional `className` override are the only thing that ever varied. `className` merges via
diff --git a/admin-ui/components/ui/tab-strip.tsx b/admin-ui/components/ui/tab-strip.tsx
index 598d8610..2259c62e 100644
--- a/admin-ui/components/ui/tab-strip.tsx
+++ b/admin-ui/components/ui/tab-strip.tsx
@@ -19,9 +19,10 @@ interface TabStripProps<TId extends string> {
 /**
  * URL-driven tab strip (gh-#393 extraction, the gh-#375 `Chip` precedent applied to tabs):
  * `CatalogTabs` and `BoothLogTabs` were byte-identical modulo their tab defs — this is the one
- * shared implementation, and the Wardrobe/shelf kind tabs (gh-#393/gh-#372) build on it rather
- * than minting a fourth copy. Plain `<Link>`s + `aria-current`, no client state: the active tab is
- * whatever the URL says, so a strip works in a server component and survives refresh/share.
+ * shared implementation, and the shelf kind tabs (gh-#393/gh-#372, `PersonaCatalogTabs`) build on
+ * it rather than minting a fourth copy — the retired Wardrobe page's own tabs once did too. Plain
+ * `<Link>`s + `aria-current`, no client state: the active tab is whatever the URL says, so a strip
+ * works in a server component and survives refresh/share.
  */
 export function TabStrip<TId extends string>({ tabs, activeTab, ariaLabel }: TabStripProps<TId>): ReactNode {
   return (
diff --git a/admin-ui/jest.setup.ts b/admin-ui/jest.setup.ts
index be3cc5a0..cec54432 100644
--- a/admin-ui/jest.setup.ts
+++ b/admin-ui/jest.setup.ts
@@ -7,7 +7,12 @@
 // against (gh-#516).
 import { afterEach } from "@jest/globals";
 import { toast } from "sonner";
+import { resetNavGroupOpenStateForTests } from "./app/(authed)/_components/useNavGroupOpenState";
 
 afterEach(() => {
   toast.dismiss();
+  // Same module-global-leak shape as the toast store above (PLAN T559 fix round): the shared nav
+  // open-state store outlives a test's render, so a toggle in one test's Sidebar/MobileNav would
+  // otherwise leak into the next test's mount.
+  resetNavGroupOpenStateForTests();
 });
diff --git a/admin-ui/lib/about-api.ts b/admin-ui/lib/about-api.ts
new file mode 100644
index 00000000..12ffb199
--- /dev/null
+++ b/admin-ui/lib/about-api.ts
@@ -0,0 +1,108 @@
+// Server-side wire shapes + narrowing for GET /api/about (SPEC F207.1, F207.2; STORY-474; PLAN
+// T561) — the About page's own facts in one round-trip: the build-stamped version, station name +
+// tagline, library count, process uptime, and the F169 attribution list. `AboutController` and
+// `AttributionsController` share one `AttributionProjector` server-side (PLAN T561's own
+// extraction), so this module's `Attribution*Dto` shapes are the SAME shape `GET /api/attributions`
+// serves — a future caller of that endpoint directly should import these rather than redeclaring
+// them a second time.
+//
+// Fetched via `lib/api.ts`'s `apiGet` from `app/(authed)/about/page.tsx` (a Server Component) —
+// this module owns only the wire shape + narrowing, never the fetch itself, mirroring
+// `gardener-api.ts`'s own split between wire types and the page's own `apiGet` call.
+
+/** One credit line (SPEC F169.2) — `creator`/`sourceUrl` are absent for some pack kinds (a font
+ * pack's own single aggregate line, a voice pack's synthetic-blend line). */
+export interface AttributionLineDto {
+  title: string;
+  creator: string | null;
+  sourceUrl: string | null;
+  license: string;
+}
+
+/** One installed pack's own credits (SPEC F169.2). */
+export interface AttributionPackDto {
+  slug: string;
+  name: string;
+  attributions: AttributionLineDto[];
+}
+
+/** One kind's packs (SPEC F169.2) — `kind` is one of `"jingle-pack"`, `"font-pack"`,
+ * `"voice-pack"` on the wire (`AttributionsController`'s own fixed group order); kept as a bare
+ * `string` here rather than a literal union so an unrecognized future kind still renders (under
+ * its own raw label) instead of failing this module's narrowing outright. */
+export interface AttributionGroupDto {
+  kind: string;
+  packs: AttributionPackDto[];
+}
+
+/** `GET /api/attributions`'s own response shape (SPEC F169.2) — empty groups are never sent
+ * (`AttributionsController`'s own remarks), so `groups` may legitimately be `[]` when no pack of
+ * any kind is installed. */
+export interface AttributionsResponseDto {
+  groups: AttributionGroupDto[];
+}
+
+/** `GET /api/about`'s own response shape (SPEC F207.1, F207.2). `tagline` is `""` when
+ * `Station:Tagline` is unset — the page renders it only when non-blank. */
+export interface AboutResponseDto {
+  version: string;
+  stationName: string;
+  tagline: string;
+  libraryCount: number;
+  uptimeSeconds: number;
+  attributions: AttributionsResponseDto;
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+function isAttributionLineDto(raw: unknown): raw is AttributionLineDto {
+  if (!isRecord(raw)) return false;
+  return (
+    typeof raw["title"] === "string" &&
+    (raw["creator"] === null || typeof raw["creator"] === "string") &&
+    (raw["sourceUrl"] === null || typeof raw["sourceUrl"] === "string") &&
+    typeof raw["license"] === "string"
+  );
+}
+
+function isAttributionPackDto(raw: unknown): raw is AttributionPackDto {
+  if (!isRecord(raw)) return false;
+  return (
+    typeof raw["slug"] === "string" &&
+    typeof raw["name"] === "string" &&
+    Array.isArray(raw["attributions"]) &&
+    raw["attributions"].every(isAttributionLineDto)
+  );
+}
+
+function isAttributionGroupDto(raw: unknown): raw is AttributionGroupDto {
+  if (!isRecord(raw)) return false;
+  return (
+    typeof raw["kind"] === "string" &&
+    Array.isArray(raw["packs"]) &&
+    raw["packs"].every(isAttributionPackDto)
+  );
+}
+
+function isAttributionsResponseDto(raw: unknown): raw is AttributionsResponseDto {
+  if (!isRecord(raw)) return false;
+  return Array.isArray(raw["groups"]) && raw["groups"].every(isAttributionGroupDto);
+}
+
+/** Narrows an unknown 2xx body to {@link AboutResponseDto} (repo's "no casts of unknown JSON"
+ * boundary rule — mirrors `gardener-api.ts`'s `isFileActionPlanDto`) — walks the full nested
+ * attribution shape too, so a malformed or future-shaped body degrades to the page's own "unable
+ * to load" state rather than an `undefined`-riddled render. */
+export function isAboutResponseDto(raw: unknown): raw is AboutResponseDto {
+  if (!isRecord(raw)) return false;
+  return (
+    typeof raw["version"] === "string" &&
+    typeof raw["stationName"] === "string" &&
+    typeof raw["tagline"] === "string" &&
+    typeof raw["libraryCount"] === "number" &&
+    typeof raw["uptimeSeconds"] === "number" &&
+    isAttributionsResponseDto(raw["attributions"])
+  );
+}
diff --git a/admin-ui/lib/broadcast-api.ts b/admin-ui/lib/broadcast-api.ts
index b844e7ee..9ef1ade6 100644
--- a/admin-ui/lib/broadcast-api.ts
+++ b/admin-ui/lib/broadcast-api.ts
@@ -146,24 +146,6 @@ export interface PlayHistoryEntry {
   durationMs?: number | null;
 }
 
-/** One catalog media id's rating state (SPEC F33.2, F33.9) — the `GET /api/ratings` element shape. */
-export interface RatingEntry {
-  mediaId: string;
-  score: number;
-  neverPlay: boolean;
-  /** gh-#99 — `false` for safe-scope content (safe-loop tracks, station IDs): render NO vote or
-   * never-play control at all, not a disabled one. Optional so a cached/older API shape (absent
-   * field) keeps the pre-#99 behavior: everything rateable. */
-  rateable?: boolean;
-}
-
-/** gh-#99 — the one gate every rating surface shares: an entry is rateable unless the server
- * said otherwise. `undefined` (no entry fetched yet, or an older API) stays rateable — the write
- * endpoints refuse safe content independently, so this is presentation, not enforcement. */
-export function isRateable(entry: RatingEntry | undefined): boolean {
-  return entry?.rateable !== false;
-}
-
 export type VoteDirection = "up" | "down";
 
 /**
@@ -228,15 +210,6 @@ export interface ExplicitOverrideSuccess {
 }
 export type ExplicitOverrideOutcome = ExplicitOverrideSuccess | RatingFailure;
 
-/** A media id this UI can vote/flag by id — the `RatingController` route requires a numeric
- * `long`; `tts:*` (and any other non-numeric) id would 404 the route entirely, so this same
- * check both selects which ids are worth batch-reading (F33.9's "non-numeric ids skipped
- * silently" is enforced server-side too, but an empty id list must never be requested at all)
- * and which rows/cards get rating controls rendered at all (F33.11). */
-export function isCatalogMediaId(mediaId: string): boolean {
-  return /^\d+$/.test(mediaId);
-}
-
 function classifyRatingStatus(status: number): RatingFailureKind {
   switch (status) {
     case 401:
@@ -250,26 +223,6 @@ function classifyRatingStatus(status: number): RatingFailureKind {
   }
 }
 
-/**
- * GET /api/ratings?ids=… (F33.9) — batch rating read composed on the poll cadence from whatever
- * catalog ids are currently visible. Filters to numeric catalog ids client-side first: an empty
- * result (every visible id is `tts:*` or there's nothing on screen yet) MUST NOT issue a request.
- */
-export async function fetchRatings(mediaIds: readonly string[]): Promise<RatingEntry[]> {
-  const catalogIds = mediaIds.filter(isCatalogMediaId);
-  if (catalogIds.length === 0) {
-    return [];
-  }
-  const response = await fetch(`/api/ratings?ids=${catalogIds.join(",")}`, {
-    credentials: "include",
-    cache: "no-store",
-  });
-  if (!response.ok) {
-    throw new Error(`GET /api/ratings failed: ${response.status}`);
-  }
-  return (await response.json()) as RatingEntry[];
-}
-
 /**
  * Shared fetch/try-catch/classify/parse idiom every rating-style write (`voteTrack`,
  * `setNeverPlay`, `setExplicitOverride`) follows: POST/PUT a JSON `body`, a network failure or a
diff --git a/admin-ui/lib/clamp-pack-display-text.ts b/admin-ui/lib/clamp-pack-display-text.ts
index 58d71817..b3a3c7a6 100644
--- a/admin-ui/lib/clamp-pack-display-text.ts
+++ b/admin-ui/lib/clamp-pack-display-text.ts
@@ -10,7 +10,8 @@
  *
  * Moved here from `persona-catalog/avatar-format.ts` (PLAN T296 review rider, closed at PLAN T304):
  * three cross-segment importers (`personas/PersonaAvatarPackPicker.tsx`,
- * `personas/BulkApplySuggestedModal.tsx`, `wardrobe/AvatarWardrobeClient.tsx`) already reached into
+ * `personas/BulkApplySuggestedModal.tsx`, and the Wardrobe page's `AvatarWardrobeClient.tsx`,
+ * since retired by F203.4) already reached into
  * `persona-catalog/`'s own folder for a helper with nothing persona-catalog-specific about it — `lib/`
  * is the shared home every one of those segments can import from without crossing into another
  * route segment's own directory.
diff --git a/admin-ui/lib/format-clock.ts b/admin-ui/lib/format-clock.ts
index a9f04ec2..04ad08e5 100644
--- a/admin-ui/lib/format-clock.ts
+++ b/admin-ui/lib/format-clock.ts
@@ -143,3 +143,36 @@ export function formatElapsedMs(elapsedMs: number): string {
   const seconds = totalSeconds % 60;
   return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
 }
+
+/**
+ * Humanizes a process uptime in whole seconds (SPEC F207.1, STORY-474, PLAN T561 — the About
+ * page's own uptime readout, `GET /api/about`'s `uptimeSeconds`), mirroring
+ * {@link formatRelativeAgo}'s "never fabricate finer than the reader needs" discipline — an
+ * operator checking how long the station has been up wants a coarse read, not a live stopwatch.
+ * Under a minute reads "less than a minute"; under an hour reads minutes alone ("42 minutes");
+ * under a day reads hours alone ("5 hours") — only once the uptime reaches a full day does it
+ * combine the two largest units ("1 day, 0 hours"). Always pluralizes correctly at exactly 1
+ * (never "1 days").
+ */
+export function formatUptime(uptimeSeconds: number): string {
+  const totalSeconds = Math.max(0, Math.floor(uptimeSeconds));
+  const minuteSeconds = 60;
+  const hourSeconds = 60 * minuteSeconds;
+  const daySeconds = 24 * hourSeconds;
+
+  if (totalSeconds < minuteSeconds) return "less than a minute";
+
+  if (totalSeconds < hourSeconds) {
+    const minutes = Math.floor(totalSeconds / minuteSeconds);
+    return `${minutes} ${minutes === 1 ? "minute" : "minutes"}`;
+  }
+
+  if (totalSeconds < daySeconds) {
+    const hours = Math.floor(totalSeconds / hourSeconds);
+    return `${hours} ${hours === 1 ? "hour" : "hours"}`;
+  }
+
+  const days = Math.floor(totalSeconds / daySeconds);
+  const hours = Math.floor((totalSeconds % daySeconds) / hourSeconds);
+  return `${days} ${days === 1 ? "day" : "days"}, ${hours} ${hours === 1 ? "hour" : "hours"}`;
+}
diff --git a/admin-ui/lib/safe-external-url.ts b/admin-ui/lib/safe-external-url.ts
new file mode 100644
index 00000000..1935a421
--- /dev/null
+++ b/admin-ui/lib/safe-external-url.ts
@@ -0,0 +1,13 @@
+/**
+ * Whether `value` is safe to point an `<a href>` at — an absolute `http:`/`https:` URL, the one
+ * shape this codebase trusts as a link target for author-declared, untrusted external data (a
+ * jingle/font/voice pack manifest's own `sourceUrl`, an attribution line's own `sourceUrl`).
+ * Anything else — `javascript:`, a bare string that isn't a URL at all, a relative path — must
+ * render as plain text instead (security-web: never trust external input into an href unchecked).
+ *
+ * Shared by `JinglePackDetailPanel` (a pack manifest's per-asset credit link) and `AboutView` (an
+ * attribution line's own credit link) — one guard, not two copies.
+ */
+export function isHttpUrl(value: string): boolean {
+  return /^https?:/i.test(value);
+}
diff --git a/admin-ui/lib/use-avatar-packs.ts b/admin-ui/lib/use-avatar-packs.ts
index 1de2e899..eadb2ab7 100644
--- a/admin-ui/lib/use-avatar-packs.ts
+++ b/admin-ui/lib/use-avatar-packs.ts
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 
 /** One item on an installed avatar pack (SPEC F128.1/.5, PLAN T294) — the two fields the
  * apply-from-pack picker and the bulk-suggestion toolbar actually need. Declared locally rather
- * than importing `wardrobe/types.ts`'s own `AvatarPackSummaryItemDto` — the same
+ * than importing a route segment's own DTO (the retired Wardrobe page owned one) — the same
  * `usePersonaDirectory` discipline (this shared hook shouldn't couple to a type another route
  * segment owns, since the two happen to be wire-identical only by coincidence today). */
 export interface AvatarPackEntry {
diff --git a/src/GenWave.Core/Abstractions/IAdminMediaQuery.cs b/src/GenWave.Core/Abstractions/IAdminMediaQuery.cs
index 87e7046f..9a47dcc5 100644
--- a/src/GenWave.Core/Abstractions/IAdminMediaQuery.cs
+++ b/src/GenWave.Core/Abstractions/IAdminMediaQuery.cs
@@ -75,4 +75,24 @@ Task<PagedResult<AdminMediaDto>> ListAdminAsync(
     Task<int> CountUnavailableAsync(
         LibraryScope scope, MediaQuery query, ImagingBrowseFilter imaging, CancellationToken ct) =>
         throw new NotSupportedException("this query does not filter by imaging kind");
+
+    /// <summary>
+    /// The number of actual MUSIC tracks ready to air (SPEC F207.1, STORY-474, PLAN T561) — rows in
+    /// <c>library.media</c> with <c>state = 'ready' and imaging_kind is null</c>. This is the About
+    /// page's "Tracks in the library" figure, deliberately narrower than
+    /// <see cref="IMediaCatalog.GetStatusCountsAsync"/>'s own <c>Ready</c> count, which counts every
+    /// ready row INCLUDING authored imaging (liner/station_id/jingle/promo/ad — db/01-library.sh's
+    /// <c>imaging_kind</c> CHECK) — the same <c>imaging_kind is null</c> fence
+    /// <c>MediaRepository.PlayablePredicate</c> already applies to keep imaging content out of music
+    /// rotation (that constant's own remarks) is what distinguishes "music" here too. Unscoped across
+    /// the whole catalog, mirroring <see cref="CatalogStatusCounts.Ready"/>'s own unscoped state
+    /// counts (SPEC F20.1) rather than a <see cref="LibraryScope"/>-narrowed figure. Authored rows
+    /// stored before db/30 carry no <c>imaging_kind</c> and so count as music — the same limit music
+    /// rotation has (db/01-library.sh's own remarks).
+    ///
+    /// Default-implemented (returns 0) so existing read-only test doubles keep compiling — the same
+    /// posture as <see cref="CountUnavailableAsync(LibraryScope,MediaQuery,CancellationToken)"/>'s
+    /// own remarks; the concrete repository overrides it with the real count.
+    /// </summary>
+    Task<int> GetReadyMusicCountAsync(CancellationToken ct) => Task.FromResult(0);
 }
diff --git a/src/GenWave.Host/Api/AboutController.cs b/src/GenWave.Host/Api/AboutController.cs
new file mode 100644
index 00000000..5cedfbe4
--- /dev/null
+++ b/src/GenWave.Host/Api/AboutController.cs
@@ -0,0 +1,71 @@
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Options;
+using GenWave.Core.Abstractions;
+using GenWave.Core.Domain;
+using GenWave.Host.Options;
+
+namespace GenWave.Host.Api;
+
+/// <summary>
+/// GET /api/about (SPEC F207.2, STORY-474, PLAN T561) — the About page's own facts (SPEC F207.1) in
+/// one round-trip: the build-stamped version, station name + tagline, library count, process uptime,
+/// and the F169 attribution list. Curation policy — the SAME policy <c>GET /api/attributions</c>
+/// carries — because this response embeds that exact attribution payload; widening who can read
+/// <c>/api/about</c> would widen who can read it too.
+/// </summary>
+[ApiController]
+[Route("api")]
+[AdminSurface]
+[Authorize(Policy = AuthorizationPolicies.Curation)]
+public sealed class AboutController(
+    IAdminMediaQuery adminQuery,
+    IOptionsMonitor<StationOptions> stationMonitor,
+    ProcessStartTime startTime,
+    TimeProvider timeProvider,
+    AttributionProjector attributionProjector) : ControllerBase
+{
+    /// <summary>
+    /// GET /api/about. <c>version</c>/<c>stationName</c>/<c>tagline</c> read exactly as
+    /// <see cref="SpectatorController.GetAbout"/> does (<see cref="HostVersion.Value"/>,
+    /// <see cref="IOptionsMonitor{StationOptions}.CurrentValue"/>) — live, per request, so a
+    /// <c>PUT /api/settings</c> edit to <c>Station:Name</c>/<c>Station:Tagline</c> reaches the very
+    /// next call with no api restart. <c>tagline</c> is <c>""</c> when unset (SPEC's own "the page
+    /// renders it only when non-blank" ruling lives on the page, not here).
+    /// <para>
+    /// <c>uptimeSeconds</c> is whole seconds between <see cref="ProcessStartTime.Value"/> (the
+    /// process's true boot instant, captured once at Program.cs startup — see that type's own
+    /// remarks) and <see cref="TimeProvider.GetUtcNow"/> — the SAME injected <see cref="TimeProvider"/>
+    /// singleton every other clock-reading Host component resolves, never <see cref="DateTimeOffset.UtcNow"/>
+    /// directly, so a future test can fake this endpoint's notion of "now" exactly like it fakes any
+    /// other.
+    /// </para>
+    /// <para>
+    /// <c>libraryCount</c> is <see cref="IAdminMediaQuery.GetReadyMusicCountAsync"/> — rows in
+    /// <c>library.media</c> with <c>state = 'ready' and imaging_kind is null</c>, i.e. actual MUSIC
+    /// tracks ready to air. Deliberately NOT <see cref="CatalogStatusCounts.Ready"/> (the
+    /// <c>GET /api/status</c>/<c>GET /api/libraries</c> figure): that count includes every authored
+    /// imaging row (liner/station_id/jingle/promo/ad) too, which would misreport "tracks in the
+    /// library" as inflated by station patter and ads rather than music the reader can actually put a
+    /// name to. Unscoped across the whole catalog, mirroring <c>Ready</c>'s own unscoped state count
+    /// (F20.1) rather than a <see cref="LibraryScope"/>-narrowed figure.
+    /// </para>
+    /// <para>
+    /// <c>attributions</c> is <see cref="AttributionProjector.BuildAsync"/>'s own result — the
+    /// identical <see cref="AttributionsResponse"/> <c>GET /api/attributions</c> serves, both
+    /// controllers calling the SAME injected projector so the two can never independently drift
+    /// (STORY-474 AC3).
+    /// </para>
+    /// </summary>
+    [HttpGet("about")]
+    public async Task<IActionResult> Get(CancellationToken ct)
+    {
+        var options = stationMonitor.CurrentValue;
+        var libraryCount = await adminQuery.GetReadyMusicCountAsync(ct);
+        var attributions = await attributionProjector.BuildAsync(ct);
+        var uptimeSeconds = (long)(timeProvider.GetUtcNow() - startTime.Value).TotalSeconds;
+
+        return Ok(new AboutResponse(
+            HostVersion.Value, options.Name, options.Tagline, libraryCount, uptimeSeconds, attributions));
+    }
+}
diff --git a/src/GenWave.Host/Api/AboutResponse.cs b/src/GenWave.Host/Api/AboutResponse.cs
new file mode 100644
index 00000000..faa5ead5
--- /dev/null
+++ b/src/GenWave.Host/Api/AboutResponse.cs
@@ -0,0 +1,23 @@
+namespace GenWave.Host.Api;
+
+/// <summary>
+/// The whole body of <c>GET /api/about</c> (SPEC F207.1/F207.2, STORY-474, PLAN T561) — see
+/// <see cref="AboutController.Get"/>'s own remarks for how each field is sourced.
+/// </summary>
+/// <param name="Version">The build-stamped <c>AssemblyInformationalVersion</c>.</param>
+/// <param name="StationName"><c>Station:Name</c>, read live.</param>
+/// <param name="Tagline"><c>Station:Tagline</c>, read live; <c>""</c> when unset.</param>
+/// <param name="LibraryCount">
+/// Music tracks ready to air: rows in <c>library.media</c> with <c>state = 'ready' and
+/// imaging_kind is null</c>, unscoped across the whole catalog. Excludes every authored imaging row
+/// — ads, jingles, liners, station IDs, promos.
+/// </param>
+/// <param name="UptimeSeconds">Whole seconds since process start.</param>
+/// <param name="Attributions">The SAME projection <c>GET /api/attributions</c> serves.</param>
+public sealed record AboutResponse(
+    string Version,
+    string StationName,
+    string Tagline,
+    int LibraryCount,
+    long UptimeSeconds,
+    AttributionsResponse Attributions);
diff --git a/src/GenWave.Host/Api/AttributionProjector.cs b/src/GenWave.Host/Api/AttributionProjector.cs
new file mode 100644
index 00000000..a3fa3309
--- /dev/null
+++ b/src/GenWave.Host/Api/AttributionProjector.cs
@@ -0,0 +1,160 @@
+using GenWave.Core.Abstractions;
+using GenWave.Core.Domain;
+using GenWave.Core.Logging;
+using GenWave.Host.Catalog;
+
+namespace GenWave.Host.Api;
+
+/// <summary>
+/// Attribution projection (SPEC F169.1/F169.2, STORY-404, PLAN T419) — iterates every installed
+/// jingle-pack/font-pack/voice-pack row and projects its credits for the About page epic (gh-#16).
+/// Shared by <see cref="AttributionsController"/> (<c>GET /api/attributions</c>) and
+/// <see cref="AboutController"/> (<c>GET /api/about</c>'s <c>attributions</c> field, SPEC F207.2,
+/// STORY-474, PLAN T561) — one projection, injected into both, so the two responses can never drift
+/// apart into two independently-maintained copies of the same rule. There is deliberately no
+/// separate <c>station.attribution</c> table: every credit line here is re-derived, on every request,
+/// from the pack's own stored <c>definition</c> jsonb (db/45's own header remarks) — a mirror table
+/// would drift the moment a pack's manifest and its own attribution copy disagreed.
+///
+/// <para>
+/// <b>Group order is fixed</b> (<c>jingle-pack</c>, <c>font-pack</c>, <c>voice-pack</c> — F169.2's own
+/// listing order), not alphabetical and not install-time: a caller rendering this straight into a page
+/// section list gets a stable layout across requests without its own sort. Packs within a group are
+/// ordered by slug; an empty group is omitted entirely (STORY-404 AC2) rather than sent with a bare
+/// <c>[]</c> packs array.
+/// </para>
+///
+/// <para>
+/// <b>Per-kind projection</b> (STORY-404 AC3-AC5): a jingle pack's CC-BY assets each surface as their
+/// own line (title/creator/sourceUrl/license byte-for-byte off the asset's own
+/// <see cref="CatalogJinglePackAttribution"/>); every CC0 asset in the SAME pack collapses to exactly
+/// ONE aggregate line named after the pack itself, with no creator/source (SPEC's "many small CC0
+/// clips" case would otherwise flood this list one line per file for information nobody credits
+/// per-file anyway) — a mixed pack yields its CC-BY lines first, then that one CC0 line. A font pack
+/// contributes one line at the pack level (its stored <c>license</c>/<c>sourceUrl</c>, no creator — a
+/// font manifest carries no creator field, SPEC F104.1). A voice pack contributes exactly one line
+/// naming the pack, license <c>"Synthetic blend"</c>, no creator/source — synthetic voices have no
+/// per-voice human credit to surface (AC5), unlike a jingle asset's real recording.
+/// </para>
+///
+/// <para>
+/// <b>Malformed definition = skip, never 500</b>: any of the three hardened parsers
+/// (<see cref="CatalogJinglePackManifestSerializer.Deserialize"/>,
+/// <see cref="CatalogFontManifestSerializer.Deserialize"/>,
+/// <see cref="CatalogVoicePackManifestSerializer.Deserialize"/>) returning <see langword="null"/> for
+/// a stored row (should never happen past their own install-time validation, but this endpoint reads
+/// the same column a hand-edited row or a future migration could still corrupt) drops that ONE pack
+/// from its group, logs one <see cref="ILogger.LogWarning(string, object[])"/> naming the kind and
+/// slug, and continues — every other installed pack still renders.
+/// </para>
+/// </summary>
+public sealed class AttributionProjector(
+    IJinglePackStore jinglePackStore,
+    IFontPackStore fontPackStore,
+    IVoicePackStore voicePackStore,
+    ILogger<AttributionProjector> logger)
+{
+    const string SyntheticBlendLicense = "Synthetic blend";
+    const string Cc0License = "CC0";
+    const string CcByLicense = "CC-BY";
+
+    /// <summary>Builds the SAME <see cref="AttributionsResponse"/> both <c>GET /api/attributions</c>
+    /// and <c>GET /api/about</c> serve — see this type's own remarks for the full projection
+    /// contract.</summary>
+    public async Task<AttributionsResponse> BuildAsync(CancellationToken ct)
+    {
+        var jinglePacks = await BuildJinglePackGroupAsync(ct);
+        var fontPacks = await BuildFontPackGroupAsync(ct);
+        var voicePacks = await BuildVoicePackGroupAsync(ct);
+
+        var groups = new List<AttributionGroupDto>();
+        if (jinglePacks.Count > 0)
+            groups.Add(new AttributionGroupDto("jingle-pack", jinglePacks));
+        if (fontPacks.Count > 0)
+            groups.Add(new AttributionGroupDto("font-pack", fontPacks));
+        if (voicePacks.Count > 0)
+            groups.Add(new AttributionGroupDto("voice-pack", voicePacks));
+
+        return new AttributionsResponse(groups);
+    }
+
+    async Task<IReadOnlyList<AttributionPackDto>> BuildJinglePackGroupAsync(CancellationToken ct)
+    {
+        var rows = await jinglePackStore.ListAsync(ct);
+        var packs = new List<AttributionPackDto>(rows.Count);
+
+        foreach (var row in rows.OrderBy(r => r.Slug, StringComparer.Ordinal))
+        {
+            var manifest = CatalogJinglePackManifestSerializer.Deserialize(row.DefinitionJson);
+            if (manifest is null)
+            {
+                LogMalformed("jingle-pack", row.Slug);
+                continue;
+            }
+
+            var lines = new List<AttributionLineDto>();
+            foreach (var asset in manifest.Assets)
+            {
+                if (string.Equals(asset.License, CcByLicense, StringComparison.Ordinal))
+                {
+                    lines.Add(new AttributionLineDto(
+                        asset.Title, asset.Attribution?.Creator, asset.Attribution?.SourceUrl, CcByLicense));
+                }
+            }
+
+            if (manifest.Assets.Any(a => string.Equals(a.License, Cc0License, StringComparison.Ordinal)))
+                lines.Add(new AttributionLineDto(manifest.PackName, null, null, Cc0License));
+
+            packs.Add(new AttributionPackDto(row.Slug, manifest.PackName, lines));
+        }
+
+        return packs;
+    }
+
+    async Task<IReadOnlyList<AttributionPackDto>> BuildFontPackGroupAsync(CancellationToken ct)
+    {
+        var rows = await fontPackStore.GetAllAsync(ct);
+        var packs = new List<AttributionPackDto>(rows.Count);
+
+        foreach (var row in rows.OrderBy(r => r.Slug, StringComparer.Ordinal))
+        {
+            var manifest = CatalogFontManifestSerializer.Deserialize(row.Definition);
+            if (manifest is null)
+            {
+                LogMalformed("font-pack", row.Slug);
+                continue;
+            }
+
+            var line = new AttributionLineDto(manifest.Family, null, manifest.SourceUrl, manifest.License);
+            packs.Add(new AttributionPackDto(row.Slug, manifest.Family, [line]));
+        }
+
+        return packs;
+    }
+
+    async Task<IReadOnlyList<AttributionPackDto>> BuildVoicePackGroupAsync(CancellationToken ct)
+    {
+        var rows = await voicePackStore.ListAsync(ct);
+        var packs = new List<AttributionPackDto>(rows.Count);
+
+        foreach (var row in rows.OrderBy(r => r.Slug, StringComparer.Ordinal))
+        {
+            var manifest = CatalogVoicePackManifestSerializer.Deserialize(row.DefinitionJson);
+            if (manifest is null)
+            {
+                LogMalformed("voice-pack", row.Slug);
+                continue;
+            }
+
+            var line = new AttributionLineDto(manifest.PackName, null, null, SyntheticBlendLicense);
+            packs.Add(new AttributionPackDto(row.Slug, manifest.PackName, [line]));
+        }
+
+        return packs;
+    }
+
+    void LogMalformed(string kind, string slug) =>
+        logger.LogWarning(
+            "Attributions endpoint skipped {Kind} pack {Slug}: its stored definition failed to re-parse",
+            LogSanitize.Strip(kind), LogSanitize.Strip(slug));
+}
diff --git a/src/GenWave.Host/Api/AttributionsController.cs b/src/GenWave.Host/Api/AttributionsController.cs
index 63141c92..2dc32b44 100644
--- a/src/GenWave.Host/Api/AttributionsController.cs
+++ b/src/GenWave.Host/Api/AttributionsController.cs
@@ -1,163 +1,22 @@
-using GenWave.Core.Abstractions;
-using GenWave.Core.Domain;
-using GenWave.Core.Logging;
-using GenWave.Host.Catalog;
 using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Mvc;
 
 namespace GenWave.Host.Api;
 
 /// <summary>
-/// Attribution surface (SPEC F169.1/F169.2, STORY-404, PLAN T419) — iterates every installed
-/// jingle-pack/font-pack/voice-pack row and projects its credits for the About page epic (gh-#16).
-/// There is deliberately no separate <c>station.attribution</c> table: every credit line here is
-/// re-derived, on every request, from the pack's own stored <c>definition</c> jsonb (db/45's own
-/// header remarks) — a mirror table would drift the moment a pack's manifest and its own attribution
-/// copy disagreed.
-///
-/// <para>
-/// <b>Group order is fixed</b> (<c>jingle-pack</c>, <c>font-pack</c>, <c>voice-pack</c> — F169.2's own
-/// listing order), not alphabetical and not install-time: a caller rendering this straight into a page
-/// section list gets a stable layout across requests without its own sort. Packs within a group are
-/// ordered by slug; an empty group is omitted entirely (STORY-404 AC2) rather than sent with a bare
-/// <c>[]</c> packs array.
-/// </para>
-///
-/// <para>
-/// <b>Per-kind projection</b> (STORY-404 AC3-AC5): a jingle pack's CC-BY assets each surface as their
-/// own line (title/creator/sourceUrl/license byte-for-byte off the asset's own
-/// <see cref="CatalogJinglePackAttribution"/>); every CC0 asset in the SAME pack collapses to exactly
-/// ONE aggregate line named after the pack itself, with no creator/source (SPEC's "many small CC0
-/// clips" case would otherwise flood this list one line per file for information nobody credits
-/// per-file anyway) — a mixed pack yields its CC-BY lines first, then that one CC0 line. A font pack
-/// contributes one line at the pack level (its stored <c>license</c>/<c>sourceUrl</c>, no creator — a
-/// font manifest carries no creator field, SPEC F104.1). A voice pack contributes exactly one line
-/// naming the pack, license <c>"Synthetic blend"</c>, no creator/source — synthetic voices have no
-/// per-voice human credit to surface (AC5), unlike a jingle asset's real recording.
-/// </para>
-///
-/// <para>
-/// <b>Malformed definition = skip, never 500</b>: any of the three hardened parsers
-/// (<see cref="CatalogJinglePackManifestSerializer.Deserialize"/>,
-/// <see cref="CatalogFontManifestSerializer.Deserialize"/>,
-/// <see cref="CatalogVoicePackManifestSerializer.Deserialize"/>) returning <see langword="null"/> for
-/// a stored row (should never happen past their own install-time validation, but this endpoint reads
-/// the same column a hand-edited row or a future migration could still corrupt) drops that ONE pack
-/// from its group, logs one <see cref="ILogger.LogWarning(string, object[])"/> naming the kind and
-/// slug, and continues — every other installed pack still renders.
-/// </para>
+/// GET /api/attributions (SPEC F169.2, STORY-404, PLAN T419) — a thin wrapper over
+/// <see cref="AttributionProjector"/>, which both this controller and <see cref="AboutController"/>
+/// (SPEC F207.2, PLAN T561) call — see that type's own remarks for the full projection contract.
 /// </summary>
 [ApiController]
 [Route("api")]
 [AdminSurface]
 [Authorize(Policy = AuthorizationPolicies.Curation)]
-public sealed class AttributionsController(
-    IJinglePackStore jinglePackStore,
-    IFontPackStore fontPackStore,
-    IVoicePackStore voicePackStore,
-    ILogger<AttributionsController> logger) : ControllerBase
+public sealed class AttributionsController(AttributionProjector attributionProjector) : ControllerBase
 {
-    const string SyntheticBlendLicense = "Synthetic blend";
-    const string Cc0License = "CC0";
-    const string CcByLicense = "CC-BY";
-
-    /// <summary>GET /api/attributions (SPEC F169.2) — see this controller's own remarks for the full
-    /// projection contract.</summary>
+    /// <summary>GET /api/attributions (SPEC F169.2) — see <see cref="AttributionProjector"/>'s own
+    /// remarks for the full projection contract.</summary>
     [HttpGet("attributions")]
-    public async Task<IActionResult> GetAttributions(CancellationToken ct)
-    {
-        var jinglePacks = await BuildJinglePackGroupAsync(ct);
-        var fontPacks = await BuildFontPackGroupAsync(ct);
-        var voicePacks = await BuildVoicePackGroupAsync(ct);
-
-        var groups = new List<AttributionGroupDto>();
-        if (jinglePacks.Count > 0)
-            groups.Add(new AttributionGroupDto("jingle-pack", jinglePacks));
-        if (fontPacks.Count > 0)
-            groups.Add(new AttributionGroupDto("font-pack", fontPacks));
-        if (voicePacks.Count > 0)
-            groups.Add(new AttributionGroupDto("voice-pack", voicePacks));
-
-        return Ok(new AttributionsResponse(groups));
-    }
-
-    async Task<IReadOnlyList<AttributionPackDto>> BuildJinglePackGroupAsync(CancellationToken ct)
-    {
-        var rows = await jinglePackStore.ListAsync(ct);
-        var packs = new List<AttributionPackDto>(rows.Count);
-
-        foreach (var row in rows.OrderBy(r => r.Slug, StringComparer.Ordinal))
-        {
-            var manifest = CatalogJinglePackManifestSerializer.Deserialize(row.DefinitionJson);
-            if (manifest is null)
-            {
-                LogMalformed("jingle-pack", row.Slug);
-                continue;
-            }
-
-            var lines = new List<AttributionLineDto>();
-            foreach (var asset in manifest.Assets)
-            {
-                if (string.Equals(asset.License, CcByLicense, StringComparison.Ordinal))
-                {
-                    lines.Add(new AttributionLineDto(
-                        asset.Title, asset.Attribution?.Creator, asset.Attribution?.SourceUrl, CcByLicense));
-                }
-            }
-
-            if (manifest.Assets.Any(a => string.Equals(a.License, Cc0License, StringComparison.Ordinal)))
-                lines.Add(new AttributionLineDto(manifest.PackName, null, null, Cc0License));
-
-            packs.Add(new AttributionPackDto(row.Slug, manifest.PackName, lines));
-        }
-
-        return packs;
-    }
-
-    async Task<IReadOnlyList<AttributionPackDto>> BuildFontPackGroupAsync(CancellationToken ct)
-    {
-        var rows = await fontPackStore.GetAllAsync(ct);
-        var packs = new List<AttributionPackDto>(rows.Count);
-
-        foreach (var row in rows.OrderBy(r => r.Slug, StringComparer.Ordinal))
-        {
-            var manifest = CatalogFontManifestSerializer.Deserialize(row.Definition);
-            if (manifest is null)
-            {
-                LogMalformed("font-pack", row.Slug);
-                continue;
-            }
-
-            var line = new AttributionLineDto(manifest.Family, null, manifest.SourceUrl, manifest.License);
-            packs.Add(new AttributionPackDto(row.Slug, manifest.Family, [line]));
-        }
-
-        return packs;
-    }
-
-    async Task<IReadOnlyList<AttributionPackDto>> BuildVoicePackGroupAsync(CancellationToken ct)
-    {
-        var rows = await voicePackStore.ListAsync(ct);
-        var packs = new List<AttributionPackDto>(rows.Count);
-
-        foreach (var row in rows.OrderBy(r => r.Slug, StringComparer.Ordinal))
-        {
-            var manifest = CatalogVoicePackManifestSerializer.Deserialize(row.DefinitionJson);
-            if (manifest is null)
-            {
-                LogMalformed("voice-pack", row.Slug);
-                continue;
-            }
-
-            var line = new AttributionLineDto(manifest.PackName, null, null, SyntheticBlendLicense);
-            packs.Add(new AttributionPackDto(row.Slug, manifest.PackName, [line]));
-        }
-
-        return packs;
-    }
-
-    void LogMalformed(string kind, string slug) =>
-        logger.LogWarning(
-            "Attributions endpoint skipped {Kind} pack {Slug}: its stored definition failed to re-parse",
-            LogSanitize.Strip(kind), LogSanitize.Strip(slug));
+    public async Task<IActionResult> GetAttributions(CancellationToken ct) =>
+        Ok(await attributionProjector.BuildAsync(ct));
 }
diff --git a/src/GenWave.Host/Api/HostVersion.cs b/src/GenWave.Host/Api/HostVersion.cs
new file mode 100644
index 00000000..0df64665
--- /dev/null
+++ b/src/GenWave.Host/Api/HostVersion.cs
@@ -0,0 +1,18 @@
+using System.Reflection;
+
+namespace GenWave.Host.Api;
+
+/// <summary>
+/// The build-stamped <see cref="AssemblyInformationalVersionAttribute"/> on the Host assembly (SPEC
+/// F65.1, STORY-175) — read once at class load since it is fixed for the process's lifetime, so
+/// re-reading it per request would only waste reflection. Shared by <see cref="SpectatorController"/>
+/// (<c>/spectator/api/about</c>) and <see cref="AboutController"/> (<c>/api/about</c>, SPEC F207.1/
+/// F207.2, STORY-474, PLAN T561) so the two surfaces never read the assembly attribute two different
+/// ways — one expression, two callers.
+/// </summary>
+internal static class HostVersion
+{
+    public static readonly string Value =
+        typeof(Program).Assembly.GetCustomAttribute<AssemblyInformationalVersionAttribute>()?.InformationalVersion
+            ?? "unknown";
+}
diff --git a/src/GenWave.Host/Api/SpectatorController.cs b/src/GenWave.Host/Api/SpectatorController.cs
index 614755b8..224660a7 100644
--- a/src/GenWave.Host/Api/SpectatorController.cs
+++ b/src/GenWave.Host/Api/SpectatorController.cs
@@ -1,4 +1,3 @@
-using System.Reflection;
 using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.OutputCaching;
@@ -66,15 +65,6 @@ public sealed class SpectatorController(
     /// <see cref="GenWave.MediaLibrary.YearLookup.MusicBrainzYearLookup"/> sends as its User-Agent contact.</summary>
     const string ProjectUrl = "https://github.com/GenWave-Org/genwave";
 
-    /// <summary>
-    /// The build-stamped <see cref="AssemblyInformationalVersionAttribute"/> on the Host assembly
-    /// (SPEC F65.1, STORY-175). Read once at class load — it is fixed for the process's lifetime,
-    /// so re-reading it per request would only waste reflection.
-    /// </summary>
-    static readonly string HostVersion =
-        typeof(Program).Assembly.GetCustomAttribute<AssemblyInformationalVersionAttribute>()?.InformationalVersion
-            ?? "unknown";
-
     /// <summary>
     /// GET /spectator/api/now-playing — the public-shaped now-playing projection (SPEC F62.4/
     /// F62.5). A dedicated projection built from the same in-memory <see cref="NowPlayingService"/>
@@ -326,7 +316,7 @@ public IActionResult GetAbout()
     {
         var options = stationMonitor.CurrentValue;
         return Ok(new SpectatorAbout(
-            options.Name, HostVersion, License, ProjectUrl, options.PublicStreamUrl, options.Requests.Enabled));
+            options.Name, HostVersion.Value, License, ProjectUrl, options.PublicStreamUrl, options.Requests.Enabled));
     }
 
     /// <summary>
diff --git a/src/GenWave.Host/Configuration/SettingValidator.cs b/src/GenWave.Host/Configuration/SettingValidator.cs
index e803a4f4..42007989 100644
--- a/src/GenWave.Host/Configuration/SettingValidator.cs
+++ b/src/GenWave.Host/Configuration/SettingValidator.cs
@@ -266,6 +266,9 @@ static Dictionary<string, Func<string, bool>> BuildValidators(ThemeCatalog theme
             // StationRotationOptions floors StationOptionsValidator exists for), but the live-edit
             // path needs its own guard here — this is the F23.1-style 400 for the identity keys.
             ["Station:Name"]  = IsNonBlank,
+            // Station:Tagline (SPEC F207.1, STORY-474, PLAN T561) — unlike Name, blank is valid (no
+            // tagline shown); anything over ShowBudgets.TaglineMaxChars is rejected.
+            ["Station:Tagline"] = IsValidStationTagline,
             ["Station:Voice"] = IsNonBlank,
 
             // StationCadenceOptions — bools
@@ -625,6 +628,12 @@ static bool IsBool(string v) =>
     // boot-time [Required]/[MinLength(1)] guard on the same StationOptions properties.
     static bool IsNonBlank(string v) => !string.IsNullOrWhiteSpace(v);
 
+    // Station:Tagline (SPEC F207.1, STORY-474, PLAN T561) — blank is valid (the About page simply
+    // shows no tagline); anything else must fit ShowBudgets.TaglineMaxChars, the same 120-char budget
+    // a show's own tagline is held to (ShowBudgets.FirstViolation) — deliberately reused rather than
+    // a second 120 minted here.
+    static bool IsValidStationTagline(string v) => v.Length <= ShowBudgets.TaglineMaxChars;
+
     // Inclusive both bounds (used for every F53.1-ceilinged int, plus the pre-existing
     // Library:YearLookup:MinScore). min may be 0 (rotation/cadence knobs, where 0 disables the
     // knob) or 1 (everywhere else a "positive int" floor previously stood alone).
@@ -1083,6 +1092,8 @@ static bool OptionalPropertyIsString(JsonElement element, string propertyName)
     {
         var k when k.Equals("Station:Name", StringComparison.OrdinalIgnoreCase)
             => $"Value for '{key}' must not be blank.",
+        var k when k.Equals("Station:Tagline", StringComparison.OrdinalIgnoreCase)
+            => $"Value for '{key}' must be at most {ShowBudgets.TaglineMaxChars} characters.",
         var k when k.Equals("Station:Voice", StringComparison.OrdinalIgnoreCase)
             => $"Value for '{key}' must not be blank.",
         var k when k.Equals("Loudness:TargetLufs",  StringComparison.OrdinalIgnoreCase)
diff --git a/src/GenWave.Host/Configuration/StationSettingsAllowlist.cs b/src/GenWave.Host/Configuration/StationSettingsAllowlist.cs
index c89ea6ee..d86ad6d2 100644
--- a/src/GenWave.Host/Configuration/StationSettingsAllowlist.cs
+++ b/src/GenWave.Host/Configuration/StationSettingsAllowlist.cs
@@ -158,6 +158,10 @@ public static IReadOnlyList<SettingChoice> IconPackChoices(IReadOnlyList<string>
         // restart — the admin UI badges this via FIELD_HELP_TEXT (SPEC F44.5), not a different
         // apply-mode; the api-side effects (patter, /api/stations, this console) are genuinely live.
         new("Station:Name",                                   SettingApplyMode.Live,          SettingKind.String,     ""),
+        // Station:Tagline (SPEC F207.1, STORY-474, PLAN T561) — the About page's subtitle. Blank is
+        // valid (unlike Name's IsNonBlank guard); no Icecast round-trip at all, so it carries none of
+        // Station:Name's restart caveat.
+        new("Station:Tagline",                                SettingApplyMode.Live,          SettingKind.String,     ""),
         new("Station:Voice",                                  SettingApplyMode.Live,          SettingKind.String,     ""),
 
         new("Station:Cadence:LeadInBeforeEachTrack",          SettingApplyMode.Live,          SettingKind.Boolean,    ""),
diff --git a/src/GenWave.Host/Options/StationOptions.cs b/src/GenWave.Host/Options/StationOptions.cs
index b747bff5..f7662c81 100644
--- a/src/GenWave.Host/Options/StationOptions.cs
+++ b/src/GenWave.Host/Options/StationOptions.cs
@@ -16,6 +16,18 @@ public sealed class StationOptions
     [Required]
     public string Name { get; set; } = string.Empty;
 
+    /// <summary>
+    /// The station's short public tagline (SPEC F207.1, STORY-474, PLAN T561) — shown on the About
+    /// page beside the station name. Not required — defaults to empty, which the About endpoint
+    /// serves verbatim and the page treats as "no tagline" (renders the name alone). Capped at
+    /// <see cref="GenWave.Core.Domain.ShowBudgets.TaglineMaxChars"/>, the same 120-char budget a show
+    /// tagline uses (<c>SettingValidator</c>'s own idiom for <c>Station:Tagline</c>) — deliberately
+    /// not a second magic number. Read live, per request, through
+    /// <c>IOptionsMonitor&lt;StationOptions&gt;</c> by <c>AboutController</c>, so a
+    /// <c>PUT /api/settings</c> here reaches the very next request with no api restart.
+    /// </summary>
+    public string Tagline { get; set; } = string.Empty;
+
     [Required, MinLength(1)]
     public string Voice { get; set; } = string.Empty;
 
diff --git a/src/GenWave.Host/Program.cs b/src/GenWave.Host/Program.cs
index 87b403ff..a4cb573e 100644
--- a/src/GenWave.Host/Program.cs
+++ b/src/GenWave.Host/Program.cs
@@ -377,6 +377,10 @@
 builder.Services.AddSingleton<IValidateOptions<ScanOptions>, ScanOptionsValidator>();
 builder.Services.AddOptions<ScanOptions>().ValidateOnStart();
 
+// SPEC F169.2/F207.2, PLAN T419/T561 — the attribution projection AttributionsController and
+// AboutController both call, so their two responses can never independently drift.
+builder.Services.AddSingleton<AttributionProjector>();
+
 builder.Services.AddControllers();
 
 // Liveness endpoint for the compose healthcheck. No checks registered = 200 Healthy when up.
diff --git a/src/GenWave.MediaLibrary/Catalog/MediaRepository.cs b/src/GenWave.MediaLibrary/Catalog/MediaRepository.cs
index 5a6d02f3..6041fef1 100644
--- a/src/GenWave.MediaLibrary/Catalog/MediaRepository.cs
+++ b/src/GenWave.MediaLibrary/Catalog/MediaRepository.cs
@@ -897,6 +897,24 @@ from library.media m
             new { libraryIds = safeScope.LibraryIds.ToArray() }, cancellationToken: ct));
     }
 
+    /// <summary>
+    /// <see cref="IAdminMediaQuery.GetReadyMusicCountAsync"/>'s own real query (SPEC F207.1,
+    /// STORY-474, PLAN T561) — the About page's "Tracks in the library" figure: rows with
+    /// <c>state = 'ready' and imaging_kind is null</c>, the SAME <c>imaging_kind is null</c> fence
+    /// <see cref="PlayablePredicate"/> applies to keep authored imaging content (liner/station_id/
+    /// jingle/promo/ad) out of music rotation. Unscoped, like <see cref="GetStatusCountsAsync"/>'s
+    /// own <c>Ready</c> state count — see that interface member's own remarks for why. Explicit
+    /// <c>::int</c> cast for the same Dapper-materialization reason <see cref="GetStatusCountsAsync"/>
+    /// needs it: Postgres' <c>count(*)</c> is <c>bigint</c>.
+    /// </summary>
+    public async Task<int> GetReadyMusicCountAsync(CancellationToken ct)
+    {
+        await using var conn = await dataSource.OpenConnectionAsync(ct);
+        return await conn.ExecuteScalarAsync<int>(new CommandDefinition(
+            "select count(*)::int from library.media where state = 'ready' and imaging_kind is null",
+            cancellationToken: ct));
+    }
+
     /// <summary>
     /// SPEC F52.1/F52.2 (closes gitea-#189) — distinct, non-NULL, non-blank values of <paramref name="field"/>'s
     /// backing column, grouped case-insensitively via <c>group by lower(column)</c> so "Rock"/"rock"
diff --git a/tests/GenWave.Host.Tests/Specs/Story151_SeededDefaults.cs b/tests/GenWave.Host.Tests/Specs/Story151_SeededDefaults.cs
index 11cc8bb2..f7529edc 100644
--- a/tests/GenWave.Host.Tests/Specs/Story151_SeededDefaults.cs
+++ b/tests/GenWave.Host.Tests/Specs/Story151_SeededDefaults.cs
@@ -179,6 +179,11 @@ static string RequireValue(IConfiguration config, string key)
         // own identical rationale: empty is the spec'd default meaning "use the station's own voice"
         // (Station:Voice) — an honest blank, not a gap, until an operator casts a distinct announcer.
         "Station:Ads:AnnouncerVoice",
+        // Station:Tagline (SPEC F207.1, STORY-474, PLAN T561; Dean's ruling 2026-09-23) joins on
+        // Station:IconPack's own identical rationale: empty is the spec'd default (the About page
+        // shows the station name alone), an honest blank until an operator sets one — unlike
+        // Station:Name, this key has no "shipped" seed a fresh deploy could even name.
+        "Station:Tagline",
     };
 
     /// <summary>
diff --git a/tests/GenWave.Host.Tests/Specs/Story474_About.cs b/tests/GenWave.Host.Tests/Specs/Story474_About.cs
index 12040f09..8fb0380d 100644
--- a/tests/GenWave.Host.Tests/Specs/Story474_About.cs
+++ b/tests/GenWave.Host.Tests/Specs/Story474_About.cs
@@ -1,29 +1,90 @@
 // STORY-474 — About (gh-#16 · SPEC F207 · PLAN T561)
 //
-// BDD specification — xUnit. RED at plan time: every fact is [Fact(Skip = Pending)] with a loud body —
-// remove the Skip only in the task that makes it green. Each Given comment names the arrange the scenario needs.
+// AboutArc seeds ONE ephemeral Postgres (AboutDatabase) with a font pack — installed through the
+// REAL IFontPackStore.UpsertAsync resolved straight from the running app's own DI container (the
+// Story404_AttributionsEndpoint.cs precedent) — so AC3's comparison can't pass vacuously on
+// {groups:[]}. The WebApplicationFactory also sets Station:Tagline so AC1/the tagline fact prove
+// the live setting, not just the default. AC6's sad path needs no real Postgres at all — mirrors
+// Story404's own DB-less factory precedent: the Curation policy refuses before any store is ever
+// touched. AC3 compares the RAW wire JSON of the two endpoints' `attributions`/body text rather than
+// deserialized-record equality: IReadOnlyList<T> record members compare by reference under the
+// compiler-generated Equals, so a naive Assert.Equal on two independently-deserialized DTOs would be
+// unreliable — comparing the untouched JSON text sidesteps that trap entirely.
+
+using System.Linq;
+using System.Net;
+using System.Net.Http.Json;
+using System.Reflection;
+using System.Text.Json;
+using GenWave.Core.Abstractions;
+using GenWave.Core.Domain;
+using GenWave.Host.Api;
+using GenWave.Host.Configuration;
+using GenWave.Host.Tests.Support;
+using Microsoft.AspNetCore.Hosting;
+using Microsoft.AspNetCore.Mvc.Testing;
+using Microsoft.AspNetCore.TestHost;
+using Microsoft.Extensions.Configuration;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.DependencyInjection.Extensions;
+using Microsoft.Extensions.Hosting;
 
 namespace GenWave.Host.Tests.Specs;
 
 public static class FeatureAbout
 {
-    const string Pending = "pending: T561 — About (STORY-474)";
+    // ---------------------------------------------------------------------
+    // HAPPY PATH
+    // ---------------------------------------------------------------------
 
-    public sealed class ScenarioGetAboutWithASession
+    [Collection(AboutCollection.Name)]
+    public sealed class ScenarioGetAboutWithASession(AboutArc arc)
     {
-        // Given: WebApplicationFactory, GET /api/about
+        /// <summary>AC1 — version, stationName, tagline, libraryCount, uptimeSeconds, attributions —
+        /// exactly those six root properties, one assertion: the root's own property-name set
+        /// against the expected six-name set, rather than six separate Contains checks that could
+        /// never catch an unexpected SEVENTH property.</summary>
+        [Fact]
+        public void ServesEveryField()
+        {
+            using var doc = JsonDocument.Parse(arc.AboutBodyJson);
 
-        /// <summary>AC1 — version, stationName, tagline, libraryCount, uptimeSeconds, attributions</summary>
-        [Fact(Skip = Pending)]
-        public void ServesEveryField() => Assert.Fail(Pending);
+            Assert.Equal(
+                new HashSet<string> { "version", "stationName", "tagline", "libraryCount", "uptimeSeconds", "attributions" },
+                doc.RootElement.EnumerateObject().Select(property => property.Name).ToHashSet());
+        }
 
         /// <summary>AC2 — version equals the assembly informational version</summary>
-        [Fact(Skip = Pending)]
-        public void MatchesTheAssemblyVersion() => Assert.Fail(Pending);
+        [Fact]
+        public void MatchesTheAssemblyVersion()
+        {
+            var expected =
+                typeof(Program).Assembly.GetCustomAttribute<AssemblyInformationalVersionAttribute>()?.InformationalVersion
+                    ?? "unknown";
+
+            Assert.Equal(expected, arc.Response.Version);
+        }
 
         /// <summary>AC3 — attributions equal GET /api/attributions</summary>
-        [Fact(Skip = Pending)]
-        public void ReusesTheAttributionList() => Assert.Fail(Pending);
+        [Fact]
+        public void ReusesTheAttributionList()
+        {
+            using var aboutDoc = JsonDocument.Parse(arc.AboutBodyJson);
+            using var attributionsDoc = JsonDocument.Parse(arc.AttributionsBodyJson);
+
+            Assert.Equal(
+                attributionsDoc.RootElement.GetRawText(),
+                aboutDoc.RootElement.GetProperty("attributions").GetRawText());
+        }
+
+        /// <summary>The seeded font pack proves AC3's comparison isn't vacuous on {groups:[]}.</summary>
+        [Fact]
+        public void TheAttributionsListIsNotEmpty() => Assert.NotEmpty(arc.Response.Attributions.Groups);
+
+        /// <summary>Station:Tagline (Dean's ruling 2026-09-23) — read live and served verbatim.</summary>
+        [Fact]
+        public void TaglineIsServedFromTheLiveStationSetting() =>
+            Assert.Equal(AboutWebFactory.StationTagline, arc.Response.Tagline);
     }
 
     // ---------------------------------------------------------------------
@@ -32,11 +93,186 @@ public sealed class ScenarioGetAboutWithASession
 
     public sealed class ScenarioGetAboutWithoutASession
     {
-        // Given: no cookie
+        /// <summary>AC6 — no cookie gives 401 (the Curation policy refuses before any store is ever
+        /// touched, the Story404/Gh008 "WithoutTheCookieEveryPlaneStillDeniesEntry" precedent — no
+        /// real database needed).</summary>
+        [Fact]
+        public async Task RequiresASession()
+        {
+            await using var factory = new AboutAdminOnWebFactory();
+            var client = factory.CreateClient(new WebApplicationFactoryClientOptions { AllowAutoRedirect = false });
 
-        /// <summary>AC6 — 401</summary>
-        [Fact(Skip = Pending)]
-        public void RequiresASession() => Assert.Fail(Pending);
+            var response = await client.GetAsync("/api/about");
+
+            Assert.Equal(HttpStatusCode.Unauthorized, response.StatusCode);
+        }
     }
 
 }
+
+// ---------------------------------------------------------------------
+// Station:Tagline — SettingValidator (Dean's ruling 2026-09-23)
+// ---------------------------------------------------------------------
+
+public static class FeatureStationTaglineValidation
+{
+    const string Key = "Station:Tagline";
+
+    static SettingValidator BuildSettingValidator() => new(new ConfigurationBuilder().Build());
+
+    public sealed class ScenarioBlankAndInBudgetAreValid
+    {
+        [Fact]
+        public void BlankIsValid() => Assert.Null(BuildSettingValidator().Validate(Key, ""));
+
+        [Fact]
+        public void ExactlyTheMaxCharBudgetIsValid() =>
+            Assert.Null(BuildSettingValidator().Validate(Key, new string('a', ShowBudgets.TaglineMaxChars)));
+    }
+
+    public sealed class ScenarioOverBudgetIsRejected
+    {
+        [Fact]
+        public void OneCharOverTheMaxIsRejected() =>
+            Assert.NotNull(BuildSettingValidator().Validate(Key, new string('a', ShowBudgets.TaglineMaxChars + 1)));
+    }
+}
+
+// ── The DB-backed arc ────────────────────────────────────────────────────────────────────────────
+
+[CollectionDefinition(Name)]
+public sealed class AboutCollection : ICollectionFixture<AboutArc>
+{
+    public const string Name = "Story474About";
+}
+
+/// <summary>
+/// Arranges every DB-backed fact STORY-474's happy-path Scenario reads (the Story404_
+/// AttributionsEndpoint.cs AttributionsArc "arrange once, many read-only facts" idiom).
+/// </summary>
+public sealed class AboutArc : IAsyncLifetime
+{
+    static readonly JsonSerializerOptions WebJsonOptions = new(JsonSerializerDefaults.Web);
+
+    public const string FontSlug = "about-font-pack";
+    public const string FontFamily = "About Grotesk";
+    public const string FontLicense = "OFL-1.1";
+    public const string FontSourceUrl = "https://fonts.example.com/about-grotesk";
+
+    public static readonly string FontDefinitionJson = $$"""
+        {
+          "family": "{{FontFamily}}",
+          "files": [ { "role": "regular", "file": "about-grotesk-regular.woff2", "weight": "400", "style": "normal", "bytes": 12345 } ],
+          "license": "{{FontLicense}}",
+          "sourceUrl": "{{FontSourceUrl}}",
+          "subset": "latin"
+        }
+        """;
+
+    /// <summary>The <c>/api/about</c> response's raw wire body — the only thing AC3's
+    /// <c>ReusesTheAttributionList</c> can safely compare (see this file's own header remarks).</summary>
+    public string AboutBodyJson { get; private set; } = "";
+
+    /// <summary>The <c>/api/attributions</c> response's raw wire body, captured from the SAME
+    /// logged-in client in the SAME arrange.</summary>
+    public string AttributionsBodyJson { get; private set; } = "";
+
+    public AboutResponse Response { get; private set; } = new("", "", "", 0, 0, new([]));
+
+    public async Task InitializeAsync()
+    {
+        await using var db = await AboutDatabase.StartAsync();
+        await using var factory = new AboutWebFactory(db);
+
+        _ = factory.CreateClient();
+        var fontStore = factory.Services.GetRequiredService<IFontPackStore>();
+        await fontStore.UpsertAsync(FontSlug, FontFamily, FontDefinitionJson, "test-fixture", [], CancellationToken.None);
+
+        var client = await AboutWebFactory.LoggedInClientAsync(factory);
+
+        var aboutHttpResponse = await client.GetAsync("/api/about");
+        AboutBodyJson = await aboutHttpResponse.Content.ReadAsStringAsync();
+        Response = JsonSerializer.Deserialize<AboutResponse>(AboutBodyJson, WebJsonOptions) ?? Response;
+
+        var attributionsHttpResponse = await client.GetAsync("/api/attributions");
+        AttributionsBodyJson = await attributionsHttpResponse.Content.ReadAsStringAsync();
+    }
+
+    public Task DisposeAsync() => Task.CompletedTask;
+}
+
+// ── Test harnesses ───────────────────────────────────────────────────────────────────────────────
+
+/// <summary>This file's own thin subclass of the shared <see cref="EphemeralStationDatabase"/>
+/// harness — see that type's own remarks.</summary>
+file sealed class AboutDatabase : EphemeralStationDatabase
+{
+    AboutDatabase(string project, string composeFile, string libraryConnectionString, string stationConnectionString)
+        : base(project, composeFile, libraryConnectionString, stationConnectionString)
+    {
+    }
+
+    public static async Task<AboutDatabase> StartAsync()
+    {
+        var (project, composeFile, library, station) = Provision("gw-t561-about");
+        var db = new AboutDatabase(project, composeFile, library, station);
+        await db.WaitForSchemaAsync();
+        return db;
+    }
+}
+
+/// <summary>
+/// <see cref="WebApplicationFactory{TEntryPoint}"/> for <see cref="AboutArc"/> — boots the real
+/// Program.cs graph against a REAL ephemeral Postgres (<paramref name="database"/>) with every hosted
+/// service removed, and a non-blank <c>Station:Tagline</c> so <c>TaglineIsServedFromTheLiveStationSetting</c>
+/// proves the live setting, not merely the compiled-in default.
+/// </summary>
+file sealed class AboutWebFactory(EphemeralStationDatabase database) : WebApplicationFactory<Program>
+{
+    internal const string Password = "test-password-t561-about";
+    internal const string StationTagline = "Your late-night companion";
+
+    protected override void ConfigureWebHost(IWebHostBuilder builder)
+    {
+        builder.UseEnvironment("Development");
+        builder.UseSetting("ConnectionStrings:Library", database.LibraryConnectionString);
+        builder.UseSetting("ConnectionStrings:Station", database.StationConnectionString);
+        builder.UseSetting("Admin:Password", Password);
+        builder.UseSetting("Station:Id", "genwave-1");
+        builder.UseSetting("Station:Name", "GWAV 108.8");
+        builder.UseSetting("Station:Tagline", StationTagline);
+        builder.UseSetting("Station:Voice", "af_heart");
+        builder.UseSetting("Station:Scope:LibraryIds:0", "1");
+
+        builder.ConfigureTestServices(services => services.RemoveAll<IHostedService>());
+    }
+
+    public static async Task<HttpClient> LoggedInClientAsync(WebApplicationFactory<Program> factory)
+    {
+        var client = factory.CreateClient();
+        var login = await client.PostAsJsonAsync("/api/auth/login", new { password = Password });
+        Assert.Equal(HttpStatusCode.NoContent, login.StatusCode);
+        return client;
+    }
+}
+
+/// <summary>
+/// STORY-474 AC6's own DB-less factory (the Story404/Gh008 precedent) — a bogus
+/// <c>ConnectionStrings:Library</c>, never actually reached: with the admin surface reachable but no
+/// session cookie, the Curation authorization filter refuses before any store is ever touched.
+/// </summary>
+file sealed class AboutAdminOnWebFactory : WebApplicationFactory<Program>
+{
+    protected override void ConfigureWebHost(IWebHostBuilder builder)
+    {
+        builder.UseEnvironment("Development");
+        builder.UseSetting("ConnectionStrings:Library", "Host=nowhere;Database=test");
+        builder.UseSetting("Admin:Password", "test-password-t561-about-admin-on");
+        builder.UseSetting("Station:Id", "genwave-1");
+        builder.UseSetting("Station:Name", "GWAV 108.8");
+        builder.UseSetting("Station:Voice", "af_heart");
+        builder.UseSetting("Station:Scope:LibraryIds:0", "1");
+
+        builder.ConfigureTestServices(services => services.RemoveAll<IHostedService>());
+    }
+}
diff --git a/tests/GenWave.MediaLibrary.Tests/ReadyMusicCountTests.cs b/tests/GenWave.MediaLibrary.Tests/ReadyMusicCountTests.cs
new file mode 100644
index 00000000..1afc5c73
--- /dev/null
+++ b/tests/GenWave.MediaLibrary.Tests/ReadyMusicCountTests.cs
@@ -0,0 +1,46 @@
+using GenWave.Core.Domain;
+using GenWave.MediaLibrary.Catalog;
+
+namespace GenWave.MediaLibrary.Tests;
+
+/// <summary>
+/// Integration coverage for <see cref="MediaRepository.GetReadyMusicCountAsync"/> (SPEC F207.1,
+/// STORY-474, PLAN T561) — the About page's own "Tracks in the library" figure. Proven against real
+/// Postgres, mirroring <c>StatusCountsTests</c>'s own rationale: this is a plain scalar count, but
+/// that class exists precisely because a query exercised only through a fake never caught Dapper's
+/// materialization requirements against the real driver.
+/// </summary>
+[Collection(DatabaseCollection.Name)]
+[Trait("Category", "Integration")]
+public class ReadyMusicCountTests(DatabaseFixture fixture)
+{
+    [Fact]
+    public async Task GetReadyMusicCount_CountsReadyRowsWithNoImagingKindOnly()
+    {
+        await fixture.ResetAsync();
+        var repo = Harness.Repo(fixture);
+
+        // Two genuinely ready MUSIC rows (state='ready', imaging_kind is null) — these count.
+        var trackOne = await repo.InsertDiscoveredAsync("/media/track-one.flac", "flac", 1, Harness.Mtime, CancellationToken.None);
+        await repo.WriteEnrichmentAsync(trackOne, Harness.ReadyResult(measurable: true), CancellationToken.None);
+        var trackTwo = await repo.InsertDiscoveredAsync("/media/track-two.flac", "flac", 1, Harness.Mtime, CancellationToken.None);
+        await repo.WriteEnrichmentAsync(trackTwo, Harness.ReadyResult(measurable: true), CancellationToken.None);
+
+        // Discovered (never enriched) — not 'ready' yet, never counted.
+        await repo.InsertDiscoveredAsync("/media/discovered.flac", "flac", 1, Harness.Mtime, CancellationToken.None);
+
+        // Authored imaging rows land directly in state='ready' (F27.1) with imaging_kind stamped —
+        // the SAME imaging_kind is null fence PlayablePredicate uses to keep this content out of
+        // music rotation must keep it out of "tracks in the library" too.
+        await repo.InsertAuthoredAsync(
+            Harness.AuthoredInsert(path: "/authored/liner.wav", kind: ImagingKind.Liner), CancellationToken.None);
+        await repo.InsertAuthoredAsync(
+            Harness.AuthoredInsert(path: "/authored/station-id.wav", kind: ImagingKind.StationId), CancellationToken.None);
+        await repo.InsertAuthoredAsync(
+            Harness.AuthoredInsert(path: "/authored/ad.wav", kind: ImagingKind.Ad), CancellationToken.None);
+
+        var count = await repo.GetReadyMusicCountAsync(CancellationToken.None);
+
+        Assert.Equal(2, count);
+    }
+}