{% comment %}
  Static metric card (trace run detail) — matches the regression dropdown card's visual style
  but without the dropdown chevron. Shows threshold status as "within threshold" or "% over threshold".
  Variables:
    metric_label: Display label (e.g. "Total Cost")
    metric_value: Formatted value (e.g. "$0.0142")
    metric_target: Threshold range string (e.g. "0–0.05 USD"), optional
    metric_delta: Delta dict with .text, .class, .title from _target_indicator, optional
{% endcomment %}
<div>
  <div class="rounded-lg border border-border px-3 py-2.5">
    <p class="text-xs font-medium text-muted-foreground">{{ metric_label }}</p>
    <p class="text-lg font-bold text-foreground mt-0.5">{{ metric_value }}</p>
    {% if metric_target %}
    <p class="text-[10px] text-muted-foreground mt-0.5">threshold: {{ metric_target }}</p>
    {% endif %}
    {% if metric_delta.text %}
    <p class="text-xs font-medium mt-1 {{ metric_delta.class }}" title="{{ metric_delta.title }}">{{ metric_delta.text }}</p>
    {% endif %}
  </div>
</div>