 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>
		
			
				
	
	
		
			45 lines
		
	
	
		
			861 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			45 lines
		
	
	
		
			861 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /**
 | |
|  * Throttle decorator
 | |
|  * @param {Function} fn
 | |
|  * @param {Number} freq
 | |
|  * @return {Function}
 | |
|  */
 | |
| function throttle(fn, freq) {
 | |
|   let timestamp = 0;
 | |
|   let threshold = 1000 / freq;
 | |
|   let lastArgs;
 | |
|   let timer;
 | |
| 
 | |
|   const invoke = (args, now = Date.now()) => {
 | |
|     timestamp = now;
 | |
|     lastArgs = null;
 | |
|     if (timer) {
 | |
|       clearTimeout(timer);
 | |
|       timer = null;
 | |
|     }
 | |
|     fn.apply(null, args);
 | |
|   }
 | |
| 
 | |
|   const throttled = (...args) => {
 | |
|     const now = Date.now();
 | |
|     const passed = now - timestamp;
 | |
|     if ( passed >= threshold) {
 | |
|       invoke(args, now);
 | |
|     } else {
 | |
|       lastArgs = args;
 | |
|       if (!timer) {
 | |
|         timer = setTimeout(() => {
 | |
|           timer = null;
 | |
|           invoke(lastArgs)
 | |
|         }, threshold - passed);
 | |
|       }
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   const flush = () => lastArgs && invoke(lastArgs);
 | |
| 
 | |
|   return [throttled, flush];
 | |
| }
 | |
| 
 | |
| export default throttle;
 |