85bf1341f3
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>
18 lines
613 B
JavaScript
18 lines
613 B
JavaScript
import memoize from 'lodash/memoize';
|
|
/**
|
|
* This is memoized because the viewBox is unlikely to change often
|
|
* - but because it is computed from offset, any change to it would re-render all children.
|
|
*
|
|
* And because we have many readers of the viewBox, and update it only rarely,
|
|
* then let's optimize with memoization.
|
|
*/
|
|
export var calculateViewBox = memoize(function (offset) {
|
|
return {
|
|
x: offset.left,
|
|
y: offset.top,
|
|
width: offset.width,
|
|
height: offset.height
|
|
};
|
|
}, function (offset) {
|
|
return ['l', offset.left, 't', offset.top, 'w', offset.width, 'h', offset.height].join('');
|
|
}); |