8cbdbcad78
## Protocol 13: Adaptive Multi-Objective Optimization - Iterative FEA + Neural Network surrogate workflow - Initial FEA sampling, NN training, NN-accelerated search - FEA validation of top NN predictions, retraining loop - adaptive_state.json tracks iteration history and best values - M1 mirror study (V11) with 103 FEA, 3000 NN trials ## Dashboard Visualization Enhancements - Added Plotly.js interactive charts (parallel coords, Pareto, convergence) - Lazy loading with React.lazy() for performance - Code splitting: plotly.js-basic-dist (~1MB vs 3.5MB) - Chart library toggle (Recharts default, Plotly on-demand) - ExpandableChart component for full-screen modal views - ConsoleOutput component for real-time log viewing ## Documentation - Protocol 13 detailed documentation - Dashboard visualization guide - Plotly components README - Updated run-optimization skill with Mode 5 (adaptive) ## Bug Fixes - Fixed TypeScript errors in dashboard components - Fixed Card component to accept ReactNode title - Removed unused imports across components 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
17 lines
462 B
TypeScript
17 lines
462 B
TypeScript
|
|
interface MetricCardProps {
|
|
label: string;
|
|
value: string | number;
|
|
className?: string;
|
|
valueColor?: string;
|
|
}
|
|
|
|
export function MetricCard({ label, value, className = '', valueColor = 'text-primary-400' }: MetricCardProps) {
|
|
return (
|
|
<div className={`bg-dark-500 rounded-lg p-4 ${className}`}>
|
|
<div className="text-sm text-dark-200 mb-1">{label}</div>
|
|
<div className={`text-2xl font-bold ${valueColor}`}>{value}</div>
|
|
</div>
|
|
);
|
|
}
|