{% extends "base.html" %}
{% block title %}Drivers — FSD Disengagement Studio{% endblock %}

{% block content %}
  <div class="panel">
    <h2>Known drivers</h2>
    <p class="muted" style="margin-top:0; font-size:0.85rem;">
      Each row is a Tesla driver profile that's appeared in at least one
      saved disengagement clip. Tesla 2026.14+ firmware embeds the
      <code>driverProfileId</code> in the clip's SEI metadata, so each
      transition is attributed to the actual driver, not the household.
      Rename via <code>fsd-studio drivers rename &lt;id&gt; "Name"</code>.
      <br>
      "Interesting %" is the share of this driver's disengagements caused
      by phantom_brake / lane_confusion / construction_zone /
      traffic_light_hesitation / occluded_sign &mdash; the cohort the
      per-firmware regression chart actually cares about.
    </p>

    {% if drivers %}
      <table>
        <thead>
          <tr>
            <th>Driver</th>
            <th>ID</th>
            <th>Events</th>
            <th>Interesting</th>
            <th>%</th>
          </tr>
        </thead>
        <tbody>
          {% for d in drivers %}
            <tr>
              <td>
                <a href="/drivers/{{ d.id }}">
                  <span class="pill" style="background: {{ d.color_hex }}22; color: {{ d.color_hex }};">{{ d.display_name }}</span>
                </a>
              </td>
              <td><code class="muted">{{ d.id }}</code></td>
              <td>{{ d.event_count }}</td>
              <td>{{ d.interesting_count }}</td>
              <td>{{ "%.1f%%" | format(d.interesting_pct) }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <p class="muted">
        No drivers known yet. Run <code>fsd-studio backfill</code> against
        2026.14+ clips, or <code>fsd-studio demo</code> to seed synthetic
        drivers for a guided tour.
      </p>
    {% endif %}
  </div>
{% endblock %}