Fix renderer: in-Space chromium + partner logos (app.py)

app.py

@@ -4,26 +4,62 @@
 2. Eligibility is checked against the frozen challenge verdicts: every
    participant with at least one claim judged `verified` qualifies
    (baked into eligible.json at challenge close — 267 participants).
-3. The display name is editable; the certificate is rendered to PNG in-process
-   (certificate.py) with the participant's verified-claim stats.
+3. The display name is editable; the certificate renders to PNG with headless
+   Chromium (installed via packages.txt) — no external renderer dependency.
 """
 
 import json
 import os
+import shutil
+import subprocess
 import tempfile
 import urllib.parse
 
 import gradio as gr
 
-from certificate import render_certificate
-
 DISCUSSIONS_URL = "https://huggingface.co/spaces/ICML-2026-agent-repro/challenge/discussions"
+CANVAS = (2000, 1414)  # must match the body size in certificate_template.html
 
 _HERE = os.path.dirname(__file__)
+with open(os.path.join(_HERE, "certificate_template.html"), encoding="utf-8") as f:
+    TEMPLATE = f.read()
 with open(os.path.join(_HERE, "eligible.json"), encoding="utf-8") as f:
     ELIGIBLE = json.load(f)
 
 
+def find_chromium():
+    candidates = [
+        "chromium", "chromium-browser", "google-chrome", "google-chrome-stable",
+        "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",  # local dev
+    ]
+    for c in candidates:
+        path = shutil.which(c) or (c if os.path.exists(c) else None)
+        if path:
+            return path
+    raise RuntimeError("No Chromium binary found — is `chromium` in packages.txt?")
+
+
+def render_html(html: str) -> str:
+    out = os.path.join(tempfile.mkdtemp(), "certificate.png")
+    with tempfile.NamedTemporaryFile("w", delete=False, suffix=".html", encoding="utf-8") as f:
+        f.write(html)
+        src = f.name
+    try:
+        subprocess.run(
+            [find_chromium(), "--headless=new", "--no-sandbox", "--disable-gpu",
+             "--hide-scrollbars", "--force-device-scale-factor=1",
+             f"--window-size={CANVAS[0]},{CANVAS[1]}", f"--screenshot={out}",
+             f"file://{src}"],
+            check=True, capture_output=True, timeout=120,
+        )
+    finally:
+        try:
+            os.unlink(src)
+        except OSError:
+            pass
+    return out
+
+
 def plural(n, word):
     return f"{n} {word}" + ("" if n == 1 else "s")
 
@@ -35,17 +71,17 @@ def stats_line(rec):
 
 def on_load(profile: gr.OAuthProfile | None):
     if profile is None:
-        return (gr.update(visible=False), gr.update(visible=False),
+        return (gr.update(visible=False),
                 "### 👋 Sign in with Hugging Face to check your eligibility.", "")
     rec = ELIGIBLE.get(profile.username.lower())
     if rec is None:
-        return (gr.update(visible=False), gr.update(visible=True),
+        return (gr.update(visible=False),
                 f"### Sorry @{profile.username} — no verified logbook found.\n"
                 "Certificates go to participants with at least one claim judged "
                 "**verified** by the Logbook Judge before the Aug 2 deadline. "
                 f"If you believe this is an error, please open a thread in the "
                 f"[challenge discussions]({DISCUSSIONS_URL}).", "")
-    return (gr.update(visible=True), gr.update(visible=False),
+    return (gr.update(visible=True),
             f"### 🎉 Congratulations @{profile.username} — you qualify!\n"
             f"Your record: **{stats_line(rec)}** ({plural(rec['logbooks'], 'logbook')} judged). "
             "Adjust how your name should appear, then generate your certificate.",
@@ -70,11 +106,11 @@ def create_certificate(display_name, profile: gr.OAuthProfile | None):
     if rec is None:
         return None, "❌ No verified logbook found for your account.", gr.update(visible=False)
     name = (display_name or "").strip() or profile.name or profile.username
-    out = os.path.join(tempfile.mkdtemp(), "icml-2026-certificate.png")
+    html = TEMPLATE.replace("{participant_name}", name).replace("{stats_line}", stats_line(rec))
     try:
-        image_path = render_certificate(name, stats_line(rec), out)
+        image_path = render_html(html)
     except Exception as e:
-        return None, f"❌ Rendering failed: {e}", gr.update(visible=False)
+        return None, f"❌ Rendering failed: {e}. Please try again in a minute.", gr.update(visible=False)
     btn = (f'<a href="{linkedin_url(name)}" target="_blank" '
            f'style="display:inline-block;background:#0a66c2;color:#fff;font-weight:700;'
            f'padding:10px 22px;border-radius:8px;text-decoration:none">Add to LinkedIn profile →</a>')
@@ -86,14 +122,6 @@ THEME = gr.themes.Base(
     neutral_hue=gr.themes.colors.stone,
 )
 
-# The page is a light "paper" design, so pin the dark-mode palette to the light
-# one. Without this, a visitor whose browser prefers dark mode gets dark-theme
-# text colors on the light background forced by the CSS below — near-invisible
-# headings and body copy.
-for _attr in list(vars(THEME)):
-    if _attr.endswith("_dark") and hasattr(THEME, _attr[:-5]):
-        setattr(THEME, _attr, getattr(THEME, _attr[:-5]))
-
 CSS = """
 .gradio-container {
   background-color: #fdfcf9 !important;
@@ -116,14 +144,11 @@ with gr.Blocks(title="ICML 2026 Open Reproductions — Certificates", theme=THEM
     with gr.Column(visible=False) as main_box:
         name_box = gr.Textbox(label="Name on the certificate")
         gen_btn = gr.Button("Generate my certificate 🎓", variant="primary")
-        cert_image = gr.Image(label="Your certificate", type="filepath",
-                              interactive=False, format="png")
+        cert_image = gr.Image(label="Your certificate", type="filepath", interactive=False)
         note = gr.Markdown()
         linkedin = gr.HTML(visible=False)
-    with gr.Column(visible=False) as contact_box:
-        pass
 
-    demo.load(on_load, inputs=None, outputs=[main_box, contact_box, status, name_box])
+    demo.load(on_load, inputs=None, outputs=[main_box, status, name_box])
     gen_btn.click(create_certificate, inputs=[name_box], outputs=[cert_image, note, linkedin])
 
 demo.launch()