feat: age-gate UI — admin review queue and per-repo config panel

e2e/suites/interactions/operations/age-gate.spec.ts

@@ -0,0 +1,35 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Age Gate Page', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/age-gate');
+  });
+
+  test('page loads with Age Gate heading', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: /age gate/i })).toBeVisible({
+      timeout: 10000,
+    });
+  });
+
+  test('pending and history tabs are visible', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: /age gate/i })).toBeVisible({
+      timeout: 10000,
+    });
+    await expect(page.getByRole('tab', { name: /pending/i })).toBeVisible();
+    await expect(page.getByRole('tab', { name: /history/i })).toBeVisible();
+  });
+
+  test('pending tab shows table or empty state', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: /age gate/i })).toBeVisible({
+      timeout: 10000,
+    });
+
+    const tableHeader = page.getByText(/repository|package/i);
+    const emptyState = page.getByText(/no pending reviews/i);
+
+    const hasTable = await tableHeader.first().isVisible({ timeout: 5000 }).catch(() => false);
+    const hasEmpty = await emptyState.first().isVisible({ timeout: 5000 }).catch(() => false);
+
+    expect(hasTable || hasEmpty).toBeTruthy();
+  });
+});

src/app/(app)/(admin)/age-gate/__tests__/page.test.tsx

@@ -0,0 +1,42 @@
+// @vitest-environment jsdom
+
+import "@testing-library/jest-dom/vitest";
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+import AgeGatePage from "../page";
+import ageGateApi from "@/lib/api/age-gate";
+
+vi.mock("@/providers/auth-provider", () => ({
+  useAuth: () => ({ user: { is_admin: true } }),
+}));
+
+vi.mock("@/lib/api/age-gate", () => ({
+  default: {
+    listReviews: vi.fn(),
+    approve: vi.fn(),
+    reject: vi.fn(),
+  },
+}));
+
+describe("AgeGatePage", () => {
+  beforeEach(() => {
+    vi.mocked(ageGateApi.listReviews).mockResolvedValue({
+      items: [],
+      pagination: { page: 1, per_page: 20, total: 0, total_pages: 0 },
+    });
+  });
+
+  it("renders pending tab and empty state", async () => {
+    const client = new QueryClient();
+    render(
+      <QueryClientProvider client={client}>
+        <AgeGatePage />
+      </QueryClientProvider>,
+    );
+
+    expect(await screen.findByRole("heading", { name: "Age Gate" })).toBeInTheDocument();
+    expect(await screen.findByText("No pending reviews")).toBeInTheDocument();
+  });
+});