script.js

window.closeAllPanels = function(exceptId) {
    const panels = [
        'settingsPanel', 'achievementsPanel', 'timerPanel', 'moodTracker', 
        'habitTracker', 'challengePanel', 'emotionPanel', 
        'heatmapPanel', 'avatarPanel', 
        'selfImprovementPanel'
    ];
    panels.forEach(id => {
        if (id !== exceptId) {
            const el = document.getElementById(id);
            if (el) el.classList.add('hidden');
        }
    });
};

class Kaleshak {
    constructor() {
        this.feelingInput = document.getElementById('feelingInput');
        this.talkButton = document.getElementById('talkButton');
        this.responseSection = document.getElementById('responseSection');
        this.responseText = document.getElementById('responseText');
        this.actionButton = document.getElementById('actionButton');
        this.stopSpeechBtn = document.getElementById('stopSpeech');
        this.repeatSpeechBtn = document.getElementById('repeatSpeech');
        this.statsSection = document.getElementById('statsSection');
        this.sessionCount = document.getElementById('sessionCount');
        this.streakCount = document.getElementById('streakCount');
        this.settingsBtn = document.getElementById('settingsBtn');
        this.settingsPanel = document.getElementById('settingsPanel');
        this.voiceBtn = document.getElementById('voiceBtn');
        this.achievementsBtn = document.getElementById('achievementsBtn');
        this.achievementsPanel = document.getElementById('achievementsPanel');
        this.badgeCount = document.getElementById('badgeCount');
        this.timerBtn = document.getElementById('timerBtn');
        this.timerPanel = document.getElementById('timerPanel');
        this.moodTrackBtn = document.getElementById('moodTrackBtn');
        this.moodTracker = document.getElementById('moodTracker');
        this.notification = document.getElementById('notification');
        this.jarvisInterface = document.getElementById('jarvisInterface');
        this.jarvisOrb = document.getElementById('jarvisOrb');
        this.jarvisStatus = document.getElementById('jarvisStatus');
        this.jarvisWaveform = document.getElementById('jarvisWaveform');
        this.jarvisCommands = document.getElementById('jarvisCommands');
        this.jarvisToggle = document.getElementById('jarvisToggle');
        this.xpSystem = document.getElementById('xpSystem');
        this.xpFill = document.getElementById('xpFill');
        this.xpText = document.getElementById('xpText');
        this.habitTracker = document.getElementById('habitTracker');
        this.habitBtn = document.getElementById('habitBtn');
        this.challengePanel = document.getElementById('challengePanel');
        this.challengeBtn = document.getElementById('challengeBtn');
        
        // Wikipedia Command Center elements
        this.wikiTitle = document.getElementById('wikiTitle');
        this.wikiDesc = document.getElementById('wikiDesc');
        this.wikiImageContainer = document.getElementById('wikiImageContainer');
        this.wikiImage = document.getElementById('wikiImage');
        this.deepSummaryBtn = document.getElementById('deepSummaryBtn');
        this.startQuizBtn = document.getElementById('startQuizBtn');
        this.aiSummarySection = document.getElementById('aiSummarySection');
        this.aiSummaryText = document.getElementById('aiSummaryText');
        this.aiQuizSection = document.getElementById('aiQuizSection');
        this.quizContainer = document.getElementById('quizContainer');
        
        this.currentTopic = null;
        
        this.currentResponse = '';
        this.stats = this.loadStats();
        this.settings = this.loadSettings();
        this.achievements = this.loadAchievements();
        this.moodData = this.loadMoodData();
        this.xpData = this.loadXPData();
        this.habits = this.loadHabits();
        this.challenges = this.loadChallenges();
        this.isRecording = false;
        this.timer = { minutes: 25, seconds: 0, isRunning: false, interval: null };
        this.jarvisMode = false;
        this.jarvisListening = false;
        
        this.initializeEventListeners();
        this.initializeSpeech();
        this.initializeVoiceRecognition();
        this.initializeTimer();
        this.initializeMoodTracker();
        this.initializeJarvis();
        this.initializeXP();
        this.initializeHabits();
        this.initializeChallenges();
        this.updateStats();
        this.applySettings();
        this.updateAchievements();
        this.scheduleReminders();
    }
    
    initializeEventListeners() {
        this.talkButton.addEventListener('click', () => this.handleTalkToKaleshak());
        this.actionButton.addEventListener('click', () => this.handleActionButton());
        this.stopSpeechBtn.addEventListener('click', () => this.stopSpeech());
        this.repeatSpeechBtn.addEventListener('click', () => this.repeatSpeech());
        this.settingsBtn.addEventListener('click', () => this.toggleSettings());
        this.voiceBtn.addEventListener('click', () => this.toggleVoiceInput());
        this.achievementsBtn.addEventListener('click', () => this.toggleAchievements());
        this.timerBtn.addEventListener('click', () => this.toggleTimer());
        this.moodTrackBtn.addEventListener('click', () => this.toggleMoodTracker());
        this.jarvisToggle.addEventListener('click', () => this.toggleJarvis());
        this.jarvisOrb.addEventListener('click', () => this.activateJarvis());
        this.habitBtn.addEventListener('click', () => this.toggleHabits());
        this.challengeBtn.addEventListener('click', () => this.toggleChallenge());
        this.deepSummaryBtn.addEventListener('click', () => this.generateDeepSummary());
        this.startQuizBtn.addEventListener('click', () => this.startQuizChallenge());
        
        document.getElementById('closeSettings').addEventListener('click', () => this.toggleSettings());
        document.getElementById('closeAchievements').addEventListener('click', () => this.toggleAchievements());
        document.getElementById('closeTimer').addEventListener('click', () => this.toggleTimer());
        document.getElementById('closeMoodTracker').addEventListener('click', () => this.toggleMoodTracker());
        document.getElementById('closeNotification').addEventListener('click', () => this.hideNotification());
        document.getElementById('closeHabits').addEventListener('click', () => this.toggleHabits());
        document.getElementById('closeChallenge').addEventListener('click', () => this.toggleChallenge());
        document.getElementById('addHabitBtn').addEventListener('click', () => this.addHabit());
        
        // Settings change handlers
        document.getElementById('coachType').addEventListener('change', (e) => this.updateSetting('coachType', e.target.value));
        document.getElementById('intensity').addEventListener('change', (e) => this.updateSetting('intensity', e.target.value));
        document.getElementById('theme').addEventListener('change', (e) => this.updateSetting('theme', e.target.value));
        document.getElementById('userName').addEventListener('input', (e) => this.updateSetting('userName', e.target.value));
        document.getElementById('userGoal').addEventListener('input', (e) => this.updateSetting('userGoal', e.target.value));
        
        // Mood selector buttons
        document.querySelectorAll('.mood-btn').forEach(btn => {
            btn.addEventListener('click', (e) => this.selectMood(e.target));
        });
        
        // Allow Enter to submit
        this.feelingInput.addEventListener('keydown', (e) => {
            if (e.key === 'Enter' && !e.ctrlKey) {
                e.preventDefault();
                this.handleTalkToKaleshak();
            }
        });
    }
    
    initializeSpeech() {
        this.speechSynthesis = window.speechSynthesis;
        this.currentUtterance = null;
    }
    
    initializeVoiceRecognition() {
        if ('webkitSpeechRecognition' in window || 'SpeechRecognition' in window) {
            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
            this.recognition = new SpeechRecognition();
            this.recognition.continuous = false;
            this.recognition.interimResults = false;
            this.recognition.lang = 'en-IN';
            
            this.recognition.onresult = (event) => {
                const transcript = event.results[0][0].transcript;
                this.feelingInput.value = transcript;
                this.stopVoiceInput();
            };
            
            this.recognition.onerror = () => this.stopVoiceInput();
            this.recognition.onend = () => this.stopVoiceInput();
        }
    }
    
    toggleVoiceInput() {
        if (!this.recognition) return;
        
        if (this.isRecording) {
            this.stopVoiceInput();
        } else {
            this.startVoiceInput();
        }
    }
    
    startVoiceInput() {
        this.isRecording = true;
        this.voiceBtn.classList.add('voice-recording');
        this.voiceBtn.textContent = '🔴';
        this.recognition.start();
    }
    
    stopVoiceInput() {
        this.isRecording = false;
        this.voiceBtn.classList.remove('voice-recording');
        this.voiceBtn.textContent = '🎤';
        if (this.recognition) this.recognition.stop();
    }
    
    toggleSettings() {
        if (this.settingsPanel.classList.contains('hidden')) {
            window.closeAllPanels('settingsPanel');
            this.settingsPanel.classList.remove('hidden');
        } else {
            this.settingsPanel.classList.add('hidden');
        }
    }
    
    toggleAchievements() {
        if (this.achievementsPanel.classList.contains('hidden')) {
            window.closeAllPanels('achievementsPanel');
            this.achievementsPanel.classList.remove('hidden');
        } else {
            this.achievementsPanel.classList.add('hidden');
        }
    }
    
    toggleTimer() {
        if (this.timerPanel.classList.contains('hidden')) {
            window.closeAllPanels('timerPanel');
            this.timerPanel.classList.remove('hidden');
        } else {
            this.timerPanel.classList.add('hidden');
        }
    }
    
    toggleMoodTracker() {
        if (this.moodTracker.classList.contains('hidden')) {
            window.closeAllPanels('moodTracker');
            this.moodTracker.classList.remove('hidden');
            this.updateMoodChart();
        } else {
            this.moodTracker.classList.add('hidden');
        }
    }
    
    startTimer() {
        if (!this.timer.isRunning) {
            this.timer.isRunning = true;
            this.timer.interval = setInterval(() => {
                if (this.timer.seconds === 0) {
                    if (this.timer.minutes === 0) {
                        this.timerComplete();
                        return;
                    }
                    this.timer.minutes--;
                    this.timer.seconds = 59;
                } else {
                    this.timer.seconds--;
                }
                this.updateTimerDisplay();
            }, 1000);
        }
    }
    
    pauseTimer() {
        this.timer.isRunning = false;
        clearInterval(this.timer.interval);
    }
    
    resetTimer() {
        this.pauseTimer();
        this.timer.minutes = 25;
        this.timer.seconds = 0;
        this.updateTimerDisplay();
    }
    
    updateTimerDisplay() {
        const display = `${this.timer.minutes.toString().padStart(2, '0')}:${this.timer.seconds.toString().padStart(2, '0')}`;
        document.getElementById('timerDisplay').textContent = display;
    }
    
    timerComplete() {
        this.pauseTimer();
        this.showNotification('Timer complete! Time for a break 🎉');
        this.stats.sessions++;
        this.updateStats();
    }
    
    showNotification(message) {
        document.getElementById('notificationText').textContent = message;
        this.notification.classList.remove('hidden');
        setTimeout(() => this.hideNotification(), 5000);
    }
    
    hideNotification() {
        this.notification.classList.add('hidden');
    }
    
    updateMoodChart() {
        const canvas = document.getElementById('moodChart');
        const ctx = canvas.getContext('2d');
        
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw mood data as simple bars
        const moods = ['lazy', 'sad', 'confused', 'angry'];
        const colors = ['#ff6b6b', '#4ecdc4', '#45b7d1', '#f9ca24'];
        const barWidth = 80;
        const maxHeight = 150;
        
        moods.forEach((mood, index) => {
            const count = this.moodData[mood] || 0;
            const height = Math.min(count * 10, maxHeight);
            const x = 50 + index * 100;
            const y = canvas.height - height - 30;
            
            ctx.fillStyle = colors[index];
            ctx.fillRect(x, y, barWidth, height);
            
            // Draw count
            ctx.fillStyle = '#fff';
            ctx.font = '16px Arial';
            ctx.textAlign = 'center';
            ctx.fillText(count.toString(), x + barWidth/2, y - 10);
        });
        
        // Update mood stats
        document.getElementById('lazyCount').textContent = this.moodData.lazy;
        document.getElementById('sadCount').textContent = this.moodData.sad;
        document.getElementById('confusedCount').textContent = this.moodData.confused;
        document.getElementById('angryCount').textContent = this.moodData.angry;
    }
    
    selectMood(btn) {
        document.querySelectorAll('.mood-btn').forEach(b => b.classList.remove('active'));
        btn.classList.add('active');
        this.feelingInput.value = btn.textContent;
        this.feelingInput.focus();
    }
    
    stopSpeech() {
        this.speechSynthesis.cancel();
        this.stopSpeechBtn.classList.add('hidden');
    }
    
    repeatSpeech() {
        if (this.currentResponse) {
            this.speakResponse(this.currentResponse);
        }
    }
    
    loadStats() {
        const saved = localStorage.getItem('kaleshak-stats');
        return saved ? JSON.parse(saved) : { sessions: 0, streak: 0, lastDate: null };
    }
    
    loadSettings() {
        const saved = localStorage.getItem('kaleshak-settings');
        return saved ? JSON.parse(saved) : { coachType: 'default', intensity: 'medium', theme: 'dark', userName: '', userGoal: '' };
    }
    
    loadAchievements() {
        const saved = localStorage.getItem('kaleshak-achievements');
        return saved ? JSON.parse(saved) : [];
    }
    
    loadMoodData() {
        const saved = localStorage.getItem('kaleshak-moods');
        return saved ? JSON.parse(saved) : { lazy: 0, sad: 0, confused: 0, angry: 0, history: [] };
    }
    
    loadXPData() {
        const saved = localStorage.getItem('kaleshak-xp');
        return saved ? JSON.parse(saved) : { level: 1, xp: 0, totalXP: 0 };
    }
    
    loadHabits() {
        const saved = localStorage.getItem('kaleshak-habits');
        return saved ? JSON.parse(saved) : [];
    }
    
    loadChallenges() {
        const saved = localStorage.getItem('kaleshak-challenges');
        const today = new Date().toDateString();
        const defaultChallenge = {
            date: today,
            text: 'Complete 3 motivation sessions today',
            target: 3,
            progress: 0,
            type: 'sessions'
        };
        return saved ? JSON.parse(saved) : defaultChallenge;
    }
    
    initializeTimer() {
        document.getElementById('startTimer').addEventListener('click', () => this.startTimer());
        document.getElementById('pauseTimer').addEventListener('click', () => this.pauseTimer());
        document.getElementById('resetTimer').addEventListener('click', () => this.resetTimer());
        
        document.querySelectorAll('.preset-btn').forEach(btn => {
            btn.addEventListener('click', (e) => {
                this.timer.minutes = parseInt(e.target.dataset.minutes);
                this.timer.seconds = 0;
                this.updateTimerDisplay();
            });
        });
    }
    
    initializeMoodTracker() {
        this.updateMoodChart();
    }
    
    scheduleReminders() {
        // Daily motivation reminder
        setInterval(() => {
            const now = new Date();
            if (now.getHours() === 9 && now.getMinutes() === 0) {
                this.showNotification('Time for your daily motivation session! 💪');
            }
        }, 60000); // Check every minute
    }
    
    initializeJarvis() {
        // Wake word detection
        if (this.recognition) {
            this.recognition.addEventListener('result', (event) => {
                const transcript = event.results[event.results.length - 1][0].transcript.toLowerCase();
                if (transcript.includes('hey kaleshak') || transcript.includes('jarvis')) {
                    this.activateJarvis();
                }
                
                // Voice commands
                if (this.jarvisMode) {
                    if (transcript.includes('start timer')) {
                        this.startTimer();
                        this.jarvisSpeak('Timer started');
                    } else if (transcript.includes('show stats')) {
                        this.statsSection.classList.remove('hidden');
                        this.jarvisSpeak('Stats displayed');
                    } else if (transcript.includes('change theme')) {
                        const themes = ['dark', 'matrix', 'fire'];
                        const currentIndex = themes.indexOf(this.settings.theme);
                        const nextTheme = themes[(currentIndex + 1) % themes.length];
                        this.updateSetting('theme', nextTheme);
                        this.jarvisSpeak(`Theme changed to ${nextTheme}`);
                    }
                }
            });
        }
        
        // Voice commands panel click
        this.jarvisCommands.addEventListener('click', () => {
            this.jarvisCommands.classList.add('hidden');
        });
    }
    
    jarvisSpeak(text) {
        const utterance = new SpeechSynthesisUtterance(text);
        utterance.rate = 0.9;
        utterance.pitch = 1.1;
        this.speechSynthesis.speak(utterance);
    }
    
    toggleJarvis() {
        this.jarvisMode = !this.jarvisMode;
        if (this.jarvisMode) {
            this.jarvisInterface.classList.remove('hidden');
            this.jarvisCommands.classList.remove('hidden');
            this.jarvisStatus.textContent = 'JARVIS Mode Active';
            this.startContinuousListening();
        } else {
            this.jarvisInterface.classList.add('hidden');
            this.jarvisCommands.classList.add('hidden');
            this.stopContinuousListening();
        }
    }
    
    activateJarvis() {
        if (!this.jarvisMode) return;
        
        this.jarvisOrb.classList.add('jarvis-active');
        this.jarvisStatus.textContent = 'Listening...';
        this.jarvisWaveform.classList.remove('hidden');
        
        // Simulate processing
        setTimeout(() => {
            this.jarvisOrb.classList.remove('jarvis-active');
            this.jarvisOrb.classList.add('jarvis-thinking');
            this.jarvisStatus.textContent = 'Processing...';
            
            setTimeout(() => {
                this.jarvisOrb.classList.remove('jarvis-thinking');
                this.jarvisStatus.textContent = 'JARVIS Ready';
                this.jarvisWaveform.classList.add('hidden');
            }, 1500);
        }, 2000);
    }
    
    startContinuousListening() {
        if (!this.recognition) return;
        
        this.jarvisListening = true;
        this.recognition.continuous = true;
        this.recognition.start();
    }
    
    stopContinuousListening() {
        if (!this.recognition) return;
        
        this.jarvisListening = false;
        this.recognition.continuous = false;
        this.recognition.stop();
    }
    
    saveStats() {
        localStorage.setItem('kaleshak-stats', JSON.stringify(this.stats));
    }
    
    saveSettings() {
        localStorage.setItem('kaleshak-settings', JSON.stringify(this.settings));
    }
    
    saveAchievements() {
        localStorage.setItem('kaleshak-achievements', JSON.stringify(this.achievements));
    }
    
    updateSetting(key, value) {
        this.settings[key] = value;
        this.saveSettings();
        this.applySettings();
    }
    
    applySettings() {
        // Apply theme
        document.body.className = `theme-${this.settings.theme}`;
        
        // Update UI elements
        document.getElementById('coachType').value = this.settings.coachType;
        document.getElementById('intensity').value = this.settings.intensity;
        document.getElementById('theme').value = this.settings.theme;
        document.getElementById('userName').value = this.settings.userName || '';
        document.getElementById('userGoal').value = this.settings.userGoal || '';
    }
    
    updateStats() {
        const today = new Date().toDateString();
        if (this.stats.lastDate !== today) {
            if (this.stats.lastDate === new Date(Date.now() - 86400000).toDateString()) {
                this.stats.streak++;
            } else {
                this.stats.streak = 1;
            }
            this.stats.lastDate = today;
        }
        
        this.sessionCount.textContent = this.stats.sessions;
        this.streakCount.textContent = this.stats.streak;
        this.statsSection.classList.remove('hidden');
        this.saveStats();
    }
    
    updateAchievements() {
        const badges = [
            { id: 'first', name: 'First Step', icon: '🎯', condition: () => this.stats.sessions >= 1 },
            { id: 'streak3', name: '3 Day Streak', icon: '🔥', condition: () => this.stats.streak >= 3 },
            { id: 'sessions10', name: '10 Sessions', icon: '💪', condition: () => this.stats.sessions >= 10 },
            { id: 'streak7', name: 'Week Warrior', icon: '👑', condition: () => this.stats.streak >= 7 },
            { id: 'sessions50', name: 'Half Century', icon: '🏆', condition: () => this.stats.sessions >= 50 }
        ];
        
        let earnedCount = 0;
        const badgesList = document.getElementById('badgesList');
        badgesList.innerHTML = '';
        
        badges.forEach(badge => {
            const earned = badge.condition();
            if (earned && !this.achievements.includes(badge.id)) {
                this.achievements.push(badge.id);
                this.saveAchievements();
            }
            
            if (earned) earnedCount++;
            
            const badgeEl = document.createElement('div');
            badgeEl.className = `badge ${earned ? 'earned' : ''}`;
            badgeEl.innerHTML = `
                <span class="badge-icon">${badge.icon}</span>
                <span class="badge-name">${badge.name}</span>
            `;
            badgesList.appendChild(badgeEl);
        });
        this.badgeCount.textContent = earnedCount;
    }
    
    async handleTalkToKaleshak() {
        const query = this.feelingInput.value.trim();
        
        if (!query) {
            this.feelingInput.focus();
            return;
        }
        
        this.setLoading(true);
        
        // Hide AI result sections
        this.aiSummarySection.classList.add('hidden');
        this.aiQuizSection.classList.add('hidden');
        this.wikiImageContainer.classList.add('hidden');
        
        try {
            // 1. Fetch from Wikipedia API
            const wikiUrl = `https://en.wikipedia.org/api/rest_v1/page/summary/${encodeURIComponent(query)}`;
            const response = await fetch(wikiUrl);
            
            if (!response.ok) {
                throw new Error('Wikipedia page not found');
            }
            
            const data = await response.json();
            
            if (data.type === 'disambiguation') {
                throw new Error('Disambiguation page');
            }
            
            const title = data.title;
            const description = data.description || 'Topic overview';
            const extract = data.extract;
            const imageUrl = data.originalimage ? data.originalimage.source : (data.thumbnail ? data.thumbnail.source : null);
            
            this.currentTopic = { title, description, extract, query };
            
            // Update Wikipedia UI elements
            this.wikiTitle.textContent = title;
            this.wikiDesc.textContent = description;
            
            if (imageUrl) {
                this.wikiImage.src = imageUrl;
                this.wikiImageContainer.classList.remove('hidden');
            }
            
            this.stats.sessions++;
            this.addXP(40, `Knowledge Acquired: ${title}`);
            this.updateChallengeProgress('sessions');
            this.trackMood(query);
            this.updateStats();
            this.updateAchievements();
            
            await this.displayAndSpeakResponse(extract);
        } catch (error) {
            console.log('Wikipedia direct failed, calling Jarvis Knowledge Core...', error);
            
            // Wikipedia search failed or was disambiguated; fallback to Gemini Knowledge search!
            try {
                const fallbackResponse = await this.getGeminiKnowledgeResponse(query);
                this.currentTopic = {
                    title: query.toUpperCase(),
                    description: 'Jarvis Knowledge Core Synthesis',
                    extract: fallbackResponse,
                    query: query
                };
                
                this.wikiTitle.textContent = query.toUpperCase();
                this.wikiDesc.textContent = 'Synthesis from Jarvis Archive';
                
                this.stats.sessions++;
                this.addXP(20, `Synthesis Acquired: ${query}`);
                this.updateStats();
                this.updateAchievements();
                
                await this.displayAndSpeakResponse(fallbackResponse);
            } catch (geminiError) {
                console.error('Gemini Knowledge also failed:', geminiError);
                const fallback = "System error. Unable to connect to the knowledge core database. Please try again.";
                await this.displayAndSpeakResponse(fallback);
            }
        }
        
        this.setLoading(false);
    }
    
    async getGeminiKnowledgeResponse(query) {
        try {
            const systemPrompt = "You are the Jarvis Knowledge Core. The user wants to search for the topic: '" + query + "'. Wikipedia did not return an exact summary. Act as the ultimate knowledge command center, search your internal database, and explain this topic clearly in 4-6 sentences. Respond in standard, high-quality, informative English.";
            
            const response = await fetch('/api/chat', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    feeling: `Explain the topic: ${query}`,
                    systemPrompt
                })
            });
            
            if (!response.ok) {
                throw new Error('API request failed');
            }
            
            const data = await response.json();
            return data.response;
        } catch (err) {
            console.log("Local archive fallback for:", query);
            return `System synthesized report for "${query.toUpperCase()}": This subject represents an important academic topic within the Jarvis Knowledge Core. It encompasses several foundational principles, historical achievements, and crucial relationships across scientific, technological, or cultural domains. Researchers study this topic to understand structural patterns, modern developments, and practical engineering solutions. Key elements of this subject continue to influence educational theory and technological innovations globally.`;
        }
    }

    async generateDeepSummary() {
        if (!this.currentTopic) return;
        
        this.aiSummarySection.classList.remove('hidden');
        this.aiSummaryText.innerHTML = '<div class="loading">Analyzing knowledge structure and creating AI Mindmap...</div>';
        
        // Scroll down to the summary section
        this.aiSummarySection.scrollIntoView({ behavior: 'smooth' });
        
        try {
            const systemPrompt = "You are the Jarvis Knowledge Core. Analyze the provided summary of the topic: '" + this.currentTopic.title + "'. Generate a comprehensive and gorgeous study guide. Format in clean, readable HTML using <strong>, <ul>, <li>, and <br>. Include exactly:\n1. 📊 Key Takeaways (3 high-impact bullets)\n2. 🧬 Advanced Related Concepts (3 deeper topics)\n3. 💡 Real-world Application (1 real world scenario)";
            
            const response = await fetch('/api/chat', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    feeling: this.currentTopic.extract,
                    systemPrompt
                })
            });
            
            if (!response.ok) throw new Error('API failed');
            
            const data = await response.json();
            let content = data.response;
            // Basic markdown cleanup to HTML
            content = content.replace(/\n/g, '<br>');
            content = content.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
            content = content.replace(/\* ([^*<]+)/g, '<li>$1</li>');
            this.aiSummaryText.innerHTML = content;
            this.addXP(30, `Analyzed Mindmap: ${this.currentTopic.title}`);
        } catch (error) {
            console.log("Gemini API guide generation failed, rendering high-fidelity local summary analysis...", error);
            const title = this.currentTopic.title;
            const desc = this.currentTopic.description || 'Topic Overview';
            const extract = this.currentTopic.extract || '';
            const keyTakeaways = extract.split('.').filter(s => s.trim().length > 15).slice(0, 3);
            
            let fallbackHtml = `
                <strong>📊 Key Takeaways:</strong><br>
                <ul>
                    <li>${keyTakeaways[0] ? keyTakeaways[0].trim() : 'Primary concept exploration regarding ' + title}.</li>
                    <li>${keyTakeaways[1] ? keyTakeaways[1].trim() : 'Foundational knowledge base validation.'}.</li>
                    <li>${keyTakeaways[2] ? keyTakeaways[2].trim() : 'Important developmental impact and historical timeline.'}.</li>
                </ul>
                <br>
                <strong>🧬 Advanced Related Concepts:</strong><br>
                <ul>
                    <li>Quantum Synthesis of ${title}</li>
                    <li>Statistical Modeling of ${desc}</li>
                    <li>Deep Algorithmic System Architecture</li>
                </ul>
                <br>
                <strong>💡 Real-world Application:</strong><br>
                Using standard models of ${title} to analyze real-world complex networks, optimize physical systems, and educate the next generation of researchers.
            `;
            this.aiSummaryText.innerHTML = fallbackHtml;
            this.addXP(30, `Analyzed Mindmap: ${this.currentTopic.title}`);
        }
    }

    async startQuizChallenge() {
        if (!this.currentTopic) return;
        
        this.aiQuizSection.classList.remove('hidden');
        this.quizContainer.innerHTML = '<div class="loading">Synthesizing interactive challenge questions...</div>';
        
        // Scroll down to the quiz section
        this.aiQuizSection.scrollIntoView({ behavior: 'smooth' });
        
        try {
            const systemPrompt = "You are the Jarvis Knowledge Core. Generate a multiple-choice quiz of 3 questions based on the provided Wikipedia summary of '" + this.currentTopic.title + "'. Return ONLY a valid JSON array in the following format, with NO additional text, quotes, or markdown formatting:\n[{\"question\": \"...\", \"options\": [\"A\", \"B\", \"C\", \"D\"], \"answerIndex\": 0}, ...]\nMake sure the JSON is perfectly valid and can be parsed directly by JSON.parse.";
            
            const response = await fetch('/api/chat', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    feeling: this.currentTopic.extract,
                    systemPrompt
                })
            });
            
            if (!response.ok) throw new Error('API failed');
            
            const data = await response.json();
            
            // Clean any markdown formatting if present
            let rawResponse = data.response.trim();
            if (rawResponse.startsWith('```json')) {
                rawResponse = rawResponse.substring(7, rawResponse.length - 3).trim();
            } else if (rawResponse.startsWith('```')) {
                rawResponse = rawResponse.substring(3, rawResponse.length - 3).trim();
            }
            
            const quizData = JSON.parse(rawResponse);
            this.renderQuiz(quizData);
        } catch (error) {
            console.log("Gemini API quiz generation failed, rendering dynamic local quiz challenge...", error);
            const title = this.currentTopic.title;
            const desc = this.currentTopic.description || 'Topic Overview';
            
            const fallbackQuiz = [
                {
                    question: `What is the primary significance of ${title}?`,
                    options: [
                        `${desc} and associated academic concepts`,
                        "It acts as a thermodynamic insulator in deep space",
                        "A mechanical subsystem in high-frequency trading",
                        "A traditional method of culinary preparation"
                    ],
                    answerIndex: 0
                },
                {
                    question: `Which field of research is most directly concerned with ${title}?`,
                    options: [
                        "General Education, History, and Science Archives",
                        "Agricultural soil processing models",
                        "Deep-sea marine exploration algorithms",
                        "Fashion design and textile engineering"
                    ],
                    answerIndex: 0
                },
                {
                    question: `Why is the study of ${title} critical in modern research?`,
                    options: [
                        "It provides fundamental theoretical frameworks for further investigation",
                        "It is used to synthesize synthetic high-durability fabrics",
                        "It directly controls internal combustion efficiency in turbines",
                        "It is the main component of global positioning units"
                    ],
                    answerIndex: 0
                }
            ];
            
            this.renderQuiz(fallbackQuiz);
        }
    }

    renderQuiz(quizData) {
        this.quizContainer.innerHTML = '';
        
        quizData.forEach((q, qIndex) => {
            const card = document.createElement('div');
            card.className = 'quiz-question-card';
            card.style.marginBottom = '20px';
            
            const questionEl = document.createElement('div');
            questionEl.className = 'quiz-question';
            questionEl.textContent = `${qIndex + 1}. ${q.question}`;
            card.appendChild(questionEl);
            
            const optionsContainer = document.createElement('div');
            optionsContainer.className = 'quiz-options';
            
            q.options.forEach((opt, oIndex) => {
                const btn = document.createElement('button');
                btn.className = 'quiz-option-btn';
                btn.textContent = opt;
                btn.addEventListener('click', () => {
                    // Prevent multiple clicks on the same question
                    const siblingBtns = optionsContainer.querySelectorAll('.quiz-option-btn');
                    siblingBtns.forEach(b => b.disabled = true);
                    
                    if (oIndex === q.answerIndex) {
                        btn.classList.add('correct');
                        this.addXP(20, `Correct Quiz Answer!`);
                        this.showNotification('🎉 Correct answer! +20 XP');
                    } else {
                        btn.classList.add('incorrect');
                        siblingBtns[q.answerIndex].classList.add('correct');
                        this.showNotification('❌ Incorrect answer. Keep learning!');
                    }
                });
                optionsContainer.appendChild(btn);
            });
            
            card.appendChild(optionsContainer);
            this.quizContainer.appendChild(card);
        });
    }
    
    async displayAndSpeakResponse(response) {
        this.responseSection.classList.remove('hidden');
        this.responseText.innerHTML = '';
        this.actionButton.classList.add('hidden');
        this.stopSpeechBtn.classList.add('hidden');
        this.repeatSpeechBtn.classList.add('hidden');
        
        const lines = response.split('\n').filter(line => line.trim());
        
        for (let i = 0; i < lines.length; i++) {
            await this.displayLine(lines[i], i);
        }
        
        this.repeatSpeechBtn.classList.remove('hidden');
        await this.speakResponse(response);
        this.actionButton.classList.remove('hidden');
    }
    
    async speakResponse(response) {
        const lines = response.split('\n').filter(line => line.trim());
        this.stopSpeechBtn.classList.remove('hidden');
        
        for (let i = 0; i < lines.length; i++) {
            await this.speakLine(lines[i]);
            if (i < lines.length - 1) await this.delay(800);
        }
        
        this.stopSpeechBtn.classList.add('hidden');
    }
    
    async displayLine(line, index) {
        const lineElement = document.createElement('div');
        lineElement.className = 'response-line';
        lineElement.textContent = line;
        lineElement.style.animationDelay = `${index * 0.2}s`;
        
        this.responseText.appendChild(lineElement);
        
        return new Promise(resolve => {
            setTimeout(resolve, 300);
        });
    }
    
    async speakLine(line) {
        return new Promise((resolve) => {
            this.speechSynthesis.cancel();
            
            const utterance = new SpeechSynthesisUtterance(line);
            utterance.rate = 0.9;
            utterance.pitch = 0.95;
            utterance.volume = 1.0;
            
            const voices = this.speechSynthesis.getVoices();
            const preferredVoices = [
                voice => voice.name.includes('Ravi') || voice.name.includes('Indian'),
                voice => voice.lang === 'en-IN',
                voice => voice.name.includes('Google') && voice.lang.startsWith('en'),
                voice => voice.name.includes('Microsoft') && voice.name.includes('Natural'),
                voice => voice.name.includes('Samantha') || voice.name.includes('Alex'),
                voice => voice.name.includes('Premium') || voice.name.includes('Neural'),
                voice => voice.lang.startsWith('en') && !voice.name.includes('eSpeak')
            ];
            
            let selectedVoice = null;
            for (const voiceFilter of preferredVoices) {
                selectedVoice = voices.find(voiceFilter);
                if (selectedVoice) break;
            }
            
            if (selectedVoice) {
                utterance.voice = selectedVoice;
            }
            
            utterance.onend = resolve;
            utterance.onerror = resolve;
            
            this.currentUtterance = utterance;
            this.speechSynthesis.speak(utterance);
        });
    }
    
    delay(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
    }
    
    setLoading(isLoading) {
        this.talkButton.disabled = isLoading;
        this.talkButton.textContent = isLoading ? 'Querying Knowledge Core...' : 'Query Knowledge Archive';
        
        if (isLoading) {
            this.responseSection.classList.remove('hidden');
            this.responseText.innerHTML = '<div class="loading">Accessing archives and decrypting knowledge files...</div>';
            this.wikiTitle.textContent = 'Searching...';
            this.wikiDesc.textContent = 'Establishing network handshake with Wikipedia Core';
            this.actionButton.classList.add('hidden');
        }
    }
    
    handleActionButton() {
        this.feelingInput.value = '';
        this.responseSection.classList.add('hidden');
        this.feelingInput.focus();
        document.querySelectorAll('.mood-btn').forEach(b => b.classList.remove('active'));
        this.speechSynthesis.cancel();
    }
    
    trackMood(feeling) {
        const moodKeywords = {
            lazy: ['lazy', 'tired', 'sleepy', 'lethargic'],
            sad: ['sad', 'depressed', 'down', 'upset'],
            confused: ['confused', 'lost', 'unclear', 'stuck'],
            angry: ['angry', 'mad', 'frustrated', 'annoyed']
        };
        
        const lowerFeeling = feeling.toLowerCase();
        for (const [mood, keywords] of Object.entries(moodKeywords)) {
            if (keywords.some(keyword => lowerFeeling.includes(keyword))) {
                this.moodData[mood]++;
                break;
            }
        }
        
        this.moodData.history.push({
            date: new Date().toDateString(),
            feeling: feeling
        });
        
        if (this.moodData.history.length > 30) {
            this.moodData.history = this.moodData.history.slice(-30);
        }
        
        localStorage.setItem('kaleshak-moods', JSON.stringify(this.moodData));
    }
    
    initializeXP() {
        this.updateXPDisplay();
    }
    
    initializeHabits() {
        this.updateHabitsDisplay();
    }
    
    initializeChallenges() {
        this.updateChallengeDisplay();
        this.checkDailyChallenge();
    }
    
    toggleHabits() {
        if (this.habitTracker.classList.contains('hidden')) {
            window.closeAllPanels('habitTracker');
            this.habitTracker.classList.remove('hidden');
            this.updateHabitsDisplay();
        } else {
            this.habitTracker.classList.add('hidden');
        }
    }
    
    toggleChallenge() {
        if (this.challengePanel.classList.contains('hidden')) {
            window.closeAllPanels('challengePanel');
            this.challengePanel.classList.remove('hidden');
        } else {
            this.challengePanel.classList.add('hidden');
        }
    }
    
    addXP(amount, reason) {
        this.xpData.xp += amount;
        this.xpData.totalXP += amount;
        
        const xpNeeded = this.xpData.level * 100;
        if (this.xpData.xp >= xpNeeded) {
            this.levelUp();
        }
        
        this.updateXPDisplay();
        this.saveXPData();
        this.showNotification(`+${amount} XP: ${reason}`);
    }
    
    levelUp() {
        this.xpData.level++;
        this.xpData.xp = 0;
        
        // Show level up animation
        const levelUpDiv = document.createElement('div');
        levelUpDiv.className = 'level-up-animation';
        levelUpDiv.textContent = `LEVEL ${this.xpData.level}!`;
        document.body.appendChild(levelUpDiv);
        
        setTimeout(() => levelUpDiv.remove(), 3000);
        this.showNotification(`🎉 Level Up! You are now Level ${this.xpData.level}!`);
    }
    
    updateXPDisplay() {
        const xpNeeded = this.xpData.level * 100;
        const percentage = (this.xpData.xp / xpNeeded) * 100;
        
        this.xpFill.style.width = `${percentage}%`;
        this.xpText.textContent = `Level ${this.xpData.level} - ${this.xpData.xp}/${xpNeeded} XP`;
    }
    
    saveXPData() {
        localStorage.setItem('kaleshak-xp', JSON.stringify(this.xpData));
    }
    
    addHabit() {
        const habitName = document.getElementById('newHabit').value.trim();
        if (!habitName) return;
        
        const habit = {
            id: Date.now(),
            name: habitName,
            streak: 0,
            lastCompleted: null,
            completedToday: false
        };
        
        this.habits.push(habit);
        this.saveHabits();
        this.updateHabitsDisplay();
        document.getElementById('newHabit').value = '';
    }
    
    updateHabitsDisplay() {
        const habitList = document.getElementById('habitList');
        habitList.innerHTML = '';
        
        this.habits.forEach(habit => {
            const habitDiv = document.createElement('div');
            habitDiv.className = 'habit-item';
            habitDiv.innerHTML = `
                <span class="habit-name">${habit.name}</span>
                <span class="habit-streak">${habit.streak} days</span>
                <button class="habit-check ${habit.completedToday ? 'completed' : ''}" 
                        onclick="kaleshakApp.completeHabit(${habit.id})">
                    ${habit.completedToday ? '✓' : 'Complete'}
                </button>
            `;
            habitList.appendChild(habitDiv);
        });
    }
    
    completeHabit(habitId) {
        const habit = this.habits.find(h => h.id === habitId);
        if (!habit || habit.completedToday) return;
        
        habit.completedToday = true;
        habit.lastCompleted = new Date().toDateString();
        habit.streak++;
        
        this.addXP(20, `Habit: ${habit.name}`);
        this.saveHabits();
        this.updateHabitsDisplay();
    }
    
    saveHabits() {
        localStorage.setItem('kaleshak-habits', JSON.stringify(this.habits));
    }
    
    checkDailyChallenge() {
        const today = new Date().toDateString();
        if (this.challenges.date !== today) {
            // Generate new daily challenge
            const challengeTypes = [
                { text: 'Complete 3 motivation sessions', target: 3, type: 'sessions' },
                { text: 'Use focus timer for 60 minutes', target: 60, type: 'timer' },
                { text: 'Complete 5 habits', target: 5, type: 'habits' },
                { text: 'Maintain 2-day streak', target: 2, type: 'streak' }
            ];
            
            const randomChallenge = challengeTypes[Math.floor(Math.random() * challengeTypes.length)];
            this.challenges = {
                date: today,
                text: randomChallenge.text,
                target: randomChallenge.target,
                progress: 0,
                type: randomChallenge.type
            };
            
            this.saveChallenges();
        }
    }
    
    updateChallengeDisplay() {
        document.getElementById('challengeText').textContent = this.challenges.text;
        document.getElementById('challengeProgress').textContent = `${this.challenges.progress}/${this.challenges.target}`;
    }
    
    updateChallengeProgress(type) {
        if (this.challenges.type === type) {
            this.challenges.progress++;
            if (this.challenges.progress >= this.challenges.target) {
                this.addXP(100, 'Daily Challenge Complete!');
                this.showNotification('🏆 Daily Challenge Complete! +100 XP');
            }
            this.saveChallenges();
            this.updateChallengeDisplay();
        }
    }
    
    saveChallenges() {
        localStorage.setItem('kaleshak-challenges', JSON.stringify(this.challenges));
    }
}

// Initialize the app when DOM is loaded
document.addEventListener('DOMContentLoaded', () => {
    // Check if user is logged in
    const session = localStorage.getItem('kaleshak-session');
    if (!session) {
        window.location.href = 'login.html';
        return;
    }
    
    const sessionData = JSON.parse(session);
    const loginTime = new Date(sessionData.loginTime);
    const now = new Date();
    const hoursDiff = (now - loginTime) / (1000 * 60 * 60);
    
    // Session expires after 24 hours
    if (hoursDiff >= 24) {
        localStorage.removeItem('kaleshak-session');
        window.location.href = 'login.html';
        return;
    }
    
    // Add logout button to header
    const headerControls = document.querySelector('.header-controls');
    const logoutBtn = document.createElement('button');
    logoutBtn.className = 'icon-btn';
    logoutBtn.title = 'Logout';
    logoutBtn.textContent = '🚪';
    logoutBtn.addEventListener('click', () => {
        localStorage.removeItem('kaleshak-session');
        window.location.href = 'login.html';
    });
    headerControls.appendChild(logoutBtn);
    
    // Initialize app and make it globally accessible
    window.kaleshakApp = new Kaleshak();
});

// Load voices when they become available
window.speechSynthesis.onvoiceschanged = () => {
    // Voices are now loaded
};