Update app.py

app.py

@@ -98,22 +98,20 @@ footer {visibility: hidden !important;}
 
 # Создаем интерфейс с помощью Gradio
 with gr.Blocks(css=css) as demo:
+    chatbot = gr.Chatbot()
     with gr.Row():
-        chatbot = gr.Chatbot()
-    with gr.Row():
-        with gr.Column(scale=1):
-            image_input = gr.Image(label="Загрузить изображение", type="pil", interactive=True)
-        with gr.Column(scale=4):
-            instructions = gr.Textbox(label="Сообщение", lines=2, placeholder="Введите ваше сообщение здесь...")
-        with gr.Column(scale=1):
-            submit_button = gr.Button("Отправить")
+        image_input = gr.Image(label="Загрузить изображение", type="pil", interactive=True, tool="upload")
+        instructions = gr.Textbox(label="Сообщение", lines=2, placeholder="Введите ваше сообщение здесь...")
+        submit_button = gr.Button("Отправить")
 
     def process_input(instructions, image_input):
         response = ask_openai_with_image(instructions, image_input)
-        chatbot.append("user", instructions)
+        if instructions:
+            chatbot.add_message(instructions, is_user=True)
         if image_input:
-            chatbot.append("user", image_input)
-        chatbot.append("bot", response)
+            chat_image = Image.open(image_input)
+            chatbot.add_message(chat_image, is_user=True)
+        chatbot.add_message(response, is_user=False)
 
     submit_button.click(
         fn=process_input,