// Main Application Logic document.addEventListener('DOMContentLoaded', function() { // Navigation between views const navigateToView = (viewId) => { document.querySelectorAll('.view-content').forEach(view => { view.classList.add('hidden'); }); document.getElementById(`${viewId}-view`).classList.remove('hidden'); }; // Example prompt buttons document.querySelectorAll('.example-prompt').forEach(button => { button.addEventListener('click', function() { navigateToView('chat'); const chatInput = document.querySelector('#chat-input'); if (chatInput) { chatInput.value = this.textContent.trim(); chatInput.focus(); } }); }); // Mobile menu toggle const mobileMenuButton = document.querySelector('#mobile-menu-button'); if (mobileMenuButton) { mobileMenuButton.addEventListener('click', function() { document.querySelector('sidebar-component').classList.toggle('open'); document.body.classList.toggle('overflow-hidden'); }); } // Close mobile menu when clicking on overlay const overlay = document.querySelector('.sidebar-overlay'); if (overlay) { overlay.addEventListener('click', function() { document.querySelector('sidebar-component').classList.remove('open'); document.body.classList.remove('overflow-hidden'); }); } }); // Simulated Rosalinda AI responses async function simulateRosalindaResponse(prompt) { // In a real implementation, this would call an actual AI API return new Promise(resolve => { setTimeout(() => { const codeRequests = ['code', 'html', 'css', 'javascript', 'react', 'component', 'page']; const isCodeRequest = codeRequests.some(term => prompt.toLowerCase().includes(term)); if (isCodeRequest) { resolve({ text: `Voici le code que vous avez demandé pour "${prompt}":\n\n` + '