Show scored totals beside leaderboard ranks

index.html

@@ -207,8 +207,10 @@
   tr.anchor{background:var(--anchor-soft)}
   tr.anchor:hover{background:#fbf0dc}
   tr.tier2{opacity:.62}
-  .rk{width:42px;color:var(--muted);font-weight:700}
-  .rk.top{color:var(--accent);font-size:15px}
+  .rk{width:58px;color:var(--muted);font-weight:700;white-space:nowrap}
+  .rk.top{color:var(--accent);font-size:15px}
+  .rk .rkscore{display:block;margin-top:2px;font-size:10.5px;font-weight:800;
+               color:var(--ink);letter-spacing:0}
   .cid{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600}
   .skel{color:#93a1b5;font-size:11px;font-family:ui-monospace,monospace}
   .smiwrap{display:flex;align-items:center;gap:6px;max-width:250px}
@@ -254,7 +256,9 @@
                  padding:5px 10px;font-size:11px;cursor:pointer;color:#33465f}
   #m3 .ft button:hover{border-color:var(--accent);color:var(--accent)}
   #m3 .ft button.on{border-color:var(--accent);background:var(--accent);color:#fff}
-  .who{color:var(--muted);font-size:12.5px}
+  .who{color:var(--muted);font-size:12.5px}
+  .hf-user{color:var(--accent);font-weight:700;text-decoration:none;white-space:nowrap}
+  .hf-user:hover{text-decoration:underline}
   /* Long model identifiers wrapped onto four lines and made every row three times
      taller than it needed to be. Truncate; the full value is on the tooltip. */
   td:nth-child(3), td:nth-child(4){max-width:150px}
@@ -698,16 +702,30 @@ function applyLang(){
 function setLang(l, auto){ LANG = (l==="ko")?"ko":"en"; if(!auto) LANG_AUTO=false; applyLang(); }
 document.querySelectorAll("#langbar button").forEach(b=>b.onclick=()=>setLang(b.dataset.lang,false));
 
-function sortVal(e, k){
+function sortVal(e, k){
   if(k==="rank")  return e.rank ?? 1e9;              // unranked rows sink when sorting by rank
   if(k==="cand")  return String(e.candidate_id||"").toLowerCase();
   if(k==="user")  return String(e.hf_user||e.display_name||"").toLowerCase();
   if(k==="who")   return String(e.model_name||"").toLowerCase();
   if(k==="total") return e.total ?? -1;
-  return (e.axes||{})[k] ?? -1;
-}
-
-function render(){
+  return (e.axes||{})[k] ?? -1;
+}
+
+function esc(s){
+  return String(s ?? "").replace(/[&<>"']/g, c=>({
+    "&":"&amp;", "<":"&lt;", ">":"&gt;", '"':"&quot;", "'":"&#39;"
+  })[c]);
+}
+
+function hfProfile(user){
+  if(!user) return "";
+  const label = esc(user);
+  const url = `https://huggingface.co/${encodeURIComponent(user)}`;
+  return `<a class="hf-user" href="${url}" target="_blank" rel="noopener noreferrer"`
+       + ` title="Hugging Face: ${label}">🤗 ${label}</a>`;
+}
+
+function render(){
   const d = t(), W = DATA.season.weights, max = Math.max(1, ...DATA.entries.map(e=>e.total||0));
   $("#wts").innerHTML = Object.entries(W)
     .map(([k,v])=>`<span>${(d.ov_axes[k]||k)} <b>${v}</b></span>`).join("");
@@ -732,14 +750,13 @@ function render(){
 
   $("#rows").innerHTML = rows.length ? rows.map(e=>{
     const a = e.axes||{};
-    const cls = [e.is_anchor?"anchor":"", e.tier===2?"tier2":""].join(" ").trim();
-    const _who = e.hf_user || e.display_name || "";
-    const user = e.is_anchor ? '<span class="who">\u2014</span>'
-      : `<span title="${_who}">`
-        + (e.hf_user ? `\u{1F917} ${e.hf_user}` : (e.display_name||"\u2013"))
-        + '</span>';
-    const _m = e.is_anchor ? (e.note || d.ref) : (e.model_name || "\u2013");
-    const who = `<span class="who" title="${_m}">${_m}</span>`;
+    const cls = [e.is_anchor?"anchor":"", e.tier===2?"tier2":""].join(" ").trim();
+    const _who = e.hf_user || e.display_name || "";
+    const user = e.is_anchor ? '<span class="who">\u2014</span>'
+      : (e.hf_user ? hfProfile(e.hf_user)
+        : `<span title="${esc(_who)}">${esc(e.display_name||"\u2013")}</span>`);
+    const _m = e.is_anchor ? (e.note || d.ref) : (e.model_name || "\u2013");
+    const who = `<span class="who" title="${esc(_m)}">${esc(_m)}</span>`;
     // the structure is the name now; a withheld one shows its ends, middle blanked.
     // Only a published structure gets a copy button - there is nothing to copy otherwise.
     const isPub = e.visibility === "public" && !!e.smiles;
@@ -754,7 +771,8 @@ function render(){
           : `<span class="cid">${e.candidate_id}</span>`);
     const tag = e.is_anchor ? `<span class="tag a">${d.anchor}</span>`
               : (e.tier===2 ? `<span class="tag r">${d.relegated}</span>` : "");
-    const rk = e.rank==null ? "—" : e.rank;
+    const rk = e.rank==null ? "—"
+      : `#${e.rank}<span class="rkscore">${f1(e.total)}${LANG==="ko"?"점":" pts"}</span>`;
     return `<tr class="${cls}">
       <td class="rk ${e.rank===1?"top":""}">${rk}</td>
       <td>${id}${tag}</td><td>${user}</td><td>${who}</td>