Update app.py

app.py

@@ -1,21 +1,6 @@
 import gradio as gr
 from huggingface_hub import InferenceClient
 
-# Example fake recipe database
-recipes = [
-    {
-        "name": "Veggie Pasta",
-        "ingredients": ["pasta", "tomato", "garlic", "olive oil"],
-        "allergies": ["gluten"],
-        "budget": "low"
-    },
-    {
-        "name": "Chicken Stir Fry",
-        "ingredients": ["chicken", "soy sauce", "broccoli", "garlic"],
-        "allergies": ["soy"],
-        "budget": "medium"
-    }
-]
 
 client = InferenceClient("microsoft/phi-4")
 
@@ -35,51 +20,34 @@ def respond(message, history, budget, have_items, allergies):
         (depending on the user's response you must respond to their request, if it is for another recipe, follow the exact same format)
     """
     messages = [{"role": "system", "content": instruction}]
-
     # Convert Gradio history (list of [user, assistant] pairs) to OpenAI-style message format
     for user_msg, bot_msg in history:
         if user_msg:
             messages.append({"role": "user", "content": user_msg})
         if bot_msg:
             messages.append({"role": "assistant", "content": bot_msg})
-
     # Append the new user message
     messages.append({"role": "user", "content": message})
-
     # Call the model
     response = client.chat_completion(
         messages=messages,
         max_tokens=200
     )
-
     return response["choices"][0]["message"]["content"].strip()
-    
-    """messages = [{"role": "system", "content": "You are a friendly chatbot"}]
-    if history:
-        messages.extend(history)
-    messages.append({"role": "user", "content": message})
-    response = client.chat_completion(
-        messages,
-        max_tokens=1000
-    )
-    return response['choices'][0]['message']['content'].strip()"""
 
-def update_value(value):
-    return f"You selected: {value}"
 with gr.Blocks() as demo:
-    slider = gr.Slider(
-        minimum=0,     # lowest value
-        maximum=100,   # highest value
-        value=50,      # default starting value
-        step=1,        # increment step
-        label="Enter Budget"
-    )
-    output = gr.Textbox()
-    slider.change(fn=update_value, inputs=slider, outputs=output)
-
-demo.launch()
-
-
-    have_items = gr.Textbox(label="Ingredients you have (comma separated)", placeholder="pasta,tomato,garlic")
-    allergies = gr.Textbox(label="Allergies (comma separated)", placeholder="gluten,soy")
-    chatbot_ui = gr.ChatInterface(fn=lambda msg, hist: respond(msg, hist))
+    gr.Markdown("## :fried_egg: Recipe Suggestion Chatbot")
+    with gr.Tab("Your resources: "):
+        budget = gr.Slider(
+            minimum=0,     # lowest value
+            maximum=100,   # highest value
+            value=50,      # default starting value
+            step=1,        # increment step
+            label="Enter Budget:"
+        )
+        have_items = gr.Textbox(label="Ingredients you have (comma separated)", placeholder="pasta,tomato,garlic")
+        allergies = gr.Textbox(label="Allergies (comma separated)", placeholder="gluten,soy")
+    with gr.Tab("Talk with recipEASY! "):
+        chatbot_ui = gr.ChatInterface(fn=lambda msg, hist, budget, have_items, allergies: respond(msg, hist, budget, have_items, allergies))
+
+ demo.launch()