{% extends "base.html" %}
{% block title %}Traces — AI Reliability Platform{% endblock %}
{% block content %}
<div class="page-header">
    <h2>Traces</h2>
    <p>LLM call traces for debugging and observability</p>
</div>

{% if traces %}
<table>
    <thead>
        <tr><th>Trace ID</th><th>Name</th><th>Status</th><th>Latency</th><th>Tokens</th><th>Time</th></tr>
    </thead>
    <tbody>
    {% for t in traces %}
        <tr>
            <td><a href="/traces/{{ t.trace_id }}">{{ t.trace_id[:8] }}...</a></td>
            <td>{{ t.name or "—" }}</td>
            <td><span class="badge {{ t.status }}">{{ t.status }}</span></td>
            <td>{{ "%.0f"|format(t.total_latency_ms) }}ms</td>
            <td>{{ t.total_tokens }}</td>
            <td>{{ t.created_at.strftime("%Y-%m-%d %H:%M:%S") }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% else %}
<div class="empty">No traces yet. Traces are created automatically when you run evaluations.</div>
{% endif %}
{% endblock %}