{% extends "base.html" %}
{% block title %}Workflows{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Workflows</h1>
  <p class="page-sub">
    {{ workflows|length }} registered.
    {% if allow_run %}
      Click <strong>Run</strong> to execute one. Output streams below.
    {% else %}
      Read-only mode — restart without <code>--read-only</code> to run from the dashboard.
    {% endif %}
  </p>
</section>

{% if workflows %}
  <table class="data-table runner-table">
    <thead>
      <tr>
        <th>Name</th>
        <th class="num">Stages</th>
        <th>Tier map</th>
        <th>Description</th>
        {% if allow_run %}<th>Scope</th>{% endif %}
        {% if allow_run %}<th class="num">Action</th>{% endif %}
      </tr>
    </thead>
    <tbody>
      {% for w in workflows %}
        <tr data-workflow="{{ w.name }}">
          <td><code>{{ w.name }}</code></td>
          <td class="num">{{ w.stages }}</td>
          <td>
            {% for stage, tier in w.tier_map.items() %}
              <span class="chip chip-{{ tier|lower }}">{{ stage }}: {{ tier }}</span>
            {% endfor %}
          </td>
          <td>
            {{ w.description }}
            <div class="run-status"><span data-status></span></div>
            <div class="recent-runs" data-recent-runs="{{ w.name }}" hidden></div>
            <div class="log-pane" data-log-pane hidden>
              <pre data-log class="log-output"></pre>
            </div>
          </td>
          {% if allow_run %}
            <td class="scope-cell">
              {% if supports_path[w.name] %}
                <select class="scope-picker" data-scope-picker aria-label="Scope for {{ w.name }}">
                  <option value="">Project-wide</option>
                  {% for f in features %}
                    {% if f.path %}
                      <option value="{{ f.path }}" title="{{ f.description }}">{{ f.name }}</option>
                    {% endif %}
                  {% endfor %}
                  <option value="__custom__">Custom path…</option>
                </select>
                <input type="text" class="scope-custom" data-scope-custom hidden
                       placeholder="e.g. src/attune/security/"
                       aria-label="Custom scope path for {{ w.name }}">
              {% else %}
                <span class="scope-na" title="This workflow doesn't accept a path argument">n/a</span>
              {% endif %}
            </td>
            <td class="num">
              <button class="btn btn-run" type="button" data-run-button data-workflow="{{ w.name }}">Run</button>
            </td>
          {% endif %}
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% else %}
  <p class="empty">No workflows are visible. Make sure <code>attune-ai</code> is installed in the same venv as <code>attune-ops</code>.</p>
{% endif %}
{% endblock %}

{% block scripts %}
{# runner.js is loaded unconditionally so the recent-runs strip
   renders in both run and read-only modes. The script's
   DOMContentLoaded handler queries for run-button / scope-picker
   elements that only exist when allow_run is True, so the read-only
   page sees a no-op for those features. #}
<script src="{{ url_for('static', path='js/runner.js') }}"></script>
{% endblock %}