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>
30 lines
1.4 KiB
TypeScript
30 lines
1.4 KiB
TypeScript
import React, { CSSProperties } from 'react';
|
|
import { Edge, ConnectionLineType, ConnectionLineComponent, OnEdgeUpdateFunc, HandleType, EdgeTypesWrapped } from '../../types';
|
|
interface EdgeRendererProps {
|
|
edgeTypes: EdgeTypesWrapped;
|
|
connectionLineType: ConnectionLineType;
|
|
connectionLineStyle?: CSSProperties;
|
|
connectionLineComponent?: ConnectionLineComponent;
|
|
connectionLineContainerStyle?: CSSProperties;
|
|
onEdgeClick?: (event: React.MouseEvent, node: Edge) => void;
|
|
onEdgeDoubleClick?: (event: React.MouseEvent, edge: Edge) => void;
|
|
defaultMarkerColor: string;
|
|
onlyRenderVisibleElements: boolean;
|
|
onEdgeUpdate?: OnEdgeUpdateFunc;
|
|
onEdgeContextMenu?: (event: React.MouseEvent, edge: Edge) => void;
|
|
onEdgeMouseEnter?: (event: React.MouseEvent, edge: Edge) => void;
|
|
onEdgeMouseMove?: (event: React.MouseEvent, edge: Edge) => void;
|
|
onEdgeMouseLeave?: (event: React.MouseEvent, edge: Edge) => void;
|
|
onEdgeUpdateStart?: (event: React.MouseEvent, edge: Edge, handleType: HandleType) => void;
|
|
onEdgeUpdateEnd?: (event: MouseEvent, edge: Edge, handleType: HandleType) => void;
|
|
edgeUpdaterRadius?: number;
|
|
noPanClassName?: string;
|
|
elevateEdgesOnSelect: boolean;
|
|
rfId?: string;
|
|
}
|
|
declare const _default: React.MemoExoticComponent<{
|
|
(props: EdgeRendererProps): JSX.Element | null;
|
|
displayName: string;
|
|
}>;
|
|
export default _default;
|