Update app.py

app.py

@@ -30,13 +30,37 @@ def invoke(openai_api_key, topic):
     
         return article
 
+def clear():
+    return ""
+
 gr.close_all()
 
-demo = gr.Interface(fn = invoke, 
-                    inputs = [gr.Textbox(label = "OpenAI API Key", type = "password", lines = 1),
-                              gr.Textbox(label = "Topic", value=os.environ["TOPIC"], lines = 1)],
-                    outputs = [gr.Markdown(label = "Article", value=os.environ["OUTPUT"], line_breaks = True, sanitize_html = False)],
-                    title = "Multi-Agent AI: Article Writing",
-                    description = os.environ["DESCRIPTION"])
+with gr.Blocks(title="Multi-Agent AI") as assistant:
+    gr.Markdown("## Multi-Agent AI: Article Writing")
+    gr.Markdown(os.environ.get("DESCRIPTION"))
+
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                openai_api_key = gr.Textbox(label = "OpenAI API Key", type = "password", lines = 1)
+                topic = gr.Textbox(label = "Topic", value=os.environ["TOPIC"], lines = 1)            
+            with gr.Row():
+                clear_btn = gr.ClearButton(
+                    components=[openai_api_key, topic]
+                )
+                submit_btn = gr.Button("Submit", variant="primary")
+        with gr.Column(scale=3):
+            article = gr.Markdown(label = "Article", value=os.environ["OUTPUT"], line_breaks = True, sanitize_html = False)
+
+    clear_btn.click(
+        fn=clear,
+        outputs=article
+    )
+    
+    submit_btn.click(
+        fn=invoke,
+        inputs=[openai_api_key, topic],
+        outputs=article
+    )
 
-demo.launch()
+assistant.launch()