Update app.py

app.py

@@ -50,22 +50,46 @@ def chatbot_stream(user_input):
         response += text_chunk
         yield response
 
-# Gradio UI with button options
+# Gradio UI with enhanced chat interface
 def ui():
-    with gr.Blocks() as app:
-        gr.Markdown("# AI Storyboard & Chatbot")
-        with gr.Row():
-            scenario_btn = gr.Button("Generate Storyboard")
-            chat_btn = gr.Button("Chat about Storyboarding")
-        
-        scenario_input = gr.Textbox(label="Enter your scenario")
-        storyboard_output = gr.Textbox(label="Generated Storyboard", interactive=False)
-        scenario_btn.click(generate_storyboard, inputs=scenario_input, outputs=storyboard_output)
-        
-        chat_input = gr.Textbox(label="Ask a question about storyboarding")
-        chat_output = gr.Textbox(label="Chatbot Response", interactive=False)
-        chat_btn.click(chatbot_stream, inputs=chat_input, outputs=chat_output)
-        
+    with gr.Blocks(theme=gr.themes.Glass(primary_hue="violet", secondary_hue="emerald", neutral_hue="stone")) as app:
+        with gr.Tabs():
+            with gr.TabItem("💬Chat"):
+                gr.Markdown("# AI Storyboard & Chatbot")
+                chatbot = gr.Chatbot(label="Storyboard Chatbot")
+                with gr.Row():
+                    chat_input = gr.Textbox(
+                        label="Your Message",
+                        placeholder="Type your question here...",
+                        lines=1
+                    )
+                    send_button = gr.Button("✋Ask Question")
+                
+                # Quick question examples
+                quick_questions = ["How do I structure a storyboard?", "What makes a good visual scene?", "How to add depth to a story?"]
+                with gr.Row():
+                    for question in quick_questions:
+                        gr.Button(question, variant="secondary").click(lambda q=question: chatbot_stream(q), inputs=None, outputs=chatbot)
+                
+                # Chatbot functionality
+                send_button.click(
+                    fn=chatbot_stream,
+                    inputs=chat_input,
+                    outputs=chatbot,
+                    queue=True
+                ).then(
+                    fn=lambda: "",  # Clear the input box after sending
+                    inputs=None,
+                    outputs=chat_input
+                )
+
+            with gr.TabItem("📖 Storyboard Generator"):
+                gr.Markdown("## Generate a Storyboard")
+                scenario_input = gr.Textbox(label="Enter your scenario")
+                generate_btn = gr.Button("Generate Storyboard")
+                storyboard_output = gr.Textbox(label="Generated Storyboard", interactive=False)
+                generate_btn.click(generate_storyboard, inputs=scenario_input, outputs=storyboard_output)
+    
     app.launch(share=True)
 
 ui()