Update app.py

app.py

@@ -61,6 +61,7 @@ def format_constraints_html(constraints: dict) -> str:
     html_content = "<div class='constraints-container'>"
     for title, description in constraints.items():
         html_content += f"""
+        <h1>Retrieved Constraints</h1>
         <div class='constraint-item'>
             <p><span class='constraint-title'>{title}:</span> <span class='constraint-description'>{description}</span></p>
         </div>
@@ -75,6 +76,7 @@ def format_best_combinations_html(combinations_data: list) -> str:
         technologies = combination.get("technologies", [])
 
         html_content += f"""
+        <h1>Retrieved Constraints</h1>
         <div class='problem-card'>
             <h3 class='problem-card-title'>{problem_title}</h3>
             <div class='technologies-inner-container'>
@@ -83,6 +85,7 @@ def format_best_combinations_html(combinations_data: list) -> str:
             tech_info = tech_info_score[0] # The dictionary part
             if isinstance(tech_info, dict):
                 html_content += f"""
+                <h1>The 5 Best Technology Combinations Found</h1>
                 <div class='technology-card'>
                     <h4 class='tech-card-title'>{tech_info.get('title', 'N/A')}</h4>
                     <p><strong>Purpose:</strong> {tech_info.get('purpose', 'N/A')}</p>
@@ -103,6 +106,7 @@ def format_final_technologies_html(technologies_list: list) -> str:
     for tech_info in technologies_list:
         if isinstance(tech_info, dict):
             html_content += f"""
+            <h1>The best technology combinations for each constraint</h1>
             <div class='final-tech-card'>
                 <h4 class='final-tech-title'>{tech_info.get('title', 'N/A')}</h4>
                 <p><strong>Purpose:</strong> {tech_info.get('purpose', 'N/A')}</p>
@@ -181,12 +185,9 @@ input_problem = gr.Textbox(
 )
 
 output_prompt = gr.Textbox(label="1. Generated Prompt", interactive=False)
-title_constraints = gr.HTML("<h1>Retrieved Constraints</h1>")
 output_constraints = gr.HTML(label="2. Retrieved Constraints") # Changed to HTML
-title_best_combinations = gr.HTML("<h1>The 5 Best Technology Combinations Found</h1>")
 output_best_combinations = gr.HTML(label="7. Best Technology Combinations Found") # Changed to HTML
 output_selected_ids = gr.Textbox(label="8. Selected Technology IDs", interactive=False)
-title_final_combination = gr.HTML("<h1>The best technology combinations for each constraint</h1>")
 output_final_technologies = gr.HTML(label="9. Final Best Technologies") # Changed to HTML
 
 # Custom CSS for a professional look and specific output styling