{% comment %}
Radar chart for experiment config comparison.
Params: canvas_id (default: configRadarChart)
Expects: radar_data_json in parent context — JSON array of RadarChartConfigDTO-shaped objects.
{% endcomment %}
<c-card class="flex flex-col" style="height: 100%;">
  <c-card-header class="shrink-0">
    <c-card-title>{{ title|default:"Config Comparison" }}</c-card-title>
  </c-card-header>
  <c-card-content class="flex-1 flex flex-col" style="min-height: 0;">
    <div class="flex-1 relative min-h-0" style="max-height: 320px;">
      <canvas id="{{ canvas_id|default:'configRadarChart' }}" class="w-full"></canvas>
    </div>
    <div id="{{ canvas_id|default:'configRadarChart' }}-legend" class="mt-2 flex flex-wrap gap-3 text-xs shrink-0 text-muted-foreground"></div>
  </c-card-content>
</c-card>