Update app.py

app.py

@@ -16,62 +16,56 @@ def encode_image_to_base64(image):
 emojis = ['😊', '🤗', '🥺', '😅', '🤭', '😔', '✨', '😜', '🙏']
 
 # Функция для отправки запроса в OpenAI с изображением и получения ответа
-def ask_openai_with_image(history, instruction, image):
+def ask_openai_with_image(instructions, image):
+    if not instructions and not image:
+        emj = random.choice(emojis)
+        return [{"text": f"{emj} Заполни пожалуйста хотя бы 1 поле", "sender": "bot"}]
+
+    history = []
+    
+    if instructions:
+        history.append({"text": instructions, "sender": "user"})
+        
     if image:
         # Кодируем загруженное изображение в base64
         base64_image = encode_image_to_base64(image)
-        image_payload = {
-            "type": "image_url",
-            "image_url": {
-                "url": f"data:image/jpeg;base64,{base64_image}",
-                "detail": "high",
-            },
-        }
-        history.append(("user", image_payload))
-    
-    if instruction:
-        history.append(("user", instruction))
+        history.append({"image": f"data:image/jpeg;base64,{base64_image}", "sender": "user"})
 
-    if not instruction and not image:
-        emj = random.choice(emojis)
-        raise gr.Error(f"{emj} Заполни пожалуйста хотя бы 1 поле")
-    
     # Здесь должен быть код для отправки запроса в OpenAI с историей и возвращения ответа
     # ...
 
-    # Для демонстрации вернем просто историю
+    # Для демонстрации вернем историю с добавлением фиктивного ответа от бота
+    history.append({"text": "Вот что я нашел по вашему запросу...", "sender": "bot"})
     return history
 
 # Создаем интерфейс с помощью Gradio
 with gr.Blocks(theme='YTheme/KidsShool') as demo:
     with gr.Row():
         with gr.Column():
-            chat = gr.Chatbot(label="Чат с историей", history=[])
-            instruction_input = gr.Textbox(label="Сообщение", lines=3, visible=False)
+            chat = gr.Chat()
+            instruction_input = gr.Textbox(label="Сообщение", lines=3, placeholder="Напишите что-нибудь...", visible=False)
             image_input = gr.Image(label="Загрузить изображение", type="pil", visible=False)
             submit_button = gr.Button("Отправить", variant='primary')
-        with gr.Column():
-            output_markdown = gr.Markdown()
     
     # Соединяем кнопку и функцию
     submit_button.click(
         fn=ask_openai_with_image,
-        inputs=[chat, instruction_input, image_input],
+        inputs=[instruction_input, image_input],
         outputs=[chat]
     )
 
     # Когда пользователь отправляет сообщение в чате, заполняем текстовое поле и нажимаем кнопку отправки
     chat.change(
-        fn=lambda history, text: (history.append(("user", text)), "", ""),
-        inputs=[chat, chat.text],
-        outputs=[chat, instruction_input, image_input]
+        fn=lambda text: (text, ""),
+        inputs=[chat.text],
+        outputs=[instruction_input, image_input]
     )
 
     # Когда пользователь загружает изображение, заполняем поле изображения и нажимаем кнопку отправки
     chat.upload(
-        fn=lambda history, file: (history, file),
-        inputs=[chat, chat.file],
-        outputs=[chat, image_input]
+        fn=lambda file: ("", file),
+        inputs=[chat.file],
+        outputs=[instruction_input, image_input]
     )
 
 demo.launch()