// Auto-scroll al final cuando llegan nuevos mensajes
function autoScrollChat() {
    const chatCanvas = document.getElementById('chat-canvas');
    if (chatCanvas) {
        chatCanvas.scrollTop = chatCanvas.scrollHeight;
    }
}

// Observer para detectar cambios en el chat
const chatObserver = new MutationObserver(() => {
    autoScrollChat();
});

// Inicializar cuando el DOM esté listo
document.addEventListener('DOMContentLoaded', () => {
    const chatCanvas = document.getElementById('chat-canvas');
    if (chatCanvas) {
        chatObserver.observe(chatCanvas, {
            childList: true,
            subtree: true
        });
    }
    
    // Ocultar welcome message si hay mensajes
    const welcomeCard = document.getElementById('welcome-message');
    if (welcomeCard && chatCanvas) {
        const checkMessages = () => {
            const hasMessages = chatCanvas.children.length > 0;
            welcomeCard.style.display = hasMessages ? 'none' : 'flex';
        };
        
        chatObserver.observe(chatCanvas, {
            childList: true,
            subtree: true
        });
        
        checkMessages();
    }
});