UI

app.py

@@ -48,12 +48,22 @@ def chat_with_ochat(message):
 
 
 
-# Create a Gradio Interface
+def clear_chat():
+    return "Chat cleared. You can start a new conversation."
+
+# Create a Gradio Interface with an improved layout
 iface = gr.Interface(
     fn=chat_with_ochat, 
-    inputs="text", 
-    outputs="text",
+    inputs=gr.Textbox(lines=2, placeholder="Type your message here..."),
+    outputs=[
+        gr.Textbox(label="ochat Response", placeholder="Response will appear here...", interactive=False),
+        gr.Button("Clear Chat", fn=clear_chat)
+    ],
     title="ochat Chat Interface",
-    description="Type your message and get a response from the ochat server."
+    description="Engage in a conversation with the ochat server. Type your message below and get a response.",
+    layout="vertical",
+    theme="huggingface",  # This is an example theme, you can choose others
+    css=".input_text {height: 50px;} .output_text {height: 100px;}"
 )
+
 iface.launch()