Restricted badge and licence links

index.html

@@ -60,6 +60,7 @@
   .tag.Zero-shot { background: var(--tag-zs); }
   .tag.Statistical { background: var(--tag-stat); }
   .tag.Non-commercial { background: none; color: #B84A0E; border: 1px solid var(--orange); }
+  .tag.Restricted { background: none; color: #8A6D0E; border: 1px solid #C9A227; }
   details { border: 1px solid var(--line); border-radius: 10px; margin-top: 14px; padding: 10px 16px; }
   summary { cursor: pointer; }
   details p { max-width: 860px; }
@@ -251,7 +252,7 @@ function selectedRows() {
 function includedConfigs() {
   return Object.entries(META).filter(([c, m]) =>
     c === REF || (state.types.has(m.model_type) && state.settings.has(m.covariates) &&
-                  (state.noncom || m.commercial_use))).map(([c]) => c);
+                  (state.noncom || m.commercial_use === "yes"))).map(([c]) => c);
 }
 
 function render() {
@@ -311,8 +312,9 @@ function render() {
   view.forEach(o => {
     const m = o.m;
     h += `<tr><td class="num">${o.rank}</td>
-      <td><a href="${esc(URLS[m.model] || "#")}" target="_blank">${esc(m.model)}</a>${m.commercial_use ? "" :
-        ` <span class="tag Non-commercial" title="License restricts commercial use">Non-commercial</span>`}</td>
+      <td><a href="${esc(URLS[m.model] || "#")}" target="_blank">${esc(m.model)}</a>${m.commercial_use === "yes" ? "" : m.commercial_use === "restricted"
+        ? ` <a class="tag Restricted" href="${esc(m.license_url || "#")}" target="_blank" title="Commercial use depends on the licensee; see the license">Restricted</a>`
+        : ` <a class="tag Non-commercial" href="${esc(m.license_url || "#")}" target="_blank" title="License does not permit commercial use">Non-commercial</a>`}</td>
       <td>${m.covariates === "past + calendar" ? "Yes" : "No"}</td>
       <td class="num">${fmt(o.rel, 3)}</td><td class="num">${fmt(100 * (1 - o.rel), 1)}</td>
       <td class="num">${fmt(100 * o.win, 1)}</td>
@@ -393,7 +395,7 @@ Promise.all([fetchCsv("tasks.csv"), fetchCsv("leaderboard.csv")]).then(([tasks,
   TASKS = tasks;
   for (const r of lb) META[r.configuration] = {
     model: r.model, covariates: r.covariates, organization: r.organization, params: r.params ?? "",
-    model_type: r.model_type, commercial_use: r.commercial_use === true || r.commercial_use === "True",
+    model_type: r.model_type, commercial_use: String(r.commercial_use).toLowerCase() === "true" ? "yes" : String(r.commercial_use).toLowerCase() === "false" ? "no" : String(r.commercial_use), license_url: r.license_url || "",
   };
   render();
 }).catch(err => { $("desc").innerHTML = `<div class="warn">Could not load results: ${esc(err.message || err)}</div>`; });