 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>
		
			
				
	
	
		
			18 lines
		
	
	
		
			531 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			18 lines
		
	
	
		
			531 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import { useConstant } from '../../utils/use-constant.mjs';
 | |
| import { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';
 | |
| import { createScopedAnimate } from '../animate.mjs';
 | |
| 
 | |
| function useAnimate() {
 | |
|     const scope = useConstant(() => ({
 | |
|         current: null,
 | |
|         animations: [],
 | |
|     }));
 | |
|     const animate = useConstant(() => createScopedAnimate(scope));
 | |
|     useUnmountEffect(() => {
 | |
|         scope.animations.forEach((animation) => animation.stop());
 | |
|     });
 | |
|     return [scope, animate];
 | |
| }
 | |
| 
 | |
| export { useAnimate };
 |