Update components/ResultsTable.tsx

components/ResultsTable.tsx

@@ -273,10 +273,6 @@ const QAReportModal: React.FC<{ report: DetailedQaReport; onClose: () => void }>
                 </div>
                 <div className="space-y-2">
                     <OverallSection data={report.overall} />
-                    <Section title="Title" data={report.title} />
-                    <Section title="Meta Description" data={report.meta} />
-                    <Section title="H1" data={report.h1} />
-                    <Section title="Copy" data={report.copy} />
                     <AdditionalSections sections={report.additionalSections} />
                     
                     {/* Complete Raw Report */}
@@ -332,50 +328,18 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
                 'Generated H1': row.generatedH1,
                 'Generated Meta': row.generatedMeta,
                 'Generated Copy': row.generatedCopy,
-                'Overall Pass': row.overallPass,
-                'Overall Grade': row.overallGrade,
+                'Overall Pass': report?.overall.pass,
+                'Overall Grade': report?.overall.grade,
                 'Overall Primary Issue': report?.overall.primaryIssue,
                 'Overall Detailed Assessment': report?.overall.detailedAssessment,
                 'Overall Key Strengths': report?.overall.keyStrengths?.join('; '),
                 'Overall Recommendations': report?.overall.recommendations?.join('; '),
                 'Overall Explanations': report?.overall.explanations,
-                'Title Pass': report?.title.pass,
-                'Title Grade': report?.title.grade,
-                'Title Errors': report?.title.errors.join('; '),
-                'Title Detailed Assessment': report?.title.detailedAssessment,
-                'Title Key Strengths': report?.title.keyStrengths?.join('; '),
-                'Title Recommendations': report?.title.recommendations?.join('; '),
-                'Title Explanations': report?.title.explanations,
-                'Title Corrected': report?.title.corrected,
-                'Meta Pass': report?.meta.pass,
-                'Meta Grade': report?.meta.grade,
-                'Meta Errors': report?.meta.errors.join('; '),
-                'Meta Detailed Assessment': report?.meta.detailedAssessment,
-                'Meta Key Strengths': report?.meta.keyStrengths?.join('; '),
-                'Meta Recommendations': report?.meta.recommendations?.join('; '),
-                'Meta Explanations': report?.meta.explanations,
-                'Meta Corrected': report?.meta.corrected,
-                'H1 Pass': report?.h1.pass,
-                'H1 Grade': report?.h1.grade,
-                'H1 Errors': report?.h1.errors.join('; '),
-                'H1 Detailed Assessment': report?.h1.detailedAssessment,
-                'H1 Key Strengths': report?.h1.keyStrengths?.join('; '),
-                'H1 Recommendations': report?.h1.recommendations?.join('; '),
-                'H1 Explanations': report?.h1.explanations,
-                'H1 Corrected': report?.h1.corrected,
-                'Copy Pass': report?.copy.pass,
-                'Copy Grade': report?.copy.grade,
-                'Copy Errors': report?.copy.errors.join('; '),
-                'Copy Detailed Assessment': report?.copy.detailedAssessment,
-                'Copy Key Strengths': report?.copy.keyStrengths?.join('; '),
-                'Copy Recommendations': report?.copy.recommendations?.join('; '),
-                'Copy Explanations': report?.copy.explanations,
-                'Copy Corrected': report?.copy.corrected,
                 'Additional QA Sections': report?.additionalSections ? 
                     Object.entries(report.additionalSections)
-                        .map(([name, data]) => `${name}: ${data.content}`)
+                        .map(([name, data]) => `${name}: ${data.content.replace(/\r?\n|\r/g, ' ')}`) // Sanitize newlines
                         .join(' | ') : '',
-                'Complete Raw QA Report': report?.completeRawReport || row.qaReport,
+                'Complete Raw QA Report': report?.completeRawReport?.replace(/\r?\n|\r/g, ' ') || row.qaReport.replace(/\r?\n|\r/g, ' '), // Sanitize newlines
             };
         });
 
@@ -514,6 +478,7 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
             
             // Add QA Details if available
             if (row.detailedQaReport) {
+                const report = row.detailedQaReport;
                 currentY = ensureMinSpace(60); // Ensure space for QA header + at least one section
                 currentY += 5;
                 pdf.setFontSize(12);
@@ -521,7 +486,9 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
                 currentY = addWrappedText('QA Report Details:', margin + 5, currentY, maxLineWidth - 5, 12);
                 currentY += 2;
 
-                const addQaSection = (title: string, section: QaSectionResult) => {
+                const addDetailedSection = (title: string, section: QaSectionResult | DetailedQaReport['overall']) => {
+                    const isOverall = 'primaryIssue' in section;
+
                     currentY = ensureMinSpace(30);
                     pdf.setFontSize(10);
                     pdf.setFont('helvetica', 'bold');
@@ -535,9 +502,15 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
                     pdf.setTextColor(0, 0, 0); // Reset color
 
                     pdf.setFont('helvetica', 'normal');
-                    currentY = addWrappedText(`Errors: ${section.errors.join(', ')}`, margin + 10, currentY, maxLineWidth - 10, 8);
                     
-                    // Enhanced QA content display
+                    if (isOverall && section.primaryIssue) {
+                        currentY = addWrappedText(`Primary Issue: ${section.primaryIssue}`, margin + 10, currentY, maxLineWidth - 10, 8);
+                    }
+
+                    if (!isOverall && section.errors.length > 0) {
+                        currentY = addWrappedText(`Errors: ${section.errors.join(', ')}`, margin + 10, currentY, maxLineWidth - 10, 8);
+                    }
+                    
                     if (section.detailedAssessment) {
                         currentY = ensureMinSpace(20);
                         pdf.setFont('helvetica', 'bold');
@@ -574,78 +547,26 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
                         currentY = addWrappedText(section.explanations, margin + 15, currentY, maxLineWidth - 15, 7);
                     }
                     
-                    if (section.corrected) {
+                    if (!isOverall && section.corrected) {
                         currentY = ensureMinSpace(20);
                         pdf.setFont('helvetica', 'italic');
                         currentY = addWrappedText(`Correction/Analysis: ${section.corrected}`, margin + 10, currentY, maxLineWidth - 10, 8);
+                        pdf.setFont('helvetica', 'normal');
                     }
                     currentY += 4;
                 };
 
-                // Add Overall Assessment first
-                const overall = row.detailedQaReport.overall;
-                currentY = ensureMinSpace(40);
-                pdf.setFontSize(11);
-                pdf.setFont('helvetica', 'bold');
-                currentY = addWrappedText('Overall Assessment:', margin + 5, currentY, maxLineWidth - 5, 11);
-                currentY += 2;
-                
-                pdf.setFontSize(9);
-                pdf.setFont('helvetica', 'normal');
-                currentY = addWrappedText(`Primary Issue: ${overall.primaryIssue}`, margin + 10, currentY, maxLineWidth - 10, 9);
-                
-                if (overall.detailedAssessment) {
-                    currentY = ensureMinSpace(20);
-                    pdf.setFont('helvetica', 'bold');
-                    currentY = addWrappedText('Detailed Assessment:', margin + 10, currentY, maxLineWidth - 10, 8);
-                    pdf.setFont('helvetica', 'normal');
-                    currentY = addWrappedText(overall.detailedAssessment, margin + 15, currentY, maxLineWidth - 15, 7);
-                }
-                
-                if (overall.keyStrengths && overall.keyStrengths.length > 0) {
-                    currentY = ensureMinSpace(20);
-                    pdf.setFont('helvetica', 'bold');
-                    currentY = addWrappedText('Key Strengths:', margin + 10, currentY, maxLineWidth - 10, 8);
-                    pdf.setFont('helvetica', 'normal');
-                    overall.keyStrengths.forEach(strength => {
-                        currentY = addWrappedText(`• ${strength}`, margin + 15, currentY, maxLineWidth - 15, 7);
-                    });
-                }
-                
-                if (overall.recommendations && overall.recommendations.length > 0) {
-                    currentY = ensureMinSpace(20);
-                    pdf.setFont('helvetica', 'bold');
-                    currentY = addWrappedText('Recommendations:', margin + 10, currentY, maxLineWidth - 10, 8);
-                    pdf.setFont('helvetica', 'normal');
-                    overall.recommendations.forEach(rec => {
-                        currentY = addWrappedText(`• ${rec}`, margin + 15, currentY, maxLineWidth - 15, 7);
-                    });
-                }
-                
-                if (overall.explanations) {
-                    currentY = ensureMinSpace(20);
-                    pdf.setFont('helvetica', 'bold');
-                    currentY = addWrappedText('Explanations:', margin + 10, currentY, maxLineWidth - 10, 8);
-                    pdf.setFont('helvetica', 'normal');
-                    currentY = addWrappedText(overall.explanations, margin + 15, currentY, maxLineWidth - 15, 7);
-                }
-                
-                currentY += 5;
-
-                addQaSection('Title', row.detailedQaReport.title);
-                addQaSection('Meta', row.detailedQaReport.meta);
-                addQaSection('H1', row.detailedQaReport.h1);
-                addQaSection('Copy', row.detailedQaReport.copy);
+                addDetailedSection('Overall Assessment', report.overall);
                 
                 // Add Additional Sections if available
-                if (row.detailedQaReport.additionalSections) {
+                if (report.additionalSections) {
                     currentY = ensureMinSpace(30);
                     pdf.setFontSize(10);
                     pdf.setFont('helvetica', 'bold');
                     currentY = addWrappedText('Additional QA Sections:', margin + 5, currentY, maxLineWidth - 5, 10);
                     currentY += 2;
                     
-                    Object.entries(row.detailedQaReport.additionalSections).forEach(([sectionName, sectionData]) => {
+                    Object.entries(report.additionalSections).forEach(([sectionName, sectionData]) => {
                         currentY = ensureMinSpace(25);
                         pdf.setFontSize(9);
                         pdf.setFont('helvetica', 'bold');
@@ -655,6 +576,20 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
                         currentY += 2;
                     });
                 }
+
+                // Add Complete Raw Report
+                if (report.completeRawReport) {
+                    currentY = ensureMinSpace(30);
+                    pdf.setFontSize(10);
+                    pdf.setFont('helvetica', 'bold');
+                    currentY = addWrappedText('Complete Raw QA Report:', margin + 5, currentY, maxLineWidth - 5, 10);
+                    currentY += 2;
+                    pdf.setFontSize(7);
+                    pdf.setFont('helvetica', 'normal');
+                    pdf.setTextColor(100, 100, 100); // Lighter text for raw content
+                    currentY = addWrappedText(report.completeRawReport, margin + 10, currentY, maxLineWidth - 10, 7);
+                    pdf.setTextColor(0, 0, 0); // Reset color
+                }
             }
             
             currentY += sectionSpacing * 2; // Extra spacing between entries
@@ -870,6 +805,7 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
 
             // QA Details if available
             if (row.detailedQaReport) {
+                const report = row.detailedQaReport;
                 children.push(
                     new Paragraph({
                         text: "QA Report Details:",
@@ -878,7 +814,9 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
                     })
                 );
 
-                const addQaSection = (title: string, section: QaSectionResult) => {
+                const addDetailedSection = (title: string, section: QaSectionResult | DetailedQaReport['overall']) => {
+                    const isOverall = 'primaryIssue' in section;
+
                     children.push(
                         new Paragraph({
                             children: [
@@ -890,36 +828,64 @@ const ResultsTable: React.FC<ResultsTableProps> = ({ results }) => {
                             ],
                             heading: HeadingLevel.HEADING_4,
                             spacing: { before: 300, after: 100 }
-                        }),
-                        new Paragraph({
-                            text: `Errors: ${section.errors.join(', ')}`,
-                            spacing: { after: 100 }
                         })
                     );
 
-                    // Handle correction/analysis with proper formatting
-                    if (section.corrected && section.corrected.trim()) {
-                        const correctedText = cleanText(section.corrected);
-                        if (correctedText && correctedText !== 'Content analysis not available.') {
-                            children.push(
-                                new Paragraph({
-                                    children: [
-                                        new TextRun({
-                                            text: `Correction/Analysis: ${correctedText}`,
-                                            italics: true
-                                        })
-                                    ],
-                                    spacing: { after: 200 }
-                                })
-                            );
-                        }
+                    if (isOverall && section.primaryIssue) {
+                         children.push(new Paragraph({ text: `Primary Issue: ${cleanText(section.primaryIssue)}`, spacing: { after: 100 } }));
+                    }
+
+                    if (!isOverall && section.errors && section.errors.length > 0) {
+                        children.push(new Paragraph({ text: `Errors: ${section.errors.join(', ')}`, spacing: { after: 100 } }));
+                    }
+
+                    if (section.detailedAssessment) {
+                        children.push(new Paragraph({ children: [new TextRun({ text: "Detailed Assessment:", bold: true })], spacing: { after: 50 } }));
+                        splitIntoParagraphs(section.detailedAssessment).forEach(p => children.push(new Paragraph({ text: p, spacing: { after: 100 } })));
+                    }
+
+                    if (section.keyStrengths && section.keyStrengths.length > 0) {
+                        children.push(new Paragraph({ children: [new TextRun({ text: "Key Strengths:", bold: true })], spacing: { after: 50 } }));
+                        section.keyStrengths.forEach(s => children.push(new Paragraph({ text: `• ${cleanText(s)}`, spacing: { after: 50 }, indent: { left: 400 } })));
+                    }
+
+                    if (section.recommendations && section.recommendations.length > 0) {
+                        children.push(new Paragraph({ children: [new TextRun({ text: "Recommendations:", bold: true })], spacing: { after: 50 } }));
+                        section.recommendations.forEach(r => children.push(new Paragraph({ text: `• ${cleanText(r)}`, spacing: { after: 50 }, indent: { left: 400 } })));
+                    }
+
+                    if (section.explanations) {
+                        children.push(new Paragraph({ children: [new TextRun({ text: "Explanations:", bold: true })], spacing: { after: 50 } }));
+                        splitIntoParagraphs(section.explanations).forEach(p => children.push(new Paragraph({ text: p, spacing: { after: 100 } })));
+                    }
+                    
+                    if (!isOverall && section.corrected) {
+                        children.push(new Paragraph({ children: [new TextRun({ text: "Corrected Content:", bold: true })], spacing: { after: 50 } }));
+                        splitIntoParagraphs(section.corrected).forEach(p => children.push(new Paragraph({ text: p, spacing: { after: 100 } })));
                     }
                 };
 
-                addQaSection('Title', row.detailedQaReport.title);
-                addQaSection('Meta', row.detailedQaReport.meta);
-                addQaSection('H1', row.detailedQaReport.h1);
-                addQaSection('Copy', row.detailedQaReport.copy);
+                addDetailedSection('Overall Assessment', report.overall);
+                
+                // Add Additional Sections
+                if (report.additionalSections && Object.keys(report.additionalSections).length > 0) {
+                    children.push(new Paragraph({ text: "Additional QA Sections", heading: HeadingLevel.HEADING_4, spacing: { before: 300, after: 100 } }));
+                    Object.entries(report.additionalSections).forEach(([name, data]) => {
+                        children.push(new Paragraph({ children: [new TextRun({ text: `${name}:`, bold: true })], spacing: { after: 50 } }));
+                        splitIntoParagraphs(data.content).forEach(p => children.push(new Paragraph({ text: p, spacing: { after: 100 }, indent: { left: 400 } })));
+                    });
+                }
+                
+                // Add Complete Raw Report
+                if (report.completeRawReport) {
+                    children.push(new Paragraph({ text: "Complete Raw QA Report", heading: HeadingLevel.HEADING_4, spacing: { before: 300, after: 100 } }));
+                    splitIntoParagraphs(report.completeRawReport).forEach(p => {
+                        children.push(new Paragraph({
+                            children: [ new TextRun({ text: p, size: 16 }) ], // smaller font
+                            spacing: { after: 100 }
+                        }));
+                    });
+                }
             }
 
             // Add spacing between entries