fix: benchmark detail styles

This commit is contained in:
jialin
2026-01-30 18:48:55 +08:00
parent d173e2d49b
commit 3df2d23bf5
24 changed files with 310 additions and 218 deletions
@@ -62,7 +62,7 @@ const RightActions: React.FC<RightActionsProps> = ({
icon={<SettingOutlined />}
></Button>
</Tooltip> */}
{settingButton}
{/* {settingButton} */}
<Button
icon={<PlusOutlined></PlusOutlined>}
type="primary"
@@ -140,17 +140,17 @@ const Summary: React.FC = () => {
{
key: '3',
label: 'Total token throughput',
children: `${round(detailData.tokens_per_second_mean || 0, 2)} t/s`
children: `${round(detailData.tokens_per_second_mean || 0, 2)} Tokens/s`
},
{
key: '1',
label: 'Request token throughput',
children: `${round(detailData.prompt_tokens_per_second_mean || 0, 2)} t/s`
children: `${round(detailData.input_tokens_per_second_mean || 0, 2)} Tokens/s`
},
{
key: '2',
label: 'Output token throughput',
children: `${round(detailData.output_tokens_per_second_mean || 0, 2)} t/s`
children: `${round(detailData.output_tokens_per_second_mean || 0, 2)} Tokens/s`
}
];
@@ -19,10 +19,10 @@ const Benchmark: React.FC = () => {
},
{
key: '3',
label: 'Token Length (Prompt/Output)',
label: 'Token Length (Input/Output)',
children: (
<span>
{detailData?.dataset_prompt_tokens || '-'} /{' '}
{detailData?.dataset_input_tokens || '-'} /{' '}
{detailData?.dataset_output_tokens || '-'}
</span>
)
@@ -16,7 +16,7 @@ const Container = styled.div`
const Summary: React.FC = () => {
return (
<Container>
<Section title="Results">
<Section title="Results" minHeight={450}>
<MetricsResult />
<Divider />
<PercentileResult />
@@ -49,9 +49,9 @@ const columns = [
render: (value: number) => round(value, 2)
},
{
title: 'Prompt token throughput ',
dataIndex: 'prompt_tokens_per_second_mean',
path: 'prompt_tokens_per_second_mean',
title: 'Input token throughput ',
dataIndex: 'input_tokens_per_second_mean',
path: 'input_tokens_per_second_mean',
unit: 'Tokens/s',
render: (value: number) => round(value, 2)
},
@@ -36,17 +36,17 @@ const columns = [
render: (value: number) => round(value, 0)
},
{
title: 'Input (t/s)',
title: 'Input (Tokens/s)',
dataIndex: 'prompt_tokens_per_second',
render: (value: number) => round(value, 2)
},
{
title: 'Output (t/s)',
title: 'Output (Tokens/s)',
dataIndex: 'output_tokens_per_second',
render: (value: number) => round(value, 2)
},
{
title: 'Total (t/s)',
title: 'Total (Tokens/s)',
dataIndex: 'tokens_per_second',
render: (value: number) => round(value, 2)
}
@@ -82,10 +82,10 @@ const PercentileResult: React.FC = () => {
size="small"
columns={[
{
title: 'Percentile',
title: <span style={{ fontWeight: 500 }}>Percentile</span>,
dataIndex: 'percentile',
render: (value: string) => (
<span style={{ fontWeight: 400 }}>{value}</span>
<span style={{ fontWeight: 500 }}>{value}</span>
)
},
...columns