 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>
		
			
				
	
	
		
			41 lines
		
	
	
		
			980 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			41 lines
		
	
	
		
			980 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import { transformProps } from '../../render/html/utils/transform.mjs';
 | |
| 
 | |
| const underDampedSpring = {
 | |
|     type: "spring",
 | |
|     stiffness: 500,
 | |
|     damping: 25,
 | |
|     restSpeed: 10,
 | |
| };
 | |
| const criticallyDampedSpring = (target) => ({
 | |
|     type: "spring",
 | |
|     stiffness: 550,
 | |
|     damping: target === 0 ? 2 * Math.sqrt(550) : 30,
 | |
|     restSpeed: 10,
 | |
| });
 | |
| const keyframesTransition = {
 | |
|     type: "keyframes",
 | |
|     duration: 0.8,
 | |
| };
 | |
| /**
 | |
|  * Default easing curve is a slightly shallower version of
 | |
|  * the default browser easing curve.
 | |
|  */
 | |
| const ease = {
 | |
|     type: "keyframes",
 | |
|     ease: [0.25, 0.1, 0.35, 1],
 | |
|     duration: 0.3,
 | |
| };
 | |
| const getDefaultTransition = (valueKey, { keyframes }) => {
 | |
|     if (keyframes.length > 2) {
 | |
|         return keyframesTransition;
 | |
|     }
 | |
|     else if (transformProps.has(valueKey)) {
 | |
|         return valueKey.startsWith("scale")
 | |
|             ? criticallyDampedSpring(keyframes[1])
 | |
|             : underDampedSpring;
 | |
|     }
 | |
|     return ease;
 | |
| };
 | |
| 
 | |
| export { getDefaultTransition };
 |