{# A user message bubble. #}
<li class="assistant-msg-in flex" data-message-id="{{ message.id|default:'' }}">
  <div class="ml-auto max-w-[85%] rounded-2xl rounded-br-sm bg-ruforum-primary px-3.5 py-2 text-sm leading-snug text-white">
    {{ message.content|linebreaksbr }}
  </div>
</li>