{% set m = metrics %}
<div class="metric">
  <small>Total calls</small>
  <strong>{{ m.get("total_calls", "-") }}</strong>
  <span class="subline">across visible tenant scope</span>
</div>
<div class="metric {% if m.get('block_rate_pct', 0) > 5 %}bad{% else %}ok{% endif %}">
  <small>Block rate</small>
  <strong>{{ "%.1f"|format(m.get("block_rate_pct", 0)) }}%</strong>
  <span class="delta {% if m.get('block_rate_pct', 0) > 5 %}warn{% else %}up{% endif %}">policy decisions</span>
</div>
<div class="metric">
  <small>P50 engine latency</small>
  <strong>{{ "%.0f"|format(m.get("p50_latency_ms", 0)) }}ms</strong>
  <span class="subline">median guard evaluation</span>
</div>
<div class="metric ok">
  <small>P95 engine latency</small>
  <strong>{{ "%.0f"|format(m.get("p95_latency_ms", 0)) }}ms</strong>
  <span class="subline">tail guard evaluation</span>
</div>
<div class="metric">
  <small>Total cost</small>
  <strong>${{ "%.4f"|format(m.get("total_cost_usd", 0)) }}</strong>
  <span class="subline">tracked provider spend</span>
</div>
<div class="metric {% if m.get('hitl_holds', m.get('pending_hitl', 0)) %}warn{% endif %}">
  <small>HITL holds</small>
  <strong>{{ m.get("hitl_holds", m.get("pending_hitl", 0)) }}</strong>
  <span class="subline">awaiting human review</span>
</div>
{% if m.get("error") %}
<div class="metric bad" style="grid-column: 1 / -1;">
  <small>API error</small>
  <strong style="font-size:14px;">{{ m.error }}</strong>
</div>
{% endif %}