{% extends "base.html" %}
{% block title %}thirdeye — sessions{% endblock %}
{% block content %}
<section class="sessions-page">
  <div class="sessions-layout">
    <div class="sessions-sidebar"
         hx-get="/views/sessions"
         hx-trigger="load"
         hx-target="this"
         hx-swap="outerHTML">
      {% with page="sessions", saved=saved_views %}
        {% include "_saved_views.html" %}
      {% endwith %}
    </div>

    <div class="sessions-main">
      {% include "sessions/_filter_form.html" %}

      {% with surface="sessions", post_url="/sessions/agentic", target_id="sessions-filter-form" %}
        {% include "_ask_panel.html" %}
      {% endwith %}

      <form class="eval-batch"
            action="/evals/runs/batch"
            method="post"
            hx-post="/evals/runs/batch"
            hx-target="#batch-status">
        <div class="eval-batch-bar">
          <select name="def" aria-label="eval definition">
            <option value="">Pick eval…</option>
            {% for d in eval_defs %}
              <option value="{{ d }}">{{ d }}</option>
            {% endfor %}
          </select>
          <select name="agent" aria-label="agent">
            <option value="">Pick agent…</option>
            {% for a in agents %}
              <option value="{{ a }}">{{ a }}</option>
            {% endfor %}
          </select>
          <button type="submit">Dispatch</button>
        </div>

        {% if sessions %}
        <table class="session-table">
          <thead>
            <tr>
              <th></th>
              <th>session</th>
              <th>platform</th>
              <th>cwd</th>
              <th>started</th>
              <th>events</th>
              <th>status</th>
            </tr>
          </thead>
          <tbody>
            {% for s in sessions %}
              {% include "_session_row.html" %}
            {% endfor %}
          </tbody>
        </table>
        {% else %}
        <p class="empty">No sessions yet.</p>
        {% endif %}
      </form>

      <div id="batch-status"></div>
    </div>
  </div>
</section>
{% endblock %}
{% block scripts %}
<script src="/static/saved_views.js"></script>
{% endblock %}