{% extends "base.html" %}
{% block title_suffix %} — Trends{% endblock %}
{% block content %}

<h1>Trends</h1>

<div class="card">
  <div class="card-title">Status &mdash; Building</div>
  <p style="font-size:0.875rem; color:#374151; margin-bottom:0.75rem;">
    Trend analysis requires sufficient session history before it can provide honest,
    non-misleading results. The cold-start gate is not yet met across all task types.
  </p>
  <div class="caveat">
    <strong>Why trends are parked:</strong> Honest trend analysis requires a stable self-baseline
    (&ge; 8 lean sessions) AND &ge; 3 calendar-week windows with &ge; 5 content sessions per type.
    Drawing trend lines through fewer sessions produces confident-looking graphs over noise.
    A trend that appears to show improvement &mdash; but reflects a shifting baseline or sparse
    data &mdash; is worse than no trend.
  </div>
  <p style="font-size:0.82rem; color:#6b7280; margin-top:0.6rem;">
    When the gate is met: trend raw session cost or real_tokens over time, with the self-baseline
    as a static reference line. Do NOT trend &ldquo;delta from baseline&rdquo; &mdash;
    the baseline shifts as sessions accumulate.
  </p>
</div>

{% if task_type_rows %}
<div class="section">
  <div class="section-label">Session Count by Type</div>
  <table style="width:auto;">
    <thead>
      <tr>
        <th>Task Type</th>
        <th style="text-align:right;">Sessions</th>
      </tr>
    </thead>
    <tbody>
      {% for row in task_type_rows %}
      <tr>
        <td>{{ row.task_type }}</td>
        <td style="text-align:right;">{{ row.cnt }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{% endblock %}