{% 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>
    {# Copy-report button — copies the full report text (the <pre
       data-log> contents) to the clipboard. Lives in the H1 so it
       sits near the run identity, where users naturally look when
       they want to share/save a report. Disabled gracefully when
       navigator.clipboard is unavailable. #}
    <button type="button"
            class="btn-copy-report"
            data-copy-report
            data-tooltip="Copy the full report to clipboard"
            aria-label="Copy report to clipboard">
      <span class="btn-copy-report-label">Copy report</span>
    </button>
  </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>
  {# data-exclude-run-id filters this strip down to OTHER runs of the
     same workflow. Without it, the current run would appear as one
     of its own "Recent" siblings (P1-5 in the 2026-05-14 QA punch list). #}
  <div class="run-view-history" data-recent-runs="{{ run.workflow }}" data-exclude-run-id="{{ run.id }}" hidden></div>
  {# Phase 5 — structured recommendation cards. Workflows emit
     ATTUNE_REC <json> stdout lines; the runner parses, validates,
     and broadcasts them on the recommendation SSE channel.
     run_view.js renders each payload as an action card here. #}
  <div class="run-view-recommendations" data-recommendations hidden></div>
</section>

{# Phase 3.3 — live progress for discovery-sweep. Hidden unless the
   workflow name matches; run_view.js populates the per-source state
   from ATTUNE_DS lines on the SSE stream. The static markup orders
   sources alphabetically so the layout stays stable; the JS only
   flips status without moving DOM nodes. #}
{% if run.workflow == "discovery-sweep" %}
  <section class="sweep-progress" data-sweep-progress hidden>
    <h2 class="sweep-progress-head">Sources</h2>
    <ul class="sweep-progress-list">
      {% for src in ["bug-predict", "dependency-check", "doc-audit", "pattern-scan", "perf-audit", "security-audit", "test-audit"] %}
        <li class="sweep-progress-item" data-source="{{ src }}" data-state="pending">
          <span class="sweep-progress-glyph" aria-hidden="true">⌛</span>
          <code class="sweep-progress-name">{{ src }}</code>
          <span class="sweep-progress-detail muted" data-source-detail></span>
        </li>
      {% endfor %}
    </ul>
  </section>
{% endif %}

{# T6 (workflow-result-formatting) — structured report panel. Hidden
   until run_view.js fetches /runs/<id>/report (on page load for
   terminal runs, on the SSE done event for live ones) and converts
   the renderer's markdown subset to HTML. Runs without a structured
   report never reveal this section. #}
<section class="run-report-panel" data-report-panel hidden></section>

{# When stream_url is empty, this run was loaded from disk (older than
   the runner's in-memory ring buffer). Server pre-fills the log here
   so the page renders without SSE — run_view.js detects the empty
   stream_url and skips EventSource creation.
   The <details> wrapper stays open while the run streams; once the
   structured report panel renders, run_view.js collapses it so the
   report is the page's primary content and the raw output becomes a
   click-to-expand process log (T6). #}
<details class="run-log-details" data-log-details open>
  <summary>Process log</summary>
  <pre class="log-output run-view-log" data-log>{% for line in server_rendered_lines %}{{ line }}
{% endfor %}</pre>
</details>

{# Phase 3a — collapsible raw stderr from the underlying claude CLI
   subprocess when an SDK-backed workflow fails. Default-collapsed so
   the page stays scannable; one click expands the redacted stderr.
   Block is omitted entirely when sdk_stderr is None (no SDK failure
   was captured, or the run predates the Phase 3a schema). See
   docs/specs/sdk-error-message-fidelity/. #}
{% if run.sdk_stderr %}
<details class="sdk-error-detail">
  <summary>Raw stderr from claude CLI{% if run.sdk_error_kind %} ({{ run.sdk_error_kind }}){% endif %}</summary>
  <pre class="sdk-error-stderr">{{ run.sdk_stderr }}</pre>
</details>
{% endif %}

<p class="meta run-view-foot">
  {% if stream_url %}
    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.
  {% else %}
    This run was loaded from disk; the log shown above is its final
    captured output. Live streaming is not attached because the run is
    no longer in the runner's in-memory ring buffer.
  {% endif %}
</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 }},
  "run_id": {{ run.id|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') }}?v={{ attune_version }}"></script>
<script src="{{ url_for('static', path='js/run_view.js') }}?v={{ attune_version }}"></script>
{% endblock %}