<div class="ai-conversation ai-conversation-<%= role %> <%= textAlign %>">
    <div class="ai-conversation-content p-1 <%= isError ? 'bg-danger text-white d-flex align-items-center' : displayClass %> rounded-lg text-break">
        <% if (isError) { %>
            <ion-icon name="alert-circle-outline" class="mr-2"></ion-icon>
        <% } %>
        <%= text %>
    </div>
</div>
