Update app.py

app.py

@@ -317,6 +317,8 @@ def create_matches_dataframes(matches: Dict, users_data: Dict) -> List[Tuple[str
                 'Match Name': match.get('fullName', cid),
                 'Role': match.get('currentRole', 'Unknown'),
                 'Field': match.get('primaryField', 'Unknown'),
+                'Field of Study': match.get('fieldOfStudy', 'Unknown'),
+                'Professional Summary': match.get('professionalSummary', 'Not provided'),
                 'Experience': match.get('experienceLevel', 'Unknown'),
                 'Education': match.get('education', 'Unknown'),
                 'Skills': match_skills_str,
@@ -327,8 +329,8 @@ def create_matches_dataframes(matches: Dict, users_data: Dict) -> List[Tuple[str
                 'Commitment': match.get('commitmentLevel', 'Unknown'),
                 'Availability': match.get('availability', 'Unknown'),
                 'Total Score': f"{match_data['score']:.3f}",
-                'Goal Similarity': f"{match_data['breakdown']['goal_similarity']:.3f} (60%)",
-                'Profile Similarity': f"{match_data['breakdown']['profile_similarity']:.3f} (40%)",
+                'Goal Similarity': f"{match_data['breakdown']['goal_similarity']:.3f}",
+                'Profile Similarity': f"{match_data['breakdown']['profile_similarity']:.3f}",
                 'Confidence': f"[{conf_bar}] {confidence*100:.0f}%",
                 'Why Connect': match_data['why_connect'],
                 'Conversation Starters': starters_text
@@ -378,13 +380,20 @@ def process_matching(profile_text: str, num_matches: int) -> Tuple[str, str]:
         processing_time = end_time - start_time
         
         # Create HTML output with all tables
-        html_output = "<div style='font-family: Arial, sans-serif;'>"
+        html_output = f"""
+        <div style='font-family: Arial, sans-serif;'>
+            <div style='position: sticky; top: 0; right: 0; text-align: right; background-color: #2ecc71; color: white; padding: 10px 20px; border-radius: 5px; margin-bottom: 20px; font-weight: bold; z-index: 100; box-shadow: 0 2px 5px rgba(0,0,0,0.2);'>
+                ⏱️ Processing Time: {processing_time:.2f} seconds
+            </div>
+        """
         
         for header, df in user_dataframes:
             html_output += f"""
-            <div style='margin-bottom: 40px; border: 2px solid #e0e0e0; border-radius: 10px; padding: 20px; background: #f9f9f9;'>
+            <div style='margin-bottom: 40px; border: 2px solid #e0e0e0; border-radius: 10px; padding: 20px; background: #f9f9f9; overflow-x: auto;'>
                 <h3 style='color: #2c3e50; margin-bottom: 15px; border-bottom: 2px solid #3498db; padding-bottom: 10px; white-space: pre-line;'>{header}</h3>
-                {df.to_html(index=False, escape=False, classes='dataframe')}
+                <div style='overflow-x: auto; max-width: 100%;'>
+                    {df.to_html(index=False, escape=False, classes='dataframe')}
+                </div>
             </div>
             """
         
@@ -399,6 +408,8 @@ def process_matching(profile_text: str, num_matches: int) -> Tuple[str, str]:
                 font-size: 14px;
                 background-color: #000000;
                 color: #ffffff;
+                min-width: 800px;
+                table-layout: auto;
             }}
             .dataframe th {{
                 background-color: #000000;
@@ -407,6 +418,10 @@ def process_matching(profile_text: str, num_matches: int) -> Tuple[str, str]:
                 text-align: left;
                 font-weight: bold;
                 border: 1px solid #333333;
+                white-space: nowrap;
+                position: sticky;
+                top: 0;
+                z-index: 10;
             }}
             .dataframe td {{
                 padding: 10px;
@@ -414,6 +429,9 @@ def process_matching(profile_text: str, num_matches: int) -> Tuple[str, str]:
                 vertical-align: top;
                 color: #ffffff;
                 background-color: #000000;
+                max-width: 300px;
+                word-wrap: break-word;
+                overflow-wrap: break-word;
             }}
             .dataframe tr:hover {{
                 background-color: #1a1a1a;
@@ -421,6 +439,22 @@ def process_matching(profile_text: str, num_matches: int) -> Tuple[str, str]:
             .dataframe tr:hover td {{
                 background-color: #1a1a1a;
             }}
+            /* Responsive container */
+            div[style*='overflow-x: auto'] {{
+                -webkit-overflow-scrolling: touch;
+            }}
+            /* Make specific columns wrap text */
+            .dataframe td:nth-child(6),  /* Professional Summary */
+            .dataframe td:nth-child(9),  /* Skills */
+            .dataframe td:nth-child(10), /* Achievements */
+            .dataframe td:nth-child(11), /* Looking For */
+            .dataframe td:nth-child(12), /* Offering */
+            .dataframe td:nth-child(20), /* Why Connect */
+            .dataframe td:nth-child(21)  /* Conversation Starters */
+            {{
+                max-width: 250px;
+                white-space: normal;
+            }}
         </style>
         {html_output}
         """