{% extends "_base.html" %}
{% block title %}harness-evaluator — {{ run_name }}{% endblock %}
{% block head_extra %}
{% if is_in_progress %}<meta http-equiv="refresh" content="30">{% endif %}
{% endblock %}
{% macro th_sort(col, label, sort, order, base_query, run_name) %}
<th scope="col" aria-sort="{{ 'ascending' if sort == col and order == 'asc' else ('descending' if sort == col and order == 'desc' else 'none') }}">
  <a href="/run/{{ run_name | urlencode }}?{{ base_query }}&amp;sort={{ col }}&amp;order={{ 'desc' if sort == col and order == 'asc' else 'asc' }}">{{ label }}{% if sort == col %} <span class="sort-indicator" aria-hidden="true">{{ '↑' if order == 'asc' else '↓' }}</span>{% endif %}</a>
</th>
{% endmacro %}
{% block content %}
    <nav class="breadcrumb" aria-label="Breadcrumb"><a href="/">&larr; All runs</a></nav>
    <h1>
        <span translate="no">{{ run_name }}</span>
        <button type="button" class="copy-btn" data-copy="{{ run_name }}" aria-label="Copy run name">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
            </svg>
        </button>
    </h1>

    {% if state_summary %}
    <div class="state-info" aria-label="Run state">
        {% for status, count in state_summary.items() %}
        <span class="state-badge state-{{ status }}">{{ status }}: {{ count }}</span>
        {% endfor %}
    </div>
    {% endif %}

    {% if failed_cells %}
    <section class="section">
        <h2>Failed / Skipped Cells ({{ failed_cells|length }})</h2>
        <div class="table-wrapper">
            <table>
                <thead><tr><th scope="col">Cell ID</th><th scope="col">Status</th><th scope="col">Error</th></tr></thead>
                <tbody>
                {% for c in failed_cells %}
                <tr>
                    <td class="mono" translate="no">{{ c.cell_id }}</td>
                    <td class="{{ 'fail' if c.status == 'failed' else 'partial' }}">{{ c.status }}</td>
                    <td class="truncate" title="{{ c.error or '' }}">{{ c.error or '' }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
    {% endif %}

    <div class="summary-cards">
        <div class="summary-card">
            <div class="value">{{ total_cells }}</div><div class="label">Total Cells</div>
        </div>
        <div class="summary-card">
            <div class="value">{{ passed }}</div><div class="label">Passed</div>
        </div>
        <div class="summary-card">
            <div class="value">${{ "%.4f"|format(cost) }}</div><div class="label">Cost</div>
        </div>
        <div class="summary-card">
            <div class="value">{{ total_count }}</div><div class="label">Filtered</div>
        </div>
    </div>

    {% if run_metadata %}
    <details class="metadata-panel">
        <summary>Run Metadata</summary>
        <dl>
            <dt>Created</dt><dd>{{ run_metadata.created_at }}</dd>
            {% if run_metadata.harness_evaluator_version %}<dt>Version</dt><dd>{{ run_metadata.harness_evaluator_version }}</dd>{% endif %}
            {% if run_metadata.docker_image %}<dt>Docker Image</dt><dd>{{ run_metadata.docker_image }}</dd>{% endif %}
        </dl>
        {% if run_metadata.config_json %}
        <pre class="code-block">{{ run_metadata.config_json }}</pre>
        {% endif %}
    </details>
    {% endif %}

    <div class="filters">
        <form method="get" action="/run/{{ run_name | urlencode }}" aria-label="Filter results">
            <div class="filter-group">
                <label for="filter-model">Model</label>
                <select id="filter-model" name="model" autocomplete="off">
                    <option value="">All models</option>
                    {% for m in models %}
                    <option value="{{ m }}" {% if m == current_model %}selected{% endif %}>{{ m }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="filter-group">
                <label for="filter-harness">Harness</label>
                <select id="filter-harness" name="harness" autocomplete="off">
                    <option value="">All harnesses</option>
                    {% for h in harnesses %}
                    <option value="{{ h }}" {% if h == current_harness %}selected{% endif %}>{{ h }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="filter-group">
                <label for="filter-track">Track</label>
                <select id="filter-track" name="track" autocomplete="off">
                    <option value="">All tracks</option>
                    {% for t in tracks %}
                    <option value="{{ t }}" {% if t == current_track %}selected{% endif %}>{{ t }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="filter-group">
                <label for="filter-min-success">Min Success</label>
                <input id="filter-min-success" name="min_success" type="number" inputmode="decimal"
                       placeholder="0.5…" step="0.1" min="0" max="1" autocomplete="off"
                       value="{{ '' if current_min_success is none else current_min_success }}">
            </div>
            <div class="filter-group">
                <label for="filter-per-page">Per Page</label>
                <input id="filter-per-page" name="per_page" type="number" inputmode="numeric"
                       value="{{ per_page }}" min="1" max="500" autocomplete="off">
            </div>
            <button type="submit" class="btn btn-primary">Filter</button>
        </form>
        <a class="btn" href="/run/{{ run_name | urlencode }}/export/csv?{{ base_query }}">Export CSV</a>
        <a class="btn" href="/run/{{ run_name | urlencode }}/export/json?{{ base_query }}">Export JSON</a>
    </div>

    {% if leaderboards %}
    <section class="section">
        <h2>Leaderboards</h2>
        {% for model_name, rows in leaderboards.items() %}
        <h3 translate="no">{{ model_name }}</h3>
        <div class="table-wrapper">
            <table class="leaderboard">
                <thead>
                    <tr><th scope="col">Harness</th><th scope="col">Success</th>
                        <th scope="col">Avg Tokens</th><th scope="col">Avg Cost</th>
                        <th scope="col">Avg Time</th><th scope="col">API Calls</th></tr>
                </thead>
                <tbody>
                {% for row in rows %}
                {% set sv = row.success_pct | float %}
                <tr>
                    <td class="mono" translate="no">{{ row.harness }}</td>
                    <td class="{{ row.success_class }}">
                        <span class="success-bar" style="--bar-width: {{ sv }}%"><span>{{ row.success_pct }}%</span></span>
                    </td>
                    <td>{{ row.avg_tokens }}</td>
                    <td>${{ row.avg_cost }}</td>
                    <td>{{ row.avg_time_s }}s</td>
                    <td>{{ row.avg_api_calls }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {% endfor %}
    </section>
    {% endif %}

    <section class="section">
        <h2>Results ({{ total_count }} total, showing {{ results|length }})</h2>
        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        {{ th_sort('harness', 'Harness', sort, order, base_query, run_name) }}
                        {{ th_sort('model', 'Model', sort, order, base_query, run_name) }}
                        {{ th_sort('task_id', 'Task', sort, order, base_query, run_name) }}
                        {{ th_sort('repeat', 'Repeat', sort, order, base_query, run_name) }}
                        {{ th_sort('exit_class', 'Exit', sort, order, base_query, run_name) }}
                        {{ th_sort('success', 'Success', sort, order, base_query, run_name) }}
                        {{ th_sort('total_cost', 'Cost', sort, order, base_query, run_name) }}
                        {{ th_sort('latency_ms', 'Time', sort, order, base_query, run_name) }}
                        {{ th_sort('num_api_calls', 'API Calls', sort, order, base_query, run_name) }}
                        <th scope="col">Error Class</th>
                        <th scope="col">Error Message</th>
                    </tr>
                </thead>
                <tbody>
                {% for r in results %}
                {% set total_tokens = r.input_tokens + r.output_tokens + r.cache_read_tokens + r.cache_write_tokens + r.reasoning_tokens %}
                {% set exit_class = 'pass' if r.exit_class == 'pass' else ('partial' if r.exit_class == 'partial' else ('kill' if r.exit_class in ('retryable_kill', 'non_retryable_kill') else 'fail')) %}
                <tr>
                    <td class="mono" translate="no">{{ r.harness }}</td>
                    <td class="mono truncate" translate="no">{{ r.model }}</td>
                    <td><a href="/run/{{ run_name | urlencode }}/cell/{{ r.cell_id | urlencode }}" translate="no">{{ r.task_id }}</a></td>
                    <td>r{{ r.repeat }}</td>
                    <td class="{{ exit_class }}">{{ r.exit_class }}</td>
                    <td>{{ "%.2f"|format(r.success) }}</td>
                    <td>${{ "%.6f"|format(r.total_cost) }}</td>
                    <td>{{ "%.1f"|format(r.latency_ms / 1000) }}s</td>
                    <td>{{ r.num_api_calls }}</td>
                    <td class="truncate" translate="no">{{ r.error_class or '' }}</td>
                    <td class="truncate" title="{{ r.error_message or '' }}">{{ r.error_message or '' }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>

        {% if phase_results %}
        <h3>Phase Details (current page)</h3>
        {% for cell_id, phases in phase_results.items() %}
        <details class="metadata-panel">
            <summary>{{ cell_id }} ({{ phases|length }} phase{{ 's' if phases|length != 1 else '' }})</summary>
            <div class="table-wrapper">
                <table>
                    <thead><tr><th scope="col">Phase</th><th scope="col">Model</th><th scope="col">Role</th>
                        <th scope="col">Exit Code</th><th scope="col">Duration</th><th scope="col">Timed Out</th>
                        <th scope="col">Tokens</th><th scope="col">Cost</th><th scope="col">Error</th></tr></thead>
                    <tbody>
                    {% for p in phases %}
                    <tr>
                        <td class="mono" translate="no">{{ p.phase_name }}</td>
                        <td class="mono truncate" translate="no">{{ p.model }}</td>
                        <td>{{ p.model_role }}</td>
                        <td>{{ p.exit_code }}</td>
                        <td>{{ "%.1f"|format(p.duration_ms / 1000) }}s</td>
                        <td>{{ "yes" if p.timed_out else "no" }}</td>
                        <td>{{ p.input_tokens + p.output_tokens }}</td>
                        <td>${{ "%.6f"|format(p.total_cost) }}</td>
                        <td class="truncate" title="{{ p.error or '' }}">{{ p.error or '' }}</td>
                    </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </details>
        {% endfor %}
        {% endif %}

        {% if total_pages > 1 %}
        <nav class="pagination" aria-label="Pagination">
            {% if page > 1 %}
            <a href="/run/{{ run_name | urlencode }}?{{ base_query }}&amp;sort={{ sort or '' }}&amp;order={{ order or '' }}&amp;page={{ page - 1 }}" rel="prev">&laquo; Prev</a>
            {% endif %}
            {% for p in range(1, total_pages + 1) %}
                {% if p == page %}
                <span class="current" aria-current="page">{{ p }}</span>
                {% elif p <= 5 or p > total_pages - 2 or (p >= page - 1 and p <= page + 1) %}
                <a href="/run/{{ run_name | urlencode }}?{{ base_query }}&amp;sort={{ sort or '' }}&amp;order={{ order or '' }}&amp;page={{ p }}">{{ p }}</a>
                {% elif p == 6 or p == total_pages - 2 %}
                <span class="ellipsis" aria-hidden="true">…</span>
                {% endif %}
            {% endfor %}
            {% if page < total_pages %}
            <a href="/run/{{ run_name | urlencode }}?{{ base_query }}&amp;sort={{ sort or '' }}&amp;order={{ order or '' }}&amp;page={{ page + 1 }}" rel="next">Next &raquo;</a>
            {% endif %}
        </nav>
        {% endif %}
    </section>
{% endblock %}