Add comprehensive frontend UI and distributed infrastructure

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>
This commit is contained in:
anthonyrawlins
2025-07-10 08:41:59 +10:00
parent fc0eec91ef
commit 85bf1341f3
28348 changed files with 2646896 additions and 69 deletions

View File

@@ -0,0 +1,4 @@
import React from 'react';
import { BackgroundProps } from '../../types';
declare const _default: React.NamedExoticComponent<BackgroundProps>;
export default _default;

View File

@@ -0,0 +1,3 @@
import React from 'react';
export declare const createGridLinesPath: (size: number, strokeWidth: number, stroke: string) => React.ReactElement;
export declare const createGridDotsPath: (size: number, fill: string) => React.ReactElement;

View File

@@ -0,0 +1,3 @@
/// <reference types="react" />
declare function FitViewIcon(): JSX.Element;
export default FitViewIcon;

View File

@@ -0,0 +1,3 @@
/// <reference types="react" />
declare function LockIcon(): JSX.Element;
export default LockIcon;

View File

@@ -0,0 +1,3 @@
/// <reference types="react" />
declare function MinusIcon(): JSX.Element;
export default MinusIcon;

View File

@@ -0,0 +1,3 @@
/// <reference types="react" />
declare function PlusIcon(): JSX.Element;
export default PlusIcon;

View File

@@ -0,0 +1,3 @@
/// <reference types="react" />
declare function UnlockIcon(): JSX.Element;
export default UnlockIcon;

View File

@@ -0,0 +1,5 @@
import React, { FC, PropsWithChildren } from 'react';
import { ControlProps, ControlButtonProps } from '../../types';
export declare const ControlButton: FC<PropsWithChildren<ControlButtonProps>>;
declare const _default: React.NamedExoticComponent<React.PropsWithChildren<ControlProps>>;
export default _default;

View File

@@ -0,0 +1,19 @@
import React, { CSSProperties } from 'react';
interface MiniMapNodeProps {
x: number;
y: number;
width: number;
height: number;
borderRadius: number;
className: string;
color: string;
shapeRendering: string;
strokeColor: string;
strokeWidth: number;
style?: CSSProperties;
}
declare const _default: React.MemoExoticComponent<{
({ x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, }: MiniMapNodeProps): JSX.Element;
displayName: string;
}>;
export default _default;

View File

@@ -0,0 +1,7 @@
import React from 'react';
import { MiniMapProps } from '../../types';
declare const _default: React.MemoExoticComponent<{
({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, maskColor, }: MiniMapProps<any>): JSX.Element;
displayName: string;
}>;
export default _default;

View File

@@ -0,0 +1,3 @@
import { FC, PropsWithChildren } from 'react';
declare const ReactFlowProvider: FC<PropsWithChildren<{}>>;
export default ReactFlowProvider;

View File

@@ -0,0 +1,4 @@
export { default as MiniMap } from './MiniMap';
export { default as Controls, ControlButton } from './Controls';
export { default as Background } from './Background';
export { default as ReactFlowProvider } from './ReactFlowProvider';