╔══════════════════════════════════════════════════════════════════════════════╗
║  🎯 Agentic QE Fleet Visualization                                          ║
║  Real-time agent coordination and quality metrics                           ║
╠═══════════════════════════════════════╦══════════════════════════════════════╣
║                                       ║  📊 Quality Metrics Panel            ║
║                                       ║  ┌────────────────────────────────┐  ║
║                                       ║  │ Quality Score: 87.3 / 100      │  ║
║                                       ║  │ Last updated: 11:58:42         │  ║
║                                       ║  └────────────────────────────────┘  ║
║                                       ║                                      ║
║  🗺️  Interactive Mind Map             ║      Coverage ●                     ║
║  ┌─────────────────────────────────┐  ║     /     \                         ║
║  │ 🔍 Search...   🔍 ⊕ ⊖ ⊞        │  ║  Efficiency ●─────● Performance     ║
║  ├─────────────────────────────────┤  ║     \     /                         ║
║  │ Filters:                        │  ║  Reliability ●                      ║
║  │ [coordinator] [researcher]      │  ║     /     \                         ║
║  │ [running] [completed]           │  ║  Maintainability ●───● Security     ║
║  └─────────────────────────────────┘  ║                                      ║
║                                       ║  Coverage:         █████████░ 85%   ║
║        ┌─────┐                        ║  Performance:      █████████░ 92%   ║
║        │ 🎯  │ Coordinator            ║  Security:         ███████░░░ 78%   ║
║        └──┬──┘                        ║  Maintainability:  ████████░░ 88%   ║
║           │                           ║  Reliability:      █████████░ 91%   ║
║     ┌─────┼─────┐                    ║  Efficiency:       ████████░░ 87%   ║
║  ┌──┴──┐ ┌──┴──┐ ┌──┴──┐            ╠══════════════════════════════════════╣
║  │ 🔬  │ │ 💻  │ │ 🧪  │            ║  ⏱️  Lifecycle Timeline              ║
║  └─────┘ └─────┘ └─────┘            ║  ┌────────────────────────────────┐  ║
║  Researcher Coder  Tester            ║  │ [All Time] [1h] [5m]           │  ║
║           │                           ║  └────────────────────────────────┘  ║
║        ┌──┴──┐                        ║                                      ║
║        │ 👁️  │ Reviewer               ║  Test Generator ──●───●──────●──    ║
║        └─────┘                        ║                spawn exec complete   ║
║                                       ║                                      ║
║  Legend:                              ║  Code Analyzer  ──────●───────●──   ║
║  ● Coordinator  ● Researcher          ║                      exec   error    ║
║  ● Coder        ● Tester              ║                                      ║
║  ● Reviewer     ● Analyzer            ║  Security Scan  ────●────────●──    ║
║  🔵 idle  🔵 running                  ║                   spawn   complete   ║
║  🟢 completed  🔴 error                ║                                      ║
╠═══════════════════════════════════════╬══════════════════════════════════════╣
║                                       ║  📋 Detail Panel: Test Generator     ║
║                                       ║  ┌────────────────────────────────┐  ║
║                                       ║  │ [Overview] [JSON] [Logs]       │  ║
║                                       ║  ├────────────────────────────────┤  ║
║                                       ║  │ Agent ID: agent-test-gen-1     │  ║
║                                       ║  │ Type: tester                   │  ║
║                                       ║  │ Status: ✅ completed           │  ║
║                                       ║  │ Trace: trace-abc123...         │  ║
║                                       ║  │                                │  ║
║                                       ║  │ Reasoning:                     │  ║
║                                       ║  │ Generated comprehensive test   │  ║
║                                       ║  │ suite with 95% coverage        │  ║
║                                       ║  │                                │  ║
║                                       ║  │ Recent Events (5):             │  ║
║                                       ║  │ • spawn    11:58:30            │  ║
║                                       ║  │ • execute  11:58:32 (1500ms)   │  ║
║                                       ║  │ • complete 11:58:42            │  ║
║                                       ║  │                                │  ║
║                                       ║  │ [Export JSON] [Export CSV]     │  ║
║                                       ║  └────────────────────────────────┘  ║
╠═══════════════════════════════════════╩══════════════════════════════════════╣
║ Connection Status: ● Connected • AQE v1.8.4 • WebSocket: ws://localhost:3001║
╚══════════════════════════════════════════════════════════════════════════════╝

Key UI Features:
─────────────────
✅ Interactive graph with zoom/pan controls
✅ Real-time search and filtering
✅ Color-coded agent types and statuses
✅ Radar chart with 6 quality dimensions
✅ Horizontal timeline with event icons
✅ Drill-down panel with 3 view modes
✅ Export functionality (JSON, CSV)
✅ Auto-reconnecting WebSocket

Performance:
────────────
• 1000+ nodes supported
• <50ms WebSocket latency
• 60fps interaction
• ~150ms render time for 1000 nodes
