{# Assistant bubble — markdown rendered client-side via [data-md]; hover reveals copy. #}
<li class="assistant-msg-in flex flex-col gap-1.5" data-message-id="{{ message.id|default:'' }}">
  <div class="assistant-bubble relative mr-auto max-w-[90%]">
    <div class="rounded-2xl rounded-bl-sm border border-ruforum-border bg-white px-3.5 py-2 text-sm leading-snug text-ruforum-text shadow-sm">
      <div class="assistant-md" data-md="{{ message.content|default_if_none:'' }}"></div>
    </div>
    <div class="assistant-bubble-actions">
      <button
        type="button"
        class="assistant-copy-btn"
        aria-label="Copy message"
        data-copy-source-md="{{ message.content|default_if_none:'' }}"
        title="Copy"
      >
        <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.6" viewBox="0 0 24 24" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2"/>
          <path stroke-linecap="round" stroke-linejoin="round" d="M9 5a2 2 0 012-2h2a2 2 0 012 2v0a2 2 0 01-2 2h-2a2 2 0 01-2-2v0z"/>
        </svg>
      </button>
    </div>
  </div>
  {% if message.citations %}
    {% include "assistant/_citations.html" with citations=message.citations %}
  {% endif %}
</li>