{# docker/_usage_history.html — CPU and memory over the selected range, for a
   service (summed across its replicas, #5302) or one container (#5310): the
   latest and the peak, over a line that spans its half. The line is drawn
   against at least cpu_floor / mem_floor, so idling near zero draws flat. #}
{% 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" title="Drawn from zero to its peak, or to {{ cores(cpu_floor)|striptags }} when the peak is lower">{{ 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" title="Drawn from zero to its peak, or to {{ mem_floor|bytes }} when the peak is lower">{{ 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 agent reports.
</p>
{% endif %}