Update app.py

app.py

@@ -18,6 +18,7 @@ import matplotlib.pyplot as plt
 from matplotlib.colors import LinearSegmentedColormap
 import textwrap
 import plotly.graph_objects as go
+import streamlit_scrollable_textbox as stx
 
 st.set_page_config(
     page_title="Food Chain", 
@@ -266,20 +267,24 @@ def display_response(response):
     if isinstance(response, str):
         # Convert JSON string to dictionary if necessary
         response = json.loads(response)
-
-    st.write(f"**Name:** {response['name'].capitalize()}")
-    st.write(f"**Preparation Time:** {response['minutes']} minutes")
-    st.write(f"**Description:** {response['description'].capitalize()}")
-    st.write(f"**Tags:** {', '.join(response['tags'])}")
-    st.write("### Ingredients")
-    st.write(", ".join([ingredient.capitalize() for ingredient in response['ingredients']]))
-    st.write(f"**Total Ingredients:** {response['n_ingredients']}")
-    st.write("### Nutrition Information (per serving)")
-    st.write(", ".join(response['formatted_nutrition']))
-    st.write(f"**Number of Steps:** {response['n_steps']}")
-    st.write("### Steps")
-    for step in response['formatted_steps']:
-        st.write(capitalize_after_number(step))
+    
+    stx.scrollableTextbox(f"""
+        **Name:** {response['name'].capitalize()}
+        **Preparation Time:** {response['minutes']} minutes
+        **Description:** {response['description'].capitalize()}
+        **Tags:** {', '.join(response['tags'])}
+    
+        ### Ingredients
+        {", ".join([ingredient.capitalize() for ingredient in response['ingredients']])}
+        **Total Ingredients:** {response['n_ingredients']}
+    
+        ### Nutrition Information (per serving)
+        {", ".join(response['formatted_nutrition'])}
+        **Number of Steps:** {response['n_steps']}
+    
+        ### Steps
+        {chr(10).join([capitalize_after_number(step) for step in response['formatted_steps']])}
+    """)
 
 def display_dishes_in_grid(dishes, cols=3):
     rows = len(dishes) // cols + int(len(dishes) % cols > 0)