feat(dashboard): highlight best choice (★) and current system choice (●)

- Add .hm-best CSS: green border + subtle green background
- renderTable(): show ★ badge when model equals best_model
- renderTable(): show ● badge when model equals current_model (info[2])
- Both borders (hm-best + hm-cur) can overlap if best == current
This commit is contained in:
Deploy Bot
2026-05-28 13:34:32 +01:00
parent c969a3c230
commit 9fb4590f96

View File

@@ -16,6 +16,7 @@ th{background:var(--bg2);color:var(--txt2);font-size:.72rem;text-transform:upper
td:first-child{text-align:left;font-weight:700;white-space:nowrap}
td.score{font-weight:700;font-family:monospace}
.hm-cur{box-shadow:inset 0 0 0 2px var(--cyan)}
.hm-best{box-shadow:inset 0 0 0 2px var(--green);background:rgba(0,255,148,.12)}
.high{background:rgba(0,255,148,.18);color:var(--green)}
.good{background:rgba(0,212,255,.14);color:var(--cyan)}
.med{background:rgba(168,85,247,.15);color:var(--purple)}
@@ -303,10 +304,15 @@ function renderTable(){
allModels.forEach(m=>{
const score=a.evaluations[m];
const isCur=a.info&&a.info[2]&&a.info[2].includes(m);
const isBest=a.best_model===m&&a.best_score>0;
let cls='na',text='—',click=`onclick="openCellModal('${a.name}','${m}')"`;
if(score!==undefined&&score>0){cls=clsFor(score);text=Math.round(score);click=`onclick="openDetail('${a.name}','${m}')"`;}
let badges='';
if(isBest) badges+='<span style="color:var(--green);font-size:.78rem"> ★</span>';
if(isCur) badges+='<span style="color:var(--cyan);font-size:.78rem"> ●</span>';
const curCls=isCur?' hm-cur':'';
html+=`<td class="${cls}${curCls}" data-model="${m}" ${click}>${text}${isCur?' ●':''}</td>`;
const bestCls=isBest?' hm-best':'';
html+=`<td class="${cls}${curCls}${bestCls}" data-model="${m}" ${click}>${text}${badges}</td>`;
});
html+=`<td>${a.best_model}</td><td style="font-weight:700">${Math.round(a.best_score)}</td></tr>`;
});