+
Run: {data.runId}
-
+
{selectedKey}: {typeof data.value === 'number' ? data.value.toFixed(4) : data.value}
@@ -599,7 +607,7 @@ export function MetricsChart({ metrics, experimentId, title = 'Metrics', descrip
xaxis: {
title: {
text: `${paretoMetrics[0].key} (${paretoMetrics[0].direction})`,
- font: { size: 12, color: '#374151', family: 'system-ui' },
+ font: { size: 10, color: '#374151', family: 'system-ui' },
},
gridcolor: '#e5e7eb',
gridwidth: 1,
@@ -610,7 +618,7 @@ export function MetricsChart({ metrics, experimentId, title = 'Metrics', descrip
yaxis: {
title: {
text: `${paretoMetrics[1].key} (${paretoMetrics[1].direction})`,
- font: { size: 12, color: '#374151', family: 'system-ui' },
+ font: { size: 10, color: '#374151', family: 'system-ui' },
},
gridcolor: '#e5e7eb',
gridwidth: 1,
@@ -621,7 +629,7 @@ export function MetricsChart({ metrics, experimentId, title = 'Metrics', descrip
zaxis: {
title: {
text: `${paretoMetrics[2].key} (${paretoMetrics[2].direction})`,
- font: { size: 12, color: '#374151', family: 'system-ui' },
+ font: { size: 10, color: '#374151', family: 'system-ui' },
},
gridcolor: '#e5e7eb',
gridwidth: 1,
@@ -672,9 +680,9 @@ export function MetricsChart({ metrics, experimentId, title = 'Metrics', descrip
value: `${paretoMetrics[0].key} (${paretoMetrics[0].direction})`,
position: 'insideBottom',
offset: -10,
- style: { fontSize: 12, fill: '#374151' }
+ style: { fontSize: 10, fill: '#374151' }
}}
- tick={{ fontSize: 11, fill: '#6b7280' }}
+ tick={{ fontSize: 10, fill: '#6b7280' }}
domain={['dataMin - 0.1 * abs(dataMin)', 'dataMax + 0.1 * abs(dataMax)']}
/>
diff --git a/dashboard/src/components/ui/badge.tsx b/dashboard/src/components/ui/badge.tsx
index 4930514b..0cd374b2 100644
--- a/dashboard/src/components/ui/badge.tsx
+++ b/dashboard/src/components/ui/badge.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
import { cn } from '../../lib/utils';
export interface BadgeProps extends React.HTMLAttributes {
- variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'unknown';
+ variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'unknown' | 'info';
}
function Badge({ className, variant = 'default', ...props }: BadgeProps) {
@@ -14,6 +14,7 @@ function Badge({ className, variant = 'default', ...props }: BadgeProps) {
success: 'border-transparent bg-green-500 text-white hover:bg-green-600',
warning: 'border-transparent bg-yellow-500 text-white hover:bg-yellow-600',
unknown: 'border-transparent bg-purple-100 text-purple-700 hover:bg-purple-200',
+ info: 'border-transparent bg-blue-500 text-white hover:bg-blue-600',
};
return (
diff --git a/dashboard/src/pages/experiments/[id].tsx b/dashboard/src/pages/experiments/[id].tsx
index 20f66de3..85fe24d0 100644
--- a/dashboard/src/pages/experiments/[id].tsx
+++ b/dashboard/src/pages/experiments/[id].tsx
@@ -29,10 +29,10 @@ import { formatDistanceToNow } from 'date-fns';
import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts';
import type { Status } from '../../types';
-const STATUS_VARIANTS: Record = {
+const STATUS_VARIANTS: Record = {
UNKNOWN: 'unknown',
PENDING: 'warning',
- RUNNING: 'default',
+ RUNNING: 'info',
CANCELLED: 'secondary',
COMPLETED: 'success',
FAILED: 'destructive',
@@ -260,14 +260,21 @@ export function ExperimentDetailPage() {
cy="48%"
outerRadius={48}
label={({ name, value }) => `${name}: ${value}`}
- style={{ fontSize: '12px' }}
+ style={{ fontSize: '10px' }}
>
{runStatsData.map((entry, index) => (
|
))}
-
-
+
+
diff --git a/dashboard/src/pages/experiments/compare.tsx b/dashboard/src/pages/experiments/compare.tsx
index 63a6f145..cf930644 100644
--- a/dashboard/src/pages/experiments/compare.tsx
+++ b/dashboard/src/pages/experiments/compare.tsx
@@ -14,10 +14,10 @@ import { ParameterDiff } from '../../components/comparison/parameter-diff';
import { MetricsOverlay } from '../../components/comparison/metrics-overlay';
import type { Status } from '../../types';
-const STATUS_VARIANTS: Record = {
+const STATUS_VARIANTS: Record = {
UNKNOWN: 'unknown',
PENDING: 'warning',
- RUNNING: 'default',
+ RUNNING: 'info',
CANCELLED: 'secondary',
COMPLETED: 'success',
FAILED: 'destructive',
diff --git a/dashboard/src/pages/experiments/index.tsx b/dashboard/src/pages/experiments/index.tsx
index 53a49482..19f32528 100644
--- a/dashboard/src/pages/experiments/index.tsx
+++ b/dashboard/src/pages/experiments/index.tsx
@@ -23,10 +23,10 @@ import { Button } from '../../components/ui/button';
import { formatDistanceToNow } from 'date-fns';
import type { Status } from '../../types';
-const STATUS_VARIANTS: Record = {
+const STATUS_VARIANTS: Record = {
UNKNOWN: 'unknown',
PENDING: 'warning',
- RUNNING: 'default',
+ RUNNING: 'info',
CANCELLED: 'secondary',
COMPLETED: 'success',
FAILED: 'destructive',
diff --git a/dashboard/src/pages/projects/[id].tsx b/dashboard/src/pages/projects/[id].tsx
index 50164057..58a18d38 100644
--- a/dashboard/src/pages/projects/[id].tsx
+++ b/dashboard/src/pages/projects/[id].tsx
@@ -27,10 +27,10 @@ import { formatDistanceToNow } from 'date-fns';
import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts';
import type { Status } from '../../types';
-const STATUS_VARIANTS: Record = {
+const STATUS_VARIANTS: Record = {
UNKNOWN: 'unknown',
PENDING: 'warning',
- RUNNING: 'default',
+ RUNNING: 'info',
CANCELLED: 'secondary',
COMPLETED: 'success',
FAILED: 'destructive',
@@ -211,14 +211,21 @@ export function ProjectDetailPage() {
cy="48%"
outerRadius={48}
label={({ name, value }) => `${name}: ${value}`}
- style={{ fontSize: '12px' }}
+ style={{ fontSize: '10px' }}
>
{experimentStatsData.map((entry, index) => (
|
))}
-
-
+
+
diff --git a/dashboard/src/pages/runs/[id].tsx b/dashboard/src/pages/runs/[id].tsx
index c8988cf4..fb360b31 100644
--- a/dashboard/src/pages/runs/[id].tsx
+++ b/dashboard/src/pages/runs/[id].tsx
@@ -25,10 +25,10 @@ import { formatDistanceToNow } from 'date-fns';
import { Eye, Copy, Check } from 'lucide-react';
import type { Status } from '../../types';
-const STATUS_VARIANTS: Record