Frontend Enhancements: - Complete React TypeScript frontend with modern UI components - Distributed workflows management interface with real-time updates - Socket.IO integration for live agent status monitoring - Agent management dashboard with cluster visualization - Project management interface with metrics and task tracking - Responsive design with proper error handling and loading states Backend Infrastructure: - Distributed coordinator for multi-agent workflow orchestration - Cluster management API with comprehensive agent operations - Enhanced database models for agents and projects - Project service for filesystem-based project discovery - Performance monitoring and metrics collection - Comprehensive API documentation and error handling Documentation: - Complete distributed development guide (README_DISTRIBUTED.md) - Comprehensive development report with architecture insights - System configuration templates and deployment guides The platform now provides a complete web interface for managing the distributed AI cluster with real-time monitoring, workflow orchestration, and agent coordination capabilities. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
39 lines
800 B
CSS
39 lines
800 B
CSS
.react-flow__controls {
|
|
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.react-flow__controls-button {
|
|
border: none;
|
|
background: #fefefe;
|
|
border-bottom: 1px solid #eee;
|
|
box-sizing: content-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
padding: 5px;
|
|
}
|
|
|
|
.react-flow__controls-button:hover {
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
.react-flow__controls-button svg {
|
|
width: 100%;
|
|
max-width: 12px;
|
|
max-height: 12px;
|
|
}
|
|
|
|
.react-flow__controls-button:disabled {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.react-flow__controls-button:disabled svg {
|
|
fill-opacity: 0.4;
|
|
}
|