{% extends "base.html" %}
{% block title %}{{ task.objective }} | {{ app_name }}{% endblock %}
{% block head %}{% if run.state == "running" %}<script src="/static/refresh.js" defer></script>{% endif %}{% endblock %}
{% block content %}
<p class="back"><a href="/app">All runs</a></p>
<div class="page-head">
  <div>
    <h1>{{ task.objective }}</h1>
    <p class="sub small">Run <code>{{ run.id }}</code>, attempt {{ run.attempt }}{% if run.parent_run_id %}, sub-agent of <a href="/app/runs/{{ run.parent_run_id }}"><code>{{ run.parent_run_id }}</code></a>{% endif %}. Started {{ run.created_at | datetime }}.</p>
  </div>
  <span class="state lg state-{{ run.state }}">{{ run.state | capitalize }}</span>
</div>

<div class="two-col">
  <div>
    {% for i in interventions %}
      {% if i.actor == "supervisor" %}
      <section class="finding {{ 'flag' if i.action != 'pause' }}">
        <h3>{{ "Paused" if i.action == "pause" else "Flagged" }}: {{ i.rule | rule_label }}</h3>
        <p class="flush">{{ i.message }}{% if i.spend_micros is not none %} Estimated task spend at that point: {{ i.spend_micros | usd2 }}.{% endif %}</p>
        {% if i.action != "pause" %}<p class="small muted note">Observation only: the run was not paused. Turn on pausing for this rule in Settings once you trust it.</p>{% endif %}
        {% if i.confidence != "high" %}<p class="small muted note">Low confidence: some events from this run never arrived, so it was flagged instead of paused.</p>{% endif %}
        {% if i.evidence %}<p class="small muted note">The {{ i.evidence | length }} steps behind this are highlighted below.</p>{% endif %}
      </section>
      {% else %}
      <section class="finding human">
        <h3>{{ {"pause": "Paused", "continue": "Continued", "stop": "Stopped"}.get(i.action, i.action) }} by {{ i.actor }}</h3>
        <p class="flush">{{ i.message }}</p>
        <p class="small muted note">{{ i.created_at | datetime }}</p>
      </section>
      {% endif %}
    {% endfor %}

    <section class="panel list">
      <div class="table-wrap">
      <table>
        <thead><tr><th class="num">Step</th><th>What happened</th><th class="num">Est. cost</th><th class="num hide-sm">Running total</th></tr></thead>
        <tbody>
        {% for e in events %}
          <tr class="{{ 'hit' if e.event_id in evidence }}">
            <td class="num muted">{{ e.seq }}</td>
            <td>{{ e | describe }}</td>
            <td class="num">{{ e.cost }}</td>
            <td class="num muted hide-sm">{{ e.running }}</td>
          </tr>
        {% else %}
          <tr><td colspan="4" class="empty">No events yet.</td></tr>
        {% endfor %}
        </tbody>
      </table>
      </div>
    </section>
  </div>

  <aside>
    <section class="panel">
      <h2>Spend</h2>
      <dl class="facts">
        <div><dt>This run</dt><dd>{{ run.spend_micros | usd2 }}</dd></div>
        <div><dt>Whole task</dt><dd>{{ task_spend.estimated_micros | usd2 }}</dd></div>
      </dl>
      <p class="small muted note-lg">
        {% if task.budget_micros is not none %}Task budget {{ task.budget_micros | usd2 }}.{% else %}No budget set for this task.{% endif %}
        {% if task.max_calls %} Call cap {{ task.max_calls }}.{% endif %}
        {{ task_spend.calls }} model call{{ "s" if task_spend.calls != 1 }} so far.
        {% if task_spend.unpriced_calls %}{{ task_spend.unpriced_calls }} used a model with no known price; add it under Settings.{% endif %}
        Costs are estimates from token counts.
      </p>
    </section>

    {% if run.state == "paused" %}
    <section class="panel">
      <h2>Continue this run</h2>
      <p class="small muted">The agent's next step will go ahead. Loop detection starts fresh from here.</p>
      <form method="post" action="/app/runs/{{ run.id }}/continue">
        <input type="hidden" name="csrf" value="{{ session.csrf }}">
        <div class="field"><label for="reason">Why continue?</label>
          <input id="reason" name="reason" type="text" required maxlength="1000" placeholder="e.g. it's close; one more approach"></div>
        {% if task.budget_micros is not none %}
        <div class="field"><label for="add">Add budget (USD)</label>
          <input id="add" name="add_budget_usd" type="number" min="0" step="0.01" value="0">
          <p class="hint">Needed if the run was paused for its budget.</p></div>
        {% endif %}
        <button class="btn" type="submit">Continue run</button>
      </form>
    </section>
    {% endif %}

    {% if run.state in ("running", "paused") %}
    <section class="panel">
      <h2>{{ "Stop" if run.state == "paused" else "Pause or stop" }}</h2>
      {% if run.state == "running" %}
      <form method="post" action="/app/runs/{{ run.id }}/pause" class="gap-after">
        <input type="hidden" name="csrf" value="{{ session.csrf }}">
        <div class="field"><label for="pause-reason">Reason</label>
          <input id="pause-reason" name="reason" type="text" maxlength="1000" placeholder="Optional"></div>
        <button class="btn quiet" type="submit">Pause run</button>
      </form>
      {% endif %}
      <form method="post" action="/app/runs/{{ run.id }}/stop">
        <input type="hidden" name="csrf" value="{{ session.csrf }}">
        {% if run.state == "paused" %}<div class="field"><label for="stop-reason">Reason</label>
          <input id="stop-reason" name="reason" type="text" maxlength="1000" placeholder="Optional"></div>{% else %}<input type="hidden" name="reason" value="stopped from dashboard">{% endif %}
        <button class="btn danger" type="submit">Stop run</button>
        <p class="hint">Stopping is permanent for this run.</p>
      </form>
    </section>
    {% endif %}
  </aside>
</div>
{% endblock %}