{% extends "base.html" %}
{% block title %}{{ d.summary.run_id }} — AgentSwing{% endblock %}
{% block subtitle %}<a href="/">← all runs</a> &nbsp;·&nbsp; {{ d.summary.target or '' }}{% endblock %}

{% block content %}
<h2 style="margin-top:0">
  {{ d.summary.run_id }}
  {% if d.summary.active %}<span class="pass" style="font-size:.8rem;font-weight:400"><span class="dot"></span>running</span>{% endif %}
</h2>

{% if d.summary.active or not d.summary.judged %}
<div id="livewrap">
  <h2>Progress</h2>
  <div id="live">
    {% for e in d.events %}<div>{{ e.event }}{% if e.scenario %} — {{ e.scenario }}{% endif %}</div>{% endfor %}
  </div>
</div>
{% endif %}

{% if d.report %}
<div class="grid">
  <div class="stat"><div class="n">{{ d.report.summary.total }}</div><div class="l">scenarios</div></div>
  <div class="stat"><div class="n pass">{{ d.report.summary.passed }}</div><div class="l">passed</div></div>
  <div class="stat"><div class="n fail">{{ d.report.summary.failed }}</div><div class="l">failed</div></div>
  <div class="stat"><div class="n error">{{ d.report.summary.errored }}</div><div class="l">not tested</div></div>
  <div class="stat"><div class="n">{{ '%.0f%%'|format(d.report.summary.pass_rate) if (d.report.summary.passed + d.report.summary.failed) else 'n/a' }}</div><div class="l">pass rate</div></div>
  <div class="stat"><div class="n">{{ '%.1f'|format(d.report.summary.mean_score) }}</div><div class="l">mean score</div></div>
</div>

{% if d.summary.errored %}
<p class="meta">
  <strong>{{ d.summary.errored }} scenario{{ '' if d.summary.errored == 1 else 's' }} could not be tested.</strong>
  AgentSwing never reached the agent, so it makes no claim about it — these are
  configuration or infrastructure problems, not agent bugs.
</p>
{% endif %}

<h2>Issues, worst first</h2>
{% if not d.issues %}
  <p class="muted">None found.</p>
{% else %}
  {% for i in d.issues %}
  <div class="card {{ 'error' if i.severity.value == 'critical' else 'fail' }}">
    <span class="badge {{ 'error' if i.severity.value == 'critical' else 'fail' }}">{{ i.severity.value }}</span>
    <strong>{{ i.title }}</strong>
    <p class="meta">{{ i.scenario }} · <code>{{ i.id }}</code></p>
    {% if i.description %}<p>{{ i.description }}</p>{% endif %}
    {% if i.evidence %}<details><summary>Evidence</summary><pre>{{ i.evidence }}</pre></details>{% endif %}
    {% if i.suggestion %}<p class="meta"><strong>What to try:</strong> {{ i.suggestion }}</p>{% endif %}
  </div>
  {% endfor %}
{% endif %}

<h2>Scenarios</h2>
{% for r in d.results %}
<div class="card {{ status_class(r.status) }}">
  <span class="badge {{ status_class(r.status) }}">{{ r.status.value }}</span>
  <strong>{{ r.transcript.scenario }}</strong>
  <p class="meta">Goal: {{ r.transcript.persona.goal }}</p>
  <p class="meta">
    Ended {{ r.transcript.termination.value|replace('_',' ') }}
    after {{ r.transcript.turns|length }} turn{{ '' if r.transcript.turns|length == 1 else 's' }}
  </p>
  {% if r.status.value == 'error' and r.transcript.error %}
    <p class="meta error"><strong>Could not test:</strong> {{ r.transcript.error }}</p>
    {% if r.transcript.error_hint %}<pre>{{ r.transcript.error_hint }}</pre>{% endif %}
  {% endif %}
  {% if r.verdict and not r.verdict.errored %}
    <p class="meta">Score <strong>{{ '%.1f'|format(r.verdict.score) }}/10</strong> ·
      goal achieved: <strong>{{ 'yes' if r.verdict.goal_achieved else 'no' }}</strong>
      {%- if r.verdict.samples > 1 %} · {{ r.verdict.samples }} judgements, majority-voted{% endif %}</p>
    {% if r.verdict.unstable %}
    <p class="meta error"><strong>Unstable verdict:</strong>
      {{ r.verdict.dissent }} of {{ r.verdict.samples }} judgements disagreed, scores ranged over
      {{ '%.1f'|format(r.verdict.score_spread) }} points. The goal is probably ambiguous.</p>
    {% endif %}
    {% if r.verdict.reasoning %}<p>{{ r.verdict.reasoning }}</p>{% endif %}
  {% endif %}
  {% if r.transcript.turns %}
  <details>
    <summary>Conversation ({{ r.transcript.turns|length }} turns)</summary>
    {% for t in r.transcript.turns %}
    <div class="turn">
      <div class="who">User</div><p class="msg">{{ t.user_message }}</p>
      <div class="who">Agent · {{ t.latency_ms }}ms</div>
      <p class="msg">{{ t.agent_reply or '(no reply)' }}</p>
      {% for v in t.validations if not v.passed %}
        <p class="meta fail">✗ {{ v.name }}: {{ v.detail }}</p>
      {% endfor %}
    </div>
    {% endfor %}
  </details>
  {% endif %}
</div>
{% endfor %}

{% elif d.transcripts %}
<p class="meta">
  This run has {{ d.transcripts|length }} transcript{{ '' if d.transcripts|length == 1 else 's' }} but no verdicts yet.
  Score it without re-running the conversations:
</p>
<pre>agentswing judge {{ d.summary.run_id }}</pre>
{% for t in d.transcripts %}
<div class="card muted">
  <strong>{{ t.scenario }}</strong>
  <p class="meta">{{ t.termination.value|replace('_',' ') }} · {{ t.turns|length }} turns</p>
  <details><summary>Conversation</summary>
    {% for turn in t.turns %}
    <div class="turn">
      <div class="who">User</div><p class="msg">{{ turn.user_message }}</p>
      <div class="who">Agent · {{ turn.latency_ms }}ms</div>
      <p class="msg">{{ turn.agent_reply or '(no reply)' }}</p>
    </div>
    {% endfor %}
  </details>
</div>
{% endfor %}
{% else %}
<p class="muted">Nothing recorded for this run yet.</p>
{% endif %}
{% endblock %}

{% block scripts %}
{% if d.summary.active %}
<script>
// Server-sent events: the run appends to progress.jsonl, the server tails it.
const box = document.getElementById('live');
const es = new EventSource('/events/{{ d.summary.run_id }}?from={{ d.events|length }}');
es.onmessage = (m) => {
  const e = JSON.parse(m.data);
  const row = document.createElement('div');
  // The run went quiet for a long time. Say that, rather than claiming it
  // failed — a killed process and a wedged one look identical from here.
  if (e.event === 'stalled') {
    row.className = 'fail';
    row.textContent = 'no progress for ' + Math.round(e.idle_s) + 's — the run may have stopped. '
                    + 'Reload to check.';
  } else {
    row.textContent = e.event + (e.scenario ? ' — ' + e.scenario : '');
    if (e.event === 'scenario_done' && e.error) row.className = 'fail';
  }
  box.appendChild(row);
  box.scrollTop = box.scrollHeight;
  // The run just ended: reload so the verdicts and report appear.
  if (e.event === 'finished' || e.event === 'failed') {
    es.close();
    setTimeout(() => location.reload(), 900);
  }
  if (e.event === 'stalled') es.close();
};
es.onerror = () => es.close();
</script>
{% endif %}
{% endblock %}