Update app.py

app.py

@@ -23,8 +23,6 @@ desc_col  = get_col_name(['description', 'longDescription', 'shortDescription',
 lang_col  = get_col_name(['languageCodesISO2A', 'primaryLanguage', 'languages', 'language'], df.columns)
 rating_col = 'averageUserRating'
 
-print(f"🔍 Mapped Columns: Image='{image_col}', Desc='{desc_col}', Rating='{rating_col}', Lang='{lang_col}'")
-
 print("⏳ Loading AI Model...")
 model = SentenceTransformer('all-MiniLM-L6-v2')
 print("✅ Ready!")
@@ -45,15 +43,11 @@ def search_apps(user_query):
         top_results = df_results.sort_values(by="similarity_score", ascending=False).head(3)
         
         # --- HTML GENERATION ---
-        
-        # 1. The Header Message
         html_content = """
         <div style="margin-bottom: 20px; text-align: center;">
             <h3 style="color: #374151; margin: 0;">Here is what our recommendation system found for you:</h3>
         </div>
         """
-        
-        # 2. The Cards Container
         html_content += '<div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">'
         
         for _, row in top_results.iterrows():
@@ -66,10 +60,7 @@ def search_apps(user_query):
 
             # Rating Logic
             score = row.get(rating_col, 0)
-            if pd.isna(score) or score == 0:
-                rating_text = "No ratings yet"
-            else:
-                rating_text = f"{float(score):.1f} ⭐"
+            rating_text = "No ratings yet" if (pd.isna(score) or score == 0) else f"{float(score):.1f} ⭐"
 
             # Language Logic
             lang_val = row.get(lang_col, "N/A")
@@ -79,12 +70,7 @@ def search_apps(user_query):
                 except: pass
             
             if isinstance(lang_val, list):
-                if len(lang_val) > 1:
-                    lang_text = f"{lang_val[0]} and more"
-                elif len(lang_val) == 1:
-                    lang_text = str(lang_val[0])
-                else:
-                    lang_text = "N/A"
+                lang_text = f"{lang_val[0]} and more" if len(lang_val) > 1 else (str(lang_val[0]) if len(lang_val) == 1 else "N/A")
             else:
                 lang_text = str(lang_val)
 
@@ -98,41 +84,16 @@ def search_apps(user_query):
             
             # Card HTML
             card_html = f"""
-            <div style="
-                width: 280px;
-                padding: 20px;
-                background-color: white;
-                border: 1px solid #e5e7eb;
-                border-radius: 20px;
-                box-shadow: 0 10px 25px rgba(0,0,0,0.05);
-                display: flex;
-                flex-direction: column;
-                align-items: flex-start;
-                font-family: sans-serif;
-            ">
+            <div style="width: 280px; padding: 20px; background-color: white; border: 1px solid #e5e7eb; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: flex-start; font-family: sans-serif;">
                 {img_tag}
                 <h3 style="margin: 0 0 5px 0; color: #1f2937; font-size: 18px;">{row['trackName']}</h3>
                 <p style="margin: 0 0 10px 0; color: #6b7280; font-size: 14px; font-weight: 500;">{row['primaryGenreName']}</p>
-                
                 <div style="display: flex; gap: 10px; margin-bottom: 10px; font-size: 13px; color: #4b5563;">
                     <span style="background: #f3f4f6; padding: 4px 8px; border-radius: 6px;">{rating_text}</span>
                     <span style="background: #f3f4f6; padding: 4px 8px; border-radius: 6px;">🗣️ {lang_text}</span>
                 </div>
-                
                 <p style="font-size: 13px; color: #6b7280; margin-bottom: 15px; line-height: 1.4;">{desc}</p>
-                
-                <a href="{url}" target="_blank" style="
-                    margin-top: auto;
-                    width: 100%;
-                    text-align: center;
-                    background-color: #2563eb;
-                    color: white;
-                    padding: 10px 0;
-                    border-radius: 10px;
-                    text-decoration: none;
-                    font-weight: bold;
-                    transition: background 0.2s;
-                ">Get App ↗️</a>
+                <a href="{url}" target="_blank" style="margin-top: auto; width: 100%; text-align: center; background-color: #2563eb; color: white; padding: 10px 0; border-radius: 10px; text-decoration: none; font-weight: bold; transition: background 0.2s;">Get App ↗️</a>
             </div>
             """
             html_content += card_html
@@ -143,52 +104,43 @@ def search_apps(user_query):
     except Exception as e:
         return f"<div style='color:red;'>Error: {str(e)}</div>"
 
-# --- 3. The UI (Modified with Tabs) ---
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
+# --- 3. The UI (Fixed Theme & Video Crash) ---
+with gr.Blocks() as demo:  # Removed theme from here (Fixes Warning)
     
     gr.Markdown("# 📱 AI App Recommender")
     gr.Markdown("Describe what you need, and the AI will find the best apps for you.")
     
-    # --- TABS START HERE ---
+    # --- TABS START ---
     with gr.Tabs():
         
-        # --- TAB 1: SEARCH APP ---
+        # TAB 1: SEARCH
         with gr.Tab("🔍 Find Apps"):
             with gr.Column():
                 with gr.Row():
-                    txt_input = gr.Textbox(
-                        show_label=False, 
-                        placeholder="Type here... (e.g., 'I need a puzzle game for kids')",
-                        scale=4
-                    )
+                    txt_input = gr.Textbox(show_label=False, placeholder="Type here... (e.g., 'I need a puzzle game for kids')", scale=4)
                     btn_submit = gr.Button("🚀 Find Apps", variant="primary", scale=1)
                 
-                gr.Examples(
-                    examples=[["I want a timer for my kitchen"], ["A game to learn math"]],
-                    inputs=txt_input
-                )
-                
+                gr.Examples(examples=[["I want a timer for my kitchen"], ["A game to learn math"]], inputs=txt_input)
                 output_html = gr.HTML(label="Recommended Apps")
 
-        # --- TAB 2: VIDEO PRESENTATION ---
+        # TAB 2: VIDEO (Safe HTML Version)
         with gr.Tab("🎥 Video Presentation"):
             gr.Markdown("### Watch our project presentation below:")
             
-            # Using 'PresentationVideo' assuming it's the exact name of your uploaded file
-            # interactive=False prevents users from downloading/changing it
-            gr.Video(value="PresentationVideo", interactive=False)
+            # This is the "Safe" way that won't crash your app
+            gr.HTML("""
+                <video width="100%" controls>
+                    <source src="https://huggingface.co/spaces/Liori25/ReccomendationSystemForApps/resolve/main/PresentationVideo.mp4" type="video/mp4">
+                    Your browser does not support the video tag.
+                </video>
+            """)
 
     # --- FOOTER ---
-    gr.Markdown(
-        """
-        <div style="text-align: center; margin-top: 40px; color: #9ca3af; font-size: 14px;">
-            app developed by Karin M & Lior F
-        </div>
-        """
-    )
+    gr.Markdown("""<div style="text-align: center; margin-top: 40px; color: #9ca3af; font-size: 14px;">app developed by Karin M & Lior F</div>""")
 
     # Logic connection
     btn_submit.click(fn=search_apps, inputs=txt_input, outputs=output_html)
     txt_input.submit(fn=search_apps, inputs=txt_input, outputs=output_html)
 
+# --- Launch with Theme (Fixes Warning) ---
 demo.launch(theme=gr.themes.Soft())