fix: Clean up LLM plant care tips output

Issues fixed:
- Remove leaked prompt instructions ('Keep it concise', etc)
- Bold plant names in teal color for better readability
- Improved prompt to avoid instruction leakage
- Better formatting with HTML for display
- Cleaner header and spinner text
- Teal background for tips container

Result: Clean, professional plant care output with bold plant names

app.py

@@ -735,13 +735,10 @@ if page == "Garden Optimization":
                         # Add vertical space
                         add_vertical_space(4)
                         # show plant care tips
-                        st.header("Plant care tips")
-                        with st.spinner("generating plant care tips..."):
-                            st.write(
-                                "Here are some plant care tips for your plants. Good luck!"
-                            )
+                        st.header("Plant Care Tips")
+                        with st.spinner("Generating plant care tips..."):
                             if st.session_state.demo_lite:
-                                st.session_state.plant_care_tips = "Plant care tips are not available in this LLM or lite demo version but will be available in the future! Select the Llama 2 LLM for full functionality."
+                                st.session_state.plant_care_tips = "Plant care tips are not available in lite demo mode. Select Llama3.2-1b_CPP for full functionality."
                             else:
                                 # if 'plant_care_tips' not in st.session_state:
                                 st.session_state.plant_care_tips = get_plant_care_tips(
@@ -749,8 +746,12 @@ if page == "Garden Optimization":
                                     st.session_state.model,
                                     st.session_state.demo_lite,
                                 )
-                            styled_text = f'<div style="background-color: #2d5a59; color: white; padding: 10px; border-radius: 5px;">{st.session_state.plant_care_tips}</div>'
-                            st.write(styled_text, unsafe_allow_html=True)
+                            # Use markdown container with teal background for better formatting
+                            st.markdown(f"""
+                                <div style="background-color: rgba(32,178,170,0.15); padding: 20px; border-radius: 8px; border-left: 4px solid #20B2AA;">
+                                    {st.session_state.plant_care_tips}
+                                </div>
+                            """, unsafe_allow_html=True)
 
 
 if page == "About":

src/backend/chatbot.py

@@ -217,25 +217,25 @@ def get_plant_care_tips(plant_list, model, demo_lite):
     if len(st.session_state.input_plants_raw) > 8:
         plant_names += f" (and {len(st.session_state.input_plants_raw) - 8} more)"
     
-    # Much better prompt - clear, specific, limited output
-    template = "You are a gardening expert. Provide brief, practical care tips."
-    text = f"""For these plants: {plant_names}
+    # Clear prompt that won't leak instructions into output
+    template = "You are a helpful gardening expert."
+    text = f"""Provide care tips for these plants: {plant_names}
 
-Give me essential care tips for each plant. For EACH plant, include:
-- Sunlight needs (full sun/partial shade/shade)
-- Watering frequency (daily/weekly/etc)
+For each plant, give:
+- Sunlight requirements
+- Watering schedule  
 - USDA hardiness zones
-- One interesting fact
+- One practical tip
 
-Keep it BRIEF - 2-3 sentences per plant maximum. Use this format:
+Format each plant like this example:
 
-PLANT NAME:
-Sunlight: [requirement]
-Water: [frequency]  
-Zones: [zones]
-Tip: [one sentence]
+Tomatoes
+Sunlight: Full sun (6-8 hours)
+Water: Deep watering 2-3 times per week
+Zones: 3-11
+Tip: Prune suckers for larger fruit
 
-Do NOT repeat yourself. Do NOT add extra headers or explanations. Just the plant tips."""
+Now provide tips for my plants. Start immediately with the first plant name."""
 
     plant_care_tips = chat_response(template, text, model, demo_lite)
     print("Plant care tips response:", plant_care_tips)
@@ -244,9 +244,42 @@ Do NOT repeat yourself. Do NOT add extra headers or explanations. Just the plant
     if plant_care_tips is None:
         return "Error: Could not generate plant care tips. Please try again or select a different model."
     
-    # Clean up the response
+    # Clean up the response - remove any leaked instructions
     plant_care_tips = plant_care_tips.strip()
     
+    # Remove common leaked phrases
+    phrases_to_remove = [
+        "Keep it concise",
+        "Keep it BRIEF",
+        "Do NOT repeat yourself",
+        "Do NOT add extra headers",
+        "Just the plant tips",
+        "Start immediately with the first plant name"
+    ]
+    for phrase in phrases_to_remove:
+        if phrase in plant_care_tips:
+            plant_care_tips = plant_care_tips.replace(phrase, "")
+    
+    # Bold the plant names by detecting lines that are likely plant names
+    # (lines with no colons that come before lines with colons)
+    # Use HTML <strong> tags since we'll be displaying in an HTML div
+    lines = plant_care_tips.split('\n')
+    formatted_lines = []
+    for i, line in enumerate(lines):
+        line = line.strip()
+        if not line:
+            formatted_lines.append('<br>')
+            continue
+        
+        # If this line has no colon and the next line has a colon, it's likely a plant name
+        if ':' not in line and i + 1 < len(lines) and ':' in lines[i + 1]:
+            # Bold the plant name with HTML
+            formatted_lines.append(f"<strong style='color: #20B2AA; font-size: 1.1em;'>{line}</strong>")
+        else:
+            formatted_lines.append(line)
+    
+    plant_care_tips = '<br>'.join(formatted_lines)
+    
     return plant_care_tips