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>
32 lines
851 B
JavaScript
32 lines
851 B
JavaScript
/**
|
|
* @fileOverview Pie Chart
|
|
*/
|
|
import { generateCategoricalChart } from './generateCategoricalChart';
|
|
import { PolarAngleAxis } from '../polar/PolarAngleAxis';
|
|
import { PolarRadiusAxis } from '../polar/PolarRadiusAxis';
|
|
import { formatAxisMap } from '../util/PolarUtils';
|
|
import { Pie } from '../polar/Pie';
|
|
export var PieChart = generateCategoricalChart({
|
|
chartName: 'PieChart',
|
|
GraphicalChild: Pie,
|
|
validateTooltipEventTypes: ['item'],
|
|
defaultTooltipEventType: 'item',
|
|
legendContent: 'children',
|
|
axisComponents: [{
|
|
axisType: 'angleAxis',
|
|
AxisComp: PolarAngleAxis
|
|
}, {
|
|
axisType: 'radiusAxis',
|
|
AxisComp: PolarRadiusAxis
|
|
}],
|
|
formatAxisMap: formatAxisMap,
|
|
defaultProps: {
|
|
layout: 'centric',
|
|
startAngle: 0,
|
|
endAngle: 360,
|
|
cx: '50%',
|
|
cy: '50%',
|
|
innerRadius: 0,
|
|
outerRadius: '80%'
|
|
}
|
|
}); |