Implement AA-1139: AI Coding Agent Test Dashboard with System Diagnostics

[Copilot]

This PR implements the AI Coding Agent Test component specified in Jira ticket AA-1139, adding comprehensive system testing capabilities to the web interface.

What's New

🧪 Test Dashboard

Added a new /tests page that provides:

• System Health Overview - Overall status with pass/fail counts
• Connection Testing - Real-time validation of all MCP server connections and authorization status
• Configuration Validation - Environment variable verification and system setup checks
• One-click Test Execution - Run all diagnostics with visual feedback

🎯 Key Features

• Visual Status Indicators - Color-coded results (green/yellow/red) with clear messaging
• Expandable Details - Click to view diagnostic information for troubleshooting
• Error Handling - Graceful failure handling with retry functionality
• Real-time Updates - Live test execution with loading states

🔧 Technical Implementation

Frontend:

• New React TypeScript components with Tailwind CSS styling
• Added Tests navigation tab with active state highlighting
• Integrated with existing authentication and design system
• React Query for efficient API state management

Backend:

• Three new API endpoints:
  • GET /api/tests/system - Comprehensive system diagnostics
  • GET /api/tests/connections - MCP server connection tests
  • GET /api/tests/configuration - Environment validation
• Leverages existing CLI testing infrastructure (validate-config, test-connections)
• Full Jest test coverage for new functionality

Problem Solved

Previously, system diagnostics were only available via CLI commands (npm run validate, npm run test-connections). This made troubleshooting difficult for users without command-line access. The new Test Dashboard exposes this functionality through an intuitive web interface, making system health monitoring accessible to all users.

Screenshots

Before - Original Dashboard:

After - New Tests Dashboard:

The Tests page shows:

• Overall system status (2/4 tests passing)
• Connection status for each MCP server (bitovi-jira and github need authorization, figma is connected)
• Complete environment variable validation
• Clear visual indicators and actionable information

Testing

• ✅ All new tests passing (4/4)
• ✅ No regressions to existing functionality
• ✅ Manual testing of UI interactions and API endpoints
• ✅ Error handling and edge case validation

Fixes #34.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.