 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>
		
			
				
	
	
		
			20 lines
		
	
	
		
			735 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			20 lines
		
	
	
		
			735 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import { useState, useCallback } from 'react';
 | |
| import { useIsMounted } from './use-is-mounted.mjs';
 | |
| import { frame } from '../frameloop/frame.mjs';
 | |
| 
 | |
| function useForceUpdate() {
 | |
|     const isMounted = useIsMounted();
 | |
|     const [forcedRenderCount, setForcedRenderCount] = useState(0);
 | |
|     const forceRender = useCallback(() => {
 | |
|         isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
 | |
|     }, [forcedRenderCount]);
 | |
|     /**
 | |
|      * Defer this to the end of the next animation frame in case there are multiple
 | |
|      * synchronous calls.
 | |
|      */
 | |
|     const deferredForceRender = useCallback(() => frame.postRender(forceRender), [forceRender]);
 | |
|     return [deferredForceRender, forcedRenderCount];
 | |
| }
 | |
| 
 | |
| export { useForceUpdate };
 |