Update app.py

app.py

@@ -3,30 +3,29 @@ from openai import OpenAI
 
 # Инициализация клиента DeepSeek
 client = OpenAI(
-    api_key="sk-a02694cf3c8640c9ae60428ee2c5a62e",  # ЗАМЕНИТЕ на свой ключ
+    api_key="sk-a02694cf3c8640c9ae60428ee2c5a62e",  # <-- Замените на ваш ключ
     base_url="https://api.deepseek.com"
 )
 
 def chat_with_deepseek(user_message, history):
     """
     user_message: строка, введённая пользователем.
-    history: список словарей формата [{"role": ..., "content": ...}, ...]
-             (в формате для Gradio Chatbot c type="messages").
+    history: список словарей [{"role": ..., "content": ...}, ...]
+             в формате Gradio Chatbot (type="messages").
 
     Возвращает (new_history, new_history, ""), где:
-      - new_history — обновлённая история для Chatbot
-      - "" — чтобы очистить поле ввода.
+      - new_history — обновлённая история для Chatbot,
+      - "" — очистка поля ввода.
     """
-
-    # Преобразуем history в messages для DeepSeek (по сути — то же самое, но на всякий случай)
+    # Формируем messages для запроса к DeepSeek
     messages = []
-    for item in history:
-        messages.append({"role": item["role"], "content": item["content"]})
-    
+    for msg in history:
+        messages.append({"role": msg["role"], "content": msg["content"]})
+
     # Добавляем текущее сообщение пользователя
     messages.append({"role": "user", "content": user_message})
 
-    # Вызываем модель deepseek-reasoner
+    # Вызываем deepseek-reasoner
     try:
         response = client.chat.completions.create(
             model="deepseek-reasoner",
@@ -36,17 +35,14 @@ def chat_with_deepseek(user_message, history):
     except Exception as e:
         assistant_content = f"Ошибка при обращении к API: {e}"
 
-    # Формируем новое состояние истории
+    # Обновляем историю
     new_history = history + [
         {"role": "user", "content": user_message},
         {"role": "assistant", "content": assistant_content}
     ]
-    # Возвращаем:
-    # 1) обновлённый чат для Chatbot,
-    # 2) обновлённый state,
-    # 3) пустую строку для очистки поля ввода
-    return new_history, new_history, ""
+    return new_history, new_history, ""  # Третий выход очистит поле ввода
 
+# Создаём приложение Gradio
 with gr.Blocks(
     theme=gr.themes.Base(
         primary_hue="slate",
@@ -56,7 +52,7 @@ with gr.Blocks(
         font=["Arial", "sans-serif"]
     ),
     css="""
-    /* Чёрный фон для всего приложения */
+    /* Фон приложения чёрный */
     body {
         background-color: #000000 !important;
     }
@@ -70,15 +66,20 @@ with gr.Blocks(
     #chatbot {
         background-color: #111111 !important;
     }
-    """
-) as demo:
+    """) as demo:
 
     gr.Markdown(
-        "<h1 style='text-align:center; color:#ffffff;'>Чат с deepseek-reasoner</h1>"
-        "<p style='text-align:center; color:#bbbbbb;'>Нажмите Enter, чтобы отправить; Ctrl+Enter для новой строки</p>"
+        """
+        <h1 style="text-align:center; color:#ffffff;">Чат с deepseek-reasoner</h1>
+        <p style="text-align:center; color:#cccccc;">
+        <strong>Enter</strong> — отправить сообщение; 
+        <strong>Ctrl+Enter</strong> — перенос строки
+        </p>
+        """,
+        unsafe_allow_html=True
     )
 
-    # Компонент чата в «сообщениях» (OpenAI-стиле)
+    # Компонент Chatbot с открытым форматом "messages"
     chatbot = gr.Chatbot(
         label="Диалог",
         height=400,
@@ -86,58 +87,50 @@ with gr.Blocks(
         elem_id="chatbot"
     )
 
-    # Поле ввода
+    # Поле ввода (2 строки по умолчанию)
     msg = gr.Textbox(
         label="Ваш вопрос",
         placeholder="Введите сообщение...",
-        lines=2,  # можно увеличить
+        lines=2,
         elem_id="user_input"
     )
 
-    # Кнопка "Отправить"
-    send_btn = gr.Button("Отправить", variant="primary", elem_id="send_button")
+    # Скрытая кнопка отправки (не будет отображаться в интерфейсе)
+    hidden_send_btn = gr.Button("Скрытая кнопка", visible=False, elem_id="hidden_send_btn")
 
-    # Gradio-хранилище истории
-    # (по умолчанию пустой список [{"role": "...", "content": "..."}])
+    # Храним историю сообщений
     state = gr.State([])
 
-    # При клике на кнопку: вызываем функцию, обновляем чат и очищаем поле ввода
-    send_btn.click(
+    # Логика при "клике" на скрытую кнопку
+    hidden_send_btn.click(
         fn=chat_with_deepseek,
         inputs=[msg, state],
         outputs=[chatbot, state, msg],
         scroll_to_output=True
     )
 
-    # Здесь мы не используем msg.submit(...), так как будем обрабатывать Enter
-    # через JavaScript (чтобы Ctrl+Enter давал перенос строки).
-
-    # Подключаем JS-код, который перехватывает Enter и Ctrl+Enter
-    # - Enter => отправка (нажатие на send_button)
-    # - Ctrl+Enter => вставка новой строки
+    # Подключаем кастомный JS, чтобы:
+    # - Enter => клик по скрытой кнопке (отправка)
+    # - Ctrl+Enter => вставка "\n"
     custom_js = """
     <script>
     document.addEventListener('DOMContentLoaded', function() {
-        // Ищем textarea внутри элемента #user_input
         const userInput = document.querySelector('#user_input textarea');
-        // Ищем кнопку внутри #send_button
-        const sendButton = document.querySelector('#send_button button');
+        const sendButton = document.querySelector('#hidden_send_btn button');
 
         if (userInput && sendButton) {
             userInput.addEventListener('keydown', function(e) {
                 if (e.key === 'Enter') {
                     if (e.ctrlKey) {
-                        // Ctrl+Enter => вставляем новую строку
+                        // Ctrl+Enter => перенос строки
                         e.preventDefault();
                         const start = userInput.selectionStart;
                         const end = userInput.selectionEnd;
-                        userInput.value = userInput.value.substring(0, start) 
-                                         + "\\n" 
+                        userInput.value = userInput.value.substring(0, start) + "\\n" 
                                          + userInput.value.substring(end);
-                        // Устанавливаем курсор ниже
                         userInput.selectionStart = userInput.selectionEnd = start + 1;
                     } else {
-                        // Просто Enter => отправляем
+                        // Enter => отправка
                         e.preventDefault();
                         sendButton.click();
                     }
@@ -147,10 +140,8 @@ with gr.Blocks(
     });
     </script>
     """
-
-    # Добавляем HTML-блок с нашим кастомным JS
     gr.HTML(custom_js)
 
-# Запуск приложения
+# Запуск
 if __name__ == "__main__":
     demo.launch(server_name="0.0.0.0", server_port=7860)