{#
  "Biggest ken tasker" leaderboard (#492). Expects:
  - ``leaderboard_bars``: precomputed rects {x, y, w, h, color, person, count},
    one per person, sorted by count desc (tallest = most active).
  - ``leaderboard_total``: total activity across the window.
  - ``leaderboard_window_days``: trailing window length, for the title.
  - ``leaderboard_vb_w`` / ``leaderboard_vb_h``: SVG viewBox dimensions.

  Bars are an inline stretched SVG (preserveAspectRatio=none, no charting lib);
  name/count labels live in HTML below since the SVG scaling distorts text.
#}
{% if leaderboard_bars %}
<div class="activity-card">
  <div class="activity-header">
    <span class="activity-title">Classement des taskers ({{ leaderboard_window_days }} derniers jours)</span>
    <span class="activity-total">{{ leaderboard_total }}</span>
  </div>
  <svg viewBox="0 0 {{ leaderboard_vb_w }} {{ leaderboard_vb_h }}" class="leaderboard-svg" preserveAspectRatio="none" aria-label="Tasks handled per person">
    {% for b in leaderboard_bars %}
    <rect x="{{ b.x }}" y="{{ b.y }}" width="{{ b.w }}" height="{{ b.h }}" fill="{{ b.color }}"><title>{{ b.person }}: {{ b.count }}</title></rect>
    {% endfor %}
  </svg>
  <div class="leaderboard-axis">
    {% for b in leaderboard_bars %}
    <span class="leaderboard-cell">
      <span class="leaderboard-dot" style="background: {{ b.color }}"></span>
      <span class="leaderboard-name">{{ b.person }}</span>
      <span class="leaderboard-count">{{ b.count }}</span>
    </span>
    {% endfor %}
  </div>
</div>
{% endif %}