document.addEventListener('DOMContentLoaded', function() {
    // Auto-resize textarea
    const textarea = document.querySelector('textarea');
    textarea.addEventListener('input', function() {
        this.style.height = 'auto';
        this.style.height = (this.scrollHeight) + 'px';
    });

    // Simulate sending a message
    const sendButton = document.querySelector('button[aria-label="Send message"]');
    sendButton.addEventListener('click', function() {
        const message = textarea.value.trim();
        if (message) {
            // In a real app, you would send this to your backend
            console.log('Message sent:', message);
            textarea.value = '';
            textarea.style.height = '60px';
        }
    });

    // Handle Enter key press
    textarea.addEventListener('keydown', function(e) {
        if (e.key === 'Enter' && !e.shiftKey) {
            e.preventDefault();
            sendButton.click();
        }
    });
});