Update app.py

app.py

@@ -1,17 +1,18 @@
 
 import openai
 import os
-
+import gradio as gr
 openai.api_key = os.environ.get("OPENAI_API_KEY")
 
+
 class Conversation:
     def __init__(self, prompt, num_of_round):
         self.prompt = prompt
         self.num_of_round = num_of_round
         self.messages = []
         self.messages.append({"role": "system", "content": self.prompt})
-
-    def ask(self, question):
+    
+    def ask(self, question): 
         try:
             self.messages.append({"role": "user", "content": question})
             response = openai.ChatCompletion.create(
@@ -19,15 +20,53 @@ class Conversation:
                 messages=self.messages,
                 temperature=0.5,
                 max_tokens=2048,
-                top_p=1,
+                top_p=1,  
             )
         except Exception as e:
             print(e)
             return e
-
         message = response["choices"][0]["message"]["content"]
         self.messages.append({"role": "assistant", "content": message})
+        if len(self.messages) > 3:  
+            del self.messages[1:3] 
+        return message
+
+def add_text(history, text):  
+    history = history + [(text, None)]
+    return history, gr.update(value="", interactive=False)
+
+def add_file(history, file):  
+    history = history + [((file.name,), None)]  
+    return history  
+
+def answer(question, history=[]):   
+    history.append(question)
+    response = conv.ask(question)
+    history.append(response)
+    responses = [(u,b) for u,b in zip(history[::2], history[1::2])] 
+    return responses, history   
 
-        if len(self.messages) > self.num_of_round*2 + 1:
-            del self.messages[1:3] //Remove the first round conversation left.
-        return message
+prompt = """假如你是GPT-4,你可以回答用户提问的任何问题"""
+conv = Conversation(prompt, 10)
+with gr.Blocks(css="#chatbot{height:300px} .overflow-y-auto{height:500px}") as demo:
+    chatbot = gr.Chatbot([], elem_id="chatbot").style(height=750)
+    state = gr.State()
+    
+    with gr.Row():
+        with gr.Column(scale=0.85):
+            txt = gr.Textbox(
+                show_label=False,
+                placeholder="Enter text and press enter, or upload an image",    
+            ).style(container=False)
+        with gr.Column(scale=0.15, min_width=0):
+            btn = gr.UploadButton(":file_folder:", file_types=["image", "video", "audio"])
+            
+    txt_msg = txt.submit(answer, [txt, state], [chatbot, state], queue=False).then(       
+        chatbot, chatbot 
+    )
+    txt_msg.then(lambda: gr.update(interactive=True), None, [txt], queue=False)
+    
+    file_msg = btn.upload(add_file, [chatbot, btn], [chatbot], [btn], queue=False).then(       
+        chatbot, chatbot, chatbot  
+    )  
+demo.launch()