<div class="d-flex justify-content-end px-3 py-2" data-message-chat-id="{{ chat_id }}" {% if not is_loading %}x-data="{
        show_message: false,

        init() {
            setTimeout(() => this.show_message = true, 500)
            setTimeout(() => $el.scrollIntoView({behavior: 'smooth'}), 550)
        }
    }" x-show="show_message" x-transition{% endif %}>

    {% include message_intel.template with message_class="text-end" sender_class="justify-content-end" speech_synthesis_class="justify-content-end" content_class="bg-app-primary text-app-inverted" bubble_shape="chat-bubble-user" avatar_icon="bi-person" avatar_class="bg-app-primary-soft text-app-primary" %}
</div>
