function MainComponent() { const [currentView, setCurrentView] = React.useState("home"); const [subject, setSubject] = React.useState(""); const [topic, setTopic] = React.useState(""); const [difficulty, setDifficulty] = React.useState("medium"); const [questionCount, setQuestionCount] = React.useState(5); const [loading, setLoading] = React.useState(false); const [quizQuestions, setQuizQuestions] = React.useState([]); const [currentQuiz, setCurrentQuiz] = React.useState(null); const [quizResults, setQuizResults] = React.useState(null); const [studyNotes, setStudyNotes] = React.useState(""); const [flashcards, setFlashcards] = React.useState([]); const [currentFlashcard, setCurrentFlashcard] = React.useState(0); const [showAnswer, setShowAnswer] = React.useState(false); const [isOnline, setIsOnline] = React.useState(true); const [iqTestResults, setIqTestResults] = React.useState(null); const [iqTestTimer, setIqTestTimer] = React.useState(0); const [iqTestTimeLimit, setIqTestTimeLimit] = React.useState(30 * 60); const [iqTestStartTime, setIqTestStartTime] = React.useState(null); const [achievements, setAchievements] = React.useState([]); const [userStats, setUserStats] = React.useState({ totalQuizzes: 0, totalCorrect: 0, totalQuestions: 0, studyStreak: 0, lastStudyDate: null, iqTestsTaken: 0, flashcardsStudied: 0, notesGenerated: 0, perfectScores: 0, highestIQ: 0, fastestQuiz: 999, longestSession: 0, subjectMastery: 0, earlyBirdSessions: 0, nightOwlSessions: 0, speedRounds: 0, accuracy: 0, subjectsStudied: 0, improvements: 0, perfectWeek: 0, masteredSubjects: 0, dailyQuizRecord: 0, perfectMonth: 0, hourlyQuizzes: 0, totalStudyTime: 0, speedQuizzes: 0, perfectYear: 0 }); const allAchievements = [ { id: 1, name: "First Steps", description: "Complete your first quiz", icon: "fas fa-baby", condition: (stats)=>stats.totalQuizzes >= 1, unlocked: false }, { id: 2, name: "Quiz Master", description: "Complete 10 quizzes", icon: "fas fa-graduation-cap", condition: (stats)=>stats.totalQuizzes >= 10, unlocked: false }, { id: 3, name: "Century Club", description: "Complete 100 quizzes", icon: "fas fa-trophy", condition: (stats)=>stats.totalQuizzes >= 100, unlocked: false }, { id: 4, name: "Perfect Score", description: "Get 100% on a quiz", icon: "fas fa-star", condition: (stats)=>stats.perfectScores >= 1, unlocked: false }, { id: 5, name: "Perfectionist", description: "Get 10 perfect scores", icon: "fas fa-medal", condition: (stats)=>stats.perfectScores >= 10, unlocked: false }, { id: 6, name: "Scholar", description: "Answer 500 questions correctly", icon: "fas fa-book-open", condition: (stats)=>stats.totalCorrect >= 500, unlocked: false }, { id: 7, name: "Genius", description: "Score 130+ on an IQ test", icon: "fas fa-brain", condition: (stats)=>stats.highestIQ >= 130, unlocked: false }, { id: 8, name: "Study Streak", description: "Study for 7 days in a row", icon: "fas fa-fire", condition: (stats)=>stats.studyStreak >= 7, unlocked: false }, { id: 9, name: "Flashcard Fan", description: "Study 100 flashcards", icon: "fas fa-layer-group", condition: (stats)=>stats.flashcardsStudied >= 100, unlocked: false }, { id: 10, name: "Note Taker", description: "Generate 25 study notes", icon: "fas fa-sticky-note", condition: (stats)=>stats.notesGenerated >= 25, unlocked: false }, { id: 11, name: "Quick Learner", description: "Complete a quiz in under 2 minutes", icon: "fas fa-bolt", condition: (stats)=>stats.fastestQuiz <= 120, unlocked: false }, { id: 12, name: "Marathon Runner", description: "Study for over 2 hours in one session", icon: "fas fa-running", condition: (stats)=>stats.longestSession >= 7200, unlocked: false }, { id: 13, name: "Subject Expert", description: "Complete 50 quizzes in one subject", icon: "fas fa-microscope", condition: (stats)=>stats.subjectMastery >= 50, unlocked: false }, { id: 14, name: "IQ Champion", description: "Take 5 IQ tests", icon: "fas fa-crown", condition: (stats)=>stats.iqTestsTaken >= 5, unlocked: false }, { id: 15, name: "Knowledge Seeker", description: "Answer 1000 questions", icon: "fas fa-search", condition: (stats)=>stats.totalQuestions >= 1000, unlocked: false }, { id: 16, name: "Early Bird", description: "Study before 8 AM", icon: "fas fa-sun", condition: (stats)=>stats.earlyBirdSessions >= 1, unlocked: false }, { id: 17, name: "Night Owl", description: "Study after 10 PM", icon: "fas fa-moon", condition: (stats)=>stats.nightOwlSessions >= 1, unlocked: false }, { id: 18, name: "Consistent", description: "Study 30 days in a row", icon: "fas fa-calendar-check", condition: (stats)=>stats.studyStreak >= 30, unlocked: false }, { id: 19, name: "Speed Demon", description: "Answer 10 questions in under 30 seconds", icon: "fas fa-tachometer-alt", condition: (stats)=>stats.speedRounds >= 1, unlocked: false }, { id: 20, name: "Accuracy Expert", description: "Maintain 90% accuracy over 100 questions", icon: "fas fa-bullseye", condition: (stats)=>stats.accuracy >= 90 && stats.totalQuestions >= 100, unlocked: false }, { id: 21, name: "Diverse Learner", description: "Study 10 different subjects", icon: "fas fa-palette", condition: (stats)=>stats.subjectsStudied >= 10, unlocked: false }, { id: 22, name: "Comeback Kid", description: "Improve quiz score by 50% in same topic", icon: "fas fa-chart-line", condition: (stats)=>stats.improvements >= 1, unlocked: false }, { id: 23, name: "Dedication", description: "Study every day for a month", icon: "fas fa-heart", condition: (stats)=>stats.studyStreak >= 30, unlocked: false }, { id: 24, name: "Flash Master", description: "Complete 500 flashcards", icon: "fas fa-cards-blank", condition: (stats)=>stats.flashcardsStudied >= 500, unlocked: false }, { id: 25, name: "Note Ninja", description: "Generate 100 study notes", icon: "fas fa-ninja", condition: (stats)=>stats.notesGenerated >= 100, unlocked: false }, { id: 26, name: "Quiz Veteran", description: "Complete 250 quizzes", icon: "fas fa-shield-alt", condition: (stats)=>stats.totalQuizzes >= 250, unlocked: false }, { id: 27, name: "Super Genius", description: "Score 140+ on an IQ test", icon: "fas fa-atom", condition: (stats)=>stats.highestIQ >= 140, unlocked: false }, { id: 28, name: "Lightning Fast", description: "Complete 5 quizzes in one hour", icon: "fas fa-zap", condition: (stats)=>stats.hourlyQuizzes >= 5, unlocked: false }, { id: 29, name: "Study Machine", description: "Study for 100 total hours", icon: "fas fa-cogs", condition: (stats)=>stats.totalStudyTime >= 360000, unlocked: false }, { id: 30, name: "Perfect Week", description: "Get perfect scores 7 days in a row", icon: "fas fa-gem", condition: (stats)=>stats.perfectWeek >= 1, unlocked: false }, { id: 31, name: "Knowledge Collector", description: "Answer 2500 questions correctly", icon: "fas fa-coins", condition: (stats)=>stats.totalCorrect >= 2500, unlocked: false }, { id: 32, name: "Subject Master", description: "Master 5 different subjects", icon: "fas fa-chess-king", condition: (stats)=>stats.masteredSubjects >= 5, unlocked: false }, { id: 33, name: "Endurance Runner", description: "Complete 20 quizzes in one day", icon: "fas fa-dumbbell", condition: (stats)=>stats.dailyQuizRecord >= 20, unlocked: false }, { id: 34, name: "Flashcard Fanatic", description: "Study 1000 flashcards", icon: "fas fa-layer-group", condition: (stats)=>stats.flashcardsStudied >= 1000, unlocked: false }, { id: 35, name: "Note Scholar", description: "Generate 250 study notes", icon: "fas fa-scroll", condition: (stats)=>stats.notesGenerated >= 250, unlocked: false }, { id: 36, name: "Quiz Legend", description: "Complete 500 quizzes", icon: "fas fa-dragon", condition: (stats)=>stats.totalQuizzes >= 500, unlocked: false }, { id: 37, name: "IQ Elite", description: "Score 150+ on an IQ test", icon: "fas fa-star-of-life", condition: (stats)=>stats.highestIQ >= 150, unlocked: false }, { id: 38, name: "Speed Master", description: "Complete 100 quizzes in under 5 minutes each", icon: "fas fa-rocket", condition: (stats)=>stats.speedQuizzes >= 100, unlocked: false }, { id: 39, name: "Study Titan", description: "Study for 500 total hours", icon: "fas fa-mountain", condition: (stats)=>stats.totalStudyTime >= 1800000, unlocked: false }, { id: 40, name: "Perfect Month", description: "Get perfect scores for 30 days", icon: "fas fa-calendar-star", condition: (stats)=>stats.perfectMonth >= 1, unlocked: false }, { id: 41, name: "Knowledge God", description: "Answer 5000 questions correctly", icon: "fas fa-infinity", condition: (stats)=>stats.totalCorrect >= 5000, unlocked: false }, { id: 42, name: "Universal Scholar", description: "Study 25 different subjects", icon: "fas fa-globe", condition: (stats)=>stats.subjectsStudied >= 25, unlocked: false }, { id: 43, name: "Marathon Master", description: "Complete 50 quizzes in one day", icon: "fas fa-medal", condition: (stats)=>stats.dailyQuizRecord >= 50, unlocked: false }, { id: 44, name: "Flash God", description: "Study 2500 flashcards", icon: "fas fa-bolt-lightning", condition: (stats)=>stats.flashcardsStudied >= 2500, unlocked: false }, { id: 45, name: "Note Master", description: "Generate 500 study notes", icon: "fas fa-feather", condition: (stats)=>stats.notesGenerated >= 500, unlocked: false }, { id: 46, name: "Quiz Immortal", description: "Complete 1000 quizzes", icon: "fas fa-ankh", condition: (stats)=>stats.totalQuizzes >= 1000, unlocked: false }, { id: 47, name: "IQ Transcendent", description: "Score 160+ on an IQ test", icon: "fas fa-eye", condition: (stats)=>stats.highestIQ >= 160, unlocked: false }, { id: 48, name: "Time Lord", description: "Study for 1000 total hours", icon: "fas fa-hourglass", condition: (stats)=>stats.totalStudyTime >= 3600000, unlocked: false }, { id: 49, name: "Perfect Year", description: "Maintain perfect scores for 365 days", icon: "fas fa-crown", condition: (stats)=>stats.perfectYear >= 1, unlocked: false }, { id: 50, name: "Ultimate Scholar", description: "Master all aspects of learning", icon: "fas fa-universe", condition: (stats)=>stats.totalQuizzes >= 1000 && stats.totalCorrect >= 10000 && stats.highestIQ >= 150, unlocked: false } ]; React.useEffect(()=>{ const handleOnline = ()=>setIsOnline(true); const handleOffline = ()=>setIsOnline(false); window.addEventListener("online", handleOnline); window.addEventListener("offline", handleOffline); return ()=>{ window.removeEventListener("online", handleOnline); window.removeEventListener("offline", handleOffline); }; }, []); React.useEffect(()=>{ let interval; if (currentQuiz?.type === "iq" && iqTestStartTime && iqTestTimer < iqTestTimeLimit) { interval = setInterval(()=>{ setIqTestTimer((prev)=>{ if (prev >= iqTestTimeLimit - 1) { handleTimeUp(); return iqTestTimeLimit; } return prev + 1; }); }, 1000); } return ()=>clearInterval(interval); }, [ currentQuiz, iqTestStartTime, iqTestTimer, iqTestTimeLimit ]); const getIQClassification = (score)=>{ if (score >= 130) return "Very Superior"; if (score >= 120) return "Superior"; if (score >= 110) return "High Average"; if (score >= 90) return "Average"; if (score >= 80) return "Low Average"; if (score >= 70) return "Borderline"; return "Extremely Low"; }; const getPercentile = (score)=>{ if (score >= 130) return "98th"; if (score >= 120) return "91st"; if (score >= 110) return "75th"; if (score >= 100) return "50th"; if (score >= 90) return "25th"; if (score >= 80) return "9th"; return "2nd"; }; const handleTimeUp = ()=>{ if (currentQuiz && currentQuiz.type === "iq") { const remainingQuestions = quizQuestions.length - (currentQuiz.currentQuestion + 1); const finalScore = currentQuiz.score / quizQuestions.length * 100; const iqScore = Math.round(85 + finalScore / 100 * 45); setIqTestResults({ score: finalScore, correct: currentQuiz.score, total: quizQuestions.length, answers: [ ...currentQuiz.answers, ...Array(remainingQuestions).fill(-1) ], type: "iq", iqScore, classification: getIQClassification(iqScore), date: new Date().toLocaleDateString(), percentile: getPercentile(iqScore), timeUp: true }); setCurrentQuiz(null); setIqTestTimer(0); setIqTestStartTime(null); setCurrentView("iq-results"); } }; const generateQuiz = async ()=>{ setLoading(true); if (isOnline) { try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Create a ${difficulty} level quiz about ${topic} in ${subject} with ${questionCount} multiple choice questions. Each question should have 4 options with only one correct answer. Include explanations for each correct answer.` } ], json_schema: { name: "quiz_questions", schema: { type: "object", properties: { questions: { type: "array", items: { type: "object", properties: { question: { type: "string" }, options: { type: "array", items: { type: "string" } }, correct_answer: { type: "number" }, explanation: { type: "string" } }, required: [ "question", "options", "correct_answer", "explanation" ], additionalProperties: false } } }, required: [ "questions" ], additionalProperties: false } } }) }); const data = await response.json(); const quiz = JSON.parse(data.choices[0].message.content); setQuizQuestions(quiz.questions); } catch (error) { console.error("Error generating quiz:", error); generateOfflineQuiz(); } } else { generateOfflineQuiz(); } setCurrentQuiz({ currentQuestion: 0, answers: [], score: 0 }); setCurrentView("quiz-taking"); setLoading(false); }; const generateOfflineQuiz = ()=>{ const offlineQuestions = [ { question: "What is the capital of France?", options: [ "London", "Berlin", "Paris", "Madrid" ], correct_answer: 2, explanation: "Paris is the capital and largest city of France." }, { question: "Which planet is known as the Red Planet?", options: [ "Venus", "Mars", "Jupiter", "Saturn" ], correct_answer: 1, explanation: "Mars is called the Red Planet due to its reddish appearance." }, { question: "What is 2 + 2?", options: [ "3", "4", "5", "6" ], correct_answer: 1, explanation: "2 + 2 equals 4." } ]; setQuizQuestions(offlineQuestions.slice(0, questionCount)); }; const generateIQTest = async ()=>{ setLoading(true); if (isOnline) { try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Create 15 authentic IQ test questions with varying difficulty levels. Include different types of cognitive assessments: - Logical reasoning (3-4 questions) - Pattern recognition and sequences (3-4 questions) - Spatial reasoning (2-3 questions) - Verbal reasoning and analogies (2-3 questions) - Mathematical reasoning (2-3 questions) Make sure questions are varied and test different cognitive abilities. Each question should have 4 multiple choice options with only one correct answer. Include detailed explanations for each answer.` } ], json_schema: { name: "iq_test_questions", schema: { type: "object", properties: { questions: { type: "array", items: { type: "object", properties: { question: { type: "string" }, type: { type: "string" }, options: { type: "array", items: { type: "string" } }, correct_answer: { type: "number" }, explanation: { type: "string" }, difficulty: { type: "string" } }, required: [ "question", "type", "options", "correct_answer", "explanation", "difficulty" ], additionalProperties: false } } }, required: [ "questions" ], additionalProperties: false } } }) }); const data = await response.json(); const iqTest = JSON.parse(data.choices[0].message.content); setQuizQuestions(iqTest.questions); } catch (error) { console.error("Error generating IQ test:", error); generateOfflineIQTest(); } } else { generateOfflineIQTest(); } setIqTestStartTime(Date.now()); setIqTestTimer(0); setCurrentQuiz({ currentQuestion: 0, answers: [], score: 0, type: "iq" }); setCurrentView("quiz-taking"); setLoading(false); }; const generateOfflineIQTest = ()=>{ const offlineIQQuestions = [ { question: "What number should come next in the sequence: 2, 6, 18, 54, ?", type: "Pattern Recognition", options: [ "108", "162", "216", "324" ], correct_answer: 1, explanation: "Each number is multiplied by 3: 2×3=6, 6×3=18, 18×3=54, 54×3=162", difficulty: "Medium" }, { question: "If all Bloops are Razzles and all Razzles are Lazzles, then all Bloops are definitely:", type: "Logical Reasoning", options: [ "Lazzles", "Not Lazzles", "Sometimes Lazzles", "Cannot be determined" ], correct_answer: 0, explanation: "This follows logical transitivity: if A→B and B→C, then A→C. All Bloops are Lazzles.", difficulty: "Easy" }, { question: "Which shape completes the pattern? ○△□ ○△□ ○△?", type: "Pattern Recognition", options: [ "○", "△", "□", "◇" ], correct_answer: 2, explanation: "The pattern repeats every three shapes: circle, triangle, square. The next shape is square.", difficulty: "Easy" }, { question: "Book is to Reading as Fork is to:", type: "Verbal Reasoning", options: [ "Eating", "Kitchen", "Spoon", "Food" ], correct_answer: 0, explanation: "A book is used for reading, just as a fork is used for eating. This is a function analogy.", difficulty: "Medium" }, { question: "If you rearrange the letters 'CIFAIPC' you would have the name of a:", type: "Verbal Reasoning", options: [ "City", "Animal", "Ocean", "Country" ], correct_answer: 2, explanation: "CIFAIPC rearranged spells PACIFIC, which is an ocean.", difficulty: "Medium" }, { question: "What is the missing number in this sequence: 1, 4, 9, 16, 25, ?", type: "Mathematical Reasoning", options: [ "30", "36", "42", "49" ], correct_answer: 1, explanation: "These are perfect squares: 1², 2², 3², 4², 5², 6² = 36", difficulty: "Easy" }, { question: "A cube has how many faces?", type: "Spatial Reasoning", options: [ "4", "6", "8", "12" ], correct_answer: 1, explanation: "A cube has 6 faces: top, bottom, front, back, left, and right.", difficulty: "Easy" }, { question: "If 5 machines can make 5 widgets in 5 minutes, how long would it take 100 machines to make 100 widgets?", type: "Mathematical Reasoning", options: [ "5 minutes", "20 minutes", "100 minutes", "500 minutes" ], correct_answer: 0, explanation: "Each machine makes 1 widget in 5 minutes. 100 machines would make 100 widgets in the same 5 minutes.", difficulty: "Hard" }, { question: "Which word does not belong: Apple, Orange, Banana, Carrot, Grape", type: "Logical Reasoning", options: [ "Apple", "Orange", "Banana", "Carrot" ], correct_answer: 3, explanation: "Carrot is a vegetable, while all others are fruits.", difficulty: "Easy" }, { question: "What comes next: J, F, M, A, M, J, J, ?", type: "Pattern Recognition", options: [ "A", "S", "O", "N" ], correct_answer: 0, explanation: "These are the first letters of months: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug", difficulty: "Medium" }, { question: "If you fold a piece of paper in half 3 times and then make one cut, how many holes will you have when you unfold it?", type: "Spatial Reasoning", options: [ "2", "4", "6", "8" ], correct_answer: 3, explanation: "Folding 3 times creates 8 layers. One cut through all layers creates 8 holes when unfolded.", difficulty: "Hard" }, { question: "Complete the analogy: Day is to Night as Summer is to:", type: "Verbal Reasoning", options: [ "Hot", "Cold", "Winter", "Season" ], correct_answer: 2, explanation: "Day and night are opposites, just as summer and winter are opposite seasons.", difficulty: "Easy" }, { question: "What is the next number: 3, 7, 15, 31, 63, ?", type: "Mathematical Reasoning", options: [ "95", "127", "159", "191" ], correct_answer: 1, explanation: "Pattern: multiply by 2 and add 1: 3×2+1=7, 7×2+1=15, 15×2+1=31, 31×2+1=63, 63×2+1=127", difficulty: "Hard" }, { question: "Which number is the odd one out: 3, 5, 11, 14, 17, 21", type: "Mathematical Reasoning", options: [ "3", "11", "14", "21" ], correct_answer: 2, explanation: "14 is the only even number in the list. All others are odd numbers.", difficulty: "Medium" }, { question: "If all cats are animals and some animals are pets, which statement must be true?", type: "Logical Reasoning", options: [ "All cats are pets", "Some cats are pets", "No cats are pets", "Some cats might be pets" ], correct_answer: 3, explanation: "We know all cats are animals, and some animals are pets, so some cats might be pets, but it's not certain.", difficulty: "Hard" } ]; const shuffled = [ ...offlineIQQuestions ].sort(()=>Math.random() - 0.5); setQuizQuestions(shuffled.slice(0, 12)); }; const handleQuizAnswer = (selectedAnswer)=>{ const question = quizQuestions[currentQuiz.currentQuestion]; const isCorrect = selectedAnswer === question.correct_answer; const newAnswers = [ ...currentQuiz.answers, selectedAnswer ]; const newScore = currentQuiz.score + (isCorrect ? 1 : 0); if (currentQuiz.currentQuestion < quizQuestions.length - 1) { setCurrentQuiz({ ...currentQuiz, currentQuestion: currentQuiz.currentQuestion + 1, answers: newAnswers, score: newScore }); } else { // Update stats when quiz completes const newStats = { ...userStats, totalQuizzes: userStats.totalQuizzes + 1, totalCorrect: userStats.totalCorrect + newScore, totalQuestions: userStats.totalQuestions + quizQuestions.length, perfectScores: userStats.perfectScores + (newScore === quizQuestions.length ? 1 : 0) }; if (currentQuiz.type === "iq") { const finalScore = newScore / quizQuestions.length * 100; const iqScore = Math.round(85 + finalScore / 100 * 45); newStats.iqTestsTaken = userStats.iqTestsTaken + 1; newStats.highestIQ = Math.max(userStats.highestIQ, iqScore); setIqTestResults({ score: finalScore, correct: newScore, total: quizQuestions.length, answers: newAnswers, type: "iq", iqScore, classification: getIQClassification(iqScore), date: new Date().toLocaleDateString(), percentile: getPercentile(iqScore), timeUp: false }); setCurrentQuiz(null); setIqTestTimer(0); setIqTestStartTime(null); setCurrentView("iq-results"); } else { setQuizResults({ score: newScore / quizQuestions.length * 100, correct: newScore, total: quizQuestions.length, answers: newAnswers }); setCurrentQuiz(null); setCurrentView("quiz-results"); } updateStats(newStats); } }; const generateStudyNotes = async ()=>{ setLoading(true); if (isOnline) { try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Create comprehensive study notes for ${topic} in ${subject}. Include key concepts, important facts, and helpful explanations.` } ] }) }); const data = await response.json(); setStudyNotes(data.choices[0].message.content); } catch (error) { console.error("Error generating study notes:", error); setStudyNotes(`Study Notes for ${topic} in ${subject}\n\nKey concepts and important information would be generated here when online.`); } } else { setStudyNotes(`Study Notes for ${topic} in ${subject}\n\nKey concepts and important information would be generated here when online.`); } // Update stats updateStats({ ...userStats, notesGenerated: userStats.notesGenerated + 1 }); setCurrentView("study-notes"); setLoading(false); }; const generateFlashcards = async ()=>{ setLoading(true); if (isOnline) { try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Create 10 flashcards for ${topic} in ${subject}. Each flashcard should have a question/term on the front and a detailed answer/definition on the back.` } ], json_schema: { name: "flashcards", schema: { type: "object", properties: { cards: { type: "array", items: { type: "object", properties: { front: { type: "string" }, back: { type: "string" } }, required: [ "front", "back" ], additionalProperties: false } } }, required: [ "cards" ], additionalProperties: false } } }) }); const data = await response.json(); const flashcardData = JSON.parse(data.choices[0].message.content); setFlashcards(flashcardData.cards); } catch (error) { console.error("Error generating flashcards:", error); generateOfflineFlashcards(); } } else { generateOfflineFlashcards(); } // Update stats updateStats({ ...userStats, flashcardsStudied: userStats.flashcardsStudied + 10 }); setCurrentFlashcard(0); setShowAnswer(false); setCurrentView("flashcards"); setLoading(false); }; const generateOfflineFlashcards = ()=>{ const offlineCards = [ { front: "Sample Question 1", back: "Sample Answer 1" }, { front: "Sample Question 2", back: "Sample Answer 2" }, { front: "Sample Question 3", back: "Sample Answer 3" } ]; setFlashcards(offlineCards); }; const checkAchievements = (newStats)=>{ const newAchievements = []; allAchievements.forEach((achievement)=>{ if (!achievement.unlocked && achievement.condition(newStats)) { achievement.unlocked = true; newAchievements.push(achievement); } }); if (newAchievements.length > 0) { setAchievements((prev)=>[ ...prev, ...newAchievements ]); // Show achievement notification newAchievements.forEach((achievement)=>{ console.log(`🏆 Achievement Unlocked: ${achievement.name}!`); }); } }; const updateStats = (newStats)=>{ setUserStats(newStats); checkAchievements(newStats); }; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-50 via-white to-purple-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 1079, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1080, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-16 w-16 border-b-4 border-indigo-600 mx-auto mb-4", __source: { fileName: "", lineNumber: 1081, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-medium text-lg", __source: { fileName: "", lineNumber: 1082, columnNumber: 11 }, __self: this }, "Generating content..."))); } if (currentView === "quiz-taking" && currentQuiz && quizQuestions.length > 0) { const question = quizQuestions[currentQuiz.currentQuestion]; const progress = (currentQuiz.currentQuestion + 1) / quizQuestions.length * 100; const timeRemaining = currentQuiz.type === "iq" ? iqTestTimeLimit - iqTestTimer : null; const minutes = timeRemaining ? Math.floor(timeRemaining / 60) : 0; const seconds = timeRemaining ? timeRemaining % 60 : 0; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-pink-100 p-4", __source: { fileName: "", lineNumber: 1105, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 1106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6 pt-8", __source: { fileName: "", lineNumber: 1107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setCurrentQuiz(null); setIqTestTimer(0); setIqTestStartTime(null); setCurrentView("quiz-menu"); }, className: "mr-4 p-2 rounded-full bg-white shadow-md", __source: { fileName: "", lineNumber: 1108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-gray-600", __source: { fileName: "", lineNumber: 1117, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 1119, columnNumber: 13 }, __self: this }, currentQuiz.type === "iq" ? "IQ Test" : "Quiz")), currentQuiz.type === "iq" && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 mb-4 shadow-md", __source: { fileName: "", lineNumber: 1125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 1126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1127, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 1128, columnNumber: 19 }, __self: this }), "Time Remaining"), /*#__PURE__*/ React.createElement("span", { className: `text-lg font-bold ${timeRemaining < 300 ? "text-red-500" : "text-blue-600"}`, __source: { fileName: "", lineNumber: 1130, columnNumber: 17 }, __self: this }, String(minutes).padStart(2, "0"), ":", String(seconds).padStart(2, "0"))), timeRemaining < 300 && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-red-600", __source: { fileName: "", lineNumber: 1138, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-1", __source: { fileName: "", lineNumber: 1139, columnNumber: 19 }, __self: this }), "Less than 5 minutes remaining!")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 mb-6 shadow-md", __source: { fileName: "", lineNumber: 1146, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 1147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1148, columnNumber: 15 }, __self: this }, "Question ", currentQuiz.currentQuestion + 1, " of", " ", quizQuestions.length), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1152, columnNumber: 15 }, __self: this }, "Score: ", currentQuiz.score, "/", currentQuiz.currentQuestion + 1)), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 1156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-purple-500 h-2 rounded-full transition-all duration-300", style: { width: `${progress}%` }, __source: { fileName: "", lineNumber: 1157, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg mb-6", __source: { fileName: "", lineNumber: 1164, columnNumber: 11 }, __self: this }, currentQuiz.type === "iq" && question.type && /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 1166, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block bg-purple-100 text-purple-800 text-xs font-medium px-2 py-1 rounded-full", __source: { fileName: "", lineNumber: 1167, columnNumber: 17 }, __self: this }, question.type), question.difficulty && /*#__PURE__*/ React.createElement("span", { className: `inline-block ml-2 text-xs font-medium px-2 py-1 rounded-full ${question.difficulty === "Easy" ? "bg-green-100 text-green-800" : question.difficulty === "Medium" ? "bg-yellow-100 text-yellow-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 1171, columnNumber: 19 }, __self: this }, question.difficulty)), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 1186, columnNumber: 13 }, __self: this }, question.question), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 1190, columnNumber: 13 }, __self: this }, question.options.map((option, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleQuizAnswer(index), className: "w-full p-4 text-left bg-gray-50 hover:bg-purple-50 border border-gray-200 hover:border-purple-300 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 1192, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 1197, columnNumber: 19 }, __self: this }, String.fromCharCode(65 + index), ". ", option))))), currentQuiz.type === "iq" && /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-4", __source: { fileName: "", lineNumber: 1206, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-yellow-800 text-sm", __source: { fileName: "", lineNumber: 1207, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 1208, columnNumber: 17 }, __self: this }), "Take your time to think through each question carefully. You have ", Math.floor(iqTestTimeLimit / 60), " minutes total.")))); } if (currentView === "iq-results" && iqTestResults) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-pink-100 p-4", __source: { fileName: "", lineNumber: 1221, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto pt-8", __source: { fileName: "", lineNumber: 1222, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 1223, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("quiz-menu"), className: "mr-4 p-2 rounded-full bg-white shadow-md", __source: { fileName: "", lineNumber: 1224, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-gray-600", __source: { fileName: "", lineNumber: 1228, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 1230, columnNumber: 13 }, __self: this }, "IQ Test Results")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg mb-6", __source: { fileName: "", lineNumber: 1233, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 1234, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold text-purple-600 mb-2", __source: { fileName: "", lineNumber: 1235, columnNumber: 15 }, __self: this }, iqTestResults.iqScore), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold text-gray-800 mb-1", __source: { fileName: "", lineNumber: 1238, columnNumber: 15 }, __self: this }, iqTestResults.classification), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1241, columnNumber: 15 }, __self: this }, iqTestResults.percentile, " percentile")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1246, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1247, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1248, columnNumber: 17 }, __self: this }, "Questions Correct"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 1249, columnNumber: 17 }, __self: this }, iqTestResults.correct, "/", iqTestResults.total)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1253, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1254, columnNumber: 17 }, __self: this }, "Accuracy"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 1255, columnNumber: 17 }, __self: this }, Math.round(iqTestResults.score), "%")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1259, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1260, columnNumber: 17 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 1261, columnNumber: 17 }, __self: this }, iqTestResults.date)), iqTestResults.timeUp && /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-red-50 border border-red-200 rounded-lg", __source: { fileName: "", lineNumber: 1264, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-red-800 text-sm", __source: { fileName: "", lineNumber: 1265, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 1266, columnNumber: 21 }, __self: this }), "Test completed due to time limit")))), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 1274, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-blue-800 mb-2", __source: { fileName: "", lineNumber: 1275, columnNumber: 13 }, __self: this }, "Understanding Your Score"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-700 text-sm", __source: { fileName: "", lineNumber: 1278, columnNumber: 13 }, __self: this }, "IQ scores follow a normal distribution with an average of 100. Your score of ", iqTestResults.iqScore, " places you in the", " ", iqTestResults.classification, " range, meaning you scored higher than approximately ", iqTestResults.percentile.replace(/\D/g, ""), "% of the population.")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIqTestResults(null); setCurrentView("quiz-menu"); }, className: "w-full bg-purple-600 text-white py-3 rounded-lg font-semibold hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 1287, columnNumber: 11 }, __self: this }, "Take Another Test"))); } if (currentView === "quiz-results" && quizResults) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-pink-100 p-4", __source: { fileName: "", lineNumber: 1303, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto pt-8", __source: { fileName: "", lineNumber: 1304, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 1305, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("home"), className: "mr-4 p-2 rounded-full bg-white shadow-md", __source: { fileName: "", lineNumber: 1306, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-gray-600", __source: { fileName: "", lineNumber: 1310, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 1312, columnNumber: 13 }, __self: this }, "Quiz Results")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg mb-6", __source: { fileName: "", lineNumber: 1315, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 1316, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold text-purple-600 mb-2", __source: { fileName: "", lineNumber: 1317, columnNumber: 15 }, __self: this }, Math.round(quizResults.score), "%"), /*#__PURE__*/ React.createElement("div", { className: "text-lg text-gray-600", __source: { fileName: "", lineNumber: 1320, columnNumber: 15 }, __self: this }, quizResults.correct, " out of ", quizResults.total, " correct")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1325, columnNumber: 13 }, __self: this }, quizQuestions.map((question, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 1327, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-2", __source: { fileName: "", lineNumber: 1328, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1329, columnNumber: 21 }, __self: this }, "Question ", index + 1), /*#__PURE__*/ React.createElement("span", { className: `text-sm font-medium ${quizResults.answers[index] === question.correct_answer ? "text-green-600" : "text-red-600"}`, __source: { fileName: "", lineNumber: 1332, columnNumber: 21 }, __self: this }, quizResults.answers[index] === question.correct_answer ? "Correct" : "Incorrect")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800 mb-2", __source: { fileName: "", lineNumber: 1344, columnNumber: 19 }, __self: this }, question.question), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1345, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1346, columnNumber: 21 }, __self: this }, "Correct answer:"), " ", question.options[question.correct_answer]), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 1349, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1350, columnNumber: 21 }, __self: this }, "Explanation:"), " ", question.explanation))))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setQuizResults(null); setCurrentView("home"); }, className: "w-full bg-purple-600 text-white py-3 rounded-lg font-semibold hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 1357, columnNumber: 11 }, __self: this }, "Create New Quiz"))); } if (currentView === "study-notes") { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-pink-100 p-4", __source: { fileName: "", lineNumber: 1373, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto pt-8", __source: { fileName: "", lineNumber: 1374, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 1375, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("home"), className: "mr-4 p-2 rounded-full bg-white shadow-md", __source: { fileName: "", lineNumber: 1376, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-gray-600", __source: { fileName: "", lineNumber: 1380, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 1382, columnNumber: 13 }, __self: this }, "Study Notes")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 1385, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap text-gray-800 leading-relaxed", __source: { fileName: "", lineNumber: 1386, columnNumber: 13 }, __self: this }, studyNotes)))); } if (currentView === "flashcards" && flashcards.length > 0) { const card = flashcards[currentFlashcard]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-pink-100 p-4", __source: { fileName: "", lineNumber: 1399, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto pt-8", __source: { fileName: "", lineNumber: 1400, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 1401, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("home"), className: "p-2 rounded-full bg-white shadow-md", __source: { fileName: "", lineNumber: 1402, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-gray-600", __source: { fileName: "", lineNumber: 1406, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1408, columnNumber: 13 }, __self: this }, currentFlashcard + 1, " of ", flashcards.length)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 shadow-lg mb-6 min-h-[300px] flex items-center justify-center", __source: { fileName: "", lineNumber: 1413, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1414, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 1415, columnNumber: 15 }, __self: this }, showAnswer ? card.back : card.front), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAnswer(!showAnswer), className: "text-purple-600 hover:text-purple-700 font-medium", __source: { fileName: "", lineNumber: 1418, columnNumber: 15 }, __self: this }, showAnswer ? "Show Question" : "Show Answer"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 1427, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (currentFlashcard > 0) { setCurrentFlashcard(currentFlashcard - 1); setShowAnswer(false); } }, disabled: currentFlashcard === 0, className: "px-6 py-3 bg-gray-300 text-gray-700 rounded-lg font-semibold disabled:opacity-50", __source: { fileName: "", lineNumber: 1428, columnNumber: 13 }, __self: this }, "Previous"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (currentFlashcard < flashcards.length - 1) { setCurrentFlashcard(currentFlashcard + 1); setShowAnswer(false); } }, disabled: currentFlashcard === flashcards.length - 1, className: "px-6 py-3 bg-purple-600 text-white rounded-lg font-semibold hover:bg-purple-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 1440, columnNumber: 13 }, __self: this }, "Next")))); } if (currentView === "achievements") { const unlockedAchievements = allAchievements.filter((a)=>a.unlocked); const lockedAchievements = allAchievements.filter((a)=>!a.unlocked); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-50 via-white to-purple-50", __source: { fileName: "", lineNumber: 1463, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 1464, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-8", __source: { fileName: "", lineNumber: 1465, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("home"), className: "flex items-center px-4 py-2 bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow border border-gray-200", __source: { fileName: "", lineNumber: 1466, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-gray-600 mr-2", __source: { fileName: "", lineNumber: 1470, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700 font-medium", __source: { fileName: "", lineNumber: 1471, columnNumber: 15 }, __self: this }, "Back")), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 1473, columnNumber: 13 }, __self: this }, "Achievements"), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 1474, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-indigo-600", __source: { fileName: "", lineNumber: 1475, columnNumber: 15 }, __self: this }, unlockedAchievements.length, "/50"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1478, columnNumber: 15 }, __self: this }, "Unlocked"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm border border-gray-100 mb-8", __source: { fileName: "", lineNumber: 1482, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 1483, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1484, columnNumber: 15 }, __self: this }, "Overall Progress"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1487, columnNumber: 15 }, __self: this }, Math.round(unlockedAchievements.length / 50 * 100), "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-3", __source: { fileName: "", lineNumber: 1491, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-indigo-500 to-purple-600 h-3 rounded-full transition-all duration-500", style: { width: `${unlockedAchievements.length / 50 * 100}%` }, __source: { fileName: "", lineNumber: 1492, columnNumber: 15 }, __self: this }))), unlockedAchievements.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 1502, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 1503, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trophy text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 1504, columnNumber: 17 }, __self: this }), "Unlocked Achievements"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1507, columnNumber: 15 }, __self: this }, unlockedAchievements.map((achievement)=>/*#__PURE__*/ React.createElement("div", { key: achievement.id, className: "bg-gradient-to-br from-yellow-50 to-orange-50 rounded-xl p-4 border border-yellow-200 shadow-sm", __source: { fileName: "", lineNumber: 1509, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 1513, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center mr-3 shadow-md", __source: { fileName: "", lineNumber: 1514, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${achievement.icon} text-white text-lg`, __source: { fileName: "", lineNumber: 1515, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 1519, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-800 mb-1", __source: { fileName: "", lineNumber: 1520, columnNumber: 25 }, __self: this }, achievement.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1523, columnNumber: 25 }, __self: this }, achievement.description))))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1534, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 1535, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-gray-400 mr-2", __source: { fileName: "", lineNumber: 1536, columnNumber: 15 }, __self: this }), "Locked Achievements"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1539, columnNumber: 13 }, __self: this }, lockedAchievements.map((achievement)=>/*#__PURE__*/ React.createElement("div", { key: achievement.id, className: "bg-white rounded-xl p-4 border border-gray-200 shadow-sm opacity-75", __source: { fileName: "", lineNumber: 1541, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 1545, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gray-100 rounded-full flex items-center justify-center mr-3", __source: { fileName: "", lineNumber: 1546, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${achievement.icon} text-gray-400 text-lg`, __source: { fileName: "", lineNumber: 1547, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 1551, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-600 mb-1", __source: { fileName: "", lineNumber: 1552, columnNumber: 23 }, __self: this }, achievement.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1555, columnNumber: 23 }, __self: this }, achievement.description))))))))); } if (currentView === "quiz-menu") { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-pink-100 p-4", __source: { fileName: "", lineNumber: 1571, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto pt-8", __source: { fileName: "", lineNumber: 1572, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-8", __source: { fileName: "", lineNumber: 1573, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("home"), className: "mr-4 p-2 rounded-full bg-white shadow-md", __source: { fileName: "", lineNumber: 1574, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-gray-600", __source: { fileName: "", lineNumber: 1578, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 1580, columnNumber: 13 }, __self: this }, "Quiz Menu")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1583, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 1584, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 1585, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4", __source: { fileName: "", lineNumber: 1586, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-blue-600 text-xl", __source: { fileName: "", lineNumber: 1587, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1589, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1590, columnNumber: 19 }, __self: this }, "IQ Test"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1593, columnNumber: 19 }, __self: this }, "Take a comprehensive IQ assessment"))), /*#__PURE__*/ React.createElement("button", { onClick: generateIQTest, className: "w-full bg-blue-600 text-white py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 1598, columnNumber: 15 }, __self: this }, "Start IQ Test (30 min)")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 1606, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 1607, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mr-4", __source: { fileName: "", lineNumber: 1608, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle text-purple-600 text-xl", __source: { fileName: "", lineNumber: 1609, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1611, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1612, columnNumber: 19 }, __self: this }, "Custom Quiz"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1615, columnNumber: 19 }, __self: this }, "Create a quiz on any topic"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("home"), className: "w-full bg-purple-600 text-white py-3 rounded-lg font-semibold hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 1620, columnNumber: 15 }, __self: this }, "Create Custom Quiz"))))); } // Main home view with easy navigation return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-50 via-white to-purple-50", __source: { fileName: "", lineNumber: 1635, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 1636, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 1638, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center mb-6", __source: { fileName: "", lineNumber: 1639, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-3xl flex items-center justify-center shadow-xl mr-6", __source: { fileName: "", lineNumber: 1640, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-white text-3xl", __source: { fileName: "", lineNumber: 1641, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1643, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 1644, columnNumber: 15 }, __self: this }, "StudyMate"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-xl", __source: { fileName: "", lineNumber: 1647, columnNumber: 15 }, __self: this }, "Your AI-powered learning companion"))), !isOnline && /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto p-4 bg-amber-50 border border-amber-200 rounded-xl", __source: { fileName: "", lineNumber: 1654, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center text-amber-800", __source: { fileName: "", lineNumber: 1655, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wifi mr-2", __source: { fileName: "", lineNumber: 1656, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 1657, columnNumber: 17 }, __self: this }, "Offline Mode - Limited features available")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-lg border border-gray-100 p-6 mb-8", __source: { fileName: "", lineNumber: 1666, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6 text-center", __source: { fileName: "", lineNumber: 1667, columnNumber: 11 }, __self: this }, "Quick Navigation"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 1670, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("quiz-menu"), className: "flex flex-col items-center p-4 bg-gradient-to-br from-blue-50 to-indigo-50 rounded-xl hover:from-blue-100 hover:to-indigo-100 transition-all duration-200 border border-blue-200", __source: { fileName: "", lineNumber: 1671, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle text-3xl text-blue-600 mb-2", __source: { fileName: "", lineNumber: 1675, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1676, columnNumber: 15 }, __self: this }, "Quizzes")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("achievements"), className: "flex flex-col items-center p-4 bg-gradient-to-br from-yellow-50 to-orange-50 rounded-xl hover:from-yellow-100 hover:to-orange-100 transition-all duration-200 border border-yellow-200", __source: { fileName: "", lineNumber: 1679, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trophy text-3xl text-yellow-600 mb-2", __source: { fileName: "", lineNumber: 1683, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1684, columnNumber: 15 }, __self: this }, "Achievements")), /*#__PURE__*/ React.createElement("button", { onClick: generateStudyNotes, disabled: !subject || !topic, className: "flex flex-col items-center p-4 bg-gradient-to-br from-green-50 to-emerald-50 rounded-xl hover:from-green-100 hover:to-emerald-100 transition-all duration-200 border border-green-200 disabled:opacity-50", __source: { fileName: "", lineNumber: 1687, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-3xl text-green-600 mb-2", __source: { fileName: "", lineNumber: 1692, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1693, columnNumber: 15 }, __self: this }, "Study Notes")), /*#__PURE__*/ React.createElement("button", { onClick: generateFlashcards, disabled: !subject || !topic, className: "flex flex-col items-center p-4 bg-gradient-to-br from-purple-50 to-pink-50 rounded-xl hover:from-purple-100 hover:to-pink-100 transition-all duration-200 border border-purple-200 disabled:opacity-50", __source: { fileName: "", lineNumber: 1696, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-layer-group text-3xl text-purple-600 mb-2", __source: { fileName: "", lineNumber: 1701, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1702, columnNumber: 15 }, __self: this }, "Flashcards")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-6 mb-8", __source: { fileName: "", lineNumber: 1708, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg border border-gray-100", __source: { fileName: "", lineNumber: 1709, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1710, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1711, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1712, columnNumber: 17 }, __self: this }, "Total Quizzes"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-indigo-600", __source: { fileName: "", lineNumber: 1715, columnNumber: 17 }, __self: this }, userStats.totalQuizzes)), /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 bg-indigo-100 rounded-xl flex items-center justify-center", __source: { fileName: "", lineNumber: 1719, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle text-indigo-600 text-xl", __source: { fileName: "", lineNumber: 1720, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg border border-gray-100", __source: { fileName: "", lineNumber: 1725, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1726, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1727, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1728, columnNumber: 17 }, __self: this }, "Accuracy"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-green-600", __source: { fileName: "", lineNumber: 1729, columnNumber: 17 }, __self: this }, userStats.totalQuestions > 0 ? Math.round(userStats.totalCorrect / userStats.totalQuestions * 100) : 0, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 bg-green-100 rounded-xl flex items-center justify-center", __source: { fileName: "", lineNumber: 1739, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullseye text-green-600 text-xl", __source: { fileName: "", lineNumber: 1740, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg border border-gray-100", __source: { fileName: "", lineNumber: 1745, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1746, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1747, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 1748, columnNumber: 17 }, __self: this }, "Study Streak"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-orange-600", __source: { fileName: "", lineNumber: 1751, columnNumber: 17 }, __self: this }, userStats.studyStreak)), /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 bg-orange-100 rounded-xl flex items-center justify-center", __source: { fileName: "", lineNumber: 1755, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fire text-orange-600 text-xl", __source: { fileName: "", lineNumber: 1756, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-purple-500 to-indigo-600 text-white rounded-xl p-6 shadow-lg cursor-pointer hover:shadow-xl transition-all duration-200", onClick: ()=>setCurrentView("achievements"), __source: { fileName: "", lineNumber: 1761, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1765, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1766, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-purple-100", __source: { fileName: "", lineNumber: 1767, columnNumber: 17 }, __self: this }, "Achievements"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 1770, columnNumber: 17 }, __self: this }, allAchievements.filter((a)=>a.unlocked).length, "/50")), /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 bg-white bg-opacity-20 rounded-xl flex items-center justify-center", __source: { fileName: "", lineNumber: 1774, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trophy text-white text-xl", __source: { fileName: "", lineNumber: 1775, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-lg border border-gray-100 p-8 mb-8", __source: { fileName: "", lineNumber: 1782, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-800 mb-8 flex items-center", __source: { fileName: "", lineNumber: 1783, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-indigo-600 mr-4", __source: { fileName: "", lineNumber: 1784, columnNumber: 13 }, __self: this }), "Create Study Material"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 1788, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1789, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1790, columnNumber: 15 }, __self: this }, "Subject"), /*#__PURE__*/ React.createElement("input", { type: "text", value: subject, onChange: (e)=>setSubject(e.target.value), placeholder: "e.g., Mathematics, History, Science", className: "w-full p-4 text-lg border border-gray-300 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all bg-gray-50 focus:bg-white", __source: { fileName: "", lineNumber: 1793, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1802, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1803, columnNumber: 15 }, __self: this }, "Topic"), /*#__PURE__*/ React.createElement("input", { type: "text", value: topic, onChange: (e)=>setTopic(e.target.value), placeholder: "e.g., Algebra, World War II, Photosynthesis", className: "w-full p-4 text-lg border border-gray-300 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all bg-gray-50 focus:bg-white", __source: { fileName: "", lineNumber: 1806, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1815, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1816, columnNumber: 15 }, __self: this }, "Difficulty Level"), /*#__PURE__*/ React.createElement("select", { value: difficulty, onChange: (e)=>setDifficulty(e.target.value), className: "w-full p-4 text-lg border border-gray-300 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all bg-gray-50 focus:bg-white", __source: { fileName: "", lineNumber: 1819, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "easy", __source: { fileName: "", lineNumber: 1824, columnNumber: 17 }, __self: this }, "Easy"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 1825, columnNumber: 17 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "hard", __source: { fileName: "", lineNumber: 1826, columnNumber: 17 }, __self: this }, "Hard"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1830, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1831, columnNumber: 15 }, __self: this }, "Number of Questions"), /*#__PURE__*/ React.createElement("select", { value: questionCount, onChange: (e)=>setQuestionCount(parseInt(e.target.value)), className: "w-full p-4 text-lg border border-gray-300 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all bg-gray-50 focus:bg-white", __source: { fileName: "", lineNumber: 1834, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: 5, __source: { fileName: "", lineNumber: 1839, columnNumber: 17 }, __self: this }, "5 Questions"), /*#__PURE__*/ React.createElement("option", { value: 10, __source: { fileName: "", lineNumber: 1840, columnNumber: 17 }, __self: this }, "10 Questions"), /*#__PURE__*/ React.createElement("option", { value: 15, __source: { fileName: "", lineNumber: 1841, columnNumber: 17 }, __self: this }, "15 Questions"), /*#__PURE__*/ React.createElement("option", { value: 20, __source: { fileName: "", lineNumber: 1842, columnNumber: 17 }, __self: this }, "20 Questions"))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 1849, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateQuiz, disabled: !subject || !topic, className: "bg-gradient-to-br from-indigo-500 to-purple-600 text-white p-8 rounded-2xl font-bold text-lg hover:from-indigo-600 hover:to-purple-700 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed shadow-xl hover:shadow-2xl group", __source: { fileName: "", lineNumber: 1850, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1855, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:bg-opacity-30 transition-all", __source: { fileName: "", lineNumber: 1856, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle text-3xl", __source: { fileName: "", lineNumber: 1857, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3", __source: { fileName: "", lineNumber: 1859, columnNumber: 15 }, __self: this }, "Take Quiz"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 1860, columnNumber: 15 }, __self: this }, "Test your knowledge"))), /*#__PURE__*/ React.createElement("button", { onClick: generateStudyNotes, disabled: !subject || !topic, className: "bg-gradient-to-br from-blue-500 to-cyan-600 text-white p-8 rounded-2xl font-bold text-lg hover:from-blue-600 hover:to-cyan-700 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed shadow-xl hover:shadow-2xl group", __source: { fileName: "", lineNumber: 1864, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1869, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:bg-opacity-30 transition-all", __source: { fileName: "", lineNumber: 1870, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-3xl", __source: { fileName: "", lineNumber: 1871, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3", __source: { fileName: "", lineNumber: 1873, columnNumber: 15 }, __self: this }, "Study Notes"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 1874, columnNumber: 15 }, __self: this }, "Generate comprehensive notes"))), /*#__PURE__*/ React.createElement("button", { onClick: generateFlashcards, disabled: !subject || !topic, className: "bg-gradient-to-br from-green-500 to-emerald-600 text-white p-8 rounded-2xl font-bold text-lg hover:from-green-600 hover:to-emerald-700 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed shadow-xl hover:shadow-2xl group", __source: { fileName: "", lineNumber: 1878, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1883, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:bg-opacity-30 transition-all", __source: { fileName: "", lineNumber: 1884, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-layer-group text-3xl", __source: { fileName: "", lineNumber: 1885, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3", __source: { fileName: "", lineNumber: 1887, columnNumber: 15 }, __self: this }, "Flashcards"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 1888, columnNumber: 15 }, __self: this }, "Create interactive cards"))), /*#__PURE__*/ React.createElement("button", { onClick: generateIQTest, className: "bg-gradient-to-br from-purple-500 to-pink-600 text-white p-8 rounded-2xl font-bold text-lg hover:from-purple-600 hover:to-pink-700 transition-all duration-200 shadow-xl hover:shadow-2xl group", __source: { fileName: "", lineNumber: 1892, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1896, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:bg-opacity-30 transition-all", __source: { fileName: "", lineNumber: 1897, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-3xl", __source: { fileName: "", lineNumber: 1898, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3", __source: { fileName: "", lineNumber: 1900, columnNumber: 15 }, __self: this }, "IQ Test"), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 1901, columnNumber: 15 }, __self: this }, "Measure your intelligence")))))); }