{% set m = metrics %}
<div class="grid grid-3" style="margin-bottom:1rem">
  <div class="card">
    <div class="stat-value">{{ m.get("total_calls","-") }}</div>
    <div class="stat-label">Total Calls</div>
  </div>
  <div class="card">
    <div class="stat-value" style="color:{% if m.get('block_rate_pct',0)>5 %}#b91c1c{% else %}#15803d{% endif %}">
      {{ "%.1f"|format(m.get("block_rate_pct",0)) }}%
    </div>
    <div class="stat-label">Block Rate</div>
  </div>
  <div class="card">
    <div class="stat-value">{{ "%.0f"|format(m.get("p50_latency_ms",0)) }}ms</div>
    <div class="stat-label">p50 Latency</div>
  </div>
  <div class="card">
    <div class="stat-value">{{ "%.0f"|format(m.get("p95_latency_ms",0)) }}ms</div>
    <div class="stat-label">p95 Latency</div>
  </div>
  <div class="card">
    <div class="stat-value">${{ "%.4f"|format(m.get("total_cost_usd",0)) }}</div>
    <div class="stat-label">Total Cost</div>
  </div>
  <div class="card">
    <div class="stat-value">{{ m.get("pending_hitl",0) }}</div>
    <div class="stat-label">Pending HITL</div>
  </div>
</div>
{% if m.get("error") %}
<div style="color:#b91c1c;font-size:0.85rem">API error: {{ m.error }}</div>
{% endif %}