fix styling section names

app.py

@@ -240,6 +240,21 @@ def generate_download_translated(download_format, article_title, article_summary
         f.write(content)
     return temp_path
 
+def clean_section_title(title):
+    """Clean section title from HTML entities and comments"""
+    # Remove HTML comments
+    import re
+    title = re.sub(r'<!--.*?-->', '', title)
+    
+    # Replace HTML entities
+    import html
+    title = html.unescape(title)
+    
+    # Remove extra whitespace
+    title = ' '.join(title.split())
+    
+    return title.strip()
+
 # Add this function to update UI with sections from Wikipedia content
 def update_ui_with_sections(sections):
     """
@@ -260,11 +275,14 @@ def update_ui_with_sections(sections):
             section_title = list(sections.keys())[i]
             section_content = sections[section_title]
             
+            # Clean the section title for display
+            clean_title = clean_section_title(section_title)
+            
             # Make section textbox visible with content and label
             results.extend([
-                gr.update(visible=True, value=section_content, label=f"Section: {section_title}"),
+                gr.update(visible=True, value=section_content, label=f"Section: {clean_title}"),
                 gr.update(visible=True),  # Translate button
-                gr.update(visible=True, value="", label=f"Translation: {section_title}"),  # Translation output
+                gr.update(visible=True, value="", label=f"Translation: {clean_title}"),  # Translation output
                 gr.update(visible=False)  # Debug button (hidden by default)
             ])
         else: