 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
		
	
	
		
			1.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			45 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import speedometer from "./speedometer.js";
 | |
| import throttle from "./throttle.js";
 | |
| import utils from "../utils.js";
 | |
| 
 | |
| export const progressEventReducer = (listener, isDownloadStream, freq = 3) => {
 | |
|   let bytesNotified = 0;
 | |
|   const _speedometer = speedometer(50, 250);
 | |
| 
 | |
|   return throttle(e => {
 | |
|     const loaded = e.loaded;
 | |
|     const total = e.lengthComputable ? e.total : undefined;
 | |
|     const progressBytes = loaded - bytesNotified;
 | |
|     const rate = _speedometer(progressBytes);
 | |
|     const inRange = loaded <= total;
 | |
| 
 | |
|     bytesNotified = loaded;
 | |
| 
 | |
|     const data = {
 | |
|       loaded,
 | |
|       total,
 | |
|       progress: total ? (loaded / total) : undefined,
 | |
|       bytes: progressBytes,
 | |
|       rate: rate ? rate : undefined,
 | |
|       estimated: rate && total && inRange ? (total - loaded) / rate : undefined,
 | |
|       event: e,
 | |
|       lengthComputable: total != null,
 | |
|       [isDownloadStream ? 'download' : 'upload']: true
 | |
|     };
 | |
| 
 | |
|     listener(data);
 | |
|   }, freq);
 | |
| }
 | |
| 
 | |
| export const progressEventDecorator = (total, throttled) => {
 | |
|   const lengthComputable = total != null;
 | |
| 
 | |
|   return [(loaded) => throttled[0]({
 | |
|     lengthComputable,
 | |
|     total,
 | |
|     loaded
 | |
|   }), throttled[1]];
 | |
| }
 | |
| 
 | |
| export const asyncDecorator = (fn) => (...args) => utils.asap(() => fn(...args));
 |