{% extends "base.html" %}
{% block title %}Telemetry{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Telemetry</h1>
  <p class="page-sub">From <code>{{ attune_home }}/telemetry/usage.jsonl</code>.</p>
</section>

<section class="kpi-grid">
  <div class="kpi">
    <div class="kpi-label">Events</div>
    <div class="kpi-value">{{ '{:,}'.format(telemetry.total_requests) }}</div>
  </div>
  <div class="kpi">
    <div class="kpi-label">Total spend</div>
    <div class="kpi-value">${{ '%.2f'|format(telemetry.total_cost) }}</div>
  </div>
  <div class="kpi">
    <div class="kpi-label">Reported savings</div>
    <div class="kpi-value">${{ '%.2f'|format(telemetry.total_savings) }}</div>
  </div>
</section>

<section class="panel">
  <h2>By workflow (top 20)</h2>
  {% if telemetry.by_workflow %}
    <table class="data-table">
      <thead><tr><th>Workflow</th><th class="num">Events</th><th class="num">Cost</th></tr></thead>
      <tbody>
        {% for name, count, cost in telemetry.by_workflow %}
          <tr><td><code>{{ name }}</code></td><td class="num">{{ count }}</td><td class="num">${{ '%.4f'|format(cost) }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="empty">No telemetry events yet.</p>
  {% endif %}
</section>

<section class="panel">
  <h2>Last 14 days</h2>
  {% if telemetry.by_day %}
    <table class="data-table">
      <thead><tr><th>Day</th><th class="num">Events</th><th class="num">Cost</th></tr></thead>
      <tbody>
        {% for day, count, cost in telemetry.by_day %}
          <tr><td><code>{{ day }}</code></td><td class="num">{{ count }}</td><td class="num">${{ '%.4f'|format(cost) }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="empty">No daily activity in the last 14 days.</p>
  {% endif %}
</section>

{% if telemetry.last_event_at %}
  <p class="meta">Last event recorded: <code>{{ telemetry.last_event_at }}</code></p>
{% endif %}

{# US-6 three-panel receipt: reach + freshness + spend together. #}
<section class="panel" id="reach-panel">
  <h2>Reach — latest complete snapshot</h2>
  {% if reach.latest_complete %}
    <p class="meta">Snapshot <code>{{ reach.latest_complete.date }}</code>
      observed <code>{{ reach.latest_complete.taken_at }}</code></p>
    <table class="data-table">
      <thead><tr><th>Package</th><th class="num">last_day</th><th class="num">last_week</th><th class="num">last_month</th></tr></thead>
      <tbody>
        {% for pkg, stats in reach.latest_complete.packages.items() %}
          <tr><td><code>{{ pkg }}</code></td><td class="num">{{ stats.last_day }}</td><td class="num">{{ stats.last_week }}</td><td class="num">{{ stats.last_month }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="empty">No complete reach snapshot yet.</p>
  {% endif %}
  {% if reach.newer_incomplete %}
    <p class="meta warn">
      ⚠ Newer snapshot <code>{{ reach.newer_incomplete.date }}</code> is
      <strong>INCOMPLETE</strong> (missing:
      {% for pkg in reach.newer_incomplete.missing %}<code>{{ pkg }}</code>{% if not loop.last %}, {% endif %}{% endfor %})
      — it does not replace the complete snapshot above.
    </p>
  {% endif %}
</section>

<section class="panel" id="freshness-panel">
  <h2>Freshness — usage.jsonl last write</h2>
  {% if freshness.exists %}
    <p class="meta">Last write: <code>{{ freshness.last_write_at }}</code>
      ({{ '%.1f'|format(freshness.age_hours) }}h ago)</p>
    {% if freshness.stale %}
      <p class="meta warn">⚠ <strong>STALE</strong> — no usage.jsonl write in over 48 hours.</p>
    {% else %}
      <p class="meta">Fresh (under the 48-hour threshold).</p>
    {% endif %}
  {% else %}
    <p class="empty warn">⚠ usage.jsonl not found — freshness unknown (treated as stale).</p>
  {% endif %}
</section>

{% include "_spend_alarm.html" %}

<section class="panel">
  <h2>Short-term memory</h2>
  <p class="page-sub">
    Context the memory hooks inject each session, from
    <code>{{ attune_home }}/telemetry/memory_events.jsonl</code>.
    This is measured <em>cost</em> (tokens added to context) &mdash; not
    a savings figure.
  </p>
  {% if memory_summary and memory_summary.total_events %}
    <div class="kpi-grid">
      <div class="kpi">
        <div class="kpi-label">Tokens injected (est.)</div>
        <div class="kpi-value">{{ '{:,}'.format(memory_summary.total_est_tokens) }}</div>
      </div>
      <div class="kpi">
        <div class="kpi-label">Events</div>
        <div class="kpi-value">{{ '{:,}'.format(memory_summary.total_events) }}</div>
      </div>
      <div class="kpi">
        <div class="kpi-label">Avg tokens / session</div>
        <div class="kpi-value">{{ '{:,.1f}'.format(memory_summary.per_session_avg_tokens) }}</div>
      </div>
    </div>
    <table class="data-table">
      <thead><tr><th>Event</th><th class="num">Fires</th><th class="num">Tokens (est.)</th></tr></thead>
      <tbody>
        {% for name, row in memory_summary.by_event.items() %}
          <tr><td><code>{{ name }}</code></td><td class="num">{{ row.n }}</td><td class="num">{{ '{:,}'.format(row.est_tokens) }}</td></tr>
        {% endfor %}
      </tbody>
    </table>

    {% if memory_signal %}
      <h3>Estimated intervention signal</h3>
      <p class="meta">{{ memory_signal.caption }}</p>
      <div class="kpi-grid">
        <div class="kpi">
          <div class="kpi-label">Rule surfacings (upper bound)</div>
          <div class="kpi-value">{{ '{:,}'.format(memory_signal.rule_surfacings) }}</div>
        </div>
        <div class="kpi">
          <div class="kpi-label">Distinct rules</div>
          <div class="kpi-value">{{ '{:,}'.format(memory_signal.distinct_rules) }}</div>
        </div>
      </div>
      {% if memory_signal.top_rules %}
        <table class="data-table">
          <thead><tr><th>Rule</th><th class="num">Surfaced</th></tr></thead>
          <tbody>
            {% for rule, count in memory_signal.top_rules %}
              <tr><td><code>{{ rule }}</code></td><td class="num">{{ count }}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      {% endif %}
    {% endif %}

    {% if memory_feedback %}
      <h3>Noise signal</h3>
      <p class="meta">{{ memory_feedback.caption }}</p>
      <div class="kpi-grid">
        <div class="kpi">
          <div class="kpi-label">Findings rejected</div>
          <div class="kpi-value">{{ '{:,}'.format(memory_feedback.rejected) }}</div>
        </div>
        <div class="kpi">
          <div class="kpi-label">Findings stashed</div>
          <div class="kpi-value">{{ '{:,}'.format(memory_feedback.findings_written) }}</div>
        </div>
        <div class="kpi">
          <div class="kpi-label">Rejection rate</div>
          <div class="kpi-value">{{ '{:.1%}'.format(memory_feedback.rejection_rate) }}</div>
        </div>
      </div>
      {% if memory_feedback.by_source %}
        <table class="data-table">
          <thead><tr><th>Source</th><th class="num">Rejected</th></tr></thead>
          <tbody>
            {% for src, count in memory_feedback.by_source.items() %}
              <tr><td><code>{{ src }}</code></td><td class="num">{{ count }}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      {% endif %}
    {% endif %}
  {% else %}
    <p class="empty">No memory events yet.</p>
  {% endif %}
</section>

<section class="panel">
  <h2>Dashboard interactions (this session)</h2>
  <p class="page-sub">In-memory counters since the dashboard process started. Resets on restart; no PII, no disk write.</p>
  <div class="kpi-grid">
    <div class="kpi">
      <div class="kpi-label">Pill clicks</div>
      <div class="kpi-value">{{ '{:,}'.format(interaction_totals.get('pill_clicks', 0)) }}</div>
    </div>
    <div class="kpi">
      <div class="kpi-label">Recommendation card clicks</div>
      <div class="kpi-value">{{ '{:,}'.format(interaction_totals.get('rec_card_clicks', 0)) }}</div>
    </div>
    <div class="kpi">
      <div class="kpi-label">Scope picker changes</div>
      <div class="kpi-value">{{ '{:,}'.format(interaction_totals.get('scope_picker_changes', 0)) }}</div>
    </div>
  </div>
  {% if interaction_top.pill_clicks %}
    <h3>Top pills clicked</h3>
    <table class="data-table">
      <thead><tr><th>Workflow</th><th class="num">Clicks</th></tr></thead>
      <tbody>
        {% for name, count in interaction_top.pill_clicks %}
          <tr><td><code>{{ name }}</code></td><td class="num">{{ count }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}
  {% if interaction_top.rec_card_clicks %}
    <h3>Recommendation cards by kind</h3>
    <table class="data-table">
      <thead><tr><th>Kind</th><th class="num">Clicks</th></tr></thead>
      <tbody>
        {% for kind, count in interaction_top.rec_card_clicks %}
          <tr><td><code>{{ kind }}</code></td><td class="num">{{ count }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}
  {% if interaction_top.scope_picker_changes %}
    <h3>Scope picker changes by workflow</h3>
    <table class="data-table">
      <thead><tr><th>Workflow</th><th class="num">Changes</th></tr></thead>
      <tbody>
        {% for name, count in interaction_top.scope_picker_changes %}
          <tr><td><code>{{ name }}</code></td><td class="num">{{ count }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}
  {% if not interaction_top.pill_clicks and not interaction_top.rec_card_clicks and not interaction_top.scope_picker_changes %}
    <p class="empty">No dashboard interactions recorded yet this session.</p>
  {% endif %}
</section>
{% endblock %}