{% extends "base.html" %}
{% block title %}{{ run.workflow }} — run {{ run.id[:8] }}{% endblock %}
{% block content %}
<section class="page-head run-view-head">
  <p class="page-sub">
    <a href="/workflows" class="link">← Back to workflows</a>
  </p>
  <h1>
    <code>{{ run.workflow }}</code>
    <span class="run-id-chip">run <code>{{ run.id[:12] }}</code></span>
    <span class="chained-from" data-chained-from hidden></span>
  </h1>
  <p class="page-sub run-view-meta">
    <span class="run-view-status chip" data-status>{{ run.status }}</span>
    {% if run.exit_code is not none %}
      <span class="run-view-exit">exit code <code>{{ run.exit_code }}</code></span>
    {% endif %}
    {% if run.started_at %}
      <span class="run-view-started">started <code>{{ run.started_at }}</code></span>
    {% endif %}
    {% if run.path %}
      <span class="run-view-scope">scope <code>{{ run.path }}</code></span>
    {% endif %}
  </p>
  <div class="run-view-history" data-recent-runs="{{ run.workflow }}" hidden></div>
</section>

<pre class="log-output run-view-log" data-log></pre>

<p class="meta run-view-foot">
  This page reconnects to the run's stream automatically — refresh anytime
  to see the latest output. Buffered output replays for new subscribers,
  so you won't lose history.
</p>
{% endblock %}

{% block scripts %}
{# Server-injected configuration for run_view.js. Using a tagged
   JSON block avoids global-namespace pollution and is unambiguously
   data (not a script). #}
<script id="run-view-data" type="application/json">
{
  "stream_url": {{ stream_url|tojson }},
  "initial_status": {{ run.status|tojson }},
  "workflow": {{ run.workflow|tojson }},
  "path": {{ run.path|tojson }},
  "allow_run": {{ allow_run|tojson }}
}
</script>
{# runner.js provides the shared setupRecentRuns helper that
   run_view.js calls. Loaded BEFORE run_view.js so the helper is
   available when run_view.js initializes. #}
<script src="{{ url_for('static', path='js/runner.js') }}"></script>
<script src="{{ url_for('static', path='js/run_view.js') }}"></script>
{% endblock %}