{% extends "base.html" %}

{% block content %}
<h1 class="text-3xl font-semibold mb-6">📜 Execution History</h1>

<div class="space-y-3 max-w-4xl">
{% for ex in executions %}
{% set sc = 'emerald' if ex.status == 'completed' else ('amber' if 'awaiting' in ex.status else 'red') %}
<div class="border border-zinc-800 bg-zinc-900 rounded-xl p-4 text-sm">
    <div class="flex justify-between items-center">
        <div><span class="font-mono text-xs">{{ ex.trace_id }}</span></div>
        <div class="text-xs text-zinc-400">{{ ex.agent_name }} v{{ ex.agent_version }}</div>
    </div>
    <div class="mt-1 flex items-center gap-2">
        <span class="text-xs px-2 py-px rounded bg-{{ sc }}-500/10 text-{{ sc }}-400 font-mono">{{ ex.status }}</span>
        <span class="text-[10px] text-zinc-500">{{ ex.n_proposed_actions }} acciones</span>
    </div>
</div>
{% else %}
<div class="text-zinc-400">No executions yet.</div>
{% endfor %}
</div>
{% endblock %}