Update app.py

app.py

@@ -868,29 +868,44 @@ class FAADocumentChecker(DocumentChecker):
 def process_document(file_obj, doc_type: str, template_type: Optional[str] = None) -> str:
     """Process document and run all checks."""
     try:
+        # Initialize checker
         checker = FAADocumentChecker()
         
+        # Convert file object to BytesIO if needed
         if isinstance(file_obj, bytes):
             file_obj = io.BytesIO(file_obj)
             
+        # Run all checks
         results = checker.run_all_checks(file_obj, doc_type, template_type)
-        return format_markdown_results(results, doc_type)
+        
+        # Format results using DocumentCheckResultsFormatter
+        formatter = DocumentCheckResultsFormatter()
+        formatted_results = formatter.format_results(results, doc_type)
+        
+        # Convert the formatted results to HTML
+        html_content = f"""
+        <div id="document-checker-results"></div>
+        <script type="module">
+            import DocumentCheckerResults from './components/DocumentCheckerResults.jsx';
+            const results = {json.dumps(formatted_results)};
+            const root = document.getElementById('document-checker-results');
+            ReactDOM.render(React.createElement(DocumentCheckerResults, {{ results }}), root);
+        </script>
+        """
+        
+        return html_content
         
     except Exception as e:
         logging.error(f"Error processing document: {str(e)}")
         traceback.print_exc()
-        return f"""
-# ❌ Error Processing Document
-
-**Error Details:** {str(e)}
-
-Please ensure:
-1. The file is a valid .docx document
-2. The file is not corrupted or password protected
-3. The file is properly formatted
-
-Try again after checking these issues. If the problem persists, contact support.
-"""
+        error_html = f"""
+        <div class="error-message" style="color: red; padding: 1rem;">
+            ❌ Error processing document: {str(e)}
+            <br><br>
+            Please ensure the file is a valid .docx document and try again.
+        </div>
+        """
+        return error_html
     
 def format_markdown_results(results: Dict[str, DocumentCheckResult], doc_type: str) -> str:
     """Format check results into a Markdown string for Gradio display."""