Update app.py

app.py

@@ -3,7 +3,7 @@ from openai import OpenAI
 import os
 
 css = '''
-.gradio-container{max-width: 670px !important}
+.gradio-container{max-width: 1000px !important}
 h1{text-align:center}
 footer {
     visibility: hidden
@@ -71,7 +71,7 @@ mood_prompts = {
 
 def respond(
     message,
-    history: list[tuple[str, str]],
+    history,
     system_message,
     max_tokens,
     temperature,
@@ -107,39 +107,42 @@ def respond(
         response += token
         yield response
 
-# Layout with mood dropdown in a separate row
-with gr.Blocks(css=css, theme="allenai/gradio-theme") as demo:
-    gr.Markdown("# Chat Interface")
-    
-    with gr.Row():
-        with gr.Column():
-            message_input = gr.Textbox(placeholder="Type your message here...", label="Message")
-            history_input = gr.Textbox(placeholder="Chat history (if any)...", label="History")
-            system_message_input = gr.Textbox(value="", label="System message")
-            max_tokens_slider = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens")
-            temperature_slider = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature")
-            top_p_slider = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-P")
+# Define the layout
+def create_interface():
+    with gr.Blocks(css=css, theme="allenai/gradio-theme") as demo:
+        gr.Markdown("# Chat Interface")
+        
+        with gr.Row():
+            with gr.Column():
+                message_input = gr.Textbox(placeholder="Type your message here...", label="Message")
+                history_input = gr.Textbox(placeholder="Chat history (if any)...", label="History")
+                system_message_input = gr.Textbox(value="", label="System message")
+                max_tokens_slider = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens")
+                temperature_slider = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature")
+                top_p_slider = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-P")
 
-    with gr.Row():
-        mood_dropdown = gr.Dropdown(
-            choices=list(mood_prompts.keys()),
-            label="Mood",
-            value="Casual"
+        with gr.Row():
+            mood_dropdown = gr.Dropdown(
+                choices=list(mood_prompts.keys()),
+                label="Mood",
+                value="Casual"
+            )
+        
+        chat_interface = gr.Interface(
+            fn=respond,
+            inputs=[
+                message_input,
+                history_input,
+                system_message_input,
+                max_tokens_slider,
+                temperature_slider,
+                top_p_slider,
+                mood_dropdown
+            ],
+            outputs=gr.Textbox(label="Response")
         )
-    
-    chat_interface = gr.ChatInterface(
-        fn=respond,
-        inputs=[
-            message_input,
-            history_input,
-            system_message_input,
-            max_tokens_slider,
-            temperature_slider,
-            top_p_slider,
-            mood_dropdown
-        ],
-        outputs=gr.Textbox(label="Response")
-    )
+        
+        chat_interface.launch()
 
 if __name__ == "__main__":
-    demo.launch()
+    create_interface()