Spaces:

shukdevdattaEX
/

Advanced-Math-Tutor-App-Stable

Sleeping

App Files Files Community

shukdevdattaEX commited on Oct 28

Commit

23ff77e

verified ·

1 Parent(s): 1ec950d

Update app.py

Browse files

Files changed (1) hide show

app.py +118 -94

app.py CHANGED Viewed

@@ -12,6 +12,7 @@ from datetime import datetime
 import tempfile
 import weasyprint
 from pathlib import Path
 # Function to convert markdown to HTML with styling
 def markdown_to_html(markdown_text, problem_text="", include_problem=True):
     """Convert markdown to styled HTML"""
@@ -19,23 +20,27 @@ def markdown_to_html(markdown_text, problem_text="", include_problem=True):
     html_content = markdown.markdown(markdown_text, extensions=['tables', 'fenced_code'])
     # Get current timestamp
     timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
-    # Prepare problem section
     if include_problem and problem_text.strip():
-        problem_section = f'''<div class="problem-section">
-            <h2>📝 Problem Statement</h2>
-            <p><strong>{problem_text}</strong></p>
-        </div>'''
     else:
-        problem_section = ''
-    # Create styled HTML document
-    styled_html = f"""<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Math Solution - Advanced Math Tutor</title>
     <style>
-        body {{
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             line-height: 1.6;
             color: #333;
@@ -43,75 +48,75 @@ def markdown_to_html(markdown_text, problem_text="", include_problem=True):
             margin: 0 auto;
             padding: 20px;
             background-color: #f9f9f9;
-        }}
-        .container {{
             background-color: white;
             padding: 40px;
             border-radius: 10px;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        }}
-        .header {{
             text-align: center;
             border-bottom: 3px solid #4CAF50;
             padding-bottom: 20px;
             margin-bottom: 30px;
-        }}
-        .header h1 {{
             color: #2c3e50;
             margin: 0;
             font-size: 2.5em;
-        }}
-        .header .subtitle {{
             color: #7f8c8d;
             font-style: italic;
             margin-top: 10px;
-        }}
-        .problem-section {{
             background-color: #e8f5e8;
             padding: 20px;
             border-radius: 8px;
             margin-bottom: 30px;
             border-left: 5px solid #4CAF50;
-        }}
-        .problem-section h2 {{
             color: #2c3e50;
             margin-top: 0;
-        }}
-        .solution-content {{
             background-color: #f8f9fa;
             padding: 25px;
             border-radius: 8px;
             border-left: 5px solid #007bff;
-        }}
-        h1, h2, h3, h4, h5, h6 {{
             color: #2c3e50;
             margin-top: 25px;
             margin-bottom: 15px;
-        }}
-        h2 {{
             border-bottom: 2px solid #eee;
             padding-bottom: 10px;
-        }}
-        code {{
             background-color: #f1f1f1;
             padding: 2px 6px;
             border-radius: 3px;
             font-family: 'Courier New', monospace;
             color: #d63384;
-        }}
-        pre {{
             background-color: #f8f8f8;
             padding: 15px;
             border-radius: 5px;
             overflow-x: auto;
             border: 1px solid #ddd;
-        }}
-        pre code {{
             background-color: transparent;
             padding: 0;
             color: inherit;
-        }}
-        .math-expression {{
             background-color: #fff3cd;
             padding: 10px;
             border-radius: 5px;
@@ -119,15 +124,15 @@ def markdown_to_html(markdown_text, problem_text="", include_problem=True):
             margin: 10px 0;
             font-family: 'Times New Roman', serif;
             font-size: 1.1em;
-        }}
-        .step {{
             margin: 20px 0;
             padding: 15px;
             background-color: #ffffff;
             border-radius: 8px;
             border: 1px solid #dee2e6;
-        }}
-        .final-answer {{
             background-color: #d4edda;
             border: 2px solid #4CAF50;
             padding: 20px;
@@ -136,36 +141,36 @@ def markdown_to_html(markdown_text, problem_text="", include_problem=True):
             text-align: center;
             font-weight: bold;
             font-size: 1.2em;
-        }}
-        .timestamp {{
             text-align: right;
             color: #6c757d;
             font-size: 0.9em;
             margin-top: 30px;
             padding-top: 20px;
             border-top: 1px solid #eee;
-        }}
-        ul, ol {{
             padding-left: 25px;
-        }}
-        li {{
             margin: 8px 0;
-        }}
-        table {{
             border-collapse: collapse;
             width: 100%;
             margin: 20px 0;
-        }}
-        th, td {{
             border: 1px solid #ddd;
             padding: 12px;
             text-align: left;
-        }}
-        th {{
             background-color: #f8f9fa;
             font-weight: bold;
-        }}
-        .print-button {{
             background-color: #007bff;
             color: white;
             border: none;
@@ -176,53 +181,53 @@ def markdown_to_html(markdown_text, problem_text="", include_problem=True):
             margin: 10px 5px;
             display: inline-block;
             text-decoration: none;
-        }}
-        .print-button:hover {{
             background-color: #0056b3;
-        }}
-        @media print {{
-            body {{
                 background-color: white;
-            }}
-            .container {{
                 box-shadow: none;
                 border: none;
-            }}
-            .print-button {{
                 display: none;
-            }}
-        }}
     </style>
     <script>
-        function printPage() {{
             window.print();
-        }}
     </script>
     <!-- MathJax Configuration -->
     <script>
-        window.MathJax = {{
-            tex: {{
                 inlineMath: [['$', '$'], ['\\\\(', '\\\\)']],
                 displayMath: [['$$', '$$'], ['\\\\[', '\\\\]']],
                 processEscapes: true,
                 tags: 'ams',
-                macros: {{
                     boxed: ['\\\\fbox{\\\\,#1}', 1]
-                }}
-            }},
-            options: {{
                 skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
                 ignoreHtmlClass: 'tex2jax_ignore',
                 processHtmlClass: 'tex2jax_process'
-            }},
-            loader: {{load: ['[tex]/ams', '[tex]/bbox']}},
-            startup: {{
-                ready: () => {{
                     MathJax.startup.defaultReady();
                     MathJax.typesetPromise();
-                }}
-            }}
-        }};
     </script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
 </head>
@@ -233,16 +238,21 @@ def markdown_to_html(markdown_text, problem_text="", include_problem=True):
             <div class="subtitle">Step-by-Step Mathematical Solution</div>
         </div>
         <button class="print-button" onclick="printPage()">🖨️ Print to PDF</button>
-        {problem_section}
         <div class="solution-content">
             <h2>🔍 Solution</h2>
-            {html_content}
         </div>
-        <div class="timestamp">Generated on: {timestamp}</div>
     </div>
 </body>
 </html>"""
     return styled_html
 # Function to save HTML to file
 def save_html_to_file(html_content, filename_prefix="math_solution"):
     """Save HTML content to a temporary file and return the file path"""
@@ -254,6 +264,7 @@ def save_html_to_file(html_content, filename_prefix="math_solution"):
     with open(file_path, 'w', encoding='utf-8') as f:
         f.write(html_content)
     return file_path
 # Function to convert HTML to PDF
 def html_to_pdf(html_content, filename_prefix="math_solution"):
     """Convert HTML content to PDF and return the file path"""
@@ -269,6 +280,7 @@ def html_to_pdf(html_content, filename_prefix="math_solution"):
     except Exception as e:
         print(f"Error converting to PDF: {str(e)}")
         return None
 # Enhanced function to generate math solution using OpenRouter with HTML output
 def generate_math_solution_openrouter(api_key, problem_text, history=None):
     if not api_key.strip():
@@ -329,6 +341,7 @@ Do not use [ ] or code blocks for math expressions; use math delimiters instead.
     except Exception as e:
         error_message = f"Error: {str(e)}"
         return error_message, None, None, history
 # Enhanced function to generate math solution using Together AI with HTML output
 def generate_math_solution_together(api_key, problem_text, image_path=None, history=None):
     if not api_key.strip():
@@ -420,6 +433,7 @@ Do not use [ ] or code blocks for math expressions; use math delimiters instead.
     except Exception as e:
         error_message = f"Error: {str(e)}"
         return error_message, None, None, history
 # Function to convert image to base64
 def image_to_base64(image_path):
     if image_path is None:
@@ -430,6 +444,7 @@ def image_to_base64(image_path):
     except Exception as e:
         print(f"Error converting image to base64: {str(e)}")
         return None
 # Define the Gradio interface
 def create_demo():
     with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
@@ -491,6 +506,7 @@ def create_demo():
                         gr.update(value=html_file, visible=html_file is not None),
                         gr.update(value=pdf_file, visible=pdf_file is not None)
                     )
                 openrouter_submit_btn.click(
                     fn=handle_openrouter_submit,
                     inputs=[openrouter_api_key, text_problem_input, openrouter_conversation_history],
@@ -501,6 +517,7 @@ def create_demo():
                         openrouter_pdf_download
                     ]
                 )
                 def clear_openrouter():
                     return (
                         "",
@@ -508,6 +525,7 @@ def create_demo():
                         gr.update(value=None, visible=False),
                         gr.update(value=None, visible=False)
                     )
                 openrouter_clear_btn.click(
                     fn=clear_openrouter,
                     inputs=[],
@@ -518,6 +536,7 @@ def create_demo():
                         openrouter_pdf_download
                     ]
                 )
             # Image-based problem solver (Together AI)
             with gr.TabItem("Image Problem Solver (Together AI)"):
                 with gr.Row():
@@ -564,6 +583,7 @@ def create_demo():
                         gr.update(value=html_file, visible=html_file is not None),
                         gr.update(value=pdf_file, visible=pdf_file is not None)
                     )
                 together_submit_btn.click(
                     fn=handle_together_submit,
                     inputs=[together_api_key, together_problem_input, together_image_input, together_conversation_history],
@@ -574,6 +594,7 @@ def create_demo():
                         together_pdf_download
                     ]
                 )
                 def clear_together():
                     return (
                         "",
@@ -581,6 +602,7 @@ def create_demo():
                         gr.update(value=None, visible=False),
                         gr.update(value=None, visible=False)
                     )
                 together_clear_btn.click(
                     fn=clear_together,
                     inputs=[],
@@ -591,6 +613,7 @@ def create_demo():
                         together_pdf_download
                     ]
                 )
             # Help tab
             with gr.TabItem("Help"):
                 gr.Markdown(
@@ -600,36 +623,36 @@ def create_demo():
                     - **Download HTML**: Download the complete solution as an HTML file (math renders perfectly)
                     - **Download PDF**: Convert and download solutions as PDF files (note: math may appear as raw LaTeX in server-generated PDF due to limitations; use browser print for best results)
                     - **Print functionality**: Use the "Print to PDF" button in the HTML output to print directly (renders math via MathJax)
                     ### Getting Started
                     #### For Text-Based Problems (OpenRouter)
                     1. You'll need an API key from OpenRouter
                     2. Sign up at [OpenRouter](https://openrouter.ai/) to get your API key
                     3. Enter your API key in the designated field in the "Text Problem Solver" tab
                     #### For Image-Based Problems (Together AI)
                     1. You'll need an API key from Together AI
                     2. Sign up at [Together AI](https://www.together.ai/) to get your API key
                     3. Enter your API key in the designated field in the "Image Problem Solver" tab
                     4. Upload an image of your math problem
                     5. Optionally add text to provide additional context
                     ### Solving Math Problems
                     - For text problems: Type or paste your math problem in the input field
                     - For image problems: Upload a clear image of the math problem
                     - Click "Solve Problem" to get a detailed step-by-step solution in HTML format
                     - Use the download buttons to save HTML or PDF versions
                     - Click "Print to PDF" within the solution to print directly from your browser
                     ### HTML Output Features
                     - **Professional styling**: Clean, readable format with proper typography
                     - **Mathematical expressions**: Rendered with MathJax for beautiful LaTeX support
                     - **Step-by-step sections**: Clearly organized solution steps
                     - **Print-friendly**: Optimized for printing and PDF conversion
                     - **Timestamps**: Each solution includes generation timestamp
                     **Note**: For best math rendering in PDF, open the HTML in your browser and use "Print to PDF" – this executes MathJax for perfect equations. The server-generated PDF may show raw math delimiters.
                     ### Tips for Best Results
                     - Be specific in your problem description
                     - Include all necessary information
@@ -637,7 +660,7 @@ def create_demo():
                     - For algebraic expressions, describe clearly (AI will format math properly)
                     - Use parentheses to group terms clearly
                     - For images, ensure the math problem is clearly visible and well-lit
                     ### Types of Problems You Can Solve
                     - Algebra (equations, inequalities, systems of equations)
                     - Calculus (derivatives, integrals, limits)
@@ -646,15 +669,16 @@ def create_demo():
                     - Statistics and Probability
                     - Number Theory
                     - And many more!
                     ### Required Dependencies
                     To run this application, you'll need to install:
                     ```bash
                     pip install gradio openai together pillow markdown weasyprint
-                    MathJax is loaded via CDN – no additional install needed."""
-                    )
-    return demo
 # Launch the app
 if __name__ == "__main__":
     demo = create_demo()
-    demo.launch()

 import tempfile
 import weasyprint
 from pathlib import Path
 # Function to convert markdown to HTML with styling
 def markdown_to_html(markdown_text, problem_text="", include_problem=True):
     """Convert markdown to styled HTML"""
     html_content = markdown.markdown(markdown_text, extensions=['tables', 'fenced_code'])
     # Get current timestamp
     timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+    # Build the optional problem section (as plain text to avoid f-string parsing issues)
     if include_problem and problem_text.strip():
+        problem_section = (
+            "<div class=\"problem-section\">\n"
+            "    <h2>📝 Problem Statement</h2>\n"
+            f"    <p><strong>{problem_text}</strong></p>\n"
+            "</div>\n"
+        )
     else:
+        problem_section = ""
+    # Use plain triple-quoted string with placeholders to avoid f-string expression parsing issues
+    template = """<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Math Solution - Advanced Math Tutor</title>
     <style>
+        body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             line-height: 1.6;
             color: #333;
             margin: 0 auto;
             padding: 20px;
             background-color: #f9f9f9;
+        }
+        .container {
             background-color: white;
             padding: 40px;
             border-radius: 10px;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .header {
             text-align: center;
             border-bottom: 3px solid #4CAF50;
             padding-bottom: 20px;
             margin-bottom: 30px;
+        }
+        .header h1 {
             color: #2c3e50;
             margin: 0;
             font-size: 2.5em;
+        }
+        .header .subtitle {
             color: #7f8c8d;
             font-style: italic;
             margin-top: 10px;
+        }
+        .problem-section {
             background-color: #e8f5e8;
             padding: 20px;
             border-radius: 8px;
             margin-bottom: 30px;
             border-left: 5px solid #4CAF50;
+        }
+        .problem-section h2 {
             color: #2c3e50;
             margin-top: 0;
+        }
+        .solution-content {
             background-color: #f8f9fa;
             padding: 25px;
             border-radius: 8px;
             border-left: 5px solid #007bff;
+        }
+        h1, h2, h3, h4, h5, h6 {
             color: #2c3e50;
             margin-top: 25px;
             margin-bottom: 15px;
+        }
+        h2 {
             border-bottom: 2px solid #eee;
             padding-bottom: 10px;
+        }
+        code {
             background-color: #f1f1f1;
             padding: 2px 6px;
             border-radius: 3px;
             font-family: 'Courier New', monospace;
             color: #d63384;
+        }
+        pre {
             background-color: #f8f8f8;
             padding: 15px;
             border-radius: 5px;
             overflow-x: auto;
             border: 1px solid #ddd;
+        }
+        pre code {
             background-color: transparent;
             padding: 0;
             color: inherit;
+        }
+        .math-expression {
             background-color: #fff3cd;
             padding: 10px;
             border-radius: 5px;
             margin: 10px 0;
             font-family: 'Times New Roman', serif;
             font-size: 1.1em;
+        }
+        .step {
             margin: 20px 0;
             padding: 15px;
             background-color: #ffffff;
             border-radius: 8px;
             border: 1px solid #dee2e6;
+        }
+        .final-answer {
             background-color: #d4edda;
             border: 2px solid #4CAF50;
             padding: 20px;
             text-align: center;
             font-weight: bold;
             font-size: 1.2em;
+        }
+        .timestamp {
             text-align: right;
             color: #6c757d;
             font-size: 0.9em;
             margin-top: 30px;
             padding-top: 20px;
             border-top: 1px solid #eee;
+        }
+        ul, ol {
             padding-left: 25px;
+        }
+        li {
             margin: 8px 0;
+        }
+        table {
             border-collapse: collapse;
             width: 100%;
             margin: 20px 0;
+        }
+        th, td {
             border: 1px solid #ddd;
             padding: 12px;
             text-align: left;
+        }
+        th {
             background-color: #f8f9fa;
             font-weight: bold;
+        }
+        .print-button {
             background-color: #007bff;
             color: white;
             border: none;
             margin: 10px 5px;
             display: inline-block;
             text-decoration: none;
+        }
+        .print-button:hover {
             background-color: #0056b3;
+        }
+        @media print {
+            body {
                 background-color: white;
+            }
+            .container {
                 box-shadow: none;
                 border: none;
+            }
+            .print-button {
                 display: none;
+            }
+        }
     </style>
     <script>
+        function printPage() {
             window.print();
+        }
     </script>
     <!-- MathJax Configuration -->
     <script>
+        window.MathJax = {
+            tex: {
                 inlineMath: [['$', '$'], ['\\\\(', '\\\\)']],
                 displayMath: [['$$', '$$'], ['\\\\[', '\\\\]']],
                 processEscapes: true,
                 tags: 'ams',
+                macros: {
                     boxed: ['\\\\fbox{\\\\,#1}', 1]
+                }
+            },
+            options: {
                 skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
                 ignoreHtmlClass: 'tex2jax_ignore',
                 processHtmlClass: 'tex2jax_process'
+            },
+            loader: {load: ['[tex]/ams', '[tex]/bbox']},
+            startup: {
+                ready: () => {
                     MathJax.startup.defaultReady();
                     MathJax.typesetPromise();
+                }
+            }
+        };
     </script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
 </head>
             <div class="subtitle">Step-by-Step Mathematical Solution</div>
         </div>
         <button class="print-button" onclick="printPage()">🖨️ Print to PDF</button>
+        __PROBLEM_SECTION__
         <div class="solution-content">
             <h2>🔍 Solution</h2>
+            __HTML_CONTENT__
         </div>
+        <div class="timestamp">Generated on: __TIMESTAMP__</div>
     </div>
 </body>
 </html>"""
+    # Replace placeholders with actual content
+    styled_html = template.replace("__PROBLEM_SECTION__", problem_section).replace("__HTML_CONTENT__", html_content).replace("__TIMESTAMP__", timestamp)
     return styled_html
 # Function to save HTML to file
 def save_html_to_file(html_content, filename_prefix="math_solution"):
     """Save HTML content to a temporary file and return the file path"""
     with open(file_path, 'w', encoding='utf-8') as f:
         f.write(html_content)
     return file_path
 # Function to convert HTML to PDF
 def html_to_pdf(html_content, filename_prefix="math_solution"):
     """Convert HTML content to PDF and return the file path"""
     except Exception as e:
         print(f"Error converting to PDF: {str(e)}")
         return None
 # Enhanced function to generate math solution using OpenRouter with HTML output
 def generate_math_solution_openrouter(api_key, problem_text, history=None):
     if not api_key.strip():
     except Exception as e:
         error_message = f"Error: {str(e)}"
         return error_message, None, None, history
 # Enhanced function to generate math solution using Together AI with HTML output
 def generate_math_solution_together(api_key, problem_text, image_path=None, history=None):
     if not api_key.strip():
     except Exception as e:
         error_message = f"Error: {str(e)}"
         return error_message, None, None, history
 # Function to convert image to base64
 def image_to_base64(image_path):
     if image_path is None:
     except Exception as e:
         print(f"Error converting image to base64: {str(e)}")
         return None
 # Define the Gradio interface
 def create_demo():
     with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
                         gr.update(value=html_file, visible=html_file is not None),
                         gr.update(value=pdf_file, visible=pdf_file is not None)
                     )
                 openrouter_submit_btn.click(
                     fn=handle_openrouter_submit,
                     inputs=[openrouter_api_key, text_problem_input, openrouter_conversation_history],
                         openrouter_pdf_download
                     ]
                 )
                 def clear_openrouter():
                     return (
                         "",
                         gr.update(value=None, visible=False),
                         gr.update(value=None, visible=False)
                     )
                 openrouter_clear_btn.click(
                     fn=clear_openrouter,
                     inputs=[],
                         openrouter_pdf_download
                     ]
                 )
             # Image-based problem solver (Together AI)
             with gr.TabItem("Image Problem Solver (Together AI)"):
                 with gr.Row():
                         gr.update(value=html_file, visible=html_file is not None),
                         gr.update(value=pdf_file, visible=pdf_file is not None)
                     )
                 together_submit_btn.click(
                     fn=handle_together_submit,
                     inputs=[together_api_key, together_problem_input, together_image_input, together_conversation_history],
                         together_pdf_download
                     ]
                 )
                 def clear_together():
                     return (
                         "",
                         gr.update(value=None, visible=False),
                         gr.update(value=None, visible=False)
                     )
                 together_clear_btn.click(
                     fn=clear_together,
                     inputs=[],
                         together_pdf_download
                     ]
                 )
             # Help tab
             with gr.TabItem("Help"):
                 gr.Markdown(
                     - **Download HTML**: Download the complete solution as an HTML file (math renders perfectly)
                     - **Download PDF**: Convert and download solutions as PDF files (note: math may appear as raw LaTeX in server-generated PDF due to limitations; use browser print for best results)
                     - **Print functionality**: Use the "Print to PDF" button in the HTML output to print directly (renders math via MathJax)
                     ### Getting Started
                     #### For Text-Based Problems (OpenRouter)
                     1. You'll need an API key from OpenRouter
                     2. Sign up at [OpenRouter](https://openrouter.ai/) to get your API key
                     3. Enter your API key in the designated field in the "Text Problem Solver" tab
                     #### For Image-Based Problems (Together AI)
                     1. You'll need an API key from Together AI
                     2. Sign up at [Together AI](https://www.together.ai/) to get your API key
                     3. Enter your API key in the designated field in the "Image Problem Solver" tab
                     4. Upload an image of your math problem
                     5. Optionally add text to provide additional context
                     ### Solving Math Problems
                     - For text problems: Type or paste your math problem in the input field
                     - For image problems: Upload a clear image of the math problem
                     - Click "Solve Problem" to get a detailed step-by-step solution in HTML format
                     - Use the download buttons to save HTML or PDF versions
                     - Click "Print to PDF" within the solution to print directly from your browser
                     ### HTML Output Features
                     - **Professional styling**: Clean, readable format with proper typography
                     - **Mathematical expressions**: Rendered with MathJax for beautiful LaTeX support
                     - **Step-by-step sections**: Clearly organized solution steps
                     - **Print-friendly**: Optimized for printing and PDF conversion
                     - **Timestamps**: Each solution includes generation timestamp
                     **Note**: For best math rendering in PDF, open the HTML in your browser and use "Print to PDF" – this executes MathJax for perfect equations. The server-generated PDF may show raw math delimiters.
                     ### Tips for Best Results
                     - Be specific in your problem description
                     - Include all necessary information
                     - For algebraic expressions, describe clearly (AI will format math properly)
                     - Use parentheses to group terms clearly
                     - For images, ensure the math problem is clearly visible and well-lit
                     ### Types of Problems You Can Solve
                     - Algebra (equations, inequalities, systems of equations)
                     - Calculus (derivatives, integrals, limits)
                     - Statistics and Probability
                     - Number Theory
                     - And many more!
                     ### Required Dependencies
                     To run this application, you'll need to install:
                     ```bash
                     pip install gradio openai together pillow markdown weasyprint
+                    MathJax is loaded via CDN – no additional install needed."""
+                )
+    return demo
 # Launch the app
 if __name__ == "__main__":
     demo = create_demo()
+    demo.launch()