better progress bars

app.py

@@ -444,7 +444,7 @@ def create_html_output(job_result: Dict, resume_results: List[Dict]) -> str:
             html += f"<td style='padding: 8px; text-align: center; border: 1px solid #ddd;'>{total_experience}</td>"
             html += f"<td style='padding: 8px; text-align: center; border: 1px solid #ddd;'>{category}</td>"
             html += f"<td style='padding: 8px; text-align: center; border: 1px solid #ddd;'>"
-            html += f"<button onclick=\"document.getElementById('resume-detail-{i}').style.display = document.getElementById('resume-detail-{i}').style.display === 'none' ? 'block' : 'none';\" style='background-color: #4CAF50; color: white; padding: 6px 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;'>Toggle Details</button>"
+            html += f"<button onclick=\"const allDetails = document.querySelectorAll('.resume-detail'); allDetails.forEach(detail => {{ if(detail.id !== 'resume-detail-{i}') detail.style.display = 'none'; }}); document.getElementById('resume-detail-{i}').style.display = document.getElementById('resume-detail-{i}').style.display === 'none' ? 'block' : 'none';\" style='background-color: #4CAF50; color: white; padding: 6px 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;'>Toggle Details</button>"
             html += "</td></tr>"
         
         html += "</table>"
@@ -487,7 +487,7 @@ def create_html_output(job_result: Dict, resume_results: List[Dict]) -> str:
             html += f"<p><strong>Category:</strong> {category}</p>"
         
         # Detailed resume section with visibility control
-        html += f"<div id='resume-detail-{i}' style='margin-bottom: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; display: {display_style};'>"
+        html += f"<div id='resume-detail-{i}' class='resume-detail' style='margin-bottom: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; display: {display_style};'>"
         html += f"<h3>Resume {i} Details</h3>"
         
         # Display all skills found in the resume
@@ -600,7 +600,7 @@ def process_inputs(job_description: str, input_type: str, resume_text: str, resu
     else:
         # Process multiple resumes from file uploads in parallel
         resume_count = len(resume_files)
-        progress(0.4, desc=f"Starting analysis of {resume_count} resumes...")
+        progress(0.4, desc=f"Starting analysis of {resume_count} resumes in parallel...")
         
         with concurrent.futures.ThreadPoolExecutor() as executor:
             # Submit all resume processing tasks
@@ -616,8 +616,17 @@ def process_inputs(job_description: str, input_type: str, resume_text: str, resu
             }
             
             # Collect results as they complete
+            completed = 0
+            total = len(future_to_resume)
             for future in concurrent.futures.as_completed(future_to_resume):
                 resume_results.append(future.result())
+                completed += 1
+                try:
+                    if progress is not None:
+                        progress(0.4 + (0.5 * completed/total), desc=f"Completed analysis of {completed}/{total} resumes...")
+                except:
+                    pass
+                
     
     # Create HTML output
     progress(0.9, desc="Generating results and preparing final report...")
@@ -630,10 +639,9 @@ with gr.Blocks(title="Beyond Keywords: Resume Analysis System", js=js_func) as d
     gr.Markdown("# Beyond Keywords: Job Description and Resume Analyzer")
     gr.Markdown("Upload a job description and resume(s) to analyze skill matches and quality.")
     
-    # Wake servers button
     wake_btn = gr.Button("Wake Servers (Do this first!)")
-    wake_status = gr.HTML(label="Server Status")
-    wake_btn.click(fn=wake_servers, inputs=None, outputs=wake_status)
+    wake_status = gr.HTML(label="Server Status", value="<div style='color: #666;'>Click 'Wake Servers'<br>to initialize the system...</div>"); wake_btn.click(fn=wake_servers, inputs=None, outputs=wake_status)
+    gr.Markdown("""<div style="height: 20px;"></div>""")
     
     with gr.Row():
         with gr.Column():
@@ -676,9 +684,11 @@ with gr.Blocks(title="Beyond Keywords: Resume Analysis System", js=js_func) as d
                     inputs=input_type,
                     outputs=[resume_text, resume_file]
                 )
+    gr.Markdown("""<div style="height: 20px;"></div>""")
     
     submit_btn = gr.Button("Analyze")
-    output = gr.HTML(label="Analysis Results")
+    output = gr.HTML(label="Analysis Results", value="<div style='color: #666;'>Click 'Wake Servers'<br>to initialize the system...</div>"); submit_btn.click(fn=process_inputs, inputs=[job_description, input_type, resume_text, resume_file], outputs=output)
+    gr.Markdown("""<div style="height: 20px;"></div>""")
     
     submit_btn.click(
         fn=process_inputs,