Update app.py

app.py

@@ -1,40 +1,195 @@
-# app.py
+# --- Создание интерфейса Gradio с УЛУЧШЕННЫМ и БОЛЕЕ КОНТРАСТНЫМ CSS ---
 
+# Определяем CSS стили
+custom_css = """
+/* Общий фон */
+.gradio-container {
+    /* background: linear-gradient(to bottom right, #e0f7fa, #f1f8e9); */ /* Убрали градиент, может мешать */
+    background-color: #f4f7f9; /* Спокойный светло-серый фон */
+    border-radius: 15px;
+    padding: 25px;
+    color: #333; /* Основной цвет текста */
+}
+
+/* Заголовок */
+h1 {
+    color: #1a237e; /* Глубокий индиго */
+    text-align: center;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Читаемый шрифт */
+    margin-bottom: 15px;
+    font-weight: 600;
+}
+#title-markdown p { /* Стили для параграфа под заголовком */
+     text-align: center;
+     color: #546e7a; /* Серо-синий */
+     margin-top: -10px;
+     margin-bottom: 25px;
+}
+
+
+/* --- СТИЛИ ЧАТА --- */
+
+/* Контейнер чата */
+#chatbot {
+    background-color: #eceff1; /* Очень светлый серо-голубой фон чата */
+    border-radius: 12px; /* Немного другие скругления */
+    border: 1px solid #cfd8dc; /* Граница контейнера */
+    padding: 10px; /* Внутренние отступы */
+    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05); /* Легкая внутренняя тень */
+}
+
+/* Сообщения пользователя */
+#chatbot .user-message .message-bubble-border {
+     border: none !important; /* Убираем стандартную рамку gradio */
+}
+#chatbot .user-message .message-bubble {
+    background: #007bff !important; /* Яркий синий фон */
+    color: white !important; /* Белый текст */
+    border-radius: 18px 18px 5px 18px !important; /* Асимметричное скругление */
+    padding: 12px 18px !important;
+    margin: 8px 5px 8px 0 !important; /* Отступы */
+    align-self: flex-end !important;
+    max-width: 80% !important;
+    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2); /* Тень под цвет */
+    word-wrap: break-word;
+    text-align: left;
+}
+
+
+/* Сообщения бота */
+#chatbot .bot-message .message-bubble-border {
+    border: none !important; /* Убираем стандартную рамку gradio */
+}
+#chatbot .bot-message .message-bubble {
+    background: #ffffff !important; /* Чисто белый фон для контраста */
+    color: #212529 !important; /* Темный текст (почти черный) */
+    border: 1px solid #dee2e6 !important; /* Легкая серая рамка */
+    border-radius: 18px 18px 18px 5px !important; /* Асимметричное скругление */
+    padding: 12px 18px !important;
+    margin: 8px 0 8px 5px !important; /* Отступы */
+    align-self: flex-start !important;
+    max-width: 80% !important;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Мягкая тень */
+    word-wrap: break-word;
+    text-align: left;
+}
+
+/* Блоки кода внутри сообщений бота */
+#chatbot .bot-message .message-bubble pre {
+    background-color: #f8f9fa; /* Фон для блока кода */
+    border: 1px solid #e9ecef; /* Рамка блока кода */
+    border-radius: 6px; /* Скругление */
+    padding: 10px; /* Отступы внутри */
+    margin: 8px 0 5px 0; /* Отступы снаружи */
+    overflow-x: auto; /* Горизонтальная прокрутка если код длинный */
+    word-wrap: normal; /* Предотвратить перенос слов в коде */
+}
+#chatbot .bot-message .message-bubble pre code {
+    background-color: transparent !important; /* Убираем фон у самого тега code */
+    color: #2d3748; /* Цвет текста кода */
+    font-family: 'Consolas', 'Monaco', 'Courier New', monospace; /* Моноширинный шрифт */
+    font-size: 0.9em; /* Размер шрифта кода */
+    padding: 0; /* Убираем внутренние отступы тега code */
+    white-space: pre; /* Сохраняем пробелы и переносы */
+}
+
+/* --- ОСТАЛЬНЫЕ ЭЛЕМЕНТЫ --- */
+
+/* Поле ввода текста */
+textarea {
+    border: 1px solid #ced4da !important;
+    border-radius: 10px !important;
+    padding: 12px 15px !important;
+    background-color: #ffffff;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+    font-size: 1rem; /* Слегка увеличим шрифт ввода */
+}
+textarea:focus {
+    border-color: #80bdff !important;
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+    outline: none; /* Убираем стандартный outline */
+}
+
+/* Кнопки */
+button {
+    border-radius: 10px !important;
+    padding: 10px 15px !important; /* Паддинги для кнопок */
+    transition: background-color 0.2s ease, transform 0.1s ease !important;
+    font-weight: 500 !important;
+    border: none !important; /* Убираем рамки по умолчанию */
+}
+button:active {
+    transform: translateY(1px); /* Эффект нажатия */
+}
+button.primary { /* Кнопка "Отправить" */
+    background-color: #007bff !important; /* Синий цвет */
+    color: white !important;
+}
+button.primary:hover {
+     background-color: #0056b3 !important; /* Темнее при наведении */
+     box-shadow: 0 2px 5px rgba(0, 123, 255, 0.3);
+}
+button.secondary { /* Кнопка "Очистить" */
+   background-color: #6c757d !important; /* Серый цвет */
+   color: white !important;
+}
+button.secondary:hover {
+    background-color: #5a6268 !important; /* Темнее при наведении */
+     box-shadow: 0 2px 5px rgba(108, 117, 125, 0.3);
+}
+"""
+
+# --- Python код остается тем же, что и в предыдущем ответе ---
+# (начиная с import gradio as gr...)
+# ... весь остальной Python код без изменений ...
 import gradio as gr
 from transformers import pipeline, set_seed
 import random
 import re # Для регулярных выражений (очистка текста)
 
-# --- Загрузка моделей (как в прошлый раз, выберите нужные) ---
+# --- Загрузка моделей (выберите нужные) ---
+# Модель-генератор (например, русская или английская)
+GENERATOR_MODEL_NAME = 'sberbank-ai/rugpt3small_based_on_gpt2' # Или 'distilgpt2'
 try:
-    # generator = pipeline('text-generation', model='distilgpt2', max_length=100, num_return_sequences=1, truncation=True, pad_token_id=50256)
-    generator = pipeline('text-generation', model='sberbank-ai/rugpt3small_based_on_gpt2', max_length=100, num_return_sequences=1, truncation=True, pad_token_id=50256)
-    print("Генератор текста загружен.")
+    generator = pipeline('text-generation', model=GENERATOR_MODEL_NAME, max_length=100, num_return_sequences=1, truncation=True, pad_token_id=50256)
+    print(f"Генератор текста ({GENERATOR_MODEL_NAME}) загружен.")
     GENERATOR_LOADED = True
 except Exception as e:
     print(f"ОШИБКА: Не удалось загрузить генератор текста! {e}")
     generator = None
     GENERATOR_LOADED = False
 
+# QA Модель (например, мультиязычная)
+QA_MODEL_NAME = 'timpal0l/mdeberta-v3-base-squad2'
 try:
-    # qa_pipeline = pipeline('question-answering', model='bert-large-uncased-whole-word-masking-finetuned-squad')
-    qa_pipeline = pipeline('question-answering', model='timpal0l/mdeberta-v3-base-squad2') # Мультиязычная
-    print("QA модель загружена.")
+    qa_pipeline = pipeline('question-answering', model=QA_MODEL_NAME)
+    print(f"QA модель ({QA_MODEL_NAME}) загружена.")
     QA_LOADED = True
 except Exception as e:
     print(f"ОШИБКА: Не удалось загрузить QA модель! {e}")
     qa_pipeline = None
     QA_LOADED = False
 
-# --- Встроенные знания и команды (РАСШИРЕНО для КОДИНГА) ---
+# --- Встроенные знания и команды (Дополнены ответы про кодинг) ---
 knowledge_base = {
     # Мета-информация
-    "кто ты": "Я Nova, модель Alpha 0.95, работающая на платформе Hugging Face Spaces. Я использую нейросетевые модели для генерации ответов и ответов на вопросы.",
-    "что ты умеешь": "Я могу пытаться поддерживать диалог, отвечать на вопросы по контексту, генерировать текст и давать базовую информацию по некоторым темам, включая программирование. Мои знания ограничены, и я не выполняю код.",
+    "кто ты": "Я Nova, модель Alpha 0.96, работающая на платформе Hugging Face Spaces. Я стараюсь отвечать на вопросы и поддерживать диалог, используя предопределенные ответы и нейросетевые модели.",
+    "что ты умеешь": "Я могу отвечать на некоторые вопросы по программированию и другим темам из моей базы знаний, пытаться отвечать на вопросы по контексту диалога (если есть QA-модель) и поддерживать беседу. Я НЕ МОГУ выполнять команды по написанию произвольног�� кода, но могу дать общие объяснения или простые примеры.", # Уточнено про код
     "как дела": "Как у программы, у меня все по плану! Готова обрабатывать ваши запросы.",
-    "помощь": "Спросите меня о чем-нибудь, например, 'что такое переменная в программировании?' или 'какие есть циклы?'. Я постараюсь ответить. Также знаю команды: 'кто ты', 'что ты умеешь'.",
-
-    # Основы Программирования
+    "помощь": "Спросите меня о чем-нибудь, например, 'что такое переменная в программировании?' или 'расскажи про python'. Я постараюсь ответить. Также знаю команды: 'кто ты', 'что ты умеешь'.",
+
+    # --- НОВЫЕ ОТВЕТЫ на запросы КОДА ---
+    "напиши код": "Я не могу писать произвольный код по запросу. Моя функция - давать информацию и объяснения. Возможно, вы имели в виду пример кода для какой-то задачи? Попробуйте спросить конкретнее, например: 'пример цикла for на python'.",
+    "сгенерируй код": "Генерация сложного кода пока не входит в мои возможности. Я могу объяснить концепции или показать базовые синтаксические конструкции. Какой пример вас интересует?",
+    "напиши скрипт": "К сожалению, я не пишу готовые скрипты. Опишите задачу, и я постараюсь объяснить, какие шаги или концепции программирования могут понадобиться для ее решения.",
+    "код на питоне": "Пайтон - отличный язык! Уточните, какой именно аспект или пример кода на Python вас интересует? Например, 'как объявить переменную на python?' или 'пример функции на python'.",
+    "пример кода": "Конечно! Какой пример кода вы хотели бы увидеть? Например, 'пример условного оператора if' или 'пример простого класса на python'.",
+    "hello world на python": "Самый классический пример! Вот 'Hello, World!' на Python:\n```python\nprint(\"Hello, World!\")\n```",
+    "пример цикла for на python": "Вот пример цикла `for`, который печатает числа от 0 до 4:\n```python\nfor i in range(5):\n    print(i)\n```",
+    "пример функции на python": "Вот простая функция на Python, которая складывает два числа:\n```python\ndef add_numbers(a, b):\n    return a + b\n\nresult = add_numbers(5, 3)\nprint(result) # Выведет 8\n```",
+    "как объявить переменную на python": "Переменная в Python объявляется простым присваиванием значения. Например:\n```python\nmy_variable = 10\nuser_name = \"Alice\"\nis_active = True\n```",
+
+    # Основы Программирования (остальное из 0.95)
     "что такое программирование": "Программирование - это процесс написания инструкций (кода) для компьютера, чтобы он выполнял определенные задачи. Это как составление очень точного рецепта для машины.",
     "зачем нужно программирование": "Программирование позволяет создавать программы, веб-сайты, игры, автоматизировать задачи, анализировать данные и многое другое. Оно лежит в основе почти всех современных технологий.",
     "что такое алгоритм": "Алгоритм - это пошаговая инструкция или набор правил для решения определенной задачи. Например, рецепт приготовления блюда - это алгоритм.",
@@ -55,205 +210,145 @@ knowledge_base = {
     "что такое api": "API (Application Programming Interface) - это набор правил и протоколов, который позволяет разным программам 'общаться' друг с другом. Это как меню в ресторане: вы выбираете блюдо (функцию API), и кухня (другая программа) его готовит и отдает вам.",
     "что такое git": "Git - это распределенная система контроля версий. Она помогает разработчикам отслеживать изменения в коде, возвращаться к предыдущим версиям, работать над проектом совместно и не терять изменения.",
     "где учиться программировать": "Существует множество ресурсов: интерактивные онлайн-курсы (Codecademy, Coursera, Stepik, Яндекс.Практикум), документация языков, книги, видеоуроки на YouTube, форумы (Stack Overflow), сообщества разработчиков."
-
-    # Добавьте сюда больше вопросов и ответов по кодингу!
 }
 
-# --- Функция обработки запроса (логика остается той же) ---
-
+# --- Утилиты ---
+def clean_text(text):
+    if not isinstance(text, str): return ""
+    text = text.lower().strip()
+    text = re.sub(r"^[?!.,\s]+|[?!.,\s]+$", "", text)
+    text = re.sub(r"\s+", " ", text)
+    return text
+
+def clean_generated_output(generated_text, prompt):
+    if not generated_text or not isinstance(generated_text, str): return ""
+    if not prompt or not isinstance(prompt, str): prompt = ""
+    cleaned = generated_text
+    prompt_clean = prompt.strip()
+    if prompt_clean and cleaned.startswith(prompt_clean):
+        cleaned = cleaned[len(prompt_clean):].strip()
+    cleaned = re.sub(r'^\s*(ответ|бот|пользователь|user|bot)\s*[:\-]?\s*', '', cleaned, flags=re.IGNORECASE | re.MULTILINE).strip()
+    last_lines = prompt_clean.split('\n')
+    if len(last_lines) >= 2:
+      last_user_line = last_lines[-2].strip()
+      if last_user_line.lower().startswith(("пользователь:", "user:")):
+        user_message_only = last_user_line.split(":", 1)[1].strip()
+        if user_message_only and cleaned.lower().startswith(user_message_only.lower()):
+             end_of_echo_pos = len(user_message_only)
+             following_text = cleaned[end_of_echo_pos:].lstrip()
+             if re.match(r'^(бот|bot)\s*[:\-]?\s*', following_text, flags=re.IGNORECASE):
+                 following_text = re.sub(r'^(бот|bot)\s*[:\-]?\s*', '', following_text, flags=re.IGNORECASE).strip()
+             cleaned = following_text
+    cleaned = re.sub(r'^\s*(ответ|бот|пользователь|user|bot)\s*[:\-]?\s*', '', cleaned, flags=re.IGNORECASE | re.MULTILINE).strip()
+    return cleaned
+
+# --- Основная Функция Обработки (Alpha 0.96 Логика) ---
 def respond(message, chat_history):
-    print(f"Получено сообщение: {message}")
-    user_message_lower = message.lower().strip().replace("?","").replace(".","").replace("!","") # Очищенный ввод для команд
-
-    # 1. Проверка на встроенные команды/знания
-    if user_message_lower in knowledge_base:
-        bot_response = knowledge_base[user_message_lower]
-        print(f"Ответ из базы знаний: {bot_response}")
-        chat_history.append((message, bot_response))
-        return "", chat_history
-
-    # 2. Попытка ответа на вопрос с помощью QA модели (упрощенная логика)
-    if "?" in message and QA_LOADED and qa_pipeline:
+    print("-" * 30)
+    print(f"ВХОД: '{message}'")
+    user_message_clean = clean_text(message)
+    bot_response = "" # Инициализация переменной
+
+    # 1. Точное совпадение в knowledge_base
+    if user_message_clean in knowledge_base:
+        bot_response = knowledge_base[user_message_clean]
+        print(f"Ответ [Точный]: {bot_response[:100]}...") # Логгируем начало ответа
+
+    # 2. Запрос кода
+    if not bot_response: # Только если не нашли точный ответ
+        code_request_patterns = ["напиши код", "напиши скрипт", "сгенерируй код", "создай код", "write code", "generate code", "create script", "code example for", "пример кода для"]
+        is_code_request = any(user_message_clean.startswith(pattern) for pattern in code_request_patterns)
+        if is_code_request:
+            bot_response = knowledge_base.get("напиши код", "Я не могу писать произвольный код, но могу дать объяснение или пример. Уточните ваш запрос.")
+            print(f"Ответ [Запрос кода]: {bot_response}")
+
+    # 3. QA модель
+    if not bot_response and "?" in message and QA_LOADED and qa_pipeline:
         context = ""
         if chat_history:
             context_parts = []
-            for user_msg, bot_msg in chat_history[-2:]: # Последние 2 обмена
+            for user_msg, bot_msg in chat_history[-2:]:
                  context_parts.append(f"Пользователь: {user_msg}")
-                 context_parts.append(f"Бот: {bot_msg}")
+                 if bot_msg: context_parts.append(f"Бот: {bot_msg}")
             context = "\n".join(context_parts)
-
-        if len(context) > 50: # Нужен минимальный контекст
-             print("Попытка ответа на вопрос через QA модель...")
-             print(f"Контекст: {context[:200]}...")
-             print(f"Вопрос: {message}")
+        if len(context) > 50:
+             print("Попытка ответа через QA...")
              try:
                  qa_result = qa_pipeline(question=message, context=context)
-                 print(f"Результат QA: {qa_result}")
-                 if qa_result and qa_result['score'] > 0.15: # Немного повысим порог
-                     bot_response = qa_result['answer']
-                     chat_history.append((message, bot_response))
-                     print(f"Ответ от QA модели: {bot_response}")
-                     return "", chat_history
-                 else:
-                      print("QA модель не уверена в ответе.")
-             except Exception as e:
-                  print(f"Ошибка при использовании QA модели: {e}")
-
-    # 3. Генерация ответа с помощью основной модели
-    if GENERATOR_LOADED and generator:
-        print("Генерация ответа с помощью основной модели...")
+                 print(f"Результат QA: score={qa_result.get('score', 0):.2f}, answer='{qa_result.get('answer', '')[:50]}...'")
+                 if qa_result and qa_result['score'] > 0.25: # Уверенность > 25%
+                     answer = qa_result['answer'].strip()
+                     if answer:
+                         bot_response = answer
+                         print(f"Ответ [QA]: {bot_response[:100]}...")
+                     else: print("QA модель дала пустой ответ.")
+                 else: print("QA модель не уверена.")
+             except Exception as e: print(f"Ошибка при использовании QA модели: {e}")
+
+    # 4. Генерация
+    if not bot_response and GENERATOR_LOADED and generator:
+        print("Попытка генерации ответа...")
         prompt_history = []
-        for user_msg, bot_msg in chat_history[-3:]: # Последние 3 обмена
+        for user_msg, bot_msg in chat_history[-3:]:
             prompt_history.append(f"Пользователь: {user_msg}")
-            prompt_history.append(f"Бот: {bot_msg}")
+            if bot_msg: prompt_history.append(f"Бот: {bot_msg}")
         prompt_history.append(f"Пользователь: {message}")
         prompt_history.append("Бот:")
-
         full_prompt = "\n".join(prompt_history)
-        print(f"Промпт для генератора: {full_prompt[-500:]}")
-
+        print(f"Промпт для генератора: ...{full_prompt[-500:]}")
         try:
             generated_output = generator(full_prompt)[0]['generated_text']
-            bot_response = generated_output
-
-            # Очистка
-            if generated_output.startswith(full_prompt):
-                 bot_response = generated_output[len(full_prompt):].strip()
+            print(f"Сырой ответ генератора: {generated_output}")
+            cleaned_generated = clean_generated_output(generated_output, full_prompt)
+            print(f"Очищенный ответ генератора: {cleaned_generated}")
+            if cleaned_generated and len(cleaned_generated) > 5: # Минимальная длина для осмысленного ответа
+                 bot_response = cleaned_generated
+                 print(f"Ответ [Генерация]: {bot_response[:100]}...")
             else:
-                 last_user_line = f"Пользователь: {message}\nБот:"
-                 if bot_response.strip().startswith(last_user_line.strip()):
-                     bot_response = bot_response.strip()[len(last_user_line.strip()):].strip()
-                 elif len(bot_response) > len(message) and message.lower() in bot_response[:len(message)*2].lower():
-                      parts = bot_response.split('\n')
-                      if len(parts)>1: bot_response = '\n'.join(parts[1:]).strip()
-
-            bot_response = re.sub(r'^\s*(пользователь|user|бот|bot)\s*[:\-]?\s*', '', bot_response, flags=re.IGNORECASE).strip()
-
-            if not bot_response or len(bot_response) < 3:
-                bot_response = knowledge_base.get("не найдено", "Хм, не знаю, что на это ответить...") # Используем "не найдено" из базы
-                print("Сгенерирован слишком короткий ответ, используется заглушка.")
-
+                print("Генерация не удалась или слишком короткая.")
         except Exception as e:
             print(f"Ошибка при генерации: {e}")
-            bot_response = knowledge_base.get("ошибка генерации", f"Упс, произошла ошибка при генерации: {e}") # Используем текст ошибки из базы
-
-    else:
-        bot_response = "К сожалению, мои основные модули сейчас недоступны."
-        print("Ошибка: Генератор текста не загружен.")
-
-    chat_history.append((message, bot_response))
-    print(f"Финальный ответ: {bot_response}")
-    return "", chat_history
-
-
-# --- Создание интерфейса Gradio с УЛУЧШЕННЫМ CSS ---
+            bot_response = knowledge_base.get("ошибка генерации", "Произошла ошибка при попытке сгенерировать ответ.")
 
-# Определяем CSS стили
-custom_css = """
-/* Общий фон */
-.gradio-container {
-    background: linear-gradient(to bottom right, #e0f7fa, #f1f8e9); /* Приятный градиент */
-    border-radius: 15px;
-    padding: 25px;
-}
+    # 5. Ответ по умолчанию (если ничего не сработало)
+    if not bot_response:
+        bot_response = knowledge_base.get("не найдено", "К сожалению, я пока не знаю, как на это ответить.")
+        print("Ответ [Не найдено/Заглушка]")
 
-/* Заголовок */
-h1 {
-    color: #004d40; /* Темно-бирюзовый */
-    text-align: center;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    margin-bottom: 15px;
-}
 
-/* Контейнер чата */
-#chatbot {
-    background-color: #ffffff; /* Белый фон для сообщений */
-    border-radius: 10px;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Легкая тень */
-    border: 1px solid #e0e0e0;
-}
-
-/* Сообщения пользователя */
-#chatbot .user {
-    background-color: #e3f2fd; /* Голубоватый фон */
-    color: #0d47a1; /* Темно-синий текст */
-    border-radius: 15px 15px 0 15px; /* Скругление углов */
-    padding: 10px 15px;
-    margin: 5px;
-    align-self: flex-end; /* Выравнивание справа */
-    max-width: 85%;
-}
+    # Добавляем в историю и возвращаем
+    chat_history.append((message, bot_response))
+    return "", chat_history # Очищаем поле ввода
 
-/* Сообщения бота */
-#chatbot .bot {
-    background-color: #f1f8e9; /* Светло-зеленоватый фон */
-    color: #33691e; /* Темно-зеленый текст */
-    border-radius: 15px 15px 15px 0; /* Скругление углов */
-    padding: 10px 15px;
-    margin: 5px;
-    align-self: flex-start; /* Выравнивание слева */
-     max-width: 85%;
-}
 
-/* Поле ввода текста */
-textarea {
-    border: 1px solid #b0bec5; /* Сероватая рамка */
-    border-radius: 8px !important; /* !important нужен для переопределения стандартных стилей gradio */
-    padding: 12px !important;
-    background-color: #ffffff;
-    transition: border-color 0.3s ease;
-}
-textarea:focus {
-    border-color: #0277bd !important; /* Синяя рамка при фокусе */
-    box-shadow: 0 0 5px rgba(2, 119, 189, 0.3);
-}
+# --- Gradio Интерфейс ---
+with gr.Blocks(css=custom_css, theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary_hue=gr.themes.colors.slate)) as demo: # Тема с цветами
+    gr.Markdown("# 🤖 Nova Alpha 0.96 ✨ <br> Улучшенный интерфейс и знания о коде", elem_id="title-markdown")
 
-/* Кнопки */
-button {
-    border-radius: 8px !important;
-    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
-    font-weight: 500 !important;
-}
-button.primary { /* Основная кнопка Отправить */
-    background: linear-gradient(to right, #007991, #78ffd6) !important; /* Бирюзовый градиент */
-    color: white !important;
-    border: none !important;
-}
-button.primary:hover {
-     box-shadow: 0 4px 8px rgba(0, 121, 145, 0.3);
-     background: linear-gradient(to right, #006073, #5fddb8) !important; /* Чуть темнее при наведении */
-}
-button.secondary { /* Кнопка Очистить */
-   background-color: #cfd8dc !important; /* Светло-серый */
-   color: #37474f !important;
-   border: 1px solid #b0bec5 !important;
-}
-button.secondary:hover {
-    background-color: #b0bec5 !important; /* Темнее при наведении */
-}
-"""
-
-with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo: # Применяем CSS и мягкую тему
-    gr.Markdown(
-        """
-        # 🤖 Nova Alpha 0.95 🎨
-        Улучшенный интерфейс! Задавайте вопросы или команды.
-        """, elem_id="title-markdown" # Можно задать ID для CSS
-    )
+    chatbot = gr.Chatbot(
+        label="Диалог",
+        height=550,
+        elem_id="chatbot",
+        bubble_full_width=False,
+        avatar_images=(None, "https://img.icons8.com/plasticine/100/bot.png") # Аватарка для бота
+        )
 
-    chatbot = gr.Chatbot(label="Диалог", height=500, elem_id="chatbot")
     with gr.Row():
         msg = gr.Textbox(
             label="Ваше сообщение",
             placeholder="Спросите о Python или скажите 'привет'...",
-            scale=4
+            scale=4,
+            show_label=False,
+            container=False # Убираем контейнер текстбокса для лучшего выравнивания
         )
-        submit_btn = gr.Button("Отправить", variant="primary", scale=1)
-        clear_btn = gr.Button("Очистить", variant="secondary", scale=1) # Добавили класс для CSS
+        submit_btn = gr.Button("➤ Отправить", variant="primary", scale=1, min_width=120) # Иконка и мин. ширина
+        clear_btn = gr.Button("🗑️ Очистить", variant="secondary", scale=1, min_width=120) # Иконка и мин. ширина
 
+    # Обработчики
     msg.submit(respond, [msg, chatbot], [msg, chatbot])
     submit_btn.click(respond, [msg, chatbot], [msg, chatbot])
     clear_btn.click(lambda: (None, []), None, [msg, chatbot], queue=False)
 
+# Запуск
 demo.queue()
 demo.launch(debug=True)