{# docker/_service_history.html — a service's CPU and memory summed across its
   replicas over the selected range (#5302): the latest and the peak, over a
   line that spans its half. #}
{% from "docker/_usage.html" import cores %}
{% if have_data %}
<div class="history-pair">
  <div>
    <div class="section-title">CPU</div>
    <div style="font-variant-numeric:tabular-nums;">{{ cores(cpu_now) }} <span class="tone-dim">now · peak {{ cores(cpu_peak) }}</span></div>
    <div class="spark">{{ spark_cpu|safe }}</div>
  </div>
  <div>
    <div class="section-title">Memory</div>
    <div style="font-variant-numeric:tabular-nums;">{{ mem_now|bytes }} <span class="tone-dim">now · peak {{ mem_peak|bytes }}</span></div>
    <div class="spark">{{ spark_mem|safe }}</div>
  </div>
</div>
{% else %}
<p class="tone-muted" style="margin:0;font-size:0.85rem;">
  Not enough samples in the last {{ range_key }} yet. History fills in as the agents report its replicas.
</p>
{% endif %}