Update app.py

app.py

@@ -1,4 +1,20 @@
 import gradio as gr
+from gradio import ChatMessage
+import time
+
+def slow_echo(message, history):
+    for i in range(len(message)):
+        time.sleep(0.05)
+        yield "You typed: " + message[: i + 1]
+
+demo = gr.ChatInterface(
+    slow_echo,
+    type="messages",
+    flagging_mode="manual",
+    flagging_options=["Like", "Spam", "Inappropriate", "Other"],
+    save_history=True,
+)
+
 
 # Define the main function for the app
 def main_function(purpose, help_text, export_text, extra_menu_item, chat_input, tts_input, script_input):
@@ -43,12 +59,78 @@ with gr.Blocks() as demo:
         outputs=[purpose_output, help_output, export_output, extra_menu_output, chat_output, tts_output, script_output]
     )
 
-# Launch the app with custom colors
-demo.launch(css="""
-    .gr-button-primary {
-        background-color: #4CAF50; /* Green */
-        color: white;
-    }
-    .gr-textbox {
-        background-color: #f0f0f0; /* Light Gray */
-        color: #333;
+def generate_response(history):
+    history.append(
+        ChatMessage(
+            role="user", content="What is the weather in San Francisco right now?"
+        )
+    )
+    yield history
+    time.sleep(0.25)
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="In order to find the current weather in San Francisco, I will need to use my weather tool.",
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="API Error when connecting to weather service.",
+            metadata={"title": "💥 Error using tool 'Weather'"},
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="I will try again",
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="Weather 72 degrees Fahrenheit with 20% chance of rain.",
+            metadata={"title": "🛠️ Used tool 'Weather'"},
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="Now that the API succeeded I can complete my task.",
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="It's a sunny day in San Francisco with a current temperature of 72 degrees Fahrenheit and a 20% chance of rain. Enjoy the weather!",
+        )
+    )
+    yield history
+
+def like(evt: gr.LikeData):
+    print("User liked the response")
+    print(evt.index, evt.liked, evt.value)
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(type="messages", height=500, show_copy_button=True)
+    button = gr.Button("Get San Francisco Weather")
+    button.click(generate_response, chatbot, chatbot)
+    chatbot.like(like)
+
+if __name__ == "__main__":
+    demo.launch()