{% extends "base.html" %}

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

<div class="space-y-3 max-w-4xl">
{% for ex in executions %}
<div class="border border-zinc-800 bg-zinc-900 rounded-xl p-4 text-sm">
    <div class="flex justify-between">
        <div><span class="font-mono">{{ 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">Status: <span class="font-mono">{{ ex.status }}</span></div>
</div>
{% else %}
<div class="text-zinc-400">No hay ejecuciones todavía.</div>
{% endfor %}
</div>
{% endblock %}