kkm1 commited on
Commit
2bd047c
ยท
verified ยท
1 Parent(s): b736a01

UI: drop Initialization column from table (kept in Details modal)

Browse files
Files changed (1) hide show
  1. 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-[1420px]">
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:104px"><col style="width:112px"><col style="width:124px"><col style="width:124px">
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 = 13;
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="5">
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="5">
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>