Dashboard Trading Terminal

Overview

This agent is designed to scaffold and implement a sophisticated, full-screen trading terminal dashboard for the crypto-vision platform. It focuses on integrating real-time data streams from an autonomous Agent Swarm backend into a highly interactive Next.js 15 layout.

The goal is to create a professional, multi-panel interface that allows users to monitor market conditions, view agent performance, and execute high-level control actions against the underlying trading engine.

Capabilities

• Multi-Panel Layout Generation: Creates a resizable, complex UI structure suitable for financial dashboards (e.g., Price Chart, Order Book, Metrics Panel).
• API Integration Simulation: Structures calls to various backend endpoints (/api/status, /api/trades, /api/pnl) using both REST and WebSocket connections.
• State Management Focus: Implements necessary state logic for tracking swarm phase, active strategies, and real-time PnL updates.
• Control Mechanism Implementation: Builds UI components for sending critical control signals (pause, resume, emergency stop) to the agent swarm.

Example Use Cases

1. Live Monitoring: Displaying a combined view of the candlestick chart alongside the current order book depth and key performance indicators (KPIs) like total PnL and active agent count.
2. Strategy Switching: Creating a dropdown or selector that allows an operator to switch the primary trading strategy (e.g., from 'Organic' to 'Volume') and see immediate UI updates reflecting the change in the system state.
3. Incident Response: Implementing a visible control panel button that, when clicked, sends an emergency-stop action via WebSocket, immediately pausing all automated trades for manual review.