Center-align numeric columns in all bench result tables
This commit is contained in:
parent
06908e252d
commit
504b9e1322
3 changed files with 64 additions and 64 deletions
|
|
@ -202,11 +202,11 @@ class="w-64"
|
|||
<flux:table.column sortable :sorted="$sortBy === 'task'" :direction="$sortDirection" wire:click="sort('task')">{{ __('Task') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'level'" :direction="$sortDirection" wire:click="sort('level')">{{ __('Level') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'ok'" :direction="$sortDirection" wire:click="sort('ok')">{{ __('Pass') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'user_tps'" :direction="$sortDirection" wire:click="sort('user_tps')" class="text-right">{{ __('User tok/s') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'decode'" :direction="$sortDirection" wire:click="sort('decode')" class="text-right">{{ __('Decode') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'ttft'" :direction="$sortDirection" wire:click="sort('ttft')" class="text-right">{{ __('TTFT') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'wall'" :direction="$sortDirection" wire:click="sort('wall')" class="text-right">{{ __('Wall') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'total'" :direction="$sortDirection" wire:click="sort('total')" class="text-right">{{ __('Tokens') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'user_tps'" :direction="$sortDirection" wire:click="sort('user_tps')" class="text-center">{{ __('User tok/s') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'decode'" :direction="$sortDirection" wire:click="sort('decode')" class="text-center">{{ __('Decode') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'ttft'" :direction="$sortDirection" wire:click="sort('ttft')" class="text-center">{{ __('TTFT') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'wall'" :direction="$sortDirection" wire:click="sort('wall')" class="text-center">{{ __('Wall') }}</flux:table.column>
|
||||
<flux:table.column sortable :sorted="$sortBy === 'total'" :direction="$sortDirection" wire:click="sort('total')" class="text-center">{{ __('Tokens') }}</flux:table.column>
|
||||
</flux:table.columns>
|
||||
|
||||
<flux:table.rows>
|
||||
|
|
@ -233,11 +233,11 @@ class="w-64"
|
|||
<flux:icon name="x-circle" variant="solid" class="size-4 text-red-500" />
|
||||
@endif
|
||||
</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->user_tps, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->decode, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->ttft, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->wall, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->total) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->user_tps, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->decode, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->ttft, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->wall, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->total) }}</flux:table.cell>
|
||||
</flux:table.row>
|
||||
@endforeach
|
||||
</flux:table.rows>
|
||||
|
|
|
|||
|
|
@ -143,14 +143,14 @@ private function authorizeOwner(): void
|
|||
<flux:table.column>{{ __('Level') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Pass') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Outcome') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Wall (s)') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Turns') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Commands') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Submissions') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Rejected') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('t first sub') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('t pass') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Gen tokens') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Wall (s)') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Turns') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Commands') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Submissions') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Rejected') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('t first sub') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('t pass') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Gen tokens') }}</flux:table.column>
|
||||
</flux:table.columns>
|
||||
|
||||
<flux:table.rows>
|
||||
|
|
@ -168,14 +168,14 @@ private function authorizeOwner(): void
|
|||
@endif
|
||||
</flux:table.cell>
|
||||
<flux:table.cell><flux:badge size="xs" color="{{ $result->outcome === 'passed' ? 'emerald' : 'rose' }}">{{ $result->outcome ?? '—' }}</flux:badge></flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->wall, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->turns) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->commands) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->submissions) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->rejected) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->t_first_sub, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ $result->t_pass !== null ? number_format($result->t_pass, 1) : '—' }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->gen_tokens) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->wall, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->turns) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->commands) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->submissions) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->rejected) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->t_first_sub, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ $result->t_pass !== null ? number_format($result->t_pass, 1) : '—' }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->gen_tokens) }}</flux:table.cell>
|
||||
</flux:table.row>
|
||||
@endforeach
|
||||
</flux:table.rows>
|
||||
|
|
@ -195,9 +195,9 @@ private function authorizeOwner(): void
|
|||
<flux:table.column>{{ __('Level') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Found') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Needle') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('TTFT') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Wall') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Visible') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('TTFT') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Wall') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Visible') }}</flux:table.column>
|
||||
</flux:table.columns>
|
||||
|
||||
<flux:table.rows>
|
||||
|
|
@ -214,9 +214,9 @@ private function authorizeOwner(): void
|
|||
@endif
|
||||
</flux:table.cell>
|
||||
<flux:table.cell class="font-mono text-xs">{{ $result->detail ?? '—' }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->ttft, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->wall, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->visible) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->ttft, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->wall, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->visible) }}</flux:table.cell>
|
||||
</flux:table.row>
|
||||
@endforeach
|
||||
</flux:table.rows>
|
||||
|
|
@ -231,18 +231,18 @@ private function authorizeOwner(): void
|
|||
<flux:table.column>{{ __('Level') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Pass') }}</flux:table.column>
|
||||
@if (in_array($this->run->suite, ['prosebench', 'psychbench']))
|
||||
<flux:table.column class="text-right">{{ __('Checks') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Checks') }}</flux:table.column>
|
||||
@endif
|
||||
@if ($this->run->suite === 'infrabench')
|
||||
<flux:table.column>{{ __('Kind') }}</flux:table.column>
|
||||
@endif
|
||||
<flux:table.column class="text-right">{{ __('User tok/s') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Decode') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('TTFT') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('t_answer') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Wall') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Reasoning') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Visible') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('User tok/s') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Decode') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('TTFT') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('t_answer') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Wall') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Reasoning') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Visible') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Finish') }}</flux:table.column>
|
||||
</flux:table.columns>
|
||||
|
||||
|
|
@ -264,18 +264,18 @@ private function authorizeOwner(): void
|
|||
@endif
|
||||
</flux:table.cell>
|
||||
@if (in_array($this->run->suite, ['prosebench', 'psychbench']))
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ $result->checks_passed !== null ? $result->checks_passed.'/'.$result->checks_total : '—' }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ $result->checks_passed !== null ? $result->checks_passed.'/'.$result->checks_total : '—' }}</flux:table.cell>
|
||||
@endif
|
||||
@if ($this->run->suite === 'infrabench')
|
||||
<flux:table.cell>{{ $result->kind ?? '—' }}</flux:table.cell>
|
||||
@endif
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->user_tps, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->decode, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->ttft, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->t_answer, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->wall, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->reasoning) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->visible) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->user_tps, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->decode, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->ttft, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->t_answer, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->wall, 2) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->reasoning) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->visible) }}</flux:table.cell>
|
||||
<flux:table.cell><flux:badge size="xs" color="{{ $result->finish === 'stop' ? 'emerald' : 'amber' }}">{{ $result->finish ?? '—' }}</flux:badge></flux:table.cell>
|
||||
</flux:table.row>
|
||||
@endforeach
|
||||
|
|
|
|||
|
|
@ -100,14 +100,14 @@ public function results()
|
|||
<flux:table.column>{{ __('Level') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Pass') }}</flux:table.column>
|
||||
<flux:table.column>{{ __('Outcome') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Wall (s)') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Turns') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Commands') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Submissions') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Rejected') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('t first sub') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('t pass') }}</flux:table.column>
|
||||
<flux:table.column class="text-right">{{ __('Gen tokens') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Wall (s)') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Turns') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Commands') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Submissions') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Rejected') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('t first sub') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('t pass') }}</flux:table.column>
|
||||
<flux:table.column class="text-center">{{ __('Gen tokens') }}</flux:table.column>
|
||||
</flux:table.columns>
|
||||
|
||||
<flux:table.rows>
|
||||
|
|
@ -125,14 +125,14 @@ public function results()
|
|||
@endif
|
||||
</flux:table.cell>
|
||||
<flux:table.cell><flux:badge size="xs" color="{{ $result->outcome === 'passed' ? 'emerald' : 'rose' }}">{{ $result->outcome ?? '—' }}</flux:badge></flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->wall, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->turns) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->commands) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->submissions) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->rejected) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->t_first_sub, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ $result->t_pass !== null ? number_format($result->t_pass, 1) : '—' }}</flux:table.cell>
|
||||
<flux:table.cell class="text-right font-mono text-sm">{{ number_format($result->gen_tokens) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->wall, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->turns) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->commands) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->submissions) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->rejected) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->t_first_sub, 1) }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ $result->t_pass !== null ? number_format($result->t_pass, 1) : '—' }}</flux:table.cell>
|
||||
<flux:table.cell class="text-center font-mono text-sm">{{ number_format($result->gen_tokens) }}</flux:table.cell>
|
||||
</flux:table.row>
|
||||
@endforeach
|
||||
</flux:table.rows>
|
||||
|
|
|
|||
Loading…
Reference in a new issue