// Message input functionality
const messageInput = document.querySelector('.message-input');
const sendButton = document.querySelector('.send-button');
const exampleCards = document.querySelectorAll('.example-card');

// Auto-resize textarea
function resizeTextarea() {
    messageInput.style.height = 'auto';
    messageInput.style.height = Math.min(messageInput.scrollHeight, 200) + 'px';
}

messageInput.addEventListener('input', () => {
    resizeTextarea();
});

// Handle Enter key (Shift+Enter for new line)
messageInput.addEventListener('keydown', (e) => {
    if (e.key === 'Enter' && !e.shiftKey) {
        e.preventDefault();
        sendMessage();
    }
});

// Send message function
function sendMessage() {
    const message = messageInput.value.trim();
    if (message) {
        console.log('Sending message:', message);
        messageInput.value = '';
        resizeTextarea();
        messageInput.focus();
    }
}

sendButton.addEventListener('click', sendMessage);

// Example card interactions
exampleCards.forEach(card => {
    card.addEventListener('click', () => {
        const prompt = card.dataset.prompt;
        messageInput.value = prompt;
        messageInput.focus();
        resizeTextarea();
    });
});

// Smooth scroll behavior
document.documentElement.style.scrollBehavior = 'smooth';