{# Citation chips for an assistant message. #}
<div class="ml-1 mr-auto flex max-w-[90%] flex-wrap items-center gap-1.5">
  <span class="font-meta text-[10px] font-semibold uppercase tracking-[0.14em] text-ruforum-text-muted">Sources</span>
  {% for c in citations %}
    <a
      href="{{ c.url }}"
      class="inline-flex items-center gap-1 rounded-full border border-ruforum-border bg-ruforum-surface px-2 py-0.5 text-[11px] font-meta text-ruforum-text-muted transition-colors hover:border-ruforum-primary/40 hover:bg-white hover:text-ruforum-primary"
      title="{{ c.title }}"
    >
      <svg class="h-3 w-3 shrink-0" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
      </svg>
      <span class="max-w-[160px] truncate">{{ c.title }}</span>
    </a>
  {% endfor %}
</div>