Update app.py

app.py

@@ -304,7 +304,7 @@ def generate_ai_description_from_image(image_data, language):
     final_prompt = f"{base_prompt}{lang_suffix}"
 
     try:
-        model = genai.GenerativeModel('gemma-3-27b-it')
+        model = genai.GenerativeModel('gemma-2-9b-it')
 
         response = model.generate_content([final_prompt, image])
 
@@ -324,7 +324,7 @@ def generate_ai_description_from_image(image_data, language):
         elif " Billing account not found" in str(e):
              raise ValueError("Проблема с биллингом аккаунта Google Cloud. Проверьте ваш аккаунт.")
         elif "Could not find model" in str(e):
-             raise ValueError(f"Модель 'learnlm-2.0-flash-experimental' не найдена или недоступна.")
+             raise ValueError(f"Модель 'gemma-2-9b-it' не найдена или недоступна.")
         elif "resource has been exhausted" in str(e).lower():
              raise ValueError("Квота запросов исчерпана. Попробуйте позже.")
         elif "content has been blocked" in str(e).lower():
@@ -335,19 +335,6 @@ def generate_ai_description_from_image(image_data, language):
         else:
              raise ValueError(f"Ошибка при генерации контента: {e}")
 
-def transcribe_audio_with_ai(audio_data):
-    if not configure_gemini():
-        raise ValueError("Google AI API не настроен.")
-    try:
-        model = genai.GenerativeModel('gemini-1.5-flash-latest')
-        audio_file = {'mime_type': 'audio/webm', 'data': audio_data}
-        prompt = "Расшифруй это аудиосообщение. Отвечай только расшифрованным текстом, без лишних слов."
-        response = model.generate_content([prompt, audio_file])
-        return response.text
-    except Exception as e:
-        logging.error(f"Error during AI audio transcription: {e}")
-        raise ValueError(f"Ошибка при расшифровке аудио: {e}")
-
 def generate_chat_response(message, chat_history_from_client, env_id):
     if not is_chat_active(env_id):
         return "Извините, чат в данный момент неактивен. Пожалуйста, свяжитесь с нами другим способом."
@@ -407,7 +394,7 @@ def generate_chat_response(message, chat_history_from_client, env_id):
     response = None
 
     try:
-        model = genai.GenerativeModel('gemma-3-27b-it')
+        model = genai.GenerativeModel('gemma-2-9b-it')
 
         model_chat_history_for_gemini = [
             {'role': 'user', 'parts': [{'text': system_instruction_content}]}
@@ -478,13 +465,11 @@ ADMHOSTO_TEMPLATE = '''
         h1 { font-weight: 600; color: var(--bg-medium); margin-bottom: 25px; text-align: center; }
         .section { margin-bottom: 30px; }
         .add-env-form { margin-bottom: 20px; text-align: center; }
-        .search-container { margin-bottom: 20px; }
-        #env-search-input { width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 1rem; }
         .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; }
         .button:hover { background-color: var(--accent-hover); }
         .button:disabled { background-color: #ccc; cursor: not-allowed; }
         .env-list { list-style: none; padding: 0; }
-        .env-item { background: #fdfdff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; transition: opacity 0.3s ease; }
+        .env-item { background: #fdfdff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; }
         .env-details { display: flex; flex-direction: column; }
         .env-id { font-weight: 600; color: var(--bg-medium); font-size: 1.2rem; }
         .env-status { font-size: 0.85rem; color: #666; }
@@ -516,10 +501,14 @@ ADMHOSTO_TEMPLATE = '''
         </div>
 
         <div class="section">
-            <h2><i class="fas fa-list-ul"></i> Существующие среды</h2>
-            <div class="search-container">
-                <input type="text" id="env-search-input" placeholder="Поиск по ID среды...">
+             <div class="search-wrapper" style="margin-bottom: 20px; position: relative;">
+                 <i class="fas fa-search" style="position: absolute; top: 50%; left: 15px; transform: translateY(-50%); color: #aaa;"></i>
+                 <input type="text" id="env-search-input" onkeyup="filterEnvironments()" placeholder="Поиск по ID среды..." style="width: 100%; padding: 10px 15px 10px 40px; border-radius: 6px; border: 1px solid #ddd; font-size: 1rem; box-sizing: border-box;">
             </div>
+        </div>
+
+        <div class="section">
+            <h2><i class="fas fa-list-ul"></i> Существующие среды</h2>
             {% if environments %}
             <ul class="env-list">
                 {% for env in environments %}
@@ -560,23 +549,40 @@ ADMHOSTO_TEMPLATE = '''
         </div>
     </div>
     <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('env-search-input');
-            if (searchInput) {
-                searchInput.addEventListener('input', function() {
-                    const searchTerm = this.value.toLowerCase();
-                    const envItems = document.querySelectorAll('.env-item');
-                    envItems.forEach(item => {
-                        const envId = item.querySelector('.env-id').textContent.toLowerCase();
-                        if (envId.includes(searchTerm)) {
-                            item.style.display = 'grid';
-                        } else {
-                            item.style.display = 'none';
-                        }
-                    });
-                });
+        function filterEnvironments() {
+            const input = document.getElementById('env-search-input');
+            const filter = input.value.toLowerCase();
+            const envList = document.querySelector('.env-list');
+            const items = envList.getElementsByTagName('li');
+            let found = false;
+            
+            for (let i = 0; i < items.length; i++) {
+                const envIdElement = items[i].querySelector('.env-id');
+                if (envIdElement) {
+                    const txtValue = envIdElement.textContent || envIdElement.innerText;
+                    if (txtValue.toLowerCase().indexOf(filter) > -1) {
+                        items[i].style.display = "";
+                        found = true;
+                    } else {
+                        items[i].style.display = "none";
+                    }
+                }
             }
-        });
+            
+            let noResultsMsg = document.getElementById('no-results');
+            if (!found && filter !== '') {
+                if (!noResultsMsg) {
+                    noResultsMsg = document.createElement('p');
+                    noResultsMsg.id = 'no-results';
+                    noResultsMsg.textContent = 'Среда с таким ID не найдена.';
+                    noResultsMsg.style.textAlign = 'center';
+                    noResultsMsg.style.marginTop = '20px';
+                    envList.parentNode.appendChild(noResultsMsg);
+                }
+            } else if (noResultsMsg) {
+                noResultsMsg.remove();
+            }
+        }
     </script>
 </body>
 </html>
@@ -1445,7 +1451,7 @@ CHAT_TEMPLATE = '''
             border-color: var(--bg-medium);
             box-shadow: 0 0 0 3px rgba(19, 93, 102, 0.15);
         }
-        #chat-send-button, #record-button {
+        #chat-send-button {
             background-color: var(--bg-medium);
             color: white;
             border: none;
@@ -1460,11 +1466,8 @@ CHAT_TEMPLATE = '''
             flex-shrink: 0;
             font-size: 1.2rem;
         }
-        #record-button.recording {
-            background-color: var(--danger);
-        }
-        #chat-send-button:hover, #record-button:hover { background-color: var(--bg-dark); }
-        #chat-send-button:active, #record-button:active { transform: scale(0.9); }
+        #chat-send-button:hover { background-color: var(--bg-dark); }
+        #chat-send-button:active { transform: scale(0.9); }
         #chat-send-button:disabled { background-color: #cccccc; cursor: not-allowed; }
         .floating-buttons-container { position: fixed; bottom: 25px; right: 25px; z-index: 1000; }
         .floating-button { background-color: var(--accent); color: var(--bg-dark); border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(72, 209, 204, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
@@ -1510,8 +1513,6 @@ CHAT_TEMPLATE = '''
         .chat-product-link, .chat-add-to-cart { display: inline-block; background-color: #E0F2F1; color: var(--bg-medium); padding: 5px 10px; border-radius: 15px; cursor: pointer; font-size: 0.85rem; text-decoration: none; transition: background-color 0.2s; font-weight: 500; text-align: center; width: 100%; }
         .chat-product-link:hover, .chat-add-to-cart:hover { background-color: #B2DFDB; }
         body.dark-theme .chat-product-link, body.dark-theme .chat-add-to-cart { background-color: #444; color: var(--accent); }
-        .message-bubble audio { width: 250px; height: 40px; }
-        .transcript-text { font-style: italic; color: #888; margin-top: 5px; font-size: 0.9em; border-top: 1px solid #ccc; padding-top: 5px; }
     </style>
 </head>
 <body class="{{ 'dark-theme' if settings.color_scheme == 'dark' else '' }}">
@@ -1524,8 +1525,7 @@ CHAT_TEMPLATE = '''
         <div id="chat-messages"></div>
         <div class="chat-input-container">
             <input type="text" id="chat-input" placeholder="Напишите сообщение..." autocomplete="off">
-            <button id="record-button"><i class="fas fa-microphone"></i></button>
-            <button id="chat-send-button" style="display: none;"><i class="fas fa-paper-plane"></i></button>
+            <button id="chat-send-button"><i class="fas fa-paper-plane"></i></button>
         </div>
     </div>
     
@@ -1584,11 +1584,6 @@ CHAT_TEMPLATE = '''
         const chatMessagesDiv = document.getElementById('chat-messages');
         const chatInput = document.getElementById('chat-input');
         const chatSendButton = document.getElementById('chat-send-button');
-        const recordButton = document.getElementById('record-button');
-
-        let mediaRecorder;
-        let audioChunks = [];
-        let isRecording = false;
 
         function getProductById(productId) { return allProducts.find(p => p.product_id === productId); }
         function getProductIndexById(productId) { return allProducts.findIndex(p => p.product_id === productId); }
@@ -1756,74 +1751,59 @@ CHAT_TEMPLATE = '''
             }, 10);
         }
         
-        function addMessageToChatUI(text, role, audioSrc = null) {
+        function addMessageToChatUI(text, role) {
             const messageElement = document.createElement('div');
             messageElement.className = `chat-message ${role}`;
-
-            const bubble = document.createElement('div');
-            bubble.className = 'message-bubble';
             
-            if(audioSrc){
-                const audioPlayer = document.createElement('audio');
-                audioPlayer.controls = true;
-                audioPlayer.src = audioSrc;
-                bubble.appendChild(audioPlayer);
-            }
-
-            if (text) {
-                const productRegex = /\[ID_ТОВАРА:\\s*([a-fA-F0-9]+)\\s*Название:\\s*([^\]]+)\]/g;
-                let lastIndex = 0;
-                let match;
-
-                while ((match = productRegex.exec(text)) !== null) {
-                    if (match.index > lastIndex) {
-                        const textNode = document.createElement('span');
-                        textNode.innerHTML = text.substring(lastIndex, match.index).replace(/\\n/g, '<br>');
-                        bubble.appendChild(textNode);
-                    }
-                    const productId = match[1];
-                    const product = getProductById(productId);
-                    if (product) {
-                        const photoUrl = product.photos && product.photos.length > 0 ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${product.photos[0]}` : '';
-                        const card = document.createElement('div');
-                        card.className = 'chat-product-card';
-                        card.innerHTML = `<img src="${photoUrl}" alt="${product.name}">
-                            <div class="chat-product-card-info">
-                                <strong>${product.name}</strong>
-                                <span>${product.price.toFixed(0)} ${currencyCode}</span>
-                            </div>
-                            <div class="chat-product-card-actions">
-                                <a href="#" class="chat-product-link" data-id="${productId}">Обзор</a>
-                                <a href="#" class="chat-add-to-cart" data-id="${productId}"><i class="fas fa-cart-plus"></i></a>
-                            </div>`;
-                        messageElement.appendChild(card);
-                    }
-                    lastIndex = match.index + match[0].length;
+            const productRegex = /\[ID_ТОВАРА:\\s*([a-fA-F0-9]+)\\s*Название:\\s*([^\]]+)\]/g;
+            let lastIndex = 0;
+            const contentFragment = document.createDocumentFragment();
+            let match;
+
+            while ((match = productRegex.exec(text)) !== null) {
+                if (match.index > lastIndex) {
+                    const textNode = document.createElement('div');
+                    textNode.className = 'message-bubble';
+                    textNode.innerHTML = text.substring(lastIndex, match.index).replace(/\\n/g, '<br>');
+                    messageElement.appendChild(textNode);
                 }
-
-                if (lastIndex < text.length) {
-                    const textNode = document.createElement('span');
-                    textNode.innerHTML = text.substring(lastIndex).replace(/\\n/g, '<br>');
-                    bubble.appendChild(textNode);
+                const productId = match[1];
+                const product = getProductById(productId);
+                if (product) {
+                    const photoUrl = product.photos && product.photos.length > 0 ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${product.photos[0]}` : '';
+                    const card = document.createElement('div');
+                    card.className = 'chat-product-card';
+                    card.innerHTML = `<img src="${photoUrl}" alt="${product.name}">
+                        <div class="chat-product-card-info">
+                            <strong>${product.name}</strong>
+                            <span>${product.price.toFixed(0)} ${currencyCode}</span>
+                        </div>
+                        <div class="chat-product-card-actions">
+                            <a href="#" class="chat-product-link" data-id="${productId}">Обзор</a>
+                            <a href="#" class="chat-add-to-cart" data-id="${productId}"><i class="fas fa-cart-plus"></i></a>
+                        </div>`;
+                    messageElement.appendChild(card);
                 }
-            }
-            
-            if (bubble.hasChildNodes()){
-                messageElement.prepend(bubble);
+                lastIndex = match.index + match[0].length;
             }
 
+            if (lastIndex < text.length) {
+                const textNode = document.createElement('div');
+                textNode.className = 'message-bubble';
+                textNode.innerHTML = text.substring(lastIndex).replace(/\\n/g, '<br>');
+                messageElement.appendChild(textNode);
+            }
+            
             chatMessagesDiv.appendChild(messageElement);
             chatMessagesDiv.scrollTop = chatMessagesDiv.scrollHeight;
-            return messageElement;
         }
-        
+
         async function sendMessage() {
             const message = chatInput.value.trim();
             if (!message) return;
             addMessageToChatUI(message, 'user');
             chatHistory.push({ role: 'user', text: message });
             chatInput.value = '';
-            toggleSendButton();
             chatSendButton.disabled = true;
 
             try {
@@ -1844,87 +1824,9 @@ CHAT_TEMPLATE = '''
             }
         }
         
-        async function sendVoiceMessage(audioBase64) {
-            const audioDataUrl = 'data:audio/webm;base64,' + audioBase64;
-            const userMessageElement = addMessageToChatUI(null, 'user', audioDataUrl);
-
-            try {
-                const response = await fetch(`/${envId}/chat_with_audio`, {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ audio: audioBase64, history: chatHistory, chat_id: chatId })
-                });
-
-                const result = await response.json();
-                if (!response.ok) throw new Error(result.error);
-                
-                if(result.user_text) {
-                    const transcriptDiv = document.createElement('div');
-                    transcriptDiv.className = 'transcript-text';
-                    transcriptDiv.innerText = `Вы: "${result.user_text}"`;
-                    userMessageElement.querySelector('.message-bubble').appendChild(transcriptDiv);
-                    chatHistory.push({ role: 'user', text: result.user_text });
-                }
-
-                addMessageToChatUI(result.ai_text, 'ai');
-                chatHistory.push({ role: 'ai', text: result.ai_text });
-
-            } catch (error) {
-                addMessageToChatUI(`Ошибка обработки аудио: ${error.message}`, 'ai');
-            }
-        }
-
-        function toggleSendButton(){
-            if(chatInput.value.trim()){
-                recordButton.style.display = 'none';
-                chatSendButton.style.display = 'flex';
-            } else {
-                recordButton.style.display = 'flex';
-                chatSendButton.style.display = 'none';
-            }
-        }
-        
-        recordButton.addEventListener('click', async () => {
-            if (isRecording) {
-                mediaRecorder.stop();
-                isRecording = false;
-                recordButton.classList.remove('recording');
-                recordButton.innerHTML = '<i class="fas fa-microphone"></i>';
-                chatInput.disabled = false;
-            } else {
-                try {
-                    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-                    mediaRecorder = new MediaRecorder(stream, { mimeType: 'audio/webm' });
-                    mediaRecorder.ondataavailable = event => {
-                        if (event.data.size > 0) audioChunks.push(event.data);
-                    };
-                    mediaRecorder.onstop = () => {
-                        const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });
-                        const reader = new FileReader();
-                        reader.onloadend = () => {
-                            const base64String = reader.result.split(',')[1];
-                            sendVoiceMessage(base64String);
-                        };
-                        reader.readAsDataURL(audioBlob);
-                        audioChunks = [];
-                        stream.getTracks().forEach(track => track.stop());
-                    };
-                    mediaRecorder.start();
-                    isRecording = true;
-                    recordButton.classList.add('recording');
-                    recordButton.innerHTML = '<i class="fas fa-stop"></i>';
-                    chatInput.disabled = true;
-                } catch (err) {
-                    console.error("Error accessing microphone:", err);
-                    alert("Не удалось получить доступ к микрофону. Проверьте разрешения в браузере.");
-                }
-            }
-        });
-
         chatSendButton.addEventListener('click', sendMessage);
         chatInput.addEventListener('keypress', e => { if (e.key === 'Enter') sendMessage(); });
-        chatInput.addEventListener('input', toggleSendButton);
-
+        
         chatMessagesDiv.addEventListener('click', e => {
             if(e.target.closest('.chat-product-link')) {
                 e.preventDefault();
@@ -1938,7 +1840,6 @@ CHAT_TEMPLATE = '''
         
         document.addEventListener('DOMContentLoaded', () => {
             updateCartButton();
-            toggleSendButton();
             window.addEventListener('click', e => { if (e.target.classList.contains('modal')) closeModal(e.target.id); });
             window.addEventListener('keydown', e => { if (e.key === 'Escape') document.querySelectorAll('.modal').forEach(m => closeModal(m.id)); });
             
@@ -3441,39 +3342,6 @@ def handle_chat_with_ai(env_id):
         logging.error(f"Error in chat handler: {e}")
         return jsonify({"error": f"Ошибка чата: {e}"}), 500
 
-@app.route('/<env_id>/chat_with_audio', methods=['POST'])
-def handle_chat_with_audio(env_id):
-    if not is_chat_active(env_id):
-        return jsonify({"error": "Чат неактивен."}), 403
-
-    request_data = request.get_json()
-    audio_base64 = request_data.get('audio')
-    chat_history_from_client = request_data.get('history', [])
-    chat_id = request_data.get('chat_id')
-
-    if not audio_base64 or not chat_id:
-        return jsonify({"error": "Аудио или ID чата отсутствуют."}), 400
-    
-    try:
-        audio_data = base64.b64decode(audio_base64)
-        transcribed_text = transcribe_audio_with_ai(audio_data)
-
-        ai_response_text = generate_chat_response(transcribed_text, chat_history_from_client, env_id)
-
-        data = get_env_data(env_id)
-        if 'chats' not in data: data['chats'] = {}
-        if chat_id not in data['chats']: data['chats'][chat_id] = []
-        
-        timestamp = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
-        data['chats'][chat_id].append({'role': 'user', 'text': transcribed_text, 'timestamp': timestamp})
-        data['chats'][chat_id].append({'role': 'ai', 'text': ai_response_text, 'timestamp': timestamp})
-        save_env_data(env_id, data)
-        
-        return jsonify({"user_text": transcribed_text, "ai_text": ai_response_text})
-    except Exception as e:
-        logging.error(f"Error in audio chat handler: {e}")
-        return jsonify({"error": f"Ошибка чата: {e}"}), 500
-
 @app.route('/<env_id>/chat')
 def chat_page(env_id):
     if not is_chat_active(env_id):