{# HTMX fragment: the selectable run loader list (newest first) for the chosen
   experiment. Clicking a row BODY loads that run's document into the editor;
   the per-row checkbox only selects the run for batch scheduling (selection
   lives in JS state.selectedRuns and survives these re-renders).
   ``data-instance-count`` lets the editor know whether the run is still
   editable (0 instances) or immutable (Save must store a copy). #}
{% if runs %}
<div class="run-list-toolbar">
  <label class="run-select-all-label">
    <input type="checkbox" id="run-select-all" />
    <small>Select all</small>
  </label>
</div>
<ul class="run-list">
  {% for run in runs %}
  <li
    class="run-item"
    title="Click to view or edit"
    data-run-uid="{{ run.uid }}"
    data-experiment="{{ run.experiment }}"
    data-instance-count="{{ run.instance_count }}"
  >
    <input
      type="checkbox"
      class="run-check"
      data-run-uid="{{ run.uid }}"
      aria-label="Select run {{ run.uid }}"
    />
    <span class="run-body">
      <span class="run-uid">{{ run.uid }}</span>
      <small class="run-instances">{{ run.instance_count }} instance(s)</small>
    </span>
  </li>
  {% endfor %}
</ul>
{% elif experiment %}
<p class="no-templates">
  <small><em>No runs for this experiment yet.</em></small>
</p>
{% else %}
<p class="no-templates">
  <small><em>Pick an experiment above to list its runs.</em></small>
</p>
{% endif %}