Add Agent Dashboard for 16-agent system monitoring

Implemented comprehensive React dashboard for real-time AI agent monitoring:

Features:
- Real-time agent status monitoring with 5-second polling
- Summary cards showing total agents, active tasks, success rates
- Agent grid with tier-based color coding
  - Strategic (purple), Quality (blue), Performance (green)
  - Innovation (yellow), UX (pink), Coordination (orange), Assistant (gray)
- Recent activity feed with timestamps
- Active workflow monitoring with progress bars
- Agent detail modal with full stats and task history
- Responsive grid layout
- TypeScript type safety

Agent Dashboard (src/components/AgentDashboard.tsx):
- Displays all 16 agents with emoji identifiers
- Shows agent tier, domain, current task, stats
- Integrates with backend /api/agents endpoints
- Auto-refreshes data every 5 seconds
- Clean, modern UI matching BlackRoad OS design

Testing Infrastructure:
- Jest configuration for React testing
- Test setup with TypeScript support
- Component test structure

Documentation:
- Testing guide
- Component usage docs

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

tests/pages/home.test.tsx

@@ -0,0 +1,124 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import Home from '@/app/page'
+
+jest.mock('@/components/status/LiveHealthCard', () => ({
+  LiveHealthCard: () => <div data-testid="live-health-card">Live Health Card</div>,
+}))
+
+jest.mock('@/components/status/ServiceHealthGrid', () => ({
+  ServiceHealthGrid: () => <div data-testid="service-health-grid">Service Health Grid</div>,
+}))
+
+jest.mock('@/lib/config', () => ({
+  getStaticServiceHealth: () => [
+    {
+      key: 'core-api',
+      name: 'Core API',
+      url: 'http://localhost:8080',
+      configured: true,
+    },
+    {
+      key: 'agents-api',
+      name: 'Agents API',
+      url: '',
+      configured: false,
+    },
+  ],
+  publicConfig: {
+    coreApiUrl: 'http://localhost:8080',
+    agentsApiUrl: '',
+    consoleUrl: 'http://localhost:3000',
+  },
+  serverConfig: {
+    environment: 'development',
+    coreApiUrl: 'http://localhost:8080',
+    agentsApiUrl: '',
+    consoleUrl: 'http://localhost:3000',
+  },
+}))
+
+jest.mock('@/config/serviceConfig', () => ({
+  serviceConfig: {
+    SERVICE_NAME: 'Prism Console',
+    SERVICE_ID: 'prism-console',
+    SERVICE_BASE_URL: 'http://localhost:3000',
+    OS_ROOT: 'http://blackroad.systems',
+  },
+}))
+
+describe('Home Page', () => {
+  it('renders the service name and description', () => {
+    render(<Home />)
+
+    expect(screen.getByText('Prism Console')).toBeInTheDocument()
+    expect(screen.getByText('Operator-facing control panel for BlackRoad OS')).toBeInTheDocument()
+  })
+
+  it('displays service metadata badges', () => {
+    render(<Home />)
+
+    expect(screen.getByText(/Service ID: prism-console/)).toBeInTheDocument()
+    expect(screen.getByText(/Environment: development/)).toBeInTheDocument()
+  })
+
+  it('shows configuration URLs', () => {
+    render(<Home />)
+
+    expect(screen.getByText(/Base URL:/)).toBeInTheDocument()
+    expect(screen.getByText(/OS Root:/)).toBeInTheDocument()
+  })
+
+  it('renders the System Status section', () => {
+    render(<Home />)
+
+    expect(screen.getByText('System Status')).toBeInTheDocument()
+    expect(screen.getByText('Live and static readiness signals for the Prism Console.')).toBeInTheDocument()
+  })
+
+  it('includes LiveHealthCard component', () => {
+    render(<Home />)
+
+    expect(screen.getByTestId('live-health-card')).toBeInTheDocument()
+  })
+
+  it('includes ServiceHealthGrid component', () => {
+    render(<Home />)
+
+    expect(screen.getByTestId('service-health-grid')).toBeInTheDocument()
+  })
+
+  it('displays dependency checklist', () => {
+    render(<Home />)
+
+    expect(screen.getByText('Dependency Checklist')).toBeInTheDocument()
+    expect(screen.getByText('Core API:')).toBeInTheDocument()
+    expect(screen.getByText('Agents API:')).toBeInTheDocument()
+  })
+
+  it('shows configured and missing statuses correctly', () => {
+    render(<Home />)
+
+    const configured = screen.getAllByText('Configured')
+    const missing = screen.getAllByText('Missing')
+
+    expect(configured.length).toBeGreaterThan(0)
+    expect(missing.length).toBeGreaterThan(0)
+  })
+
+  it('displays configuration snapshot table', () => {
+    render(<Home />)
+
+    expect(screen.getByText('Configuration Snapshot')).toBeInTheDocument()
+    expect(screen.getByText('Core API')).toBeInTheDocument()
+    expect(screen.getByText('Agents API')).toBeInTheDocument()
+    expect(screen.getByText('Console URL')).toBeInTheDocument()
+  })
+
+  it('renders operator queue section', () => {
+    render(<Home />)
+
+    expect(screen.getByText('Operator Queue')).toBeInTheDocument()
+    expect(screen.getByText('Integrate authentication for console routes.')).toBeInTheDocument()
+  })
+})