Deploy HF RL Explorer

tests/ui-audit.mjs

@@ -101,8 +101,9 @@ async function health(p, label) {
   await p.click('[data-kind="all"]');
   await p.waitForTimeout(1200);
   await p.fill("#q", "terminal-bench");
-  await p.waitForTimeout(400);
-  ok("home: search narrows the list", await p.$$eval("#list .card", (cs) => cs.length > 0 && cs.every((c) => /terminal/i.test(c.textContent))));
+  // the server answers the search (/api/search): wait for its answer, not a fixed time (a Space is a round trip away)
+  const narrowed = await p.waitForFunction(() => { const cs = [...document.querySelectorAll("#list .card")]; return cs.length > 0 && cs.every((c) => /terminal/i.test(c.textContent)); }, null, { timeout: 15000 }).then(() => true, () => false);
+  ok("home: search narrows the list", narrowed);
   await p.fill("#q", "");
   const page1 = await p.textContent("#tr-page");
   await p.click("#tr-next");
@@ -288,7 +289,10 @@ async function health(p, label) {
   ok("verl: its math is typeset (KaTeX), not left as TeX", await until(p, "h1 .math .katex", 20000) && !(await p.textContent("h1")).includes("\\frac"));
   await health(p, "verl row 1440");
   await go(p, "t/FineEnvs/MiMo-V2.6-RL-harbor-general/tasks/s3k_0052_accounting_audit_tax_en_t2_rl_008", 600);
-  ok("judge: a model-graded task offers a judge, through the relay", await until(p, "#run-card", 30000) && /Judge model/.test(await p.textContent("#run-card")) && /relay/.test(await p.textContent("#run-card")));
+  // signed in, the run panel offers the judge; signed out (a Space without a session), the page still says how it's graded
+  ok("judge: a model-graded task offers a judge, through the relay", await until(p, "#run-card", 30000) && (
+    (/Judge model/.test(await p.textContent("#run-card")) && /relay/.test(await p.textContent("#run-card")))
+    || (/Sign in/i.test(await p.textContent("#run-card")) && /Graded by a model/.test(await p.textContent("main")))));
   await health(p, "model-graded task 1440");
   await p.context().close();
 }

web/rlx.css

@@ -343,7 +343,13 @@ body[data-view="home"] .top-search { visibility: hidden; }
 /* the row beside a thumbnail is narrow: the collection's name gives way (an ellipsis), the date and kind never do */
 .card .row1 .dn { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 0 1 auto; }
 .card .row1 .dn > svg { vertical-align: -2px; margin-right: 5px; }
-.card .row1 .kind-tag, .card .row1 .when:not(.org) { flex: none; }   /* a task id in that slot (.when.org) still truncates */
+/* nothing in the row may push past the card, whatever the font (a slow web font lays out wider first): the
+   collection's name gives way first, the date only as a last resort (and a task id in that slot, .when.org, truncates) */
+.card .row1 .kind-tag { flex: none; }
+.card .row1 .dn { flex-shrink: 1000; }
+.card .row1 .when:not(.org) { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+/* on a phone the row beside a thumbnail can't hold kind, collection and date: the date goes to its own line */
+@media (max-width: 560px) { .card .row1 { flex-wrap: wrap; row-gap: 2px; } .card .row1 .when:not(.org) { margin-left: 0; flex-basis: 100%; } }
 .card.sp .row1 .dn ~ .faint, .card.sp .row1 .dn ~ .org { display: none; }   /* "FineEnvs on OpenEnv / FineEnvs": the org says it twice */
 .card .chips { flex-wrap: wrap; row-gap: 6px; }
 @media (max-width: 560px) { .card .row1 .dn + .faint, .card .row1 .dn ~ .org { display: none; } }