vertical arrangement with gr blocks

app.py

@@ -1,7 +1,33 @@
 import gradio as gr
+import requests
 
-def greet(name):
-    return "Hello " + name + "!!"
+theme = gr.themes.Base(
+    primary_hue="cyan",
+    secondary_hue="blue",
+)
 
-iface = gr.Interface(fn=greet, inputs="text", outputs="text")
-iface.launch()
+def chat_with_rasa(user_message, history):
+    response = requests.post(
+        "https://clairify.ai/gradio",
+        json={"sender": "user", "message": user_message}
+    )
+
+    bot_messages = response.json()
+    chat_log = history
+    if isinstance(bot_messages, list):
+        chat_log += f"\nYou: {user_message}"
+        for msg in bot_messages:
+            chat_log += f"\nBot: {msg.get('text', 'No response')}"
+    else:
+        chat_log += "\nError: Unexpected response type from Rasa."
+    return chat_log
+
+with gr.Blocks(theme=gr.themes.Default(primary_hue="red", secondary_hue="pink")) as demo:
+    gr.Markdown("## Rasa Chatbot")
+    gr.Markdown("This is a simple chat interface for a Rasa chatbot.")
+    history = gr.Textbox(label="Chat History", value="", lines=12, interactive=False)
+    user_message = gr.Textbox(label="Your Message", lines=2, placeholder="Type your message here...")
+    submit_button = gr.Button("Send")
+    submit_button.click(fn=chat_with_rasa, inputs=[user_message, history], outputs=history)
+
+demo.launch()