Update app.py

app.py

@@ -16,7 +16,6 @@ except Exception as e:
     raise gr.Error(f"Ошибка при настройке Google Gemini API: {e}.")
 
 def get_available_models() -> List[str]:
-    # ... (код остается без изменений) ...
     available_models = []
     try:
         for m in genai.list_models():
@@ -32,16 +31,14 @@ if not AVAILABLE_MODELS:
      raise gr.Error("Не найдено моделей, совместимых с 'generateContent'.")
 
 # --- Константы для настройки ---
-DEFAULT_NUM_AI_VARIANTS = 3 # <--- ИСПРАВЛЕНИЕ ЗДЕСЬ
+DEFAULT_NUM_AI_VARIANTS = 3
 
 # --- 2. Улучшенная асинхронная функция для взаимодействия с Gemini API ---
-async def generate_single_variant_async(prompt: str, system_prompt: str, model_name: str, temperature: float, session: httpx.AsyncClient):
+async def generate_single_variant_async(prompt: str, model_name: str, temperature: float, session: httpx.AsyncClient):
     """Асинхронно генерирует один вариант ответа."""
     try:
-        model = genai.GenerativeModel(
-            model_name=model_name,
-            system_instruction=system_prompt if system_prompt else None
-        )
+        # <--- УДАЛЕНО: system_instruction из вызова модели
+        model = genai.GenerativeModel(model_name=model_name)
         response = await model.generate_content_async(
             contents=[prompt],
             generation_config=genai.types.GenerationConfig(temperature=temperature)
@@ -50,17 +47,18 @@ async def generate_single_variant_async(prompt: str, system_prompt: str, model_n
     except Exception as e:
         return f'<div class="error-message">**Ошибка генерации:**<br>{e}</div>'
 
-async def generate_content_with_variants_async(prompt: str, system_prompt: str, num_variants: int, model_name: str, temperature: float):
-    """Асинхронно генерирует несколько вариантов, используя httpx для параллельных запросов."""
+async def generate_content_with_variants_async(prompt: str, num_variants: int, model_name: str, temperature: float):
+    """Асинхронно генерирует несколько вариантов."""
     if not prompt:
         yield '<div class="error-message">**Ошибка:** Пожалуйста, введите запрос.</div>', gr.update(visible=False)
         return
 
     num_variants = max(1, num_variants)
     
-    async with httpx.AsyncClient(timeout=120.0) as session: # Увеличиваем таймаут
+    async with httpx.AsyncClient(timeout=120.0) as session:
         tasks = [
-            generate_single_variant_async(prompt, system_prompt, model_name, temperature, session)
+            # <--- УДАЛЕНО: system_prompt из вызова функции
+            generate_single_variant_async(prompt, model_name, temperature, session)
             for _ in range(num_variants)
         ]
         
@@ -68,140 +66,113 @@ async def generate_content_with_variants_async(prompt: str, system_prompt: str,
         for i, future in enumerate(asyncio.as_completed(tasks)):
             result = await future
             results.append(result)
-            # Обновляем UI после получения каждого ответа
-            yield format_variants_html(results, len(tasks)), gr.update(
+            yield format_variants_html(results), gr.update(
                 visible=True,
-                value=f"<p style='color: #4A90E2; text-align: center;'>Генерация... ({len(results)}/{len(tasks)})</p>"
+                value=f"<p style='color: #60A5FA; text-align: center;'>Генерация... ({len(results)}/{num_variants})</p>"
             )
 
-    yield format_variants_html(results, len(tasks)), gr.update(visible=False)
+    yield format_variants_html(results), gr.update(visible=False)
 
 # --- 3. Вспомогательные функции для UI и форматирования ---
-def format_variants_html(variants: List[str], total: int) -> str:
-    """Форматирует список вариантов в красивый HTML с кнопками 'Копировать'."""
-    if not variants:
-        return ""
+def format_variants_html(variants: List[str]) -> str:
+    """Форматирует список вариантов в HTML с кнопками 'Копировать'."""
+    if not variants: return ""
     
     html_outputs = []
     for i, variant_text in enumerate(variants):
-        # Уникальный ID для каждого текстового блока
-        text_id = f"response-text-{i}-{int(datetime.now().timestamp())}"
-        
-        # Экранируем обратные кавычки, которые могут сломать JavaScript
         js_safe_text = variant_text.replace('`', '\\`').replace('\n', '\\n').replace("'", "\\'")
+        copy_button_html = f"""<button onclick="navigator.clipboard.writeText(`{js_safe_text}`)" class="copy-button" title="Копировать текст"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button>"""
         
-        copy_button_html = f"""
-            <button onclick="navigator.clipboard.writeText(`{js_safe_text}`)" class="copy-button" title="Копировать текст">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
-            </button>
-        """
-        
-        # Оборачиваем ошибку в специальный блок без кнопки "Копировать"
         if variant_text.startswith('<div class="error-message">'):
             html_outputs.append(f'<div class="variant-container">{variant_text}</div>')
         else:
-            html_outputs.append(f"""
-                <div class="variant-container">
-                    <div class="variant-header">
-                        <strong>Вариант {i + 1}</strong>
-                        {copy_button_html}
-                    </div>
-                    <div id="{text_id}" class="variant-text">{variant_text}</div>
-                </div>
-            """)
+            html_outputs.append(f"""<div class="variant-container"><div class="variant-header"><strong>Вариант {i + 1}</strong>{copy_button_html}</div><div class="variant-text">{variant_text}</div></div>""")
     
     return "".join(html_outputs)
 
 def start_generation_flow_submit(prompt_input_value):
-    initial_loading_text = "<p style='color: #4A90E2; text-align: center;'>Отправка запроса...</p>"
-    return gr.update(visible=True, value=initial_loading_text), prompt_input_value, ""
+    return gr.update(visible=True, value="<p style='color: #60A5FA; text-align: center;'>Отправка запроса...</p>"), prompt_input_value, ""
 
 def start_generation_flow_regenerate(last_prompt):
     if not last_prompt:
-        error_html = format_variants_html(['<div class="error-message">**Ошибка:** Нет предыдущего запроса для регенерации.</div>'], 1)
-        return gr.update(visible=False), "", error_html
-    initial_loading_text = "<p style='color: #4A90E2; text-align: center;'>Повторная отправка запроса...</p>"
-    return gr.update(visible=True, value=initial_loading_text), last_prompt, ""
+        return gr.update(visible=False), "", format_variants_html(['<div class="error-message">**Ошибка:** Нет предыдущего запроса для регенерации.</div>'])
+    return gr.update(visible=True, value="<p style='color: #60A5FA; text-align: center;'>Повторная отправка запроса...</p>"), last_prompt, ""
 
-async def generate_and_finish_flow(prompt, system_prompt, num_variants, model, temperature, current_output):
-    """Основной асинхронный поток генерации, который обновляет UI."""
-    # Сохраняем предыдущие ответы
-    previous_responses_html = current_output if current_output else ""
+async def generate_and_finish_flow(prompt, num_variants, model, temperature, current_output):
+    """Основной асинхронный поток генерации."""
+    previous_responses_html = current_output or ""
     
-    # Генератор будет обновлять UI по мере поступления ответов
-    async for partial_result, loading_update in generate_content_with_variants_async(prompt, system_prompt, num_variants, model, temperature):
-        # Добавляем новые ответы под старыми
+    # <--- УДАЛЕНО: system_prompt из вызова функции
+    async for partial_result, loading_update in generate_content_with_variants_async(prompt, num_variants, model, temperature):
         full_html = f'{previous_responses_html}<hr class="response-divider">{partial_result}'
         yield full_html, loading_update
 
 def clear_chat():
     return "", "", gr.update(visible=False)
 
-# --- 4. CSS для профессионального вида (рекомендуется вынести в style.css) ---
+# --- 4. CSS для темной темы "Глубокий Космос" (рекомендуется вынести в style.css) ---
 custom_css = """
-/* Основная палитра */
+/* Цветовая палитра "Глубокий Космос" */
 :root {
-    --primary-color: #4A90E2; --primary-color-hover: #357ABD;
-    --secondary-color: #7B8B9A; --secondary-color-hover: #5F6C7A;
-    --danger-color: #E57373; --danger-color-hover: #D32F2F;
-    --app-bg-color: #F9FAFB; --input-bg-color: #FFFFFF;
-    --border-color: #D1D5DB; --text-color-primary: #111827;
-    --text-color-secondary: #6B7280; --label-color: #374151;
+    --primary-color: #3B82F6; --primary-color-hover: #60A5FA;
+    --secondary-color: #9CA3AF; --secondary-color-hover: #E5E7EB;
+    --danger-color: #F87171; --danger-color-hover: #EF4444;
+    --app-bg-color: #111827; --input-bg-color: #1F2937;
+    --border-color: #4B5563; --text-color-primary: #F3F4F6;
+    --text-color-secondary: #9CA3AF; --label-color: #E5E7EB;
 }
 .gradio-container { background-color: var(--app-bg-color) !important; }
 
 /* Стили для кнопок */
 .custom-button button { border-radius: 8px !important; font-weight: 600 !important; transition: all 0.2s ease-in-out !important; padding: 10px !important; }
 .submit-button button { background: var(--primary-color) !important; color: white !important; border: 1px solid var(--primary-color) !important; }
-.submit-button button:hover { background: var(--primary-color-hover) !important; border-color: var(--primary-color-hover) !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08) !important; transform: translateY(-2px); }
+.submit-button button:hover { background: var(--primary-color-hover) !important; border-color: var(--primary-color-hover) !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important; transform: translateY(-2px); }
 .regenerate-button button, .clear-button button { background: transparent !important; border: 1px solid var(--border-color) !important; }
 .regenerate-button button { color: var(--secondary-color) !important; }
 .clear-button button { color: var(--danger-color) !important; }
-.regenerate-button button:hover { background: var(--secondary-color) !important; border-color: var(--secondary-color) !important; color: white !important; }
+.regenerate-button button:hover { background: var(--secondary-color) !important; border-color: var(--secondary-color) !important; color: var(--app-bg-color) !important; }
 .clear-button button:hover { background: var(--danger-color) !important; border-color: var(--danger-color) !important; color: white !important; }
 
 /* Стили для полей ввода */
-.input-container, .input-container .wrap { background-color: var(--input-bg-color) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; transition: border-color 0.2s, box-shadow 0.2s !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important; }
-.input-container:focus-within, .input-container .wrap:focus-within { border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.15) !important; }
-.input-container textarea, .input-container .gr-form-component { border: none !important; background: transparent !important; }
+.input-container, .input-container .wrap { background-color: var(--input-bg-color) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; transition: border-color 0.2s, box-shadow 0.2s !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) !important; }
+.input-container:focus-within, .input-container .wrap:focus-within { border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important; }
+.input-container textarea, .input-container .gr-form-component { border: none !important; background: transparent !important; color: var(--text-color-primary) !important; }
+.input-container textarea::placeholder { color: var(--text-color-secondary); }
 
 /* Стили для выпадающего списка */
-.gradio-container .input-container .options { background-color: var(--input-bg-color) !important; border: 1px solid var(--border-color) !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important; }
+.gradio-container .input-container .options { background-color: var(--input-bg-color) !important; border: 1px solid var(--border-color) !important; }
 .gradio-container .input-container .option-item:hover, .gradio-container .input-container .option-item.selected { background-color: var(--primary-color) !important; color: white !important; }
 
 /* Стили для слайдера */
 .num-variants-slider-container { padding: 0 10px !important; }
 .num-variants-slider-container .gradio-slider > input[type=range] { background-color: var(--primary-color) !important; }
 
-/* Стили для заголовков (labels) */
-.gradio-container label { font-weight: 600 !important; color: var(--label-color) !important; }
+/* Стили для заголовков (labels) и текста */
+.gradio-container label, .gradio-container .gr-info { font-weight: 600 !important; color: var(--label-color) !important; }
+.gradio-container h1, .gradio-container .gr-markdown p { color: var(--text-color-primary); }
 
-/* Новые стили для контейнеров ответов, ошибок и кнопок 'Копировать' */
+/* Стили для ответов AI */
 .response-divider { border: none; border-top: 1px solid var(--border-color); margin: 20px 0; }
-.variant-container { background: var(--input-bg-color); border: 1px solid var(--border-color); border-radius: 8px; margin-bottom: 15px; padding: 15px; }
-.variant-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
-.copy-button { background: transparent; border: 1px solid var(--border-color); border-radius: 5px; cursor: pointer; padding: 5px; display: flex; align-items: center; justify-content: center; }
-.copy-button:hover { background: #e5e7eb; }
+.variant-container { background: var(--input-bg-color); border: 1px solid var(--border-color); border-radius: 8px; margin-bottom: 15px; padding: 15px; color: var(--text-color-primary); }
+.variant-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; color: var(--label-color); }
+.copy-button { background: transparent; border: 1px solid var(--border-color); border-radius: 5px; cursor: pointer; padding: 5px; }
+.copy-button:hover { background: #374151; }
 .copy-button svg { stroke: var(--secondary-color); }
-.error-message { background-color: #FFF1F2; color: #D32F2F; border: 1px solid #E57373; border-radius: 8px; padding: 15px; }
+.error-message { background-color: #450A0A; color: #F87171; border: 1px solid #7F1D1D; border-radius: 8px; padding: 15px; }
 """
 
 # --- 5. Создание интерфейса Gradio ---
-with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as interface: # или css="style.css"
-    gr.Markdown("# Gemini AI Генератор Контента (Pro)")
-    gr.Markdown("Задайте роль для AI, выберите модель, настройте параметры и введите запрос.")
+with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as interface:
+    gr.Markdown("# Gemini AI Генератор Контента")
+    gr.Markdown("Выберите модель, настройте параметры и введите запрос.")
     
-    # Состояние для хранения последнего запроса (для регенерации)
     last_prompt_state = gr.State("")
 
     with gr.Row():
         model_selector = gr.Dropdown(choices=AVAILABLE_MODELS, value=AVAILABLE_MODELS[0], label="Выберите модель", interactive=True, elem_classes="input-container")
-
-    # Новые поля для системной инструкции и температуры
-    with gr.Row():
-        system_prompt_input = gr.Textbox(label="Системная инструкция (необязательно)", placeholder="Например: Ты — дружелюбный ассистент, который объясняет сложные темы простыми словами.", elem_classes="input-container")
+    
     with gr.Row():
-        temperature_slider = gr.Slider(minimum=0.0, maximum=1.0, step=0.05, value=0.7, label="Температура (креативность)", info="Низкое значение = более предсказуемый ответ, высокое = более творческий.", elem_classes="num-variants-slider-container")
+        temperature_slider = gr.Slider(minimum=0.0, maximum=1.0, step=0.05, value=0.7, label="Температура (креативность)", info="Низкое = предсказуемый ответ, высокое = творческий.", elem_classes="num-variants-slider-container")
     with gr.Row():
         num_variants_slider = gr.Slider(minimum=1, maximum=5, step=1, value=DEFAULT_NUM_AI_VARIANTS, label="Количество вариантов ответа", info="Выберите, сколько различных ответов AI должен сгенерировать.", elem_classes="num-variants-slider-container")
     
@@ -213,12 +184,13 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as interface: # или cs
             clear_button = gr.Button("🗑️ Сброс", variant="stop", elem_classes=["custom-button", "clear-button"])
 
     loading_message = gr.Markdown(visible=False)
-    output_area = gr.HTML() # Используем HTML для рендеринга кнопок 'Копировать'
+    output_area = gr.HTML()
     
     # --- 6. Логика обработчиков событий ---
-    inputs_for_generation = [last_prompt_state, system_prompt_input, num_variants_slider, model_selector, temperature_slider, output_area]
+    # <--- УДАЛЕНО: system_prompt_input из списка входов
+    inputs_for_generation = [last_prompt_state, num_variants_slider, model_selector, temperature_slider, output_area]
     
-    submit_event = submit_button.click(
+    submit_button.click(
         fn=start_generation_flow_submit,
         inputs=[prompt_input],
         outputs=[loading_message, last_prompt_state, prompt_input],
@@ -240,7 +212,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as interface: # или cs
         outputs=[output_area, loading_message]
     )
     
-    regenerate_event = regenerate_button.click(
+    regenerate_button.click(
         fn=start_generation_flow_regenerate,
         inputs=[last_prompt_state],
         outputs=[loading_message, last_prompt_state, output_area],