 85bf1341f3
			
		
	
	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>
		
			
				
	
	
		
			25 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			25 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';
 | |
| import { animateTarget } from './visual-element-target.mjs';
 | |
| import { animateVariant } from './visual-element-variant.mjs';
 | |
| 
 | |
| function animateVisualElement(visualElement, definition, options = {}) {
 | |
|     visualElement.notify("AnimationStart", definition);
 | |
|     let animation;
 | |
|     if (Array.isArray(definition)) {
 | |
|         const animations = definition.map((variant) => animateVariant(visualElement, variant, options));
 | |
|         animation = Promise.all(animations);
 | |
|     }
 | |
|     else if (typeof definition === "string") {
 | |
|         animation = animateVariant(visualElement, definition, options);
 | |
|     }
 | |
|     else {
 | |
|         const resolvedDefinition = typeof definition === "function"
 | |
|             ? resolveVariant(visualElement, definition, options.custom)
 | |
|             : definition;
 | |
|         animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));
 | |
|     }
 | |
|     return animation.then(() => visualElement.notify("AnimationComplete", definition));
 | |
| }
 | |
| 
 | |
| export { animateVisualElement };
 |