Improve dashboard UI and some fixes

public/css/style.css

@@ -156,8 +156,72 @@ body {
     }
 }
 
-.file-icon {
+.dashboard-file-icon {
-    font-size: 1.2rem;
+    font-size: 1.25rem !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    min-width: 50px !important;
+    width: 50px !important;
+    height: 50px !important;
+    flex-shrink: 0 !important;
+}
+
+.dashboard-file-icon i {
+    font-size: 1.25rem !important;
+    line-height: 1 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    vertical-align: middle !important;
+}
+
+/* Force proper icon rendering to prevent compression */
+.revised-files-section .file-icon {
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    border-radius: 50% !important;
+    overflow: hidden;
+    position: relative;
+}
+
+.revised-files-section .file-icon::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: 50%;
+    background: inherit;
+    z-index: -1;
+}
+
+/* AI text icon styling */
+.revised-files-section .ai-icon {
+    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
+    color: white !important;
+    font-weight: bold !important;
+    font-size: 1.2rem !important;
+    letter-spacing: 1px !important;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
+    border: 2px solid rgba(255, 255, 255, 0.2) !important;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Ensure icon font doesn't get compressed */
+.revised-files-section .fa-brain {
+    transform: none !important;
+    font-weight: 900 !important;
+    font-family: "Font Awesome 5 Free" !important;
+    vertical-align: middle !important;
+    display: inline-block !important;
+    font-style: normal !important;
+    font-variant: normal !important;
+    text-rendering: auto !important;
+    line-height: 1 !important;
+    margin: 0 !important;
+    padding: 0 !important;
 }
 
 .progress-bar-animated {
@@ -190,48 +254,201 @@ body {
     margin-top: auto;
 }
 
-/* Responsive adjustments */
+/* Revised Files Section Styling */
+.revised-files-section .card {
+    transition: all 0.3s ease;
+}
+
+.revised-files-section .card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.revised-files-section .file-icon {
+    min-width: 50px !important;
+    width: 50px !important;
+    height: 50px !important;
+    flex-shrink: 0 !important;
+    font-size: 1.25rem !important;
+    line-height: 1 !important;
+}
+
+.revised-files-section .file-icon i {
+    font-size: 1.25rem !important;
+    line-height: 1 !important;
+}
+
+.revised-files-section .text-truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.revised-files-section .min-w-0 {
+    min-width: 0;
+}
+
+.revised-files-section .card-body {
+    overflow: hidden;
+}
+
+.revised-files-section .btn-group {
+    width: 100%;
+}
+
+.revised-files-section .btn-group .btn {
+    flex: 1;
+}
+
+.revised-files-section .btn-group .btn:last-child {
+    flex: 0 0 auto;
+    min-width: 40px;
+}
+
+/* File name truncation for long names */
+.file-name-truncate {
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    vertical-align: bottom;
+}
+
+/* Badge styling improvements */
+.revised-files-section .badge {
+    font-size: 0.7rem !important;
+    padding: 0.25em 0.5em;
+    white-space: nowrap;
+}
+
+/* Button spacing and sizing improvements */
+.revised-files-section .d-grid .btn {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* Ensure cards have consistent height */
+.revised-files-section .card {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.revised-files-section .card-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+/* Responsive adjustments for small screens */
 @media (max-width: 768px) {
-    .hero-section {
+    .revised-files-section .file-name-truncate {
-        min-height: 50vh;
+        max-width: 150px;
-        text-align: center;
     }
     
-    .hero-section .display-4 {
+    .revised-files-section .file-icon {
-        font-size: 2rem;
+        width: 45px !important;
-    }
+        height: 45px !important;
-    
+        min-width: 45px !important;
-    .message-content {
-        max-width: 85% !important;
-    }
-    
-    .avatar {
-        width: 40px !important;
-        height: 40px !important;
-        min-width: 40px !important;
-    }
-    
-    .avatar i {
         font-size: 1rem !important;
     }
     
-    .message-bubble {
+    .revised-files-section .ai-icon {
-        padding: 0.75rem !important;
+        font-size: 1rem !important;
-        font-size: 0.9rem;
+        letter-spacing: 0.5px !important;
     }
     
-    .card-body {
+    .revised-files-section .file-icon i {
+        font-size: 1.1rem !important;
+    }
+    
+    .revised-files-section .btn-group .btn {
+        font-size: 0.8rem;
+        padding: 0.375rem 0.5rem;
+    }
+}
+
+/* Mobile responsive file icons */
+@media (max-width: 768px) {
+    .dashboard-file-icon {
+        min-width: 45px !important;
+        width: 45px !important;
+        height: 45px !important;
+        font-size: 1.1rem !important;
+    }
+    
+    .dashboard-file-icon i {
+        font-size: 1.1rem !important;
+    }
+}
+
+/* Dashboard section spacing */
+.dashboard-section {
+    margin-bottom: 2rem;
+}
+
+.dashboard-section h3 {
+    font-weight: 600;
+    color: var(--dark-color);
+}
+
+/* Enhanced visual separation between sections */
+.ai-revised-section {
+    background: linear-gradient(135deg, rgba(40, 167, 69, 0.05) 0%, rgba(40, 167, 69, 0.02) 100%);
+    border-radius: 1rem;
     padding: 1.5rem;
-    }
+    margin-top: 2rem;
+}
 
-    #chat-container {
+/* Badge positioning fixes for dashboard cards */
-        height: 400px !important;
+.card .badge {
+    position: relative;
+    z-index: 1;
+    display: inline-flex !important;
+    align-items: center !important;
+    white-space: nowrap !important;
+}
+
+.card .text-end {
+    text-align: right !important;
+    position: relative;
+    z-index: 1;
+}
+
+/* Ensure card body contains all content properly */
+.card-body {
+    position: relative;
+    overflow: hidden;
     padding: 1rem !important;
-    }
+}
 
-    .chat-message {
+/* Prevent badge overflow */
-        margin-bottom: 1rem;
+.card .d-flex .text-end {
-    }
+    flex-shrink: 0;
+    min-width: fit-content;
+}
+
+.card .d-flex .flex-grow-1 {
+    overflow: hidden;
+    min-width: 0;
+}
+
+/* Dashboard card container fixes */
+.dashboard-section .card {
+    position: relative;
+    overflow: visible;
+    border: 1px solid rgba(0, 0, 0, 0.125);
+    border-radius: 0.375rem;
+}
+
+.dashboard-section .card-body {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    position: relative;
 }
 
 /* Loading spinner */

server.js

@@ -868,13 +868,41 @@ app.get('/revise/:fileId', requireAuth, async (req, res) => {
       });
     }
 
-    // Read file content
+    const filePath = path.join(__dirname, file.path);
-    const fileContent = await fs.readFile(file.path, 'utf-8');
+    const fileExtension = path.extname(file.originalName).toLowerCase();
+    
+    // Extract text from the document using the same method as file preview
+    const extractionResult = await extractTextFromDocument(filePath, fileExtension);
+    
+    let fileContent = '';
+    let extractionInfo = null;
+    let extractionError = null;
+    
+    if (extractionResult.success) {
+      fileContent = extractionResult.text;
+      extractionInfo = {
+        method: extractionResult.method,
+        totalLength: extractionResult.extractedLength,
+        pages: extractionResult.pages || null,
+        sheets: extractionResult.sheets || null
+      };
+    } else {
+      // Try to read as plain text if extraction failed
+      try {
+        fileContent = await fs.readFile(filePath, 'utf-8');
+        extractionInfo = { method: 'fallback-text', totalLength: fileContent.length };
+      } catch (readError) {
+        extractionError = `Failed to extract or read file: ${extractionResult.error}`;
+        fileContent = `Error: Unable to read file content. ${extractionResult.error}`;
+      }
+    }
     
     res.render('revise', { 
       title: 'Revise Notes - EduCat',
       file: file,
-      content: fileContent
+      content: fileContent,
+      extractionInfo: extractionInfo,
+      extractionError: extractionError
     });
   } catch (error) {
     console.error('Error loading file:', error);
@@ -899,10 +927,9 @@ app.post('/api/revise', requireAuth, async (req, res) => {
         if (await fs.pathExists(documentPath)) {
           const documentData = await fs.readJSON(documentPath);
           contextContent = documentData.content;
-
         }
       } catch (error) {
-
+        console.log('Could not load stored document, using provided content');
       }
     }
     
@@ -932,13 +959,236 @@ app.post('/api/revise', requireAuth, async (req, res) => {
     });
   } catch (error) {
     console.error('Revision error:', error);
-    res.status(500).json({ 
+    res.json({ 
-      error: 'Failed to revise notes',
+      success: false,
+      error: 'Failed to revise notes. Please try again.',
       details: error.message
     });
   }
 });
 
+// Save revised notes endpoint
+app.post('/api/save-revised', requireAuth, async (req, res) => {
+  try {
+    const { fileId, revisedContent, revisionType } = req.body;
+    
+    if (!fileId || !revisedContent) {
+      return res.json({
+        success: false,
+        error: 'File ID and revised content are required'
+      });
+    }
+    
+    // Find the original file
+    const files = req.session.uploadedFiles || [];
+    const originalFile = files.find(f => f.id === fileId);
+    
+    if (!originalFile) {
+      return res.json({
+        success: false,
+        error: 'Original file not found'
+      });
+    }
+    
+    // Create revised notes directory if it doesn't exist
+    const revisedNotesDir = path.join(__dirname, 'uploads', 'revised-notes');
+    await fs.ensureDir(revisedNotesDir);
+    
+    // Create revised file info
+    const timestamp = Date.now();
+    const originalExt = path.extname(originalFile.originalName);
+    const fileName = `${path.parse(originalFile.originalName).name}_${revisionType}_revised_${timestamp}.txt`;
+    const filePath = path.join(revisedNotesDir, fileName);
+    
+    const revisedFileInfo = {
+      id: uuidv4(),
+      originalName: fileName,
+      filename: fileName,
+      path: filePath,
+      size: Buffer.byteLength(revisedContent, 'utf8'),
+      mimetype: 'text/plain',
+      uploadDate: new Date().toISOString(),
+      userId: req.session.userId,
+      status: 'processed',
+      isRevised: true,
+      originalFileId: fileId,
+      revisionType: revisionType,
+      originalFileName: originalFile.originalName
+    };
+    
+    // Save revised content to file
+    await fs.writeFile(revisedFileInfo.path, revisedContent, 'utf8');
+    
+    // Don't add revised files to regular uploadedFiles - store separately
+    if (!req.session.revisedFiles) {
+      req.session.revisedFiles = [];
+    }
+    req.session.revisedFiles.push(revisedFileInfo);
+    
+    // Save to persistent storage in a separate category
+    await saveRevisedFile(req.session.userId, revisedFileInfo);
+    
+    res.json({
+      success: true,
+      message: 'Revised notes saved successfully!',
+      fileInfo: revisedFileInfo
+    });
+    
+  } catch (error) {
+    console.error('Save revised notes error:', error);
+    res.json({
+      success: false,
+      error: 'Failed to save revised notes',
+      details: error.message
+    });
+  }
+});
+
+// Download revised notes endpoint
+app.get('/api/download-revised/:fileId', requireAuth, async (req, res) => {
+  try {
+    const fileId = req.params.fileId;
+    const { content } = req.query;
+    
+    if (!content) {
+      return res.status(400).json({
+        success: false,
+        error: 'No content provided for download'
+      });
+    }
+    
+    // Find the original file to get naming info
+    const files = req.session.uploadedFiles || [];
+    const originalFile = files.find(f => f.id === fileId);
+    
+    // Get the revision type from the query if available
+    const revisionType = req.query.revisionType || 'revised';
+    
+    const fileName = originalFile 
+      ? `${path.parse(originalFile.originalName).name}_${revisionType}.txt`
+      : `revised_notes_${Date.now()}.txt`;
+    
+    // Set headers for file download
+    res.setHeader('Content-Type', 'text/plain; charset=utf-8');
+    res.setHeader('Content-Disposition', `attachment; filename="${fileName}"`);
+    res.setHeader('Content-Length', Buffer.byteLength(content, 'utf8'));
+    
+    // Send the content
+    res.send(content);
+    
+  } catch (error) {
+    console.error('Download revised notes error:', error);
+    res.status(500).json({
+      success: false,
+      error: 'Failed to download revised notes',
+      details: error.message
+    });
+  }
+});
+
+// Serve revised files for direct download
+app.get('/uploads/revised-notes/:filename', requireAuth, (req, res) => {
+  try {
+    const filename = req.params.filename;
+    const filePath = path.join(__dirname, 'uploads', 'revised-notes', filename);
+    
+    // Check if file exists
+    if (!fs.existsSync(filePath)) {
+      return res.status(404).json({
+        success: false,
+        error: 'File not found'
+      });
+    }
+    
+    // Serve the file
+    res.download(filePath, filename);
+  } catch (error) {
+    console.error('Error serving revised file:', error);
+    res.status(500).json({
+      success: false,
+      error: 'Failed to serve file'
+    });
+  }
+});
+
+// Delete revised file endpoint
+app.delete('/api/revised-files/:fileId', requireAuth, async (req, res) => {
+  try {
+    const fileId = req.params.fileId;
+    const revisedFiles = req.session.revisedFiles || [];
+    const fileIndex = revisedFiles.findIndex(f => f.id === fileId);
+    
+    if (fileIndex === -1) {
+      return res.status(404).json({ success: false, error: 'File not found' });
+    }
+
+    const file = revisedFiles[fileIndex];
+    
+    // Delete the physical file
+    if (await fs.pathExists(file.path)) {
+      await fs.unlink(file.path);
+    }
+    
+    // Remove from session
+    req.session.revisedFiles.splice(fileIndex, 1);
+    
+    // Remove from persistent storage
+    await removeRevisedFile(req.session.userId, fileId);
+    
+    res.json({
+      success: true,
+      message: 'Revised file deleted successfully'
+    });
+  } catch (error) {
+    console.error('Error deleting revised file:', error);
+    res.status(500).json({ 
+      success: false, 
+      error: 'Failed to delete file',
+      details: error.message
+    });
+  }
+});
+
+// Get revised file info endpoint
+app.get('/api/revised-files/:fileId/info', requireAuth, async (req, res) => {
+  try {
+    const fileId = req.params.fileId;
+    const revisedFiles = req.session.revisedFiles || [];
+    const file = revisedFiles.find(f => f.id === fileId);
+    
+    if (!file) {
+      // Try to load from persistent storage
+      const persistentRevisedFiles = await loadRevisedFiles(req.session.userId);
+      const persistentFile = persistentRevisedFiles.find(f => f.id === fileId);
+      
+      if (!persistentFile) {
+        return res.status(404).json({ 
+          success: false, 
+          error: 'File not found' 
+        });
+      }
+      
+      return res.json({
+        success: true,
+        file: persistentFile
+      });
+    }
+    
+    res.json({
+      success: true,
+      file: file
+    });
+  } catch (error) {
+    console.error('Error getting revised file info:', error);
+    res.status(500).json({ 
+      success: false, 
+      error: 'Failed to get file info',
+      details: error.message
+    });
+  }
+});
+
+// ChatGPT integration routes
 app.get('/chat', requireAuth, (req, res) => {
   // Initialize chat history if it doesn't exist
   if (!req.session.chatHistory) {
@@ -1089,6 +1339,9 @@ app.get('/dashboard', requireAuth, async (req, res) => {
     // Load persistent files for this user
     const persistentFiles = await loadUserFiles(req.session.userId);
     
+    // Load revised files separately
+    const revisedFiles = await loadRevisedFiles(req.session.userId);
+    
     // Merge with session files (in case there are newly uploaded files not yet saved)
     const sessionFiles = req.session.uploadedFiles || [];
     const allFiles = [...persistentFiles];
@@ -1100,18 +1353,30 @@ app.get('/dashboard', requireAuth, async (req, res) => {
       }
     });
     
+    // Merge revised files from session
+    const sessionRevisedFiles = req.session.revisedFiles || [];
+    const allRevisedFiles = [...revisedFiles];
+    sessionRevisedFiles.forEach(sessionFile => {
+      if (!revisedFiles.find(f => f.id === sessionFile.id)) {
+        allRevisedFiles.push(sessionFile);
+      }
+    });
+    
     // Update session with merged files for current session use
     req.session.uploadedFiles = allFiles;
+    req.session.revisedFiles = allRevisedFiles;
     
     res.render('dashboard', { 
       title: 'Dashboard - EduCat',
-      files: allFiles
+      files: allFiles,
+      revisedFiles: allRevisedFiles
     });
   } catch (error) {
     console.error('Error loading dashboard:', error);
     res.render('dashboard', { 
       title: 'Dashboard - EduCat',
-      files: req.session.uploadedFiles || []
+      files: req.session.uploadedFiles || [],
+      revisedFiles: []
     });
   }
 });
@@ -1454,6 +1719,7 @@ app.post('/api/generate-quiz', requireAuth, async (req, res) => {
           {
             "question": "What is the process by which plants make their own food?",
             "answer": "Photosynthesis",
+            "explanation": "Photosynthesis is the process by which plants use sunlight, water, and carbon dioxide to produce glucose and oxygen.",
             "keywords": ["photosynthesis", "sunlight", "chlorophyll"]
           }
         ]
@@ -1615,13 +1881,15 @@ app.post('/api/submit-quiz', requireAuth, async (req, res) => {
     
     quiz.forEach((question, index) => {
       const userAnswer = answers[index];
-      const isCorrect = userAnswer === question.correct;
+      // Handle different question types - short-answer uses 'answer', others use 'correct'
+      const correctAnswer = question.answer || question.correct;
+      const isCorrect = userAnswer === correctAnswer;
       if (isCorrect) score++;
       
       results.push({
         question: question.question,
         userAnswer: userAnswer,
-        correctAnswer: question.correct,
+        correctAnswer: correctAnswer,
         isCorrect: isCorrect,
         explanation: question.explanation || '',
         options: question.options || null // Include options for multiple choice
@@ -1732,53 +2000,128 @@ async function removeUserFile(userId, fileId) {
   await saveUserFiles(userId, filteredFiles);
 }
 
-// Quiz results persistence
+// Revised files storage persistence
-const QUIZ_RESULTS_FILE = path.join(__dirname, 'data', 'quiz-results.json');
+const REVISED_FILES_DIR = path.join(__dirname, 'data', 'revised-files');
 
-// Ensure data directory exists
+// Ensure revised files directory exists
-async function ensureDataDirectory() {
+async function ensureRevisedFilesDirectory() {
-  await fs.ensureDir(path.join(__dirname, 'data'));
+  await fs.ensureDir(REVISED_FILES_DIR);
 }
 
-// Load quiz results from file
+// Save revised files to persistent storage
+async function saveRevisedFiles(userId, files) {
+  try {
+    await ensureRevisedFilesDirectory();
+    const revisedFilePath = path.join(REVISED_FILES_DIR, `user-${userId}-revised.json`);
+    await fs.writeJSON(revisedFilePath, files, { spaces: 2 });
+  } catch (error) {
+    console.error('Error saving revised files:', error);
+  }
+}
+
+// Load revised files from persistent storage
+async function loadRevisedFiles(userId) {
+  try {
+    await ensureRevisedFilesDirectory();
+    const revisedFilePath = path.join(REVISED_FILES_DIR, `user-${userId}-revised.json`);
+    if (await fs.pathExists(revisedFilePath)) {
+      const files = await fs.readJSON(revisedFilePath);
+      return files || [];
+    }
+    return [];
+  } catch (error) {
+    console.error('Error loading revised files:', error);
+    return [];
+  }
+}
+
+// Add a revised file to user's persistent storage
+async function saveRevisedFile(userId, fileInfo) {
+  const revisedFiles = await loadRevisedFiles(userId);
+  revisedFiles.push(fileInfo);
+  await saveRevisedFiles(userId, revisedFiles);
+}
+
+// Remove a revised file from user's persistent storage
+async function removeRevisedFile(userId, fileId) {
+  const revisedFiles = await loadRevisedFiles(userId);
+  const filteredFiles = revisedFiles.filter(f => f.id !== fileId);
+  await saveRevisedFiles(userId, filteredFiles);
+}
+
+// Quiz results storage persistence
+const QUIZ_RESULTS_DIR = path.join(__dirname, 'data', 'quiz-results');
+
+// Ensure quiz results directory exists
+async function ensureQuizResultsDirectory() {
+  await fs.ensureDir(QUIZ_RESULTS_DIR);
+}
+
+// Save quiz results to persistent storage
+async function saveQuizResults(allResults) {
+  try {
+    await ensureQuizResultsDirectory();
+    const resultsPath = path.join(QUIZ_RESULTS_DIR, 'quiz-results.json');
+    await fs.writeJSON(resultsPath, allResults, { spaces: 2 });
+  } catch (error) {
+    console.error('Error saving quiz results:', error);
+    throw error;
+  }
+}
+
+// Load all quiz results from persistent storage
 async function loadQuizResults() {
   try {
-    await ensureDataDirectory();
+    await ensureQuizResultsDirectory();
-    if (await fs.pathExists(QUIZ_RESULTS_FILE)) {
+    const resultsPath = path.join(QUIZ_RESULTS_DIR, 'quiz-results.json');
-      const data = await fs.readJSON(QUIZ_RESULTS_FILE);
+    
-      return data || {};
+    if (await fs.pathExists(resultsPath)) {
-    }
+      return await fs.readJSON(resultsPath);
+    } else {
       return {};
+    }
   } catch (error) {
     console.error('Error loading quiz results:', error);
     return {};
   }
 }
 
-// Save quiz results to file
+// Get quiz results for a specific user
-async function saveQuizResults(results) {
+async function getUserQuizResults(userId) {
   try {
-    await ensureDataDirectory();
+    const allResults = await loadQuizResults();
-    await fs.writeJSON(QUIZ_RESULTS_FILE, results, { spaces: 2 });
+    return allResults[userId] || [];
   } catch (error) {
-    console.error('Error saving quiz results:', error);
+    console.error('Error loading user quiz results:', error);
+    return [];
   }
 }
 
-// Add quiz result for user
+// Add a quiz result to user's persistent storage
 async function addQuizResult(userId, quizResult) {
+  try {
     const allResults = await loadQuizResults();
     if (!allResults[userId]) {
       allResults[userId] = [];
     }
     allResults[userId].push(quizResult);
     await saveQuizResults(allResults);
+  } catch (error) {
+    console.error('Error adding quiz result:', error);
+    throw error;
+  }
 }
 
-// Get quiz results for user
+// Clear quiz results for a specific user
-async function getUserQuizResults(userId) {
+async function clearUserQuizResults(userId) {
+  try {
     const allResults = await loadQuizResults();
-  return allResults[userId] || [];
+    allResults[userId] = [];
+    await saveQuizResults(allResults);
+  } catch (error) {
+    console.error('Error clearing user quiz results:', error);
+    throw error;
+  }
 }
 
 // Error handling middleware
@@ -1814,11 +2157,9 @@ app.get('/quiz-history', requireAuth, async (req, res) => {
 app.delete('/api/quiz-history', requireAuth, async (req, res) => {
   try {
     const userId = req.session.userId;
-    const allResults = await loadQuizResults();
     
-    // Clear quiz history for this user
+    // Clear quiz history for this user using the dedicated function
-    allResults[userId] = [];
+    await clearUserQuizResults(userId);
-    await saveQuizResults(allResults);
     
 
     

views/dashboard.ejs

@@ -31,7 +31,7 @@
                             <div class="card border-0 shadow-sm h-100">
                                 <div class="card-body">
                                     <div class="d-flex align-items-center mb-3">
-                                        <div class="file-icon bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 50px; height: 50px;">
+                                        <div class="dashboard-file-icon bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3">
                                             <i class="fas fa-file-alt"></i>
                                         </div>
                                         <div class="flex-grow-1">
@@ -109,6 +109,73 @@
                     <% }); %>
                 </div>
             <% } %>
+            
+            <!-- Revised Files Section -->
+            <% if (typeof revisedFiles !== 'undefined' && revisedFiles.length > 0) { %>
+                <div class="ai-revised-section revised-files-section">
+                    <div class="d-flex justify-content-between align-items-center mb-4">
+                        <h3><i class="fas fa-brain me-2 text-success"></i>AI-Revised Notes</h3>
+                        <small class="text-muted bg-white px-2 py-1 rounded-pill">
+                            <%= revisedFiles.length %> revised file<%= revisedFiles.length !== 1 ? 's' : '' %>
+                        </small>
+                    </div>
+                    <div class="row">
+                        <% revisedFiles.forEach(function(file, index) { %>
+                            <div class="col-md-6 col-lg-4 mb-4">
+                                <div class="card border-0 shadow-sm h-100 border-start border-4 border-success">
+                                    <div class="card-body p-3">
+                                        <div class="d-flex align-items-start mb-3">
+                                            <div class="file-icon bg-success text-white rounded-circle d-flex align-items-center justify-content-center me-3 ai-icon" style="width: 50px; height: 50px; min-width: 50px; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px;">
+                                                AI
+                                            </div>
+                                            <div class="flex-grow-1 min-w-0">
+                                                <h6 class="mb-1 file-name-truncate" title="<%= file.originalName %>">
+                                                    <%= file.originalName %>
+                                                </h6>
+                                                <div class="d-flex flex-wrap align-items-center gap-1 mb-1">
+                                                    <small class="text-muted"><%= Math.round(file.size / 1024) %> KB</small>
+                                                    <span class="badge bg-success text-white">
+                                                        <%= file.revisionType.charAt(0).toUpperCase() + file.revisionType.slice(1) %>
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-3">
+                                            <div class="small text-muted mb-1">
+                                                <i class="fas fa-calendar me-1"></i>
+                                                <%= new Date(file.uploadDate).toLocaleDateString() %>
+                                            </div>
+                                            <% if (file.originalFileName) { %>
+                                                <div class="small text-muted file-name-truncate" title="From: <%= file.originalFileName %>">
+                                                    <i class="fas fa-file-alt me-1"></i>
+                                                    From: <%= file.originalFileName %>
+                                                </div>
+                                            <% } %>
+                                        </div>
+                                        
+                                        <div class="mt-auto">
+                                            <div class="d-grid gap-2">
+                                                <button type="button" class="btn btn-outline-primary btn-sm" onclick="previewRevisedFile('<%= file.id %>')">
+                                                    <i class="fas fa-eye me-1"></i>Preview
+                                                </button>
+                                                <div class="btn-group w-100" role="group">
+                                                    <a href="/uploads/revised-notes/<%= file.filename %>" download class="btn btn-success btn-sm">
+                                                        <i class="fas fa-download me-1"></i>Download
+                                                    </a>
+                                                    <button type="button" class="btn btn-outline-danger btn-sm" onclick="deleteRevisedFile('<%= file.id %>')" title="Delete">
+                                                        <i class="fas fa-trash"></i>
+                                                    </button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        <% }); %>
+                    </div>
+                </div>
+            <% } %>
         </div>
     </div>
 </div>
@@ -806,6 +873,73 @@ document.addEventListener('DOMContentLoaded', function() {
         }, 10000);
     }
 });
+
+// Preview revised file function
+async function previewRevisedFile(fileId) {
+    try {
+        // Get file information by making an API call instead of using template data
+        const response = await fetch(`/api/revised-files/${fileId}/info`);
+        if (!response.ok) {
+            throw new Error('Failed to get file info');
+        }
+        
+        const fileInfo = await response.json();
+        if (!fileInfo.success) {
+            throw new Error(fileInfo.error || 'Failed to get file info');
+        }
+        
+        const file = fileInfo.file;
+        
+        // Download the file content
+        const contentResponse = await fetch(`/uploads/revised-notes/${file.filename}`);
+        if (!contentResponse.ok) {
+            throw new Error('Failed to load file content');
+        }
+        
+        const content = await contentResponse.text();
+        const modal = new bootstrap.Modal(document.getElementById('previewModal'));
+        
+        document.getElementById('preview-content').innerHTML = `
+            <div class="alert alert-info">
+                <i class="fas fa-brain me-2"></i>
+                <strong>AI-Revised Content</strong> • ${file.revisionType} • From: ${file.originalFileName || 'Unknown'}
+            </div>
+            <div class="border p-3 bg-light rounded" style="max-height: 400px; overflow-y: auto;">
+                <pre style="white-space: pre-wrap; word-wrap: break-word;">${escapeHtml(content)}</pre>
+            </div>
+        `;
+        
+        modal.show();
+    } catch (error) {
+        console.error('Error previewing revised file:', error);
+        alert('Failed to preview file: ' + error.message);
+    }
+}
+
+// Delete revised file function
+async function deleteRevisedFile(fileId) {
+    if (!confirm('Are you sure you want to delete this revised file? This action cannot be undone.')) {
+        return;
+    }
+    
+    try {
+        const response = await fetch(`/api/revised-files/${fileId}`, {
+            method: 'DELETE'
+        });
+        
+        const result = await response.json();
+        
+        if (result.success) {
+            // Reload the page to update the file list
+            location.reload();
+        } else {
+            alert('Error deleting file: ' + (result.error || 'Unknown error'));
+        }
+    } catch (error) {
+        console.error('Error deleting revised file:', error);
+        alert('Network error: ' + error.message);
+    }
+}
 </script>
 
 <%- include('partials/footer') %>

views/quiz.ejs

@@ -377,8 +377,8 @@ document.addEventListener('DOMContentLoaded', function() {
                 `;
             });
             html += '</div>';
-        } else if (question.correct === 'True' || question.correct === 'False') {
+        } else if ((question.correct === 'True' || question.correct === 'False') && !question.answer) {
-            // True/False
+            // True/False (only if it's not a short-answer question)
             html += `
                 <div class="mb-3">
                     <div class="form-check mb-2">
@@ -766,8 +766,8 @@ document.addEventListener('DOMContentLoaded', function() {
                 `;
             });
             html += '</div>';
-        } else if (question.correct === 'True' || question.correct === 'False') {
+        } else if ((question.correct === 'True' || question.correct === 'False') && !question.answer) {
-            // True/False
+            // True/False (only if it's not a short-answer question)
             const userSelected = userAnswers[index];
             const correctAnswer = question.correct;
             
@@ -803,7 +803,7 @@ document.addEventListener('DOMContentLoaded', function() {
         } else {
             // Short answer
             const userAnswer = userAnswers[index] || '';
-            const correctAnswer = question.correct || '';
+            const correctAnswer = question.answer || question.correct || '';
             
             html += `
                 <div class="mb-3">

views/revise.ejs

@@ -8,11 +8,30 @@
                     <h3 class="mb-0"><i class="fas fa-edit me-2"></i>Revise: <%= file.originalName %></h3>
                 </div>
                 <div class="card-body">
+                    <% if (extractionError) { %>
+                        <div class="alert alert-warning">
+                            <i class="fas fa-exclamation-triangle me-2"></i>
+                            <%= extractionError %>
+                        </div>
+                    <% } else if (extractionInfo) { %>
+                        <div class="alert alert-info">
+                            <i class="fas fa-info-circle me-2"></i>
+                            Text extracted using <%= extractionInfo.method %> 
+                            <% if (extractionInfo.pages) { %>
+                                | <%= extractionInfo.pages %> pages
+                            <% } %>
+                            <% if (extractionInfo.sheets) { %>
+                                | <%= extractionInfo.sheets %> sheets
+                            <% } %>
+                            | <%= extractionInfo.totalLength %> characters
+                        </div>
+                    <% } %>
+                    
                     <div class="row">
                         <div class="col-md-6">
                             <h5>Original Notes</h5>
                             <div class="border p-3 bg-light rounded" style="height: 400px; overflow-y: auto;">
-                                <pre class="mb-0"><%= content %></pre>
+                                <pre class="mb-0" style="white-space: pre-wrap; word-wrap: break-word;"><%= content %></pre>
                             </div>
                         </div>
                         <div class="col-md-6">
@@ -58,7 +77,32 @@
                         <li><strong>Name:</strong> <%= file.originalName %></li>
                         <li><strong>Size:</strong> <%= Math.round(file.size / 1024) %> KB</li>
                         <li><strong>Uploaded:</strong> <%= new Date(file.uploadDate).toLocaleDateString() %></li>
+                        <% if (extractionInfo) { %>
+                            <li><strong>Extraction:</strong> <%= extractionInfo.method %></li>
+                            <% if (extractionInfo.pages) { %>
+                                <li><strong>Pages:</strong> <%= extractionInfo.pages %></li>
+                            <% } %>
+                            <% if (extractionInfo.sheets) { %>
+                                <li><strong>Sheets:</strong> <%= extractionInfo.sheets %></li>
+                            <% } %>
+                            <li><strong>Characters:</strong> <%= extractionInfo.totalLength.toLocaleString() %></li>
+                        <% } %>
                     </ul>
+                    
+                    <% if (file.status) { %>
+                        <div class="mt-3">
+                            <strong>Processing Status:</strong>
+                            <% if (file.status === 'processed') { %>
+                                <span class="badge bg-success ms-2">Processed</span>
+                            <% } else if (file.status === 'processing') { %>
+                                <span class="badge bg-warning ms-2">Processing</span>
+                            <% } else if (file.status === 'failed') { %>
+                                <span class="badge bg-danger ms-2">Failed</span>
+                            <% } else { %>
+                                <span class="badge bg-secondary ms-2"><%= file.status %></span>
+                            <% } %>
+                        </div>
+                    <% } %>
                 </div>
             </div>
 
@@ -96,15 +140,20 @@ document.addEventListener('DOMContentLoaded', function() {
     const saveBtn = document.getElementById('save-btn');
     const downloadBtn = document.getElementById('download-btn');
     
+    const fileId = '<%= file.id %>';
+    const content = <%- JSON.stringify(content) %>;
+    let currentRevisedContent = '';
+    let currentRevisionType = '';
+    
     reviseBtn.addEventListener('click', async function() {
         const type = revisionType.value;
-        const content = `<%= content.replace(/"/g, '\\"').replace(/\n/g, '\\n') %>`;
         
         console.log('Revise button clicked with type:', type);
+        console.log('File ID:', fileId);
         
         reviseBtn.disabled = true;
         revisionProgress.classList.remove('d-none');
-        revisedContent.innerHTML = '<p class="text-muted text-center mt-5">Processing...</p>';
+        revisedContent.innerHTML = '<div class="text-center mt-5"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Processing...</span></div><p class="mt-2">AI is processing your notes...</p></div>';
         
         try {
             console.log('Sending request to /api/revise');
@@ -115,34 +164,114 @@ document.addEventListener('DOMContentLoaded', function() {
                 },
                 body: JSON.stringify({
                     content: content,
-                    revisionType: type
+                    revisionType: type,
+                    fileId: fileId
                 })
             });
             
             console.log('Response status:', response.status);
             
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
-            
             const result = await response.json();
             console.log('Revision result:', result);
             
             if (result.success) {
-                revisedContent.innerHTML = '<pre class="mb-0">' + result.revisedContent + '</pre>';
+                revisedContent.innerHTML = '<pre class="mb-0" style="white-space: pre-wrap; word-wrap: break-word;">' + escapeHtml(result.revisedContent) + '</pre>';
+                currentRevisedContent = result.revisedContent;
+                currentRevisionType = type;
                 saveBtn.disabled = false;
                 downloadBtn.disabled = false;
             } else {
-                revisedContent.innerHTML = '<div class="alert alert-danger">Error: ' + (result.error || 'Unknown error') + '</div>';
+                revisedContent.innerHTML = '<div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i><strong>Error:</strong> ' + escapeHtml(result.error || 'Unknown error occurred') + '</div>';
             }
         } catch (error) {
             console.error('Revision error:', error);
-            revisedContent.innerHTML = '<div class="alert alert-danger">Error: ' + error.message + '</div>';
+            revisedContent.innerHTML = '<div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i><strong>Network Error:</strong> ' + escapeHtml(error.message) + '<br><small>Please check your connection and try again.</small></div>';
         } finally {
             reviseBtn.disabled = false;
             revisionProgress.classList.add('d-none');
         }
     });
+    
+    // Save revised notes button
+    saveBtn.addEventListener('click', async function() {
+        if (!currentRevisedContent) {
+            alert('No revised content to save. Please revise the notes first.');
+            return;
+        }
+        
+        saveBtn.disabled = true;
+        const originalText = saveBtn.innerHTML;
+        saveBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Saving...';
+        
+        try {
+            const response = await fetch('/api/save-revised', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    fileId: fileId,
+                    revisedContent: currentRevisedContent,
+                    revisionType: currentRevisionType
+                })
+            });
+            
+            const result = await response.json();
+            
+            if (result.success) {
+                // Show success message
+                const successAlert = document.createElement('div');
+                successAlert.className = 'alert alert-success alert-dismissible fade show mt-3';
+                successAlert.innerHTML = `
+                    <i class="fas fa-check-circle me-2"></i>
+                    <strong>Success!</strong> Revised notes saved as "${result.fileInfo.originalName}"
+                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                `;
+                document.querySelector('.card-body').appendChild(successAlert);
+                
+                // Auto-hide after 5 seconds
+                setTimeout(() => {
+                    successAlert.remove();
+                }, 5000);
+            } else {
+                alert('Error saving revised notes: ' + (result.error || 'Unknown error'));
+            }
+        } catch (error) {
+            console.error('Save error:', error);
+            alert('Network error while saving. Please try again.');
+        } finally {
+            saveBtn.disabled = false;
+            saveBtn.innerHTML = originalText;
+        }
+    });
+    
+    // Download revised notes button
+    downloadBtn.addEventListener('click', function() {
+        if (!currentRevisedContent) {
+            alert('No revised content to download. Please revise the notes first.');
+            return;
+        }
+        
+        // Create download URL with content and revision type as query parameters
+        const encodedContent = encodeURIComponent(currentRevisedContent);
+        const encodedRevisionType = encodeURIComponent(currentRevisionType);
+        const downloadUrl = `/api/download-revised/${fileId}?content=${encodedContent}&revisionType=${encodedRevisionType}`;
+        
+        // Create temporary link and trigger download
+        const link = document.createElement('a');
+        link.href = downloadUrl;
+        link.style.display = 'none';
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    });
+    
+    // Helper function to escape HTML
+    function escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
 });
 </script>