{% extends "base.html" %}
{% block breadcrumbs %}<nav class="breadcrumbs" aria-label="Breadcrumb"><ol><li><a href="/">Runs</a></li><li><a href="/runs/{{ run_id }}">Run</a></li><li aria-current="page">Diff</li></ol></nav>{% endblock %}
{% block content %}
<h1>Artifact diff</h1>
<section aria-labelledby="diff-identity-heading">
<h2 id="diff-identity-heading">Compared occurrences</h2>
<dl>
  <dt>Parent</dt><dd><a href="/runs/{{ run_id }}/artifacts/{{ diff.parent_id }}"><code>{{ diff.parent_id }}</code></a> · digest <code>{{ diff.parent_digest }}</code></dd>
  <dt>Child</dt><dd><a href="/runs/{{ run_id }}/artifacts/{{ diff.child_id }}"><code>{{ diff.child_id }}</code></a> · digest <code>{{ diff.child_digest }}</code></dd>
  <dt>Family</dt><dd>{{ diff.kind }} / {{ diff.representation }}</dd>
</dl>
{% if diff.omitted %}<p class="notice truncation">Entry limit: {{ diff.omitted }} paths omitted after the first 100.</p>{% endif %}
{% if diff.output_truncated %}<p class="notice truncation">The diff reached the 4,000-line output limit.</p>{% endif %}
</section>

<section aria-labelledby="changes-heading">
<h2 id="changes-heading">Changes</h2>
{% for file in diff.files %}
<article class="file-diff">
  <h3>{% if file.path %}<code>{{ file.path }}</code>{% else %}Text content{% endif %} <span class="status status-{{ file.status }}">{{ file.status }}</span></h3>
  {% if file.notice %}<p class="notice truncation">{{ file.notice }}</p>{% endif %}
  {% if file.lines %}
  <div class="table-scroll" role="region" aria-label="Diff lines for {{ file.path or 'text content' }}" tabindex="0">
  <table class="diff-table">
    <thead><tr><th scope="col">Change</th><th scope="col">Old</th><th scope="col">New</th><th scope="col">Text</th></tr></thead>
    <tbody>{% for line in file.lines %}<tr class="diff-{{ line.kind }}"><td><span aria-label="{{ line.kind }}">{{ line.marker }}</span></td><td>{{ line.old or "" }}</td><td>{{ line.new or "" }}</td><td><pre>{{ line.text }}</pre></td></tr>{% endfor %}</tbody>
  </table>
  </div>
  {% elif file.status == "unchanged" %}<p>Content is identical on both sides.</p>
  {% elif not file.notice %}<p>No lines; the file is empty.</p>{% endif %}
</article>
{% else %}<p>No file entries.</p>{% endfor %}
</section>
{% endblock %}