{% extends 'eval/base.html' %}
{% block title %}Trace Runs | Eval Admin{% endblock %}

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

{% block content %}
<div x-data="traceRunsPageData()" x-init="applyFilters(); $watch('filters', () => applyFilters(), { deep: true })">
  <script id="eval-trace-runs-data" type="application/json">
  {"filterTags": {{ filter_tags_json|safe }}, "filterTokenOptions": {{ filter_token_options_json|safe }}, "filterCostOptions": {{ filter_cost_options_json|safe }}, "apiFilteredRunsUrl": "{% url 'Eval:api_filtered_runs' %}", "apiExportUrl": "{% url 'Eval:api_export_trace_runs' %}", "tableLimit": {{ table_limit|default:20 }}}
  </script>
  {% include "eval/components/_run_filters.html" %}
  {% include "eval/components/_run_table.html" with title="All trace runs" columns=table_columns show_actions=True actions=table_actions %}
</div>

{% load static %}
<script src="{% static 'eval/js/eval-trace-runs.js' %}"></script>
{% endblock %}