{% extends 'eval/base.html' %}
{% load static %}
{% block title %}Traces | Eval Admin{% endblock %}

{% block extra_scripts %}
<script src="{% static 'eval/js/eval-traces.js' %}"></script>
{% endblock %}

{% block action_bar %}
<span class="font-semibold">Traces</span>
{% endblock %}

{% block content %}
<div x-data="tracesPageData()" x-init="applyFilters(); $watch('filters', () => applyFilters(), { deep: true })">
  <script id="eval-traces-data" type="application/json">
  {"filterTags": {{ filter_tags_json|safe }}, "filterTokenOptions": {{ filter_token_options_json|safe }}, "filterCostOptions": {{ filter_cost_options_json|safe }}, "apiFilteredTracesUrl": "{% url 'Eval:api_filtered_traces' %}", "tableLimit": {{ table_limit|default:20 }}}
  </script>
  {% include "eval/components/_run_filters.html" %}
  {% include "eval/components/_trace_table.html" with title="All traces" columns=table_columns actions=trace_table_actions %}
</div>

<p class="mt-3 text-sm text-muted-foreground">Trace Library — debugging surface for inspecting raw parsed data. Re-parse re-derives spans, tool call links, and execution paths from raw JSON without re-ingesting.</p>
{% endblock %}