Spaces:
Running
Running
UI: drop Initialization column from table (kept in Details modal)
Browse files- index.html +5 -7
index.html
CHANGED
|
@@ -84,12 +84,12 @@
|
|
| 84 |
์๋จ์ API ์๋ฒ ์ฃผ์๋ฅผ ๋ฃ๊ณ <span class="font-medium text-zinc-600">Load</span> ๋ฅผ ๋๋ฅด์ธ์.
|
| 85 |
</div>
|
| 86 |
<div id="table-wrap" class="hidden bg-white border border-zinc-200 rounded-lg overflow-x-auto">
|
| 87 |
-
<table class="w-full text-[13px] min-w-[
|
| 88 |
<colgroup>
|
| 89 |
<col style="width:52px"><col style="min-width:170px"><col style="width:96px">
|
| 90 |
<col style="width:132px"><col style="width:178px"><col style="width:112px">
|
| 91 |
<col style="width:124px"><col style="min-width:130px">
|
| 92 |
-
<col style="width:
|
| 93 |
<col style="width:74px">
|
| 94 |
</colgroup>
|
| 95 |
<thead>
|
|
@@ -102,7 +102,6 @@
|
|
| 102 |
<th class="py-2 px-2 text-left">Framework</th>
|
| 103 |
<th class="py-2 px-2 text-left sortable" onclick="sortBy('mode')">PIM Mode<i data-s="mode"></i></th>
|
| 104 |
<th class="py-2 px-2 text-left">Task</th>
|
| 105 |
-
<th class="py-2 px-2 text-right sortable leading-tight" onclick="sortBy('init_s')">Initialization<br><span class="text-zinc-400 font-normal">(seconds)</span><i data-s="init_s"></i></th>
|
| 106 |
<th class="py-2 px-2 text-right sortable leading-tight" onclick="sortBy('TTFT')">Time to<br>First Token<br><span class="text-zinc-400 font-normal">(seconds)</span><i data-s="TTFT"></i></th>
|
| 107 |
<th class="py-2 px-2 text-right sortable leading-tight" onclick="sortBy('TBT_avg')">Time per<br>Output Token<br><span class="text-zinc-400 font-normal">(seconds)</span><i data-s="TBT_avg"></i></th>
|
| 108 |
<th class="py-2 px-2 text-right sortable leading-tight" onclick="sortBy('Throughput')">Throughput<br><span class="text-zinc-400 font-normal">(tokens/sec)</span><i data-s="Throughput"></i></th>
|
|
@@ -336,7 +335,7 @@ function viewModel(){
|
|
| 336 |
const CARET_DOWN = '<span class="inline-block w-3 text-zinc-400">โพ</span>';
|
| 337 |
const CARET_RIGHT= '<span class="inline-block w-3 text-zinc-400">โธ</span>';
|
| 338 |
const SYN_BADGE = '<span class="ml-2 align-middle text-[9px] font-semibold px-1.5 py-0.5 rounded bg-amber-100 text-amber-700 border border-amber-200">SYNTHETIC</span>';
|
| 339 |
-
const NCOL =
|
| 340 |
|
| 341 |
/* ํค๋์ '์ต๊ณ ์ฒ๋ฆฌ๋'. decode ๋ง ์ธก์ ํ ์ธ์
์ Throughput ์์ฒด๊ฐ ์๋ค โ
|
| 342 |
'์ต๊ณ - tokens/sec' ๋ผ๊ณ ์ฐ๋ฉด 0์ธ ๊ฒ์ฒ๋ผ ์ฝํ๋ฏ๋ก ์์ ๋ค๋ฅด๊ฒ ์ ๋๋ค. */
|
|
@@ -394,7 +393,7 @@ function render(){
|
|
| 394 |
<tr class="bg-zinc-100/70 border-y border-zinc-200 cursor-pointer hover:bg-zinc-100" onclick="toggleGroup('${esc(g.id)}')">
|
| 395 |
<td class="py-2 pl-3">${gOpen?CARET_DOWN:CARET_RIGHT}</td>
|
| 396 |
<td class="py-2 px-2 font-semibold text-zinc-900" colspan="7">${esc(g.name)}${g.synthetic?SYN_BADGE:''}</td>
|
| 397 |
-
<td class="py-2 px-2 text-right text-[11px] text-zinc-500 num" colspan="
|
| 398 |
${g.run_count}๊ฐ ์คํ ยท ${bestLabel(g.best_throughput,'text-zinc-800 font-medium')}</td>
|
| 399 |
</tr>`);
|
| 400 |
if(!gOpen) continue;
|
|
@@ -408,7 +407,7 @@ function render(){
|
|
| 408 |
<tr class="bg-zinc-50 border-y border-zinc-100 cursor-pointer hover:bg-zinc-100/70" onclick="toggleTask('${esc(t.id)}')">
|
| 409 |
<td class="py-1.5 pl-6">${tOpen?CARET_DOWN:CARET_RIGHT}</td>
|
| 410 |
<td class="py-1.5 px-2 text-zinc-700" colspan="7">${esc(t.name)}${cond}${meas}</td>
|
| 411 |
-
<td class="py-1.5 px-2 text-right text-[11px] text-zinc-500 num" colspan="
|
| 412 |
${t.run_count}๊ฐ ์คํ ยท ${bestLabel(t.best_throughput,'text-zinc-700')}</td>
|
| 413 |
</tr>`);
|
| 414 |
if(!tOpen) continue;
|
|
@@ -431,7 +430,6 @@ function render(){
|
|
| 431 |
<td class="py-1.5 px-2 text-zinc-600 text-[12px]">${esc(r.framework)}</td>
|
| 432 |
<td class="py-1.5 px-2">${modeBadge(r.mode)}</td>
|
| 433 |
<td class="py-1.5 px-2 text-zinc-500 text-[11px]" title="${esc(t.name)}">${esc(t.name)}</td>
|
| 434 |
-
<td class="py-1.5 px-2 text-right num text-zinc-500">${fmtMetric(r.init_s)}</td>
|
| 435 |
<td class="py-1.5 px-2 text-right num">${fmtMetric(r.TTFT)}</td>
|
| 436 |
<td class="py-1.5 px-2 text-right num">${fmtMetric(r.TBT_avg)}</td>
|
| 437 |
<td class="py-1.5 px-2 text-right num font-medium text-zinc-900">${fmtMetric(r.Throughput)}</td>
|
|
|
|
| 84 |
์๋จ์ API ์๋ฒ ์ฃผ์๋ฅผ ๋ฃ๊ณ <span class="font-medium text-zinc-600">Load</span> ๋ฅผ ๋๋ฅด์ธ์.
|
| 85 |
</div>
|
| 86 |
<div id="table-wrap" class="hidden bg-white border border-zinc-200 rounded-lg overflow-x-auto">
|
| 87 |
+
<table class="w-full text-[13px] min-w-[1300px]">
|
| 88 |
<colgroup>
|
| 89 |
<col style="width:52px"><col style="min-width:170px"><col style="width:96px">
|
| 90 |
<col style="width:132px"><col style="width:178px"><col style="width:112px">
|
| 91 |
<col style="width:124px"><col style="min-width:130px">
|
| 92 |
+
<col style="width:112px"><col style="width:124px"><col style="width:124px">
|
| 93 |
<col style="width:74px">
|
| 94 |
</colgroup>
|
| 95 |
<thead>
|
|
|
|
| 102 |
<th class="py-2 px-2 text-left">Framework</th>
|
| 103 |
<th class="py-2 px-2 text-left sortable" onclick="sortBy('mode')">PIM Mode<i data-s="mode"></i></th>
|
| 104 |
<th class="py-2 px-2 text-left">Task</th>
|
|
|
|
| 105 |
<th class="py-2 px-2 text-right sortable leading-tight" onclick="sortBy('TTFT')">Time to<br>First Token<br><span class="text-zinc-400 font-normal">(seconds)</span><i data-s="TTFT"></i></th>
|
| 106 |
<th class="py-2 px-2 text-right sortable leading-tight" onclick="sortBy('TBT_avg')">Time per<br>Output Token<br><span class="text-zinc-400 font-normal">(seconds)</span><i data-s="TBT_avg"></i></th>
|
| 107 |
<th class="py-2 px-2 text-right sortable leading-tight" onclick="sortBy('Throughput')">Throughput<br><span class="text-zinc-400 font-normal">(tokens/sec)</span><i data-s="Throughput"></i></th>
|
|
|
|
| 335 |
const CARET_DOWN = '<span class="inline-block w-3 text-zinc-400">โพ</span>';
|
| 336 |
const CARET_RIGHT= '<span class="inline-block w-3 text-zinc-400">โธ</span>';
|
| 337 |
const SYN_BADGE = '<span class="ml-2 align-middle text-[9px] font-semibold px-1.5 py-0.5 rounded bg-amber-100 text-amber-700 border border-amber-200">SYNTHETIC</span>';
|
| 338 |
+
const NCOL = 12;
|
| 339 |
|
| 340 |
/* ํค๋์ '์ต๊ณ ์ฒ๋ฆฌ๋'. decode ๋ง ์ธก์ ํ ์ธ์
์ Throughput ์์ฒด๊ฐ ์๋ค โ
|
| 341 |
'์ต๊ณ - tokens/sec' ๋ผ๊ณ ์ฐ๋ฉด 0์ธ ๊ฒ์ฒ๋ผ ์ฝํ๋ฏ๋ก ์์ ๋ค๋ฅด๊ฒ ์ ๋๋ค. */
|
|
|
|
| 393 |
<tr class="bg-zinc-100/70 border-y border-zinc-200 cursor-pointer hover:bg-zinc-100" onclick="toggleGroup('${esc(g.id)}')">
|
| 394 |
<td class="py-2 pl-3">${gOpen?CARET_DOWN:CARET_RIGHT}</td>
|
| 395 |
<td class="py-2 px-2 font-semibold text-zinc-900" colspan="7">${esc(g.name)}${g.synthetic?SYN_BADGE:''}</td>
|
| 396 |
+
<td class="py-2 px-2 text-right text-[11px] text-zinc-500 num" colspan="4">
|
| 397 |
${g.run_count}๊ฐ ์คํ ยท ${bestLabel(g.best_throughput,'text-zinc-800 font-medium')}</td>
|
| 398 |
</tr>`);
|
| 399 |
if(!gOpen) continue;
|
|
|
|
| 407 |
<tr class="bg-zinc-50 border-y border-zinc-100 cursor-pointer hover:bg-zinc-100/70" onclick="toggleTask('${esc(t.id)}')">
|
| 408 |
<td class="py-1.5 pl-6">${tOpen?CARET_DOWN:CARET_RIGHT}</td>
|
| 409 |
<td class="py-1.5 px-2 text-zinc-700" colspan="7">${esc(t.name)}${cond}${meas}</td>
|
| 410 |
+
<td class="py-1.5 px-2 text-right text-[11px] text-zinc-500 num" colspan="4">
|
| 411 |
${t.run_count}๊ฐ ์คํ ยท ${bestLabel(t.best_throughput,'text-zinc-700')}</td>
|
| 412 |
</tr>`);
|
| 413 |
if(!tOpen) continue;
|
|
|
|
| 430 |
<td class="py-1.5 px-2 text-zinc-600 text-[12px]">${esc(r.framework)}</td>
|
| 431 |
<td class="py-1.5 px-2">${modeBadge(r.mode)}</td>
|
| 432 |
<td class="py-1.5 px-2 text-zinc-500 text-[11px]" title="${esc(t.name)}">${esc(t.name)}</td>
|
|
|
|
| 433 |
<td class="py-1.5 px-2 text-right num">${fmtMetric(r.TTFT)}</td>
|
| 434 |
<td class="py-1.5 px-2 text-right num">${fmtMetric(r.TBT_avg)}</td>
|
| 435 |
<td class="py-1.5 px-2 text-right num font-medium text-zinc-900">${fmtMetric(r.Throughput)}</td>
|