script.js

// Shared JavaScript across all pages
console.log('AnomalyNinja loaded');
// AI Assistant functionality
function initAIAssistant() {
  const assistant = document.querySelector('ai-assistant');
  if (assistant) {
    const shadow = assistant.shadowRoot;
    const input = shadow.querySelector('.assistant-input');
    const messages = shadow.querySelector('.assistant-messages');
    
    input.addEventListener('keypress', (e) => {
      if (e.key === 'Enter' && input.value.trim()) {
        const userMessage = document.createElement('div');
        userMessage.innerHTML = `<div style="text-align: right; margin-bottom: 0.5rem;">
          <span style="background: #4f46e5; padding: 0.5rem 1rem; border-radius: 12px; display: inline-block;">
            ${input.value}
          </span>
        </div>`;
        messages.appendChild(userMessage);
        
        // Simulate AI response
        setTimeout(() => {
          const aiMessage = document.createElement('div');
          aiMessage.innerHTML = `<div style="text-align: left; margin-bottom: 0.5rem;">
            <span style="background: #374151; padding: 0.5rem 1rem; border-radius: 12px; display: inline-block;">
              I've analyzed your database logs and found 3 potential SQL injection attempts in the last hour. Would you like me to show you the details?
            </span>
          </div>`;
          messages.appendChild(aiMessage);
          messages.scrollTop = messages.scrollHeight;
        }, 1000);
        
        input.value = '';
      }
    });
  }
}

// Theme toggle functionality
document.addEventListener('DOMContentLoaded', () => {
    initAIAssistant();
    
    const themeToggle = document.getElementById('theme-toggle');
if (themeToggle) {
        themeToggle.addEventListener('click', () => {
            document.documentElement.classList.toggle('dark');
            localStorage.setItem('theme', document.documentElement.classList.contains('dark') ? 'dark' : 'light');
        });
    }
});