\n {selectedSubject?.name || 'Question Bank Generator'}\n

\n {selectedSubject && (\n

\n {selectedSubject.level}\n

\n )}\n

\n {onGenerateNewPaper && (\n \n Generate New Paper\n \n )}\n \n Start Fresh\n \n

📋

\n {selectedSubject ? `${selectedSubject.name} - Select Chapters` : 'Select Curriculum Chapters'}\n

\n {selectedSubject \n ? `Choose chapters from ${selectedSubject.name} (${selectedSubject.level}) to include in your question paper.`\n : 'Choose which chapters to include in your question paper. Selected chapters will be used to generate relevant questions.'\n }\n

\n\n

\n \n \n \n Select All Chapters ({selectedChapters.length}/{chapters.length} selected)\n \n \n

\n\n

\n {chapters.map((chapter) => {\n const isSelected = selectedChapters.includes(chapter.number)\n const isExpanded = expandedChapter === chapter.number\n return (\n

\n handleSelectChapter(chapter.number)}\n className=\"mt-1 h-3 w-3 sm:h-5 sm:w-5 text-blue-600 focus:ring-blue-500 border-gray-300 rounded-sm transform scale-[0.35] sm:scale-100 origin-left\"\n />\n

\n Chapter {chapter.number}: {chapter.name}\n

\n toggleExpanded(chapter.number)}\n className=\"text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 focus:outline-none\"\n >\n {isExpanded ? '▼' : '▶'} Details\n \n

\n {chapter.summary}\n

\n \n {isExpanded && (\n

\n Key Topics:\n

\n {chapter.topics.map((topic, index) => (\n \n {topic}\n \n ))}\n

\n )}\n

\n )\n })}\n

\n\n {selectedChapters.length === 0 && (\n

\n ⚠️ Please select at least one chapter to continue\n

\n )}\n\n \n

\n )}\n

\n )\n}\n\nexport default ChapterSelection","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/prashamtrivedi/questionBankDemo/code/frontend/components/ChapterSelection.tsx","extension","actionData","errors"]