{% extends "base.html" %}
{% block title %}Sessions{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Sessions</h1>
  <p class="page-sub">
    Recent Claude Code sessions for this project — summarized starter
    prompts to help you resume work.
  </p>
</section>

{# Sessions S3b — reads Claude Code's per-project JSONL logs, surfaces
   last-3-days sessions, and replaces the heuristic starter prompt with
   a Haiku-summarized version when ATTUNE_OPS_SESSIONS_LLM is on and
   the budget allows. The `source` chip per row tells the user which
   lane produced the text (heuristic, haiku, cached). `?compare=1`
   renders both heuristic + haiku columns side-by-side (dev tool).
   S4 lifts the most-recent session into a prominent resume card;
   S5 marks the live session. #}
<section class="panel">
  {% if compare_mode and compare_columns %}
    {# Compare mode — renders heuristic + haiku starter prompts
       side-by-side on the same row, indexed by session id. No UI
       affordance points here; discoverable only by URL. #}
    <p class="meta">
      Compare mode: heuristic vs Haiku starter prompts.
      {% if not llm_enabled %}<strong>(Haiku disabled — second column will be empty)</strong>{% endif %}
    </p>
    <table class="data-table sessions-table">
      <thead>
        <tr>
          <th>Session</th>
          <th>Last activity</th>
          <th>Heuristic</th>
          <th>Haiku</th>
        </tr>
      </thead>
      <tbody>
        {# Iterate the heuristic column by index; pull the matching
           haiku row from the second column. Lengths are identical
           because both columns are built from the same path list. #}
        {% for h in compare_columns[0].sessions %}
          {% set hk = compare_columns[1].sessions[loop.index0] %}
          <tr>
            <td><code class="session-id">{{ h.id[:8] }}</code></td>
            <td><code class="session-ts" data-tooltip="{{ h.last_activity }}" aria-label="Last activity {{ h.last_activity }}">{{ h.last_activity[:19] }}</code></td>
            <td class="session-prompt">
              <span class="chip chip-muted" style="float:right;margin-left:0.5em">{{ h.source }}</span>
              {{ h.starter_prompt }}
            </td>
            <td class="session-prompt">
              <span class="chip chip-muted" style="float:right;margin-left:0.5em">{{ hk.source }}</span>
              {{ hk.starter_prompt }}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% elif sessions %}
    <table class="data-table sessions-table">
      <thead>
        <tr>
          <th>Session</th>
          <th>Last activity</th>
          <th class="num">Duration</th>
          <th class="num">Prompts</th>
          <th>Starter prompt</th>
          <th>Source</th>
        </tr>
      </thead>
      <tbody>
        {% for s in sessions %}
          <tr>
            <td><code class="session-id">{{ s.id[:8] }}</code></td>
            <td><code class="session-ts" data-tooltip="{{ s.last_activity }}" aria-label="Last activity {{ s.last_activity }}">{{ s.last_activity[:19] }}</code></td>
            <td class="num">{% if s.duration_seconds > 0 %}{{ '%.0fs'|format(s.duration_seconds) if s.duration_seconds < 60 else '%.0fm'|format(s.duration_seconds / 60) }}{% else %}—{% endif %}</td>
            <td class="num">{{ s.message_count }}</td>
            <td class="session-prompt">{{ s.starter_prompt }}</td>
            <td>
              {# Per-source tooltip copy explains where the text came
                 from. 'haiku' = fresh LLM call this load; 'cached' =
                 a prior Haiku call's persisted summary; 'heuristic' =
                 fallback (LLM disabled, budget exhausted, or any
                 failure path). #}
              <span class="chip chip-muted" data-tooltip="{% if s.source == 'heuristic' %}First user prompt, truncated{% elif s.source == 'haiku' %}Summarized by Haiku this page load{% elif s.source == 'cached' %}Cached Haiku summary from a prior load{% else %}{{ s.source }}{% endif %}" aria-label="Source: {{ s.source }}">{{ s.source }}</span>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    {% if over_budget %}
      {# Per-page-load budget breach. Trailing sessions render with
         their heuristic prompt rather than a fresh Haiku call. Cache
         hits still happen post-breach (free). #}
      <p class="meta" style="color: var(--warning, #aa6500)">
        Per-page Haiku budget exceeded. Some rows above show heuristic
        prompts. Configure with <code>ATTUNE_OPS_SESSIONS_BUDGET_USD</code>.
      </p>
    {% endif %}
    <p class="meta">
      Older sessions (beyond 3 days) stay on disk at
      <code>{{ sessions_dir }}</code> but aren't surfaced here.
    </p>
  {% else %}
    <p class="empty">
      No sessions in the last 3 days for
      <code>{{ project_name | default(project_root.split('/')[-1]) }}</code>.
      Older sessions are at <code>{{ sessions_dir }}</code>.
    </p>
  {% endif %}
</section>
{% endblock %}