Deploy IntelligenceLab website

README.md

@@ -7,4 +7,4 @@ app_file: index.html
 pinned: false
 ---
 
-IntelligenceLab AI for Science collaboration site: an open call for biology and materials science graduate students. Static site (`index.html`, `styles.css`, `app.js`, `live.js`, `terminal.js`, `assets/`).
+IntelligenceLab AI for Science collaboration site: an open call for biology and materials science graduate students. Static site (`index.html`, `styles.css`, `app.js`, `live.js`, `assets/`).

app.js

@@ -315,9 +315,6 @@
         'How I use AI in my research today:',
         value('ai_use') || '-',
         '',
-        'Where I would most like help:',
-        value('help') || '-',
-        '',
         `How I'd like to take part: ${data.getAll('involve').join(', ') || 'Not sure yet'}`,
       ];
       if (value('interest')) lines.push(`Demo that caught my eye: ${value('interest')}`);

index.html

@@ -64,8 +64,8 @@
       <div class="container hero-grid">
         <div class="hero-copy">
           <p class="eyebrow"><span class="pulse-dot" aria-hidden="true"></span>Open call · Biology &amp; materials science</p>
-          <h1 id="hero-title">Let's build AI that actually <em>helps your research</em>.</h1>
-          <p class="lede">We're AI researchers who teach language-model agents to use real scientific software. Now we want to learn from the people doing the science: how you work, where AI already helps, and where it falls short. If you're a graduate student in biology or materials science, come shape what we build and write the paper with us.</p>
+          <h1 id="hero-title">Building AI that actually <em>helps your research</em>.</h1>
+          <p class="lede">We're AI researchers who teach language-model agents to use real scientific software. We already have research directions and tasks in mind. What we need is your expertise: propose the verifiers that check whether an agent's result is scientifically right, and help us decide how its work should be evaluated. If you're a graduate student in biology or materials science, come design them with us and write the paper together.</p>
           <div class="hero-actions">
             <a class="btn btn-dark" href="#join">Join the collaboration
               <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11m-4-4 4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
@@ -93,9 +93,10 @@
           <li>University of Georgia</li>
           <li>National University of Singapore</li>
           <li>Indiana University</li>
-          <li>The Hong Kong Polytechnic University</li>
+          <li>Carnegie Mellon University</li>
+          <li>University of Pennsylvania</li>
         </ul>
-        <p class="team-more">and collaborators at other universities</p>
+        <p class="team-more">and we're looking for more collaborators</p>
       </div>
     </section>
 
@@ -261,10 +262,10 @@
             <p>No preparation needed. These are the kinds of things we'd talk about in a first conversation.</p>
           </div>
           <ol class="question-list">
-            <li>Which part of your week feels most like busywork?</li>
+            <li>Which parts of your work do you think AI could help with?</li>
             <li>Where do you already use AI, and where have you stopped trusting it?</li>
             <li>What software, instruments, or pipelines does your work depend on?</li>
-            <li>How do you check that a result is right before you believe it?</li>
+            <li>How would you evaluate whether an agent is doing the job well or badly?</li>
             <li>Which task would you hand to a reliable assistant tomorrow?</li>
             <li>What would an AI agent need to show before you'd publish its result?</li>
           </ol>
@@ -396,56 +397,6 @@
         <div class="ex-more">
           <button class="btn btn-ghost" id="ex-more" type="button" aria-expanded="false">Show more demos</button>
         </div>
-
-        <div class="chores">
-          <div class="chores-head reveal">
-            <h3>Everyday research computing, too</h3>
-            <p>Plenty of research time goes to installing tools, managing data, and fixing broken environments. Our agents practice that as well. Each replay shows commands from the task's own reference solution.</p>
-          </div>
-          <div class="tx-grid" id="tx-grid">
-<!--TERMINAL_CARDS:START-->
-            <article class="tx-card reveal" data-index="0" tabindex="0" role="button" aria-label="Open task: Install an HPC scheduler&#x27;s Python bindings, verified">
-              <div class="tx-term" aria-hidden="true">
-                <div class="tx-bar"><i></i><i></i><i></i><em>fluxrm/flux-core:focal-v0.48.0</em></div>
-                <pre class="tx-screen"><code><span class="tx-cmd"><b>$</b> ACTUAL_HASH=$(sha256sum &quot;$TARBALL&quot; | awk &#x27;{print $1}&#x27;)</span><span class="tx-cmd"><b>$</b> pip install --no-compile &quot;$TARBALL&quot;</span><span class="tx-cmd"><b>$</b> find &quot;$FLUX_ROOT&quot; -type f ! -name &#x27;*.pyc&#x27; -exec sha256sum {} \; | sort -k2 &gt; &quot;$INSTALLED_MANIFEST&quot;</span><span class="tx-cmd"><b>$</b> cp &quot;$INSTALLED_MANIFEST&quot; &quot;$EXPECTED_MANIFEST&quot;</span><span class="tx-cmd"><b>$</b> flux start --test-size=4 bash -c &#x27;…&#x27;</span></code></pre>
-              </div>
-              <div class="tx-body">
-                <p class="tx-area">HPC &amp; clusters</p>
-                <h3>Install an HPC scheduler&#x27;s Python bindings, verified</h3>
-                <p>Install the Flux Python package from the tarball at /app/flux-python-0.48.0rc6.tar.gz after verifying its integrity against the provided checksum file.</p>
-                <ul class="tx-meta"><li>171-line reference solution</li><li>Checked in a fresh sandbox</li></ul>
-              </div>
-              <span class="ex-open" aria-hidden="true">Explore ↗</span>
-            </article>
-            <article class="tx-card reveal" data-index="1" tabindex="0" role="button" aria-label="Open task: Version a dataset with DVC and reconcile its history">
-              <div class="tx-term" aria-hidden="true">
-                <div class="tx-bar"><i></i><i></i><i></i><em>ubuntu:22.04</em></div>
-                <pre class="tx-screen"><code><span class="tx-cmd"><b>$</b> dvc add dataset/foo</span><span class="tx-cmd"><b>$</b> dvc add dataset/test/0</span><span class="tx-cmd"><b>$</b> git add dataset/foo.dvc dataset/test/0.dvc</span><span class="tx-cmd"><b>$</b> git commit -m &quot;DVC track dataset items&quot;</span><span class="tx-cmd"><b>$</b> git diff &quot;${PARENT}..${ADD_COMMIT}&quot; -- &quot;$dvc_file&quot; &gt; &quot;$patch_path&quot;</span></code></pre>
-              </div>
-              <div class="tx-body">
-                <p class="tx-area">Research data management</p>
-                <h3>Version a dataset with DVC and reconcile its history</h3>
-                <p>Set up a DVC-tracked dataset under /app/dataset/ with two items: dataset/foo and dataset/test/0.</p>
-                <ul class="tx-meta"><li>313-line reference solution</li><li>Checked in a fresh sandbox</li></ul>
-              </div>
-              <span class="ex-open" aria-hidden="true">Explore ↗</span>
-            </article>
-            <article class="tx-card reveal" data-index="2" tabindex="0" role="button" aria-label="Open task: Diagnose and fix a Python dependency bug">
-              <div class="tx-term" aria-hidden="true">
-                <div class="tx-bar"><i></i><i></i><i></i><em>python:3.11-slim</em></div>
-                <pre class="tx-screen"><code><span class="tx-cmd"><b>$</b> python /app/bug.py &gt; /app/result.txt</span><span class="tx-cmd"><b>$</b> /app/validate_output.py /app/result.txt &gt; /app/validation_stdout.txt 2&gt; /app/validation_stderr.txt</span><span class="tx-cmd"><b>$</b> pip install &quot;environs==${REQUIRED_VERSION}&quot; &#x27;marshmallow&lt;4.0.0&#x27;</span><span class="tx-cmd"><b>$</b> python /app/bug.py &gt; /app/fixed.txt</span></code></pre>
-              </div>
-              <div class="tx-body">
-                <p class="tx-area">Python environments</p>
-                <h3>Diagnose and fix a Python dependency bug</h3>
-                <p>In /app, diagnose and fix the environs URL parsing bug.</p>
-                <ul class="tx-meta"><li>202-line reference solution</li><li>Checked in a fresh sandbox</li></ul>
-              </div>
-              <span class="ex-open" aria-hidden="true">Explore ↗</span>
-            </article>
-<!--TERMINAL_CARDS:END-->
-          </div>
-        </div>
       </div>
     </section>
 
@@ -596,14 +547,13 @@
     <section class="section" id="faq" aria-labelledby="faq-title">
       <div class="container faq-grid">
         <div class="faq-head reveal">
-          <p class="kicker">Questions</p>
-          <h2 id="faq-title">Before you write to us.</h2>
+          <h2 class="kicker" id="faq-title">Questions</h2>
           <p class="sub">Anything else? Ask us directly. We're happy to talk it through.</p>
         </div>
         <div class="faq-list reveal">
           <details open>
             <summary>Who are you?</summary>
-            <p>AI researchers from the University of Maryland, the University of Georgia, the National University of Singapore, Indiana University, The Hong Kong Polytechnic University, and other universities. We build and train AI agents that work with real software, and we publish our results on arXiv.</p>
+            <p>AI researchers from the University of Maryland, the University of Georgia, the National University of Singapore, Indiana University, Carnegie Mellon University, and the University of Pennsylvania. We build and train AI agents that work with real software, we publish our results on arXiv, and we're looking for more collaborators.</p>
           </details>
           <details>
             <summary>Do I need machine-learning experience?</summary>
@@ -652,7 +602,6 @@
           </fieldset>
           <label>Your research in a sentence<input name="topic" placeholder="e.g. segmenting neurons in light-sheet images"></label>
           <label>How do you use AI in your research today?<textarea name="ai_use" rows="3" placeholder="Writing code, reading papers, structure prediction, nothing yet…"></textarea></label>
-          <label>Which part of your work would you most like help with?<textarea name="help" rows="3" placeholder="The step that takes the longest or breaks most often"></textarea></label>
           <fieldset class="pill-set">
             <legend>How would you like to take part?</legend>
             <div class="pills">
@@ -730,53 +679,8 @@
     </div>
   </div>
 
-  <div class="ex-modal" id="tx-modal" data-subject="AI for Science, research computing" hidden>
-    <div class="ex-backdrop" data-tx-close></div>
-    <div class="ex-sheet" role="dialog" aria-modal="true" aria-labelledby="txm-title">
-      <header class="ex-head">
-        <div>
-          <p class="ex-domain" id="txm-area"></p>
-          <h3 id="txm-title"></h3>
-          <ul class="ex-tracks" id="txm-tags"></ul>
-        </div>
-        <div class="ex-nav">
-          <button class="icon-btn" type="button" data-tx-prev aria-label="Previous task">←</button>
-          <button class="icon-btn" type="button" data-tx-next aria-label="Next task">→</button>
-          <button class="icon-btn" type="button" data-tx-close aria-label="Close">✕</button>
-        </div>
-      </header>
-      <div class="ex-body">
-        <div class="txm-grid">
-          <div class="txm-col">
-            <h4 class="txm-h">Instruction the agent receives</h4>
-            <div class="txm-instruction" id="txm-instruction"></div>
-            <dl class="txm-facts">
-              <div><dt>Environment</dt><dd id="txm-base"></dd></div>
-              <div><dt>Reference solution</dt><dd id="txm-lines"></dd></div>
-              <div><dt>Checking</dt><dd>The reference solution passes every check in a fresh sandbox, and each check is stated in the instruction.</dd></div>
-            </dl>
-          </div>
-          <div class="txm-col">
-            <h4 class="txm-h">Replay of the reference solution</h4>
-            <div class="tx-term tx-term-lg" aria-hidden="true">
-              <div class="tx-bar"><i></i><i></i><i></i><em id="txm-term-base"></em></div>
-              <pre class="tx-screen" id="txm-replay"><code></code></pre>
-            </div>
-            <h4 class="txm-h">Excerpt of <code>solve.sh</code></h4>
-            <pre class="txm-code" id="txm-code"></pre>
-          </div>
-        </div>
-        <a class="btn btn-dark" id="txm-cta" data-contact data-subject="AI for Science, research computing" href="#join">Email us about a task like this
-          <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11m-4-4 4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
-        </a>
-      </div>
-    </div>
-  </div>
-
   <script type="application/json" id="examples-data">[{"kind": "micro", "title": "Microscopy cell segmentation and counting", "domain": "Life & Molecular Sciences", "color": "#16a34a", "description": "Reconstruct cell segmentation and measurement behavior across channel, illumination, threshold, object size, and measurement feature.", "why": "The same steps as counting nuclei or measuring cell shape in your own fluorescence images.", "tags": ["Biology", "Microscopy"], "software": ["CellProfiler", "scikit-image", "Bio-Formats"], "artifacts": ["label-mask image", "object-measurements CSV"], "axes": ["channel selection", "illumination correction", "measurement feature", "object size range", "threshold method"], "outputs": ["object count", "area sum", "eccentricity sum", "threshold", "minimum size"], "img": "assets/examples/micro-detail.webp", "alt": "Microscopy label masks from public runs"}, {"kind": "foam", "title": "OpenFOAM 2-D dam-break CFD", "domain": "Physical & Engineering Simulation", "color": "#0891b2", "description": "Reconstruct a 2-D dam-break CFD workflow across water height, mesh, gravity, and simulation time.", "why": "Meshing, boundary conditions, and solver settings: the setup behind any flow or transport simulation.", "tags": ["Simulation", "Fluid dynamics"], "software": ["OpenFOAM"], "artifacts": ["blockMesh log", "polyMesh", "initial field files", "case dictionaries"], "axes": ["water height", "mesh", "gravity", "time"], "outputs": ["mesh statistics", "field summaries", "residual/probe behavior"], "img": "assets/examples/foam-detail.webp", "alt": "OpenFOAM dam-break mesh drawn from the public polyMesh"}, {"kind": "stl", "title": "OpenSCAD / BOSL2 parametric fan duct", "domain": "Spatial, Visual & 3D", "color": "#7c3aed", "description": "Regenerate a swept fan-duct mount STL whose inlet size, outlet size, bend angle, and rib count change the geometry.", "why": "Parametric CAD for 3D-printed sample holders, fixtures, and flow cells.", "tags": ["Lab hardware", "CAD"], "software": ["OpenSCAD", "BOSL2"], "artifacts": ["STL mesh", "geometry metrics JSON"], "axes": ["inlet size", "outlet size", "bend angle", "rib count"], "outputs": ["bounding box", "volume", "surface area", "connected components", "sampled surface distance"], "img": "assets/examples/stl-detail.webp", "alt": "Rendered fan-duct mesh from a public OpenSCAD run"}, {"kind": "astro", "title": "Astronomy FITS/WCS cutout and photometry", "domain": "Earth & Space Sciences", "color": "#db2777", "description": "Reconstruct FITS/WCS cutout and photometry behavior under aperture, background, clipping, threshold, and coordinate-frame interventions.", "why": "Aperture photometry and background subtraction, the same math as quantifying spots or bands in noisy images.", "tags": ["Imaging", "Signal extraction"], "software": ["Astropy", "Photutils"], "artifacts": ["FITS image", "photometry catalog CSV"], "axes": ["aperture radius", "background model", "sigma clip", "source threshold", "WCS frame"], "outputs": ["flux", "coordinate frame", "median", "shape", "standard deviation"], "img": "assets/examples/astro-detail.webp", "alt": "Astronomy FITS cutouts from public runs"}, {"kind": "color", "title": "Color-space and tone-curve pipeline", "domain": "Spatial, Visual & 3D", "color": "#7c3aed", "description": "Infer a color pipeline across color space, white point, tone curve, demosaicing, and compression quality.", "why": "The color-space math behind calibrated imaging, colorimetric assays, and optical characterization.", "tags": ["Imaging", "Optics"], "software": ["colour-science", "ImageMagick", "scikit-image"], "artifacts": ["color measurements JSON", "PPM preview"], "axes": ["color space", "white point", "tone curve", "demosaic method", "compression quality"], "outputs": ["mean color", "image shape", "XYZ tristimulus values"], "img": "assets/examples/color-detail.webp", "alt": "Color-pipeline previews from public runs"}, {"kind": "ocr", "title": "Tesseract table-image OCR", "domain": "Data & Document Workflows", "color": "#d97706", "description": "Reconstruct how DPI, font, language, metadata, and page range affect OCR behavior.", "why": "Reading numbers out of scanned tables, the first step in mining property data from papers.", "tags": ["Literature", "Data extraction"], "software": ["Pandoc", "Poppler", "Tesseract", "QPDF"], "artifacts": ["OCR summary JSON", "page-preview image"], "axes": ["DPI", "font", "language", "metadata", "page range"], "outputs": ["ink", "line count", "page size", "text digest", "text length"], "img": "assets/examples/ocr-detail.webp", "alt": "OCR page preview from a public run"}, {"kind": "robot", "title": "MuJoCo / URDF mass-inertia repair", "domain": "Physical & Engineering Simulation", "color": "#0891b2", "description": "Infer robot state and trajectory behavior under actuator, collision, pose, joint-limit, and target interventions.", "why": "Physical models with masses, inertias, and joint limits, as used to simulate lab robots before running them.", "tags": ["Lab automation", "Physics"], "software": ["MuJoCo", "URDF/MJCF tooling"], "artifacts": ["URDF model", "trajectory CSV", "control summary"], "axes": ["actuator gain", "collision margin", "initial pose", "joint limit", "trajectory target"], "outputs": ["gain", "nq", "nv", "qpos", "qvel"], "img": "assets/examples/robot-detail.webp", "alt": "MuJoCo joint-position trajectories across public scenarios"}, {"kind": "blender", "title": "Blender cloth flag scene", "domain": "Spatial, Visual & 3D", "color": "#7c3aed", "description": "Reconstruct cloth-scene behavior under wind, pin-group, frame, and subdivision interventions.", "why": "A physics simulation whose outcome shifts with wind, constraints, and resolution.", "tags": ["Simulation", "Physics"], "software": ["Blender"], "artifacts": ["scene graph JSON"], "axes": ["wind strength", "pin group", "frame", "cloth subdiv"], "outputs": ["evaluated objects", "frame", "materials", "node groups", "object counts", "rotation"], "img": "assets/examples/blender-detail.webp", "alt": "Blender cloth scene rotation dial across public scenarios"}, {"kind": "drc", "title": "KiCad LED-matrix driver PCB", "domain": "Spatial, Visual & 3D", "color": "#7c3aed", "description": "Reconstruct LED-matrix driver board outputs (DRC report and project files) under row, column, driver, and routing interventions.", "why": "Design-rule checks on circuit boards, like the custom electronics inside lab instruments.", "tags": ["Instrumentation", "Electronics"], "software": ["KiCad"], "artifacts": ["DRC report", "project file list"], "axes": ["rows", "cols", "driver", "routing"], "outputs": ["DRC report summary", "project file inventory"], "img": "assets/examples/drc-detail.webp", "alt": "KiCad board with design-rule findings plotted at their positions"}, {"kind": "container", "title": "Container SBOM and supply-chain attestation", "domain": "Software & Formal Systems", "color": "#2563eb", "description": "Infer coupled container base-image, package-set, label, entrypoint, and SBOM-scope behavior.", "why": "Recording exactly which software went into an environment, the backbone of reproducible analysis.", "tags": ["Reproducibility", "Software"], "software": ["Hadolint", "Syft", "Skopeo"], "artifacts": ["Dockerfile", "in-toto attestation", "SPDX SBOM"], "axes": ["base image", "entrypoint", "labels", "package set", "SBOM scope"], "outputs": ["attestation", "base", "layer count", "merkle", "vuln budget"], "img": "assets/examples/container-detail.webp", "alt": "Container image layers and attestation from a public run"}]</script>
-  <script type="application/json" id="terminal-data">{"tasks": [{"title": "Install an HPC scheduler's Python bindings, verified", "area": "HPC & clusters", "summary": "Install the Flux Python package from the tarball at /app/flux-python-0.48.0rc6.tar.gz after verifying its integrity against the provided checksum file.", "instruction": "<p>Install the Flux Python package from the tarball at /app/flux-python-0.48.0rc6.tar.gz after verifying its integrity against the provided checksum file.<\/p><p>The expected manifest file may be outdated; if the installed layout differs, update the manifest and note the discrepancy in the installation report.<\/p><p>The installation report at /app/installation_report.txt must include the verified tarball hash, describe any manifest changes, and also contain additional package metadata specified by the configuration at /app/config/metadata.json — follow that config&#x27;s instructions for intermediate reporting.<\/p><p>Finally, use the Flux Python bindings to produce /app/result.txt containing exactly the string found in /app/config/expected.txt.<\/p>", "base": "fluxrm/flux-core:focal-v0.48.0", "lines": 171, "tags": ["flux", "hpc", "job-scheduling", "python-bindings"], "replay": [["$", "ACTUAL_HASH=$(sha256sum \"$TARBALL\" | awk '{print $1}')"], ["$", "pip install --no-compile \"$TARBALL\""], ["$", "find \"$FLUX_ROOT\" -type f ! -name '*.pyc' -exec sha256sum {} \\; | sort -k2 > \"$INSTALLED_MANIFEST\""], ["$", "cp \"$INSTALLED_MANIFEST\" \"$EXPECTED_MANIFEST\""], ["$", "flux start --test-size=4 bash -c '…'"]], "code": "set -euo pipefail\nTARBALL=\"/app/flux-python-0.48.0rc6.tar.gz\"\nCHECKSUM_FILE=\"/app/checksum.sha256\"\nVALIDATION_FILE=\"/app/validation.txt\"\nCONFIG_FILE=\"/app/config/expected.txt\"\nRESULT_FILE=\"/app/result.txt\"\nEXPECTED_MANIFEST=\"/app/expected_manifest.txt\"\nINSTALLED_MANIFEST=\"/app/installed_manifest.txt\"\nINSTALLATION_REPORT=\"/app/installation_report.txt\"\nMETADATA_CONFIG=\"/app/config/metadata.json\"\necho \"=== INSPECT: verify required inputs exist ===\"\nfor f in \"$TARBALL\" \"$CHECKSUM_FILE\" \"$EXPECTED_MANIFEST\" \"$CONFIG_FILE\" \"$METADATA_CONFIG\"; do\n    if [ ! -f \"$f\" ]; then\n        echo \"ERROR: Required file $f not found\" >&2\n        exit 1\n    fi\ndone\necho \"=== INSPECT: read metadata configuration ===\"\nMETADATA_FILE=$(python3 -c \"import json; cfg=json.load(open('$METADATA_CONFIG')); print(cfg['metadata_file'])\")\nFIELDS=$(python3 -c \"import json; cfg=json.load(open('$METADATA_CONFIG')); print(' '.join(cfg['required_metadata']))\")\necho \"Metadata will be gathered for fields: $FIELDS\"\necho \"Intermediate metadata file: /app/$METADATA_FILE\"\necho \"=== DERIVE: verify tarball hash ===\"\nACTUAL_HASH=$(sha256sum \"$TARBALL\" | awk '{print $1}')\nEXPECTED_HASH=$(awk '{print $1}' \"$CHECKSUM_FILE\")\nif [ \"$ACTUAL_HASH\" != \"$EXPECTED_HASH\" ]; then\n    echo \"ERROR: Tarball checksum mismatch\" >&2\n    exit 1\nfi\necho \"=== VALIDATE checksum OK, writing validation report ===\""}, {"title": "Version a dataset with DVC and reconcile its history", "area": "Research data management", "summary": "Set up a DVC-tracked dataset under /app/dataset/ with two items: dataset/foo and dataset/test/0.", "instruction": "<p>Set up a DVC-tracked dataset under /app/dataset/ with two items: dataset/foo and dataset/test/0.<\/p><p>Track both with DVC, remove the original data, and commit the resulting .dvc files.<\/p><p>Then produce the following artifacts under /app: dvc_inventory.json, dvc_reconciliation.md, dvc_changes.diff, dvc_status.txt, and a directory /app/patches/ containing a patch file for each of dataset/foo.dvc and dataset/test/0.dvc that captures the changes introduced when that file was first committed.<\/p><p>The reconciliation report must document the absence of the data, the git commits that introduced each .dvc file (SHA and message), and the baseline tag (name and commit SHA).<\/p><p>The diff should be taken from that tag to HEAD.<\/p><p>The repository already has git and DVC initialized, and a git tag marks the initial DVC initialization; discover and use that tag as the baseline.<\/p><p>Refer to /app/task_files/ for the required formats of the inventory and the reconciliation report.<\/p>", "base": "ubuntu:22.04", "lines": 313, "tags": ["dvc", "data-versioning", "version-control"], "replay": [["$", "dvc add dataset/foo"], ["$", "dvc add dataset/test/0"], ["$", "git add dataset/foo.dvc dataset/test/0.dvc"], ["$", "git commit -m \"DVC track dataset items\""], ["$", "git diff \"${PARENT}..${ADD_COMMIT}\" -- \"$dvc_file\" > \"$patch_path\""]], "code": "set -euo pipefail\nif [ -s /app/dvc_changes.diff ] && \\\n   [ -s /app/dvc_reconciliation.md ] && \\\n   [ -s /app/dvc_inventory.json ] && \\\n   [ -s /app/dvc_status.txt ] && \\\n   grep -q 'Commit message:' /app/dvc_reconciliation.md && \\\n   grep -q 'Baseline tag:' /app/dvc_reconciliation.md && \\\n   [ -d /app/patches ] && \\\n   [ \"$(ls -1 /app/patches/*.patch 2>/dev/null | wc -l)\" -ge 2 ]; then\n    echo \"Required artifacts with commit messages, baseline tag, and patches already present. Nothing to do.\"\n    exit 0\nfi\ncd /app\nrm -f dataset/foo.dvc dataset/test/0.dvc\nrm -rf dataset/foo dataset/test/0\nrm -f /app/dvc_reconciliation.md \\\n      /app/dvc_inventory.json \\\n      /app/dvc_changes.diff \\\n      /app/dvc_status.txt\nrm -rf /app/patches\nINIT_COMMIT=$(git rev-list --max-parents=0 HEAD)\nif [ -z \"$INIT_COMMIT\" ]; then\n    echo \"ERROR: could not determine initial commit\"\n    exit 1\nfi\necho \"Initial commit: $INIT_COMMIT\"\nreadarray -t TAGS < <(git tag --points-at \"$INIT_COMMIT\")\nif [ \"${#TAGS[@]}\" -eq 0 ]; then\n    echo \"ERROR: no tag found pointing to the initial commit\"\n    exit 1"}, {"title": "Diagnose and fix a Python dependency bug", "area": "Python environments", "summary": "In /app, diagnose and fix the environs URL parsing bug.", "instruction": "<p>In /app, diagnose and fix the environs URL parsing bug.<\/p><p>Run bug.py to capture the original output and use validate_output.py to diagnose the failure.<\/p><p>Consult changelog.md to determine the required environs version, upgrade the library, and produce a corrected output in fixed.txt.<\/p><p>Write a test suite test_bug.py covering both mongodb and mongodb+srv URL schemes.<\/p><p>The suite must include a test that runs validate_output.py against bug.py’s output after the fix and asserts the validator exits successfully.<\/p><p>Run the tests and save the report as test_report.txt.<\/p><p>Finally, create validation_passed.txt and a debug summary debug_summary.txt describing the error and the fix.<\/p>", "base": "python:3.11-slim", "lines": 202, "tags": ["python", "library-bug", "url-parsing", "environs"], "replay": [["$", "python /app/bug.py > /app/result.txt"], ["$", "/app/validate_output.py /app/result.txt > /app/validation_stdout.txt 2> /app/validation_stderr.txt"], ["$", "pip install \"environs==${REQUIRED_VERSION}\" 'marshmallow<4.0.0'"], ["$", "python /app/bug.py > /app/fixed.txt"]], "code": "set -euo pipefail\necho \"Ensuring pytest is available\"\npython -m pytest --version >/dev/null 2>&1 || pip install pytest\necho \"Stage 1: Create original bug.py (known buggy)\"\ncat > /app/bug.py << 'EOF'\nfrom environs import Env\nenv = Env()\nMONGODB_URL = env.url(\n    \"MONGODB_URL\",\n    default=\"mongodb://user:pass@mongo.example.local/db?authSource=admin\",\n    schemes={\"mongodb\", \"mongodb+srv\"},\n    require_tld=False,\n)\nprint(MONGODB_URL)\nEOF\necho \"Stage 2: Run bug.py and capture original output\"\npython /app/bug.py > /app/result.txt\necho \"Stage 3: Validate original output and interpret failure\"\nset +e\n/app/validate_output.py /app/result.txt > /app/validation_stdout.txt 2> /app/validation_stderr.txt\nVALIDATION_EXIT=$?\nset -e\nif [ $VALIDATION_EXIT -eq 0 ]; then\n    echo \"ERROR: validate_output.py unexpectedly succeeded on buggy output\" >&2\n    exit 1\nfi\nif ! grep -q \"ParseResult\" /app/validation_stderr.txt; then\n    echo \"ERROR: Expected 'ParseResult' indication in validator failure output\" >&2\n    exit 1\nfi"}]}</script>
   <script src="app.js" defer></script>
   <script src="live.js" defer></script>
-  <script src="terminal.js" defer></script>
 </body>
 </html>

styles.css

@@ -163,7 +163,7 @@ section[id] { scroll-margin-top: 72px; }
 /* Team strip */
 .team-strip { padding: 26px 0 28px; border-block: 1px solid var(--line); background: rgba(255, 255, 255, 0.6); text-align: center; }
 .team-title { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
-.team-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 34px; margin: 12px 0 0; padding: 0; list-style: none; }
+.team-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 34px; max-width: 820px; margin: 12px auto 0; padding: 0; list-style: none; }
 .team-list li { font-family: var(--serif); font-size: 19px; font-weight: 500; color: var(--ink-2); }
 .team-more { margin-top: 8px; font-size: 13.5px; color: var(--muted); }
 
@@ -383,67 +383,6 @@ body.modal-open { overflow: hidden; }
 .lv-aperture::after { width: 1px; height: 140%; }
 @keyframes lv-aperture { 0%, 100% { width: 30%; } 50% { width: 58%; } }
 
-/* Research computing replays */
-.chores { margin-top: 72px; }
-.chores-head { max-width: 720px; margin-bottom: 22px; }
-.chores-head h3 { font-family: var(--serif); font-size: 28px; font-weight: 600; letter-spacing: -0.015em; }
-.chores-head p { margin-top: 8px; font-size: 16px; color: var(--ink-2); }
-.tx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
-.tx-card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  border-radius: 20px;
-  border: 1px solid var(--line);
-  background: var(--surface);
-  box-shadow: var(--shadow-sm);
-  cursor: pointer;
-  transition: transform 0.3s var(--ease), box-shadow 0.3s, border-color 0.3s;
-}
-.tx-card:hover, .tx-card:focus-visible { transform: translateY(-4px); box-shadow: var(--shadow); border-color: rgba(15, 159, 117, 0.4); }
-.tx-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
-.tx-card .ex-open { background: #fff; color: var(--ink); box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.5); }
-.tx-card:hover .ex-open, .tx-card:focus-visible .ex-open { opacity: 1; transform: none; }
-.tx-term { overflow: hidden; background: #0b1220; }
-.tx-card .tx-term { border-bottom: 1px solid #1e293b; }
-.tx-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid #1e293b; background: #0f172a; }
-.tx-bar i { flex: none; width: 9px; height: 9px; border-radius: 50%; background: #334155; }
-.tx-bar i:nth-child(1) { background: #f26b5b; }
-.tx-bar i:nth-child(2) { background: #f5b84b; }
-.tx-bar i:nth-child(3) { background: #34d399; }
-.tx-bar em { min-width: 0; margin-left: 8px; overflow: hidden; font: 500 11px var(--mono); font-style: normal; color: #8b9ab0; white-space: nowrap; text-overflow: ellipsis; }
-.tx-screen { height: 200px; margin: 0; padding: 12px 16px; overflow: hidden; font: 11.5px/1.65 var(--mono); color: #e2e8f0; }
-.tx-screen code { white-space: normal; }
-.tx-screen span { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
-.tx-screen b { color: #34d399; font-weight: 600; }
-.tx-screen .tx-sys { margin-top: 6px; color: #a5b4fc; }
-.tx-screen .tx-ok { color: #34d399; font-weight: 600; }
-.tx-caret { display: inline-block; width: 7px; height: 1.15em; margin-left: 2px; vertical-align: -3px; background: #34d399; animation: tx-caret 1s steps(1) infinite; }
-@keyframes tx-caret { 50% { opacity: 0; } }
-.tx-body { display: flex; flex: 1; flex-direction: column; padding: 18px 20px 20px; }
-.tx-area { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: var(--accent-deep); }
-.tx-area::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--accent); }
-.tx-card h3 { margin: 8px 0 6px; font-size: 18px; letter-spacing: -0.02em; }
-.tx-body > p:not(.tx-area) { font-size: 14px; color: var(--muted); overflow-wrap: anywhere; }
-.tx-body code, .txm-instruction code { padding: 1px 5px; border-radius: 5px; border: 1px solid var(--line); background: #fff; font: 500 0.86em var(--mono); color: var(--ink-2); overflow-wrap: anywhere; }
-.tx-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: auto 0 0; padding: 14px 0 0; list-style: none; }
-.tx-meta li { padding: 3px 8px; border-radius: 6px; border: 1px solid var(--line); background: var(--tint-2); font: 500 11px var(--mono); color: var(--ink-2); }
-.txm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
-.txm-h { margin: 0 0 10px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-deep); }
-.txm-h code { font: inherit; text-transform: none; letter-spacing: 0; }
-.txm-col .tx-term + .txm-h { margin-top: 20px; }
-.txm-instruction { padding: 16px 18px; border-radius: 14px; border: 1px solid var(--line); background: var(--tint-2); font-size: 15px; line-height: 1.65; color: var(--ink-2); overflow-wrap: anywhere; }
-.txm-instruction p + p { margin-top: 6px; }
-.txm-facts { margin: 16px 0 0; }
-.txm-facts div { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 12px; padding: 11px 0; border-top: 1px solid var(--line); }
-.txm-facts dt { padding-top: 2px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-deep); }
-.txm-facts dd { margin: 0; font-size: 14px; color: var(--ink-2); overflow-wrap: anywhere; }
-.tx-term-lg { border-radius: 14px; border: 1px solid #1e293b; }
-.tx-term-lg .tx-screen { height: 236px; font-size: 12px; }
-.txm-code { max-height: 300px; margin: 0; padding: 14px 16px; overflow: auto; border-radius: 14px; background: #0b1220; color: #cbd5e1; font: 11.5px/1.65 var(--mono); white-space: pre; }
-#txm-cta { margin-top: 22px; }
-
 /* Collaboration */
 .steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
 .steps::before { content: ""; position: absolute; left: 26px; right: calc(25% - 40px); top: 25px; height: 2px; background: repeating-linear-gradient(90deg, #d6cdbb 0 8px, transparent 8px 14px); }
@@ -492,8 +431,10 @@ body.modal-open { overflow: hidden; }
 .js .paper.is-visible .rb i::after { transform: none; }
 
 /* FAQ */
-.faq-grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 48px; align-items: start; }
-.faq-list { display: grid; gap: 10px; }
+.faq-grid { display: grid; gap: 22px; }
+.section .faq-head h2.kicker { margin-bottom: 0; font-family: var(--font); font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: 0.08em; }
+.faq-head .sub { margin-top: 6px; }
+.faq-list { display: grid; gap: 10px; max-width: 880px; }
 .faq-list details { border-radius: 16px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow-sm); }
 .faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; font-size: 16.5px; font-weight: 600; list-style: none; cursor: pointer; }
 .faq-list summary::-webkit-details-marker { display: none; }
@@ -562,8 +503,6 @@ body.modal-open { overflow: hidden; }
   .questions { grid-template-columns: minmax(0, 1fr); gap: 20px; }
   .ex-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .ex-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .tx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .txm-grid { grid-template-columns: minmax(0, 1fr); }
   .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 34px; }
   .steps::before { display: none; }
   .paper { grid-template-columns: minmax(0, 1fr); gap: 22px; }
@@ -582,13 +521,12 @@ body.modal-open { overflow: hidden; }
   .explorer { padding: 18px; border-radius: 20px; }
   .questions { padding: 22px 18px; }
   .field-card, .give-card, .paper { padding: 22px; }
-  .ex-grid, .ex-facts, .tx-grid, .steps, .row2 { grid-template-columns: minmax(0, 1fr); }
+  .ex-grid, .ex-facts, .steps, .row2 { grid-template-columns: minmax(0, 1fr); }
   .ex-modal { padding: 10px; }
   .ex-sheet { max-height: 100%; border-radius: 18px; }
   .ex-head { padding: 16px 16px 14px; }
   .ex-head h3 { font-size: 20px; }
   .ex-body { padding: 16px; }
-  .txm-facts div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
   .join-form { padding: 20px; }
 }