Update app.py

app.py

@@ -36,6 +36,46 @@ def save_uploaded_image(image):
     
     return temp_file.name
 
+def analyze_single_image(client, img_path):
+    """Analyze a single image to identify ingredients"""
+    system_prompt = """You are a culinary expert AI assistant that specializes in identifying ingredients in images.
+    Your task is to analyze the provided image and list all the food ingredients you can identify.
+    Be specific and detailed about what you see. Only list ingredients, don't suggest recipes yet."""
+    
+    user_prompt = "Please identify all the food ingredients visible in this image. List each ingredient on a new line."
+    
+    # Create message with the image
+    content = [
+        {"type": "text", "text": user_prompt},
+        {
+            "type": "image_url",
+            "image_url": {
+                "url": f"file://{img_path}"
+            }
+        }
+    ]
+    
+    try:
+        response = client.chat.completions.create(
+            model="meta-llama/Llama-Vision-Free",
+            messages=[
+                {
+                    "role": "system",
+                    "content": system_prompt
+                },
+                {
+                    "role": "user",
+                    "content": content
+                }
+            ],
+            max_tokens=500,
+            temperature=0.2
+        )
+        
+        return response.choices[0].message.content
+    except Exception as e:
+        return f"Error analyzing image: {str(e)}"
+
 def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions="None", cuisine_preference="Any"):
     """
     Get recipe suggestions based on the uploaded images of ingredients
@@ -66,9 +106,20 @@ def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions=
         # Initialize Together client with the provided API key
         client = Together(api_key=api_key)
         
-        # Create the prompt for the model
+        # First, analyze each image separately to identify ingredients
+        all_ingredients = []
+        for img_path in image_paths:
+            ingredients_text = analyze_single_image(client, img_path)
+            all_ingredients.append(ingredients_text)
+        
+        # Combine all ingredients into one list
+        combined_ingredients = "\n\n".join([f"Image {i+1} ingredients:\n{ingredients}" 
+                                          for i, ingredients in enumerate(all_ingredients)])
+        
+        # Now generate recipes based on all identified ingredients
         system_prompt = """You are a culinary expert AI assistant that specializes in creating recipes based on available ingredients.
-        Analyze the provided images of ingredients and suggest creative, detailed recipes that use as many of the shown ingredients as possible.
+        You will be provided with lists of ingredients identified from multiple images. Your task is to suggest creative, 
+        detailed recipes that use as many of the identified ingredients as possible.
         
         For each recipe suggestion, include:
         1. Recipe name
@@ -81,23 +132,16 @@ def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions=
         
         Consider any dietary restrictions and cuisine preferences mentioned by the user."""
         
-        user_prompt = f"""Based on the ingredients shown in these images, suggest {num_recipes} creative and delicious recipes.
+        user_prompt = f"""Based on the following ingredients identified from multiple images, suggest {num_recipes} creative and delicious recipes.
+        
+        {combined_ingredients}
+        
         Dietary restrictions to consider: {dietary_restrictions}
         Cuisine preference: {cuisine_preference}
-        Please be specific about what ingredients you can identify in the images and creative with your recipe suggestions. Try to use ingredients from all images if possible."""
         
-        # Create message with multiple images
-        content = [{"type": "text", "text": user_prompt}]
-        
-        # Add all images to the content
-        for img_path in image_paths:
-            content.append({
-                "type": "image_url",
-                "image_url": {
-                    "url": f"file://{img_path}"
-                }
-            })
+        Please be creative with your recipe suggestions and try to use ingredients from multiple images if possible."""
         
+        # Generate recipe suggestions based on all identified ingredients
         response = client.chat.completions.create(
             model="meta-llama/Llama-Vision-Free",
             messages=[
@@ -107,7 +151,7 @@ def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions=
                 },
                 {
                     "role": "user",
-                    "content": content
+                    "content": user_prompt
                 }
             ],
             max_tokens=2048,
@@ -121,7 +165,14 @@ def get_recipe_suggestions(api_key, images, num_recipes=3, dietary_restrictions=
             except:
                 pass
         
-        return response.choices[0].message.content
+        # Add information about the ingredients identified
+        result = "## 📋 Ingredients Identified\n\n"
+        result += combined_ingredients
+        result += "\n\n---\n\n"
+        result += "## 🍽️ Recipe Suggestions\n\n"
+        result += response.choices[0].message.content
+        
+        return result
         
     except Exception as e:
         # Clean up the temporary files in case of error
@@ -300,6 +351,22 @@ button.primary-button:hover {
     padding: 20px;
 }
 
+.recipe-output {
+    max-height: 800px;
+    overflow-y: auto;
+    padding-right: 10px;
+}
+
+.recipe-output h2 {
+    color: var(--primary-color);
+    border-bottom: 1px solid var(--secondary-color);
+    padding-bottom: 5px;
+}
+
+.recipe-output h3 {
+    color: var(--secondary-color);
+}
+
 /* Responsive styles */
 @media (max-width: 768px) {
     .app-title {