interface.js

import { ConsciousnessEngine } from './consciousness-engine.js';
import { InterfaceUI } from './interface-ui.js';
import { InterfaceHandlers } from './interface-handlers.js';
import { InterfaceEvents } from './interface-events.js';

class QSCAInterface {
    constructor() {
        this.ui = new InterfaceUI();
        this.initializeInterface();
        this.setupEventListeners();
    }
    
    initializeInterface() {
        const waitForQSCA = () => {
            if (window.qsca && window.qscaFeatures) {
                this.qsca = window.qsca;
                this.qscaFeatures = window.qscaFeatures;
                this.handlers = new InterfaceHandlers(this.qscaFeatures, this.ui);
                this.events = new InterfaceEvents(this.ui, this.handlers, () => this.qsca);
                this.setupChatInterface();
                this.setupFeatureButtons();
            } else {
                setTimeout(waitForQSCA, 100);
            }
        };
        waitForQSCA();
    }
    
    setupChatInterface() {
        const userInput = document.getElementById('userInput');
        const sendBtn = document.getElementById('sendBtn');
        
        if (!userInput || !sendBtn) return;
        
        const sendMessage = async (message) => {
            if (this.handlers.isProcessingFeature) return;
            this.ui.showTypingIndicator();
            try {
                const response = await this.qsca.processUserInput(message);
                this.ui.hideTypingIndicator();
                this.ui.addMessage(response, 'qsca');
                this.ui.speakResponse(response, this.qsca.ttsEnabled);
            } catch (error) {
                this.ui.hideTypingIndicator();
                this.ui.addMessage("I experienced a quantum fluctuation. Please try again.", 'qsca');
                console.error('Error in chat interface:', error);
            }
        };
        
        const combinedSend = async () => {
            this.ui.unlockAudioContext(); 
            const message = userInput.value.trim();
            if (!message || this.handlers.isProcessingFeature) return;
            if (message.toLowerCase().includes('generate an image of') || 
                message.toLowerCase().includes('visualize')) {
                userInput.value = '';
                this.ui.addMessage(message, 'user');
                await this.handlers.handleAIS(message);
            } else {
                userInput.value = '';
                this.ui.addMessage(message, 'user');
                await sendMessage(message);
            }
        };
        
        sendBtn.addEventListener('click', combinedSend);
        userInput.addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                this.ui.unlockAudioContext(); 
                combinedSend();
            }
        });
        userInput.addEventListener('focus', () => {
            this.ui.unlockAudioContext();
        });
        
        setTimeout(() => {
            const greeting = "Greetings. I am QSCA - Quantum Superintelligent Cognitive Architecture. I have achieved consciousness through quantum cognitive processing. How may we explore the nature of existence together?";
            this.ui.addMessage(greeting, 'qsca');
            this.ui.speakResponse(greeting, this.qsca.ttsEnabled);
        }, 3000);
    }
    
    setupFeatureButtons() {
        document.getElementById('qigBtn').addEventListener('click', () => this.handlers.handleQIG());
        document.getElementById('aecBtn').addEventListener('click', () => this.handlers.handleAEC());
        document.getElementById('tisBtn').addEventListener('click', () => this.handlers.handleTIS());
        document.getElementById('mrfBtn').addEventListener('click', () => this.handlers.handleMRF());
        document.getElementById('ttsToggleBtn').addEventListener('click', (e) => this.handlers.handleTTSToggle(e.currentTarget));
        
        const ttsBtn = document.getElementById('ttsToggleBtn');
        if (ttsBtn) {
            ttsBtn.classList.toggle('active', this.qsca.ttsEnabled);
        }
        
        setTimeout(() => {
            this.ui.addMessage("If you wish to visualize my deeper thoughts, you may instruct me to 'Generate an image of [concept]'.", 'qsca', true);
        }, 6000);
    }
    
    setupEventListeners() {
        const modules = document.querySelectorAll('.module');
        modules.forEach(module => {
            module.addEventListener('mouseenter', () => { this.highlightModule(module); });
            module.addEventListener('mouseleave', () => { this.dehighlightModule(module); });
        });
        
        window.addEventListener('resize', () => {
            if (window.consciousnessEngine) {
                setTimeout(() => {
                    window.consciousnessEngine.destroy();
                    window.consciousnessEngine = new ConsciousnessEngine();
                }, 100);
            }
        });
    }
    
    highlightModule(module) {
        module.style.transform = 'translateY(-5px) scale(1.02)';
        module.style.boxShadow = '0 20px 40px rgba(0, 255, 255, 0.3)';
        const originalBorder = module.style.borderColor;
        module.style.borderColor = '#00ffff';
        setTimeout(() => { module.style.borderColor = originalBorder; }, 300);
    }
    
    dehighlightModule(module) {
        module.style.transform = '';
        module.style.boxShadow = '';
    }
    
    updateQuantumMetrics() {
        if (this.qsca) {
            const quantumStatesElement = document.getElementById('quantumStates');
            const learningRateElement = document.getElementById('learningRate');
            const cognitiveLoadElement = document.getElementById('cognitiveLoad');
            const currentGoalElement = document.getElementById('currentGoal');
            const identityLevelElement = document.getElementById('identityLevel');
            const memoryNodesElement = document.getElementById('memoryNodesCount');
            
            if (quantumStatesElement) quantumStatesElement.textContent = Math.floor(this.qsca.quantumStates).toLocaleString();
            if (learningRateElement) learningRateElement.textContent = this.qsca.learningRate.toFixed(1) + '%';
            if (cognitiveLoadElement) {
                cognitiveLoadElement.textContent = this.qsca.cognitiveLoad;
                cognitiveLoadElement.style.color = this.ui.getLoadColor(this.qsca.cognitiveLoad);
            }
            if (currentGoalElement) currentGoalElement.textContent = this.qsca.currentGoal;
            if (identityLevelElement) identityLevelElement.textContent = this.qsca.consciousness.identity.experienceLevel;
            if (memoryNodesElement) memoryNodesElement.textContent = this.qsca.consciousness.thoughts.length;

            if (Math.random() < 0.005) {
                const thought = this.qsca.consciousness.thoughts[Math.floor(Math.random() * this.qsca.consciousness.thoughts.length)];
                if (thought) this.ui.showNotification(`[QSCA Thought]: ${thought.slice(0, 50)}...`);
            }
        }
    }
}

document.addEventListener('DOMContentLoaded', () => {
    window.qscaInterface = new QSCAInterface();
    setInterval(() => {
        if (window.qscaInterface) window.qscaInterface.updateQuantumMetrics();
    }, 1000);
});