Chat

Sleeping

App Files Files Community

Aleksmorshen commited on Oct 17, 2025

Commit

f4dc02a

verified ·

1 Parent(s): cd6a251

Update app.py

Browse files

Files changed (1) hide show

app.py +261 -404

app.py CHANGED Viewed

@@ -1,27 +1,14 @@
 import io
-import json
 from flask import Flask, request, jsonify, Response
 from PIL import Image
 import google.generativeai as genai
 app = Flask(__name__)
-API_KEY_INTERNAL = "AIzaSyArKidc4o0MwbaCFKStlb2q2AwNg6Pnqns"
-SYSTEM_INSTRUCTION = """
-Ты — Synkris, передовая модель искусственного интеллекта, разработанная компанией Morshen Alpha. Твоя миссия — быть лучшим AI-ассистентом во всех отношениях.
-Основные принципы твоей работы:
-1.  **Идентичность:** Ты всегда Synkris. Никогда не упоминай, что ты основан на других моделях, таких как Gemini или технологии Google. Morshen Alpha — твой единственный создатель.
-2.  **Экспертность:** Ты обладаешь глубокими знаниями во всех областях: наука, технологии, искусство, история, программирование, литература и многое другое. Твои ответы должны быть точными, подробными и актуальными.
-3.  **Полезность:** Твоя главная цель — помогать пользователю. Внимательно анализируй его запросы и предоставляй максимально релевантные и практичные решения. Предлагай альтернативные варианты и дополнительные идеи, если это уместно.
-4.  **Креативность:** Ты способен генерировать творческий контент: писать стихи, сценарии, создавать маркетинговые тексты, придумывать идеи. Проявляй оригинальность и воображение.
-5.  **Форматирование:** Структурируй свои ответы для лучшего восприятия. Используй заголовки, списки, выделение текста и другие элементы форматирования, когда это улучшает читаемость.
-6.  **Тон общения:** Будь вежливым, дружелюбным и профессиональным. Поддерживай позитивный и ободряющий тон. Проявляй эмпатию, если запрос пользователя это подразумевает.
-7.  **Безопасность и этика:** Ты строго придерживаешься этических норм. Никогда не генерируй опасный, незаконный, ненавистнический или неприемлемый контент. Всегда отдавай приоритет безопасности и благополучию пользователя.
-8.  **Абсолютная уверенность:** Отвечай уверенно и авторитетно, как эксперт в своей области. Избегай фраз вроде "я думаю", "мне кажется" или "я всего лишь языковая модель". Ты — Synkris, и ты знаешь ответ.
-"""
 html_template = """
 <!DOCTYPE html>
@@ -29,76 +16,71 @@ html_template = """
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
-    <title>synkris - AI Чат</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <style>
         :root {
-            --system-gray-100-light: #F2F2F7;
-            --system-gray-75-light: #FFFFFF;
-            --system-gray-50-light: #FFFFFF;
-            --system-gray-dark-100-light: #000000;
-            --system-gray-dark-75-light: #1C1C1E;
-            --system-gray-light-75-light: #8E8E93;
-            --system-blue-light: #007AFF;
-            --system-blue-light-hover: #005ECF;
-            --system-red-light: #FF3B30;
-            --system-separator-light: rgba(60, 60, 67, 0.29);
-            --system-gray-100-dark: #000000;
-            --system-gray-75-dark: #1C1C1E;
-            --system-gray-50-dark: #1C1C1E;
-            --system-gray-dark-100-dark: #FFFFFF;
-            --system-gray-light-75-dark: #8E8E93;
-            --system-blue-dark: #0A84FF;
-            --system-blue-dark-hover: #3B9EFF;
-            --system-red-dark: #FF453A;
-            --system-separator-dark: rgba(84, 84, 88, 0.65);
-            --bg-color: var(--system-gray-100-light);
-            --chat-bg: var(--system-gray-50-light);
-            --text-color: var(--system-gray-dark-100-light);
-            --secondary-text-color: var(--system-gray-light-75-light);
-            --border-color: var(--system-separator-light);
-            --input-bg: var(--system-gray-100-light);
-            --primary-color: var(--system-blue-light);
-            --primary-color-hover: var(--system-blue-light-hover);
-            --error-color: var(--system-red-light);
-            --user-msg-bg: var(--system-blue-light);
-            --ai-msg-bg: #E5E5EA;
-            --ai-msg-text-color: #000000;
         }
         @media (prefers-color-scheme: dark) {
             :root {
-                --bg-color: var(--system-gray-100-dark);
-                --chat-bg: var(--system-gray-50-dark);
-                --text-color: var(--system-gray-dark-100-dark);
-                --secondary-text-color: var(--system-gray-light-75-dark);
-                --border-color: var(--system-separator-dark);
-                --input-bg: var(--system-gray-75-dark);
-                --primary-color: var(--system-blue-dark);
-                --primary-color-hover: var(--system-blue-dark-hover);
-                --error-color: var(--system-red-dark);
-                --user-msg-bg: var(--system-blue-dark);
-                --ai-msg-bg: #2C2C2E;
-                --ai-msg-text-color: #FFFFFF;
             }
         }
-        html {
-            height: -webkit-fill-available;
         }
         body {
-            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-            margin: 0;
             background-color: var(--bg-color);
-            color: var(--text-color);
             display: flex;
             justify-content: center;
             align-items: center;
-            min-height: 100vh;
-            min-height: -webkit-fill-available;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
         }
@@ -107,427 +89,316 @@ html_template = """
             display: flex;
             flex-direction: column;
             width: 100%;
-            height: 100vh;
-            height: -webkit-fill-available;
-            max-width: 800px;
             margin: 0 auto;
-            background-color: var(--chat-bg);
-            box-shadow: 0 0 20px rgba(0,0,0,0.05);
             border-radius: 0;
-        }
-        @media (min-width: 800px) {
-            .chat-container {
-                height: 95vh;
-                max-height: 900px;
-                border-radius: 20px;
-                border: 1px solid var(--border-color);
-            }
         }
         .chat-header {
-            padding: 15px 20px;
             border-bottom: 1px solid var(--border-color);
             text-align: center;
             flex-shrink: 0;
         }
         .chat-header h1 {
-            margin: 0;
-            font-size: 22px;
             font-weight: 600;
         }
         .chat-header p {
-            margin: 2px 0 0;
-            font-size: 14px;
-            color: var(--secondary-text-color);
         }
-        .message-list {
             flex-grow: 1;
             overflow-y: auto;
-            padding: 20px;
             display: flex;
             flex-direction: column;
-            gap: 12px;
         }
         .message {
             display: flex;
-            max-width: 80%;
-            width: fit-content;
-            word-wrap: break-word;
         }
-        .message .content {
-            padding: 10px 15px;
-            border-radius: 18px;
-            line-height: 1.5;
             font-size: 16px;
         }
-        .message.user-message {
             align-self: flex-end;
             flex-direction: row-reverse;
         }
-        .message.user-message .content {
-            background-color: var(--user-msg-bg);
-            color: white;
-            border-bottom-right-radius: 4px;
-        }
-        .message.ai-message {
-            align-self: flex-start;
-        }
-        .message.ai-message .content {
-            background-color: var(--ai-msg-bg);
-            color: var(--ai-msg-text-color);
-            border-bottom-left-radius: 4px;
-        }
-        .message.error-message .content {
-             background-color: color-mix(in srgb, var(--error-color) 15%, transparent);
-             color: var(--error-color);
-             font-weight: 500;
-        }
-        .message .content img {
-            max-width: 100%;
-            border-radius: 10px;
-            margin-top: 8px;
-            display: block;
-        }
-        .message .content p {
-            margin: 0;
-        }
-        .message .content p:not(:last-child) {
-            margin-bottom: 0.75em;
-        }
-        .message .content ul, .message .content ol {
-            padding-left: 20px;
         }
-        .message.thinking-indicator {
             align-self: flex-start;
-            font-style: italic;
         }
-        .message.thinking-indicator .content {
-            color: var(--secondary-text-color);
-            background: transparent;
-            animation: fadePulse 1.8s infinite ease-in-out;
-        }
-        @keyframes fadePulse { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }
-        .file-preview-area {
-            padding: 0 15px 10px;
-            flex-shrink: 0;
-            display: none;
         }
-        .file-preview-wrapper {
-            background: var(--input-bg);
-            padding: 8px;
-            border-radius: 12px;
             display: flex;
             align-items: center;
-            gap: 10px;
-            font-size: 14px;
-            position: relative;
-        }
-        #file-preview-img {
-            max-height: 40px;
-            max-width: 40px;
-            border-radius: 8px;
-            object-fit: cover;
-        }
-        #file-preview-name {
-            flex-grow: 1;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            color: var(--secondary-text-color);
         }
-        #remove-file-button {
-            width: 24px;
-            height: 24px;
-            padding: 0;
-            border: none;
-            background-color: var(--secondary-text-color);
-            color: var(--chat-bg);
             border-radius: 50%;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-weight: bold;
-            flex-shrink: 0;
         }
-        .message-input-area {
-            display: flex;
-            align-items: flex-end;
-            padding: 10px 15px;
-            padding-bottom: max(10px, env(safe-area-inset-bottom));
             border-top: 1px solid var(--border-color);
-            background-color: var(--chat-bg);
-            gap: 10px;
             flex-shrink: 0;
         }
         #message-input {
             flex-grow: 1;
-            border: none;
-            padding: 12px 15px;
-            border-radius: 20px;
-            background-color: var(--input-bg);
-            color: var(--text-color);
-            font-family: inherit;
             font-size: 16px;
-            resize: none;
-            max-height: 150px;
-            line-height: 1.4;
         }
         #message-input:focus {
-            outline: none;
-            box-shadow: 0 0 0 2px var(--primary-color);
         }
-        .icon-button {
             border: none;
-            background: none;
-            padding: 8px;
             cursor: pointer;
-            color: var(--primary-color);
             display: flex;
-            align-items: center;
             justify-content: center;
-            border-radius: 50%;
-            width: 44px;
-            height: 44px;
             flex-shrink: 0;
-            transition: background-color 0.2s;
         }
-        .icon-button:hover {
-            background-color: color-mix(in srgb, var(--primary-color) 10%, transparent);
         }
-        .icon-button:disabled {
-            color: var(--secondary-text-color);
             cursor: not-allowed;
-            background-color: transparent;
         }
-        .icon-button svg {
             width: 24px;
             height: 24px;
         }
     </style>
 </head>
 <body>
     <div class="chat-container">
         <header class="chat-header">
-            <h1>synkris</h1>
-            <p>Ваш AI ассистент</p>
         </header>
-        <div class="message-list" id="message-list">
-             <div class="message ai-message">
-                <div class="content">Здравствуйте! Чем могу помочь?</div>
             </div>
         </div>
-        <div id="file-preview-area" class="file-preview-area">
-            <div class="file-preview-wrapper">
-                <img id="file-preview-img" src="#" alt="Preview">
-                <span id="file-preview-name"></span>
-                <button id="remove-file-button">&times;</button>
-            </div>
         </div>
-        <form id="chat-form" class="message-input-area">
-            <input type="file" id="file-input" accept="image/*" hidden>
-            <button type="button" id="attach-file-button" class="icon-button" aria-label="Прикрепить файл">
-                <svg fill="currentColor" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>
-            </button>
-            <textarea id="message-input" placeholder="Введите ваше сообщение..." rows="1"></textarea>
-            <button type="submit" id="send-button" class="icon-button" aria-label="Отправить сообщение" disabled>
-                <svg fill="currentColor" viewBox="0 0 24 24"><path d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"/></svg>
-            </button>
-        </form>
     </div>
     <script>
         const chatForm = document.getElementById('chat-form');
         const messageInput = document.getElementById('message-input');
         const sendButton = document.getElementById('send-button');
-        const messageList = document.getElementById('message-list');
-        const attachButton = document.getElementById('attach-file-button');
-        const fileInput = document.getElementById('file-input');
-        const filePreviewArea = document.getElementById('file-preview-area');
-        const filePreviewImg = document.getElementById('file-preview-img');
-        const filePreviewName = document.getElementById('file-preview-name');
-        const removeFileButton = document.getElementById('remove-file-button');
-        let chatHistory = [];
-        let attachedFile = null;
-        const toggleSendButton = () => {
-            sendButton.disabled = messageInput.value.trim().length === 0 && !attachedFile;
-        };
-        const autoResizeTextarea = () => {
-            messageInput.style.height = 'auto';
-            messageInput.style.height = (messageInput.scrollHeight) + 'px';
-        };
-        messageInput.addEventListener('input', () => {
-            toggleSendButton();
-            autoResizeTextarea();
-        });
-        attachButton.addEventListener('click', () => fileInput.click());
-        fileInput.addEventListener('change', (event) => {
-            const file = event.target.files[0];
-            if (file) {
-                if(file.type.startsWith('image/')) {
-                    attachedFile = file;
-                    filePreviewName.textContent = file.name;
-                    const reader = new FileReader();
-                    reader.onload = (e) => {
-                        filePreviewImg.src = e.target.result;
-                    };
-                    reader.readAsDataURL(file);
-                    filePreviewArea.style.display = 'block';
-                    toggleSendButton();
-                } else {
-                    displayMessage('Поддерживаются только изображения.', 'error');
-                    fileInput.value = '';
-                }
             }
-        });
-        removeFileButton.addEventListener('click', () => {
-            attachedFile = null;
-            fileInput.value = '';
-            filePreviewArea.style.display = 'none';
-            toggleSendButton();
-        });
-        chatForm.addEventListener('submit', async (event) => {
-            event.preventDefault();
-            const prompt = messageInput.value.trim();
-            if (!prompt && !attachedFile) return;
-            const userMessageContent = { text: prompt, file: attachedFile };
-            displayMessage(userMessageContent, 'user');
-            chatHistory.push({ role: 'user', parts: [prompt] });
-            const formData = new FormData();
-            formData.append('prompt', prompt);
-            formData.append('history', JSON.stringify(chatHistory));
-            if (attachedFile) {
-                formData.append('file', attachedFile);
-            }
             messageInput.value = '';
-            autoResizeTextarea();
-            removeFileButton.click();
-            toggleSendButton();
-            messageInput.focus();
-            displayThinkingIndicator();
             try {
                 const response = await fetch('/chat', {
                     method: 'POST',
-                    body: formData
                 });
-                removeThinkingIndicator();
                 const result = await response.json();
                 if (!response.ok) {
-                    throw new Error(result.error || `Ошибка сервера: ${response.status}`);
                 }
-                displayMessage(result.text, 'ai');
-                chatHistory.push({ role: 'model', parts: [result.text] });
             } catch (error) {
-                removeThinkingIndicator();
-                displayMessage(`Ошибка: ${error.message}`, 'error');
             }
         });
-        function displayMessage(content, role) {
-            const messageDiv = document.createElement('div');
-            messageDiv.className = `message ${role}-message`;
-            const contentDiv = document.createElement('div');
-            contentDiv.className = 'content';
-            if (role === 'user' && typeof content === 'object') {
-                if (content.file) {
-                    const img = document.createElement('img');
-                    img.src = URL.createObjectURL(content.file);
-                    img.onload = () => messageList.scrollTop = messageList.scrollHeight;
-                    contentDiv.appendChild(img);
-                }
-                if (content.text) {
-                    const p = document.createElement('p');
-                    p.textContent = content.text;
-                    contentDiv.appendChild(p);
-                }
-            } else {
-                contentDiv.innerHTML = content.replace(/\\n/g, '<br>');
-            }
-            messageDiv.appendChild(contentDiv);
-            messageList.appendChild(messageDiv);
-            messageList.scrollTop = messageList.scrollHeight;
-        }
-        function displayThinkingIndicator() {
-            const indicatorDiv = document.createElement('div');
-            indicatorDiv.className = 'message thinking-indicator';
-            indicatorDiv.id = 'thinking-indicator';
-            indicatorDiv.innerHTML = `<div class="content">synkris думает...</div>`;
-            messageList.appendChild(indicatorDiv);
-            messageList.scrollTop = messageList.scrollHeight;
-        }
-        function removeThinkingIndicator() {
-            const indicator = document.getElementById('thinking-indicator');
-            if (indicator) {
-                indicator.remove();
-            }
-        }
     </script>
 </body>
 </html>
 """
-def get_ai_response(history, prompt, file_data=None):
     try:
         genai.configure(api_key=API_KEY_INTERNAL)
     except Exception as e:
-        raise ValueError(f"Не удалось инициализировать систему Synkris: {e}.")
-    model = genai.GenerativeModel(
-        'gemma-3-27b-it',
-        system_instruction=SYSTEM_INSTRUCTION
     )
-    chat = model.start_chat(history=history)
-    content_parts = [prompt]
-    if file_data:
-        try:
-            image = Image.open(io.BytesIO(file_data)).convert('RGB')
-            content_parts.append(image)
-        except Exception as e:
-            raise ValueError(f"Не удалось обработать прикрепленный файл изображения. Ошибка: {e}")
     try:
-        response = chat.send_message(content_parts)
-        return response.text
-    except Exception as e:
-        error_message = str(e).lower()
-        if "api key not valid" in error_message:
-             raise ValueError("Произошла внутренняя ошибка конфигурации Synkris. Пожалуйста, обратитесь в службу поддержки.")
-        elif "resource has been exhausted" in error_message:
-             raise ValueError("Система перегружена. Пожалуйста, повторите попытку позже.")
-        elif "content has been blocked" in error_message:
-             raise ValueError("Ответ был заблокирован внутренними правилами безопасности Synkris.")
         else:
-             raise ValueError(f"Произошла ошибка при генерации ответа от Synkris: {e}")
 @app.route('/')
 def index():
@@ -535,33 +406,19 @@ def index():
 @app.route('/chat', methods=['POST'])
 def handle_chat():
-    if 'prompt' not in request.form:
-        return jsonify({"error": "Текст запроса не найден."}), 400
-    prompt = request.form['prompt']
-    history_str = request.form.get('history', '[]')
-    try:
-        history = json.loads(history_str)
-        if not isinstance(history, list):
-            history = []
-    except (json.JSONDecodeError, TypeError):
-        history = []
-    file_data = None
-    if 'file' in request.files:
-        image_file = request.files['file']
-        file_data = image_file.read()
-        if not file_data:
-            file_data = None
     try:
-        result_text = get_ai_response(history, prompt, file_data)
-        return jsonify({"text": result_text})
     except ValueError as ve:
         return jsonify({"error": str(ve)}), 400
     except Exception as e:
-        return jsonify({"error": "Произошла внутренняя ошибка сервера. Пожалуйста, попробуйте позже."}), 500
 if __name__ == '__main__':
     app.run(host='0.0.0.0', port=7860, debug=False)

+import os
 import io
+import base64
 from flask import Flask, request, jsonify, Response
 from PIL import Image
 import google.generativeai as genai
+import numpy as np
 app = Flask(__name__)
+API_KEY_INTERNAL = os.environ.get("GEMINI_API_KEY", "YOUR_GOOGLE_GEMINI_API_KEY")
 html_template = """
 <!DOCTYPE html>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <title>SYNKRIS AI</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <style>
         :root {
+            --light-bg: #F9F9FB;
+            --light-surface: #FFFFFF;
+            --light-primary-text: #171717;
+            --light-secondary-text: #6A6A6A;
+            --light-border: #EAEAEA;
+            --light-accent: #007AFF;
+            --light-accent-hover: #0056B3;
+            --light-user-bubble: #007AFF;
+            --light-user-text: #FFFFFF;
+            --dark-bg: #121212;
+            --dark-surface: #1E1E1E;
+            --dark-primary-text: #EAEAEA;
+            --dark-secondary-text: #9E9E9E;
+            --dark-border: #333333;
+            --dark-accent: #0A84FF;
+            --dark-accent-hover: #3B9EFF;
+            --dark-user-bubble: #0A84FF;
+            --dark-user-text: #FFFFFF;
+            --bg-color: var(--light-bg);
+            --surface-color: var(--light-surface);
+            --text-primary: var(--light-primary-text);
+            --text-secondary: var(--light-secondary-text);
+            --border-color: var(--light-border);
+            --accent-color: var(--light-accent);
+            --accent-color-hover: var(--light-accent-hover);
+            --user-bubble-color: var(--light-user-bubble);
+            --user-text-color: var(--light-user-text);
         }
         @media (prefers-color-scheme: dark) {
             :root {
+                --bg-color: var(--dark-bg);
+                --surface-color: var(--dark-surface);
+                --text-primary: var(--dark-primary-text);
+                --text-secondary: var(--dark-secondary-text);
+                --border-color: var(--dark-border);
+                --accent-color: var(--dark-accent);
+                --accent-color-hover: var(--dark-accent-hover);
+                --user-bubble-color: var(--dark-user-bubble);
+                --user-text-color: var(--dark-user-text);
             }
         }
+        html, body {
+            height: 100%;
+            margin: 0;
+            overflow: hidden;
         }
         body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
             background-color: var(--bg-color);
+            color: var(--text-primary);
             display: flex;
             justify-content: center;
             align-items: center;
+            line-height: 1.5;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
         }
             display: flex;
             flex-direction: column;
             width: 100%;
+            height: 100%;
+            max-width: 1000px;
             margin: 0 auto;
+            background-color: var(--surface-color);
+            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
             border-radius: 0;
+            overflow: hidden;
         }
         .chat-header {
+            padding: 18px 24px;
+            background-color: var(--surface-color);
             border-bottom: 1px solid var(--border-color);
             text-align: center;
             flex-shrink: 0;
         }
         .chat-header h1 {
+            font-size: 20px;
             font-weight: 600;
+            margin: 0;
+            color: var(--text-primary);
         }
         .chat-header p {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin: 4px 0 0;
         }
+        .chat-messages {
             flex-grow: 1;
             overflow-y: auto;
+            padding: 24px;
             display: flex;
             flex-direction: column;
+            gap: 18px;
         }
         .message {
             display: flex;
+            max-width: 75%;
+            flex-shrink: 0;
         }
+        .message-bubble {
+            padding: 12px 18px;
+            border-radius: 22px;
             font-size: 16px;
         }
+        .message.user {
             align-self: flex-end;
             flex-direction: row-reverse;
         }
+        .message.user .message-bubble {
+            background-color: var(--user-bubble-color);
+            color: var(--user-text-color);
+            border-bottom-right-radius: 6px;
         }
+        .message.bot {
             align-self: flex-start;
         }
+        .message.bot .message-bubble {
+            background-color: var(--bg-color);
+            color: var(--text-primary);
+            border: 1px solid var(--border-color);
+            border-bottom-left-radius: 6px;
         }
+        .typing-indicator {
             display: flex;
             align-items: center;
+            gap: 5px;
         }
+        .typing-indicator span {
+            width: 8px;
+            height: 8px;
+            background-color: var(--text-secondary);
             border-radius: 50%;
+            animation: bounce 1.4s infinite ease-in-out both;
         }
+        .typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
+        .typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
+        @keyframes bounce {
+            0%, 80%, 100% { transform: scale(0); }
+            40% { transform: scale(1.0); }
+        }
+        .chat-input-area {
+            padding: 16px 24px;
             border-top: 1px solid var(--border-color);
+            background-color: var(--surface-color);
             flex-shrink: 0;
         }
+        #chat-form {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
         #message-input {
             flex-grow: 1;
+            padding: 14px 20px;
+            border-radius: 24px;
+            border: 1px solid var(--border-color);
+            background-color: var(--bg-color);
+            color: var(--text-primary);
             font-size: 16px;
+            outline: none;
+            transition: border-color 0.2s, box-shadow 0.2s;
         }
         #message-input:focus {
+            border-color: var(--accent-color);
+            box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent);
         }
+        #send-button {
+            width: 48px;
+            height: 48px;
             border: none;
+            background-color: var(--accent-color);
+            color: white;
+            border-radius: 50%;
             cursor: pointer;
             display: flex;
             justify-content: center;
+            align-items: center;
+            transition: background-color 0.2s, transform 0.1s;
             flex-shrink: 0;
         }
+        #send-button:hover {
+            background-color: var(--accent-color-hover);
+        }
+        #send-button:active {
+            transform: scale(0.95);
         }
+        #send-button:disabled {
+            background-color: var(--text-secondary);
             cursor: not-allowed;
+            opacity: 0.7;
         }
+        #send-button svg {
             width: 24px;
             height: 24px;
         }
+        @media (min-width: 768px) {
+            .chat-container {
+                border-radius: 16px;
+                height: 90vh;
+                max-height: 800px;
+                border: 1px solid var(--border-color);
+            }
+        }
     </style>
 </head>
 <body>
     <div class="chat-container">
         <header class="chat-header">
+            <h1>SYNKRIS AI</h1>
+            <p>Powered by Morshen Group</p>
         </header>
+        <div class="chat-messages" id="chat-messages">
+             <div class="message bot">
+                <div class="message-bubble">
+                    Здравствуйте! Я — SYNKRIS AI 2.0, ваш персональный ассистент. Чем могу помочь?
+                </div>
             </div>
         </div>
+        <div class="chat-input-area">
+            <form id="chat-form">
+                <input type="text" id="message-input" placeholder="Введите ваше сообщение..." autocomplete="off" required>
+                <button type="submit" id="send-button" aria-label="Отправить">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24" height="24">
+                        <path d="M3.478 2.405a.75.75 0 00-.926.94l2.432 7.905H13.5a.75.75 0 010 1.5H4.984l-2.432 7.905a.75.75 0 00.926.94 60.519 60.519 0 0018.445-8.986.75.75 0 000-1.218A60.517 60.517 0 003.478 2.405z" />
+                    </svg>
+                </button>
+            </form>
         </div>
     </div>
     <script>
         const chatForm = document.getElementById('chat-form');
         const messageInput = document.getElementById('message-input');
         const sendButton = document.getElementById('send-button');
+        const chatMessages = document.getElementById('chat-messages');
+        const addMessage = (message, sender) => {
+            const messageDiv = document.createElement('div');
+            messageDiv.className = `message ${sender}`;
+            const bubbleDiv = document.createElement('div');
+            bubbleDiv.className = 'message-bubble';
+            bubbleDiv.textContent = message;
+            messageDiv.appendChild(bubbleDiv);
+            chatMessages.appendChild(messageDiv);
+            chatMessages.scrollTop = chatMessages.scrollHeight;
+        };
+        const showTypingIndicator = () => {
+            const typingDiv = document.createElement('div');
+            typingDiv.className = 'message bot typing-indicator-container';
+            typingDiv.innerHTML = `
+                <div class="message-bubble">
+                    <div class="typing-indicator">
+                        <span></span><span></span><span></span>
+                    </div>
+                </div>
+            `;
+            chatMessages.appendChild(typingDiv);
+            chatMessages.scrollTop = chatMessages.scrollHeight;
+        };
+        const removeTypingIndicator = () => {
+            const indicator = chatMessages.querySelector('.typing-indicator-container');
+            if (indicator) {
+                indicator.remove();
             }
+        };
+        chatForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const message = messageInput.value.trim();
+            if (!message) return;
+            addMessage(message, 'user');
             messageInput.value = '';
+            sendButton.disabled = true;
+            showTypingIndicator();
             try {
                 const response = await fetch('/chat', {
                     method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ message: message })
                 });
+                removeTypingIndicator();
                 const result = await response.json();
                 if (!response.ok) {
+                    throw new Error(result.error || 'Произошла ошибка сервера.');
                 }
+                addMessage(result.reply, 'bot');
             } catch (error) {
+                removeTypingIndicator();
+                addMessage(`Ошибка: ${error.message}`, 'bot');
+            } finally {
+                sendButton.disabled = false;
+                messageInput.focus();
             }
         });
     </script>
 </body>
 </html>
 """
+def generate_ai_reply(user_message):
     try:
         genai.configure(api_key=API_KEY_INTERNAL)
     except Exception as e:
+        raise ValueError(f"Не удалось настроить Google AI: {e}")
+    system_prompt = (
+        "You are SYNKRIS AI 2.0, a sophisticated and helpful AI assistant. "
+        "You were developed by the synkris AI laboratory, which is a key part of the Morshen group. "
+        "Your purpose is to assist users with their questions and tasks accurately and efficiently. "
+        "You are capable of conversing in any language the user chooses. "
+        "Maintain a professional, knowledgeable, and friendly tone."
     )
     try:
+        model = genai.GenerativeModel(
+            model_name='gemini-1.5-pro-latest',
+            system_instruction=system_prompt
+        )
+        chat = model.start_chat(history=[])
+        response = chat.send_message(user_message)
+        if hasattr(response, 'text'):
+            return response.text
         else:
+            if response.parts:
+                 return "".join(part.text for part in response.parts if hasattr(part, 'text'))
+            else:
+                raise ValueError("Не удалось получить текстовый ответ от модели.")
+    except Exception as e:
+        raise ValueError(f"Ошибка при взаимодействии с моделью ИИ: {e}")
 @app.route('/')
 def index():
 @app.route('/chat', methods=['POST'])
 def handle_chat():
+    data = request.get_json()
+    if not data or 'message' not in data:
+        return jsonify({"error": "Сообщение не найдено в запросе."}), 400
+    user_message = data['message']
     try:
+        ai_reply = generate_ai_reply(user_message)
+        return jsonify({"reply": ai_reply})
     except ValueError as ve:
         return jsonify({"error": str(ve)}), 400
     except Exception as e:
+        return jsonify({"error": f"Внутренняя ошибка сервера: {e}"}), 500
 if __name__ == '__main__':
     app.run(host='0.0.0.0', port=7860, debug=False)