{% if refs | length > 0 %}
  <div class="list-group shadow-sm mt-1">
    {% for ref_option in refs %}
      <a class="list-group-item list-group-item-action d-flex align-items-center justify-content-between gap-3{% if ref_option.selected %} active{% endif %}" href="{{ ref_option.href }}">
        <span class="font-monospace text-break">{{ ref_option.name }}</span>
        <span class="badge{% if ref_option.selected %} text-bg-light{% else %} text-bg-secondary{% endif %}">{{ ref_option.kind }}</span>
      </a>
    {% endfor %}
  </div>
{% endif %}