Update app.py

app.py

@@ -1,3 +1,6 @@
+#just formatting things are left now!!
+# i think we are there now
+
 from crewai import Agent, Task, Crew
 import gradio as gr
 import asyncio
@@ -100,6 +103,8 @@ class ArticleCrew:
 
         return [planner_task, writer_task, editor_task]
 
+# [Previous code remains the same until the callback functions]
+
     async def process_article(self, topic: str) -> Generator[List[Dict], None, None]:
         def add_agent_messages(agent_name: str, tasks: str, emoji: str = "🤖"):
             # Add agent header
@@ -148,8 +153,8 @@ class ArticleCrew:
             
             # Handle the output based on current agent
             if self.current_agent == "Editor":
-                # Not going to show editor's output with metadata
-                # Instead, I am showing assistant message as the final article
+                # Don't show editor's output with metadata
+                # Instead, show completion message and final article
                 self.message_queue.add_message({
                     "role": "assistant",
                     "content": "Final article is ready!",
@@ -242,8 +247,9 @@ class ArticleCrew:
                 "metadata": {"title": "❌ Error"}
             }]
 
+# [Rest of the code remains the same]
+
 
-# Gradio code
 def create_demo():
     article_crew = None
 
@@ -263,7 +269,7 @@ def create_demo():
             type="messages",
             show_label=True,
             visible=False,
-            bubble_full_width=False,  # Allow messages to wrap naturally
+            avatar_images=(None, "https://avatars.githubusercontent.com/u/170677839?v=4"),
             render_markdown=True  # Enable markdown rendering
         )
 
@@ -317,6 +323,7 @@ def create_demo():
 
         openai_api_key.submit(show_interface, None, [openai_api_key, chatbot, topic, btn])
         btn.click(process_input, [topic, chatbot, openai_api_key], [chatbot])
+        topic.submit(process_input, [topic, chatbot, openai_api_key], [chatbot])
 
     return demo