<div class="message {% if is_user %}user{% else %}bot{% endif %}" id="msg-{{ id }}">
    <div class="message-avatar">
        {% if is_user %}
        <span class="avatar-user">U</span>
        {% else %}
        <span class="avatar-bot">🤖</span>
        {% endif %}
    </div>
    <div class="message-content">
        <div class="message-header">
            <span class="message-sender">{{ sender }}</span>
            <span class="message-time">{{ timestamp }}</span>
        </div>
        <div class="message-body">{{ content }}</div>
    </div>
</div>
