Update app.py

app.py

@@ -56,6 +56,7 @@ def get_embedding_via_api(text):
     return np.array(response)
 
 def find_similar_recipes_list(query_text):
+    # Matching logic remains exactly the same
     if stored_embeddings is None: return ["Database error."] * 3
     query_vec = get_embedding_via_api("Represent this recipe for retrieving similar dishes: " + query_text)
     if len(query_vec.shape) == 1: query_vec = query_vec.reshape(1, -1)
@@ -63,18 +64,47 @@ def find_similar_recipes_list(query_text):
     scores = cosine_similarity(query_vec, stored_embeddings)[0]
     top_indices = scores.argsort()[-3:][::-1]
     
+    # --- UPDATED DISPLAY LOGIC STARTS HERE ---
+    # Identify the correct column names dynamically
+    cols = df_recipes.columns
+    ing_col = next((c for c in cols if 'ingredient' in c.lower()), None)
+    inst_col = next((c for c in cols if 'instruction' in c.lower()), None)
+
     results_list = []
     for idx in top_indices:
         score = scores[idx]
         row = df_recipes.iloc[idx]
         title = row['Title']
-        desc = str(row['Raw_Output'])
         score_display = f"{score:.3%}"
         
+        # Build the content block
+        content_parts = []
+        
+        # 1. Ingredients
+        if ing_col:
+            val = str(row[ing_col])
+            # Clean up if it looks like a python list string
+            if val.strip().startswith("[") and val.strip().endswith("]"):
+                val = val.strip()[1:-1].replace("'", "").replace('"', "")
+            content_parts.append(f"<b>🛒 INGREDIENTS:</b><br>{val}")
+            
+        # 2. Instructions
+        if inst_col:
+            val = str(row[inst_col])
+            if val.strip().startswith("[") and val.strip().endswith("]"):
+                val = val.strip()[1:-1].replace("'", "").replace('"', "")
+            content_parts.append(f"<b>🍳 INSTRUCTIONS:</b><br>{val}")
+            
+        # Fallback if neither found
+        if not content_parts:
+            display_text = str(row.get('Raw_Output', 'No details available.'))
+        else:
+            display_text = "<br><br>".join(content_parts)
+
         card_content = (
             f"### 🏆 {title}\n"
             f"<span style='color:#1877f2; font-weight:bold; font-size:14px;'>Match Score: {score_display}</span>\n\n"
-            f"<div class='sim-scroll'>{desc}</div>"
+            f"<div class='sim-scroll'>{display_text}</div>"
         )
         results_list.append(card_content)
     
@@ -290,7 +320,6 @@ button.gallery-item:hover {
 with gr.Blocks(title="CookBook AI") as demo:
     
     # --- HEADER ---
-    # --- CHANGED HERE: SLOGAN TEXT UPDATED ---
     gr.HTML(f"""
         <div class="custom-header">
             <div class="logo-area">