{% for node in nodes %}
<div class="node-card {{ node.state }}">
  <div>
    <span class="badge badge-{{ node.state }}">{{ node.state | replace('_', ' ') }}</span>
  </div>
  <div style="flex:1;min-width:0;">
    <div class="node-id">{{ node.id }}</div>
    {% if node.plugin %}<div class="node-plugin">{{ node.plugin }}</div>{% endif %}
    {% if node.message %}<div class="small text-warn mt-8">{{ node.message }}</div>{% endif %}
    {% if node.error %}<div class="small text-danger mt-8">{{ node.error }}</div>{% endif %}
    {% if node.output_path %}<div class="small text-muted mt-8">{{ node.output_path }}</div>{% endif %}
  </div>
  <div class="node-actions">
    {% if node.state == "awaiting_human" %}
    <button class="btn btn-warn btn-sm"
            hx-post="/api/approve/{{ node.id }}"
            hx-target="#pipeline-nodes"
            hx-swap="innerHTML">Approve</button>
    <button class="btn btn-ghost btn-sm"
            hx-post="/api/skip/{{ node.id }}"
            hx-target="#pipeline-nodes"
            hx-swap="innerHTML">Skip</button>
    {% endif %}
    {% if node.state == "failed" %}
    <button class="btn btn-danger btn-sm"
            hx-post="/api/retry/{{ node.id }}"
            hx-target="#pipeline-nodes"
            hx-swap="innerHTML">Retry</button>
    {% endif %}
  </div>
</div>
{% else %}
<p class="text-muted small">No nodes — check pipeline.yaml.</p>
{% endfor %}