Update app.py

app.py

@@ -22,7 +22,6 @@ app.secret_key = 'your_unique_secret_key_gippo_312_shop_54321_no_login_synkris'
 DATA_FILE = 'data.json'
 DATA_FILE_TEMP = 'data.json.tmp'
 PROMPTS_FILE = 'prompts.json'
-PROMPTS_FILE_TEMP = 'prompts.json.tmp'
 
 SYNC_FILES = [DATA_FILE, PROMPTS_FILE]
 
@@ -82,7 +81,7 @@ Render the product with hyperrealistic lighting and shadows that accentuate its
               "street": "Dynamic street style shot in a bustling metropolis (e.g., Tokyo, New York). Cinematic, candid feel with natural urban lighting and subtle motion blur. The model should look effortlessly chic and integrated into the environment.",
               "lookbook": "Minimalist lookbook aesthetic. Clean, textured background (e.g., concrete, colored paper). Soft, diffused light creating a sophisticated and modern mood. Focus is entirely on the garment's form and drape.",
               "minimalism": "Extreme architectural minimalism. The model is set against a backdrop of brutalist concrete or stark plaster, with a single, dramatic, long shadow creating a powerful graphic composition.",
-              "selfie": "Authentic, unposed selfie shot on a front-facing smartphone camera. The image must look genuine and unedited, capturing a spontaneous moment. Emphasize hyperrealistic skin texture with visible pores and subtle, natural imperfections. The lighting should be natural (e.g., window light, outdoor shade), not like a professional setup. Avoid perfect composition; embrace a slightly off-center, real-life feel. Candid, natural expression is crucial. The result should be indistinguishable from a real photo on a social media feed.",
+              "selfie": "**UTMOST REALISM REQUIRED.** Emulate a genuine smartphone selfie. Imperfect, spontaneous composition. Natural lighting. Subtle skin textures, pores, and minor imperfections MUST be visible, avoid any hint of digital airbrushing. Include subtle lens distortion typical of a phone camera. The expression must be candid and unposed, a real captured moment. Hand holding the phone might be partially visible.",
               "creative": "Avant-garde, conceptual photoshoot. Unique props, artistic lighting, and an unconventional background are used to create a visually striking, editorial-worthy image that tells a story.",
               "new_year": "Festive New Year's atmosphere. Soft bokeh from fairy lights, dynamic sparkler trails, set against a beautifully decorated tree or a magical snowy landscape. Evokes warmth and celebration.",
               "retro": "Authentic 35mm film photograph emulation. Rich grain, warm color palette, and subtle light leaks characteristic of the 1970s or 80s. Poses and environment reflect the era.",
@@ -131,16 +130,6 @@ def load_prompts():
     except (FileNotFoundError, json.JSONDecodeError):
         return {}
 
-def save_prompts(data):
-    try:
-        with open(PROMPTS_FILE_TEMP, 'w', encoding='utf-8') as file:
-            json.dump(data, file, ensure_ascii=False, indent=4)
-        os.replace(PROMPTS_FILE_TEMP, PROMPTS_FILE)
-        upload_db_to_hf(specific_file=PROMPTS_FILE)
-    except Exception:
-        if os.path.exists(PROMPTS_FILE_TEMP):
-            os.remove(PROMPTS_FILE_TEMP)
-
 def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWNLOAD_DELAY):
     if not HF_TOKEN_READ and not HF_TOKEN_WRITE:
         return False
@@ -307,16 +296,18 @@ ADMHOSTO_TEMPLATE = '''
         h1, h2 { font-weight: 600; color: var(--bg-medium); text-align: center; }
         h1 { margin-bottom: 25px; font-size: 1.5rem; }
         h2 { font-size: 1.3rem; margin-top: 40px; border-bottom: 2px solid var(--accent); padding-bottom: 10px; margin-bottom: 20px; }
+        h2.collapsible { cursor: pointer; }
+        h2.collapsible .fa-chevron-down { transition: transform 0.3s ease; }
+        h2.collapsible.collapsed .fa-chevron-down { transform: rotate(-90deg); }
         
         .section { margin-bottom: 25px; }
         
         .add-env-form { display: flex; flex-direction: column; gap: 15px; background: #f8f9fa; padding: 15px; border-radius: 10px; border: 1px solid #e9ecef; }
         
-        input[type="text"], input[type="search"], textarea, select {
+        input[type="text"] {
             width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem;
             font-family: inherit; background: #fff; -webkit-appearance: none;
         }
-        textarea { resize: vertical; }
 
         .controls-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
         .radio-group { display: flex; gap: 15px; }
@@ -334,7 +325,6 @@ ADMHOSTO_TEMPLATE = '''
         .button.warning { background-color: var(--warning); color: #333; }
         .button.info { background-color: var(--info); }
         .button.success { background-color: var(--success); }
-        .button.secondary { background-color: #6c757d; }
 
         .env-list { list-style: none; padding: 0; margin: 0; }
         .env-item { 
@@ -361,8 +351,7 @@ ADMHOSTO_TEMPLATE = '''
         .message.error { background-color: #f8d7da; color: #721c24; }
         
         .modal { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(2px); }
-        .modal-content { background-color: #fff; margin: 10% auto; padding: 25px; width: 90%; max-width: 800px; border-radius: 12px; position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.2); max-height: 80vh; display: flex; flex-direction: column; }
-        .modal-body { overflow-y: auto; }
+        .modal-content { background-color: #fff; margin: 15% auto; padding: 25px; width: 90%; max-width: 600px; border-radius: 12px; position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.2); }
         .close-modal { color: #888; position: absolute; right: 15px; top: 10px; font-size: 30px; font-weight: bold; cursor: pointer; padding: 5px; }
         .stats-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 0.85rem; }
         .stats-table th, .stats-table td { border: 1px solid #eee; padding: 10px 8px; text-align: left; }
@@ -371,11 +360,6 @@ ADMHOSTO_TEMPLATE = '''
         
         .empty-list-placeholder { text-align:center; padding: 20px; color: #888; }
         .no-margin { margin-bottom: 0; }
-        
-        .style-item { border: 1px solid #ddd; border-radius: 8px; padding: 10px; margin-bottom: 10px; }
-        .style-item p { margin: 0; font-family: monospace; font-size: 0.8rem; background: #f0f0f0; padding: 8px; border-radius: 4px; white-space: pre-wrap; word-break: break-word; }
-        .style-item-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
-        .style-item-header span { font-weight: bold; }
 
         @media (max-width: 768px) {
             .env-item { grid-template-columns: 1fr; gap: 12px; }
@@ -419,16 +403,78 @@ ADMHOSTO_TEMPLATE = '''
                 </div>
             </form>
         </div>
-
-        <div class="section" style="display:flex; gap: 10px;">
-            <input type="search" id="search-env" placeholder="🔍 Поиск сред..." style="flex-grow: 1;">
-            <button class="button secondary" onclick="openStylesModal()"><i class="fas fa-paint-brush"></i> Стили</button>
+        
+        <div class="section">
+            <input type="text" id="search-env" placeholder="🔍 Поиск...">
         </div>
         
+        {% if last_5_visits %}
+        <div class="section">
+            <h2><i class="fas fa-history"></i> Последние 5 заходов</h2>
+            <div style="overflow-x: auto;">
+                <table class="stats-table">
+                    <thead><tr><th>Время</th><th>IP</th><th>Среда</th><th>User Agent</th></tr></thead>
+                    <tbody>
+                    {% for log in last_5_visits %}
+                    <tr>
+                        <td>{{ log.time.split(' ')[1] }}<br><small style="color:#999">{{ log.time.split(' ')[0] }}</small></td>
+                        <td>{{ log.ip }}</td>
+                        <td><strong>{{ log.env_id }}</strong></td>
+                        <td style="max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" title="{{ log.ua }}">{{ log.ua }}</td>
+                    </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        {% endif %}
+        
+        {% if top_5_environments %}
+        <div class="section">
+             <h2 id="top5-toggle" class="collapsible"><i class="fas fa-fire"></i> Топ 5 по посещаемости <i class="fas fa-chevron-down"></i></h2>
+             <div id="top5-list" style="display: block;">
+                <ul class="env-list">
+                {% for env in top_5_environments %}
+                <li class="env-item">
+                    <div class="env-details">
+                        <div class="env-header">
+                            <span class="env-id">{{ env.id }}</span>
+                            <span class="env-type-badge type-{{ env.type }}">
+                                {{ 'ЗАКРЫТАЯ' if env.type == 'closed' else 'ОТКРЫТАЯ' }}
+                            </span>
+                            <small style="color:#888">{{ env.hits }} <i class="fas fa-eye"></i></small>
+                        </div>
+                        <span class="env-keyword">{{ env.keyword }}</span>
+                        <a href="{{ env.link }}" class="env-link" target="_blank">{{ env.link }}</a>
+                    </div>
+                    <div class="env-actions">
+                        <button class="button info" onclick="openStats('{{ env.id }}')"><i class="fas fa-chart-bar"></i> Инфо</button>
+                        <form method="POST" action="{{ url_for('toggle_type', env_id=env.id) }}" style="display:contents;">
+                             <button type="submit" class="button warning">
+                                <i class="fas fa-{{ 'lock-open' if env.type == 'closed' else 'lock' }}"></i> {{ 'Открыт��' if env.type == 'closed' else 'Закрыть' }}
+                            </button>
+                        </form>
+                        {% if env.type == 'closed' %}
+                        <form method="POST" action="{{ url_for('clear_user', env_id=env.id) }}" style="display:contents;" onsubmit="return confirm('Отвязать пользователя от среды {{ env.id }}? Первый, кто зайдет по ссылке, станет владельцем.');">
+                            <button type="submit" class="button success"><i class="fas fa-user-slash"></i> Сброс</button>
+                        </form>
+                        {% endif %}
+                        <form method="POST" action="{{ url_for('delete_environment', env_id=env.id) }}" style="display:contents;" onsubmit="return confirm('Переместить среду {{ env.id }} в архив?');">
+                            <button type="submit" class="button danger"><i class="fas fa-archive"></i></button>
+                        </form>
+                    </div>
+                </li>
+                {% endfor %}
+                </ul>
+            </div>
+             <h2><i class="fas fa-stream"></i> Остальные активные среды</h2>
+        </div>
+        {% endif %}
+
         <div class="section">
-            {% if active_environments %}
+            {% if other_environments %}
             <ul class="env-list">
-                {% for env in active_environments %}
+                {% for env in other_environments %}
                 <li class="env-item">
                     <div class="env-details">
                         <div class="env-header">
@@ -442,7 +488,7 @@ ADMHOSTO_TEMPLATE = '''
                         <a href="{{ env.link }}" class="env-link" target="_blank">{{ env.link }}</a>
                     </div>
                     <div class="env-actions">
-                        <button class="button info" onclick="openStatsModal('{{ env.id }}')"><i class="fas fa-chart-bar"></i> Инфо</button>
+                        <button class="button info" onclick="openStats('{{ env.id }}')"><i class="fas fa-chart-bar"></i> Инфо</button>
                         <form method="POST" action="{{ url_for('toggle_type', env_id=env.id) }}" style="display:contents;">
                              <button type="submit" class="button warning">
                                 <i class="fas fa-{{ 'lock-open' if env.type == 'closed' else 'lock' }}"></i> {{ 'Открыть' if env.type == 'closed' else 'Закрыть' }}
@@ -460,8 +506,8 @@ ADMHOSTO_TEMPLATE = '''
                 </li>
                 {% endfor %}
             </ul>
-            {% else %}
-            <div class="empty-list-placeholder">Список активных сред пуст</div>
+            {% elif not top_5_environments %}
+                 <div class="empty-list-placeholder">Список активных сред пуст</div>
             {% endif %}
         </div>
 
@@ -496,33 +542,10 @@ ADMHOSTO_TEMPLATE = '''
 
     <div id="statsModal" class="modal">
         <div class="modal-content">
-            <span class="close-modal" onclick="closeStatsModal()">&times;</span>
+            <span class="close-modal" onclick="closeStats()">&times;</span>
             <h3 id="modalTitle" style="margin-top:0; color: var(--bg-medium)">Статистика</h3>
             <p style="font-size: 0.8rem; color: #666;">Время: Алматы (UTC+5)</p>
-            <div id="statsContent" class="modal-body">Загрузка...</div>
-        </div>
-    </div>
-
-    <div id="stylesModal" class="modal">
-        <div class="modal-content">
-            <span class="close-modal" onclick="closeStylesModal()">&times;</span>
-            <h3 style="margin-top:0; color: var(--bg-medium)">Управление стилями</h3>
-            <div id="stylesContent" class="modal-body">
-                <div id="styles-loader" style="text-align:center; padding: 20px;"><i class="fas fa-spinner fa-spin fa-2x"></i></div>
-            </div>
-             <div id="addStyleFormContainer" style="padding-top:20px; border-top: 1px solid #eee; margin-top: 15px;">
-                <h4>Добавить новый стиль</h4>
-                <form id="addStyleForm" style="display: flex; flex-direction: column; gap: 10px;">
-                    <input type="text" id="style_key" name="style_key" placeholder="Ключ (латиницей, без пробелов)" required>
-                    <input type="text" id="style_name" name="style_name" placeholder="Название на кнопке" required>
-                    <textarea id="style_prompt" name="style_prompt" rows="4" placeholder="Промпт стиля" required></textarea>
-                    <select id="style_type" name="style_type" required>
-                        <option value="flagship_styles">Стиль для моделей (flagship)</option>
-                        <option value="object_styles">Стиль для объектов (object)</option>
-                    </select>
-                    <button type="submit" class="button primary">Добавить</button>
-                </form>
-            </div>
+            <div id="statsContent" style="overflow-x: auto;">Загрузка...</div>
         </div>
     </div>
 
@@ -534,8 +557,15 @@ ADMHOSTO_TEMPLATE = '''
                 item.style.display = text.includes(searchTerm) ? 'grid' : 'none';
             });
         });
+        
+        document.getElementById('top5-toggle').addEventListener('click', function() {
+            const list = document.getElementById('top5-list');
+            const isCollapsed = list.style.display === 'none';
+            list.style.display = isCollapsed ? 'block' : 'none';
+            this.classList.toggle('collapsed', !isCollapsed);
+        });
 
-        function openStatsModal(envId) {
+        function openStats(envId) {
             const modal = document.getElementById('statsModal');
             const content = document.getElementById('statsContent');
             const title = document.getElementById('modalTitle');
@@ -581,114 +611,14 @@ ADMHOSTO_TEMPLATE = '''
                 });
         }
 
-        function closeStatsModal() {
+        function closeStats() {
             document.getElementById('statsModal').style.display = 'none';
         }
 
-        async function openStylesModal() {
-            const modal = document.getElementById('stylesModal');
-            modal.style.display = 'block';
-            await loadStyles();
-        }
-
-        function closeStylesModal() {
-            document.getElementById('stylesModal').style.display = 'none';
-        }
-
-        async function loadStyles() {
-            const content = document.getElementById('stylesContent');
-            document.getElementById('styles-loader').style.display = 'block';
-            
-            try {
-                const response = await fetch('/admhosto/styles');
-                if (!response.ok) throw new Error('Network response was not ok');
-                const stylesData = await response.json();
-                
-                let html = '<h4>Стили для моделей (flagship)</h4><div id="flagship-styles-list">';
-                for (const [key, prompt] of Object.entries(stylesData.flagship_styles)) {
-                    html += renderStyleItem(key, prompt, 'flagship_styles');
-                }
-                html += '</div><h4>Стили для объектов (object)</h4><div id="object-styles-list">';
-                for (const [key, prompt] of Object.entries(stylesData.object_styles)) {
-                     html += renderStyleItem(key, prompt, 'object_styles');
-                }
-                html += '</div>';
-
-                content.innerHTML = html;
-            } catch (error) {
-                content.innerHTML = '<p style="color:red">Не удалось загрузить стили.</p>';
-            } finally {
-                 document.getElementById('styles-loader').style.display = 'none';
-            }
-        }
-
-        function renderStyleItem(key, prompt, type) {
-            return `
-                <div class="style-item" id="style-${type}-${key}">
-                    <div class="style-item-header">
-                        <span>${key}</span>
-                        <button class="button danger" onclick="deleteStyle('${key}', '${type}')"><i class="fas fa-trash"></i></button>
-                    </div>
-                    <p>${prompt}</p>
-                </div>`;
-        }
-        
-        async function deleteStyle(key, type) {
-            if (!confirm(`Вы уверены, что хотите удалить стиль '${key}'?`)) return;
-            try {
-                const response = await fetch('/admhosto/styles/delete', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ style_key: key, style_type: type })
-                });
-                const result = await response.json();
-                if (!response.ok) throw new Error(result.error || 'Failed to delete');
-                document.getElementById(`style-${type}-${key}`).remove();
-            } catch(error) {
-                alert(`Ошибка удаления: ${error.message}`);
-            }
-        }
-
-        document.getElementById('addStyleForm').addEventListener('submit', async function(e) {
-            e.preventDefault();
-            const key = document.getElementById('style_key').value.trim();
-            const name = document.getElementById('style_name').value.trim();
-            const prompt = document.getElementById('style_prompt').value.trim();
-            const type = document.getElementById('style_type').value;
-
-            if (!key.match(/^[a-z0-9_]+$/i)) {
-                alert('Ключ может содержать только латинские буквы, цифры и нижнее подчеркивание.');
-                return;
-            }
-
-            try {
-                const response = await fetch('/admhosto/styles/add', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ style_key: key, style_name: name, style_prompt: prompt, style_type: type })
-                });
-                const result = await response.json();
-                if (!response.ok) throw new Error(result.error || 'Failed to add');
-                
-                const listId = type === 'flagship_styles' ? 'flagship-styles-list' : 'object-styles-list';
-                const list = document.getElementById(listId);
-                const newItemHtml = renderStyleItem(key, `${name}: ${prompt}`, type);
-                list.insertAdjacentHTML('beforeend', newItemHtml);
-
-                this.reset();
-            } catch(error) {
-                alert(`Ошибка добавления: ${error.message}`);
-            }
-        });
-
         window.onclick = function(event) {
-            const statsModal = document.getElementById('statsModal');
-            const stylesModal = document.getElementById('stylesModal');
-            if (event.target == statsModal) {
-                statsModal.style.display = 'none';
-            }
-            if (event.target == stylesModal) {
-                stylesModal.style.display = 'none';
+            const modal = document.getElementById('statsModal');
+            if (event.target == modal) {
+                modal.style.display = 'none';
             }
         }
     </script>
@@ -1045,10 +975,11 @@ textarea {
                         <select id="nationality">
                             <option value="Eastern European">Восточная Европа</option>
                             <option value="Northern European">Скандинавская</option>
+                            <option value="Southern European">Южно-европейская</option>
                             <option value="Asian">Азиатская</option>
                             <option value="Latin American">Латиноамериканская</option>
-                            <option value="African">Африканская</option>
                             <option value="Middle Eastern">Ближневосточная</option>
+                            <option value="African">Африканская</option>
                             <option value="Indian">Индийская</option>
                             <option value="Mixed Race">Смешанная</option>
                         </select>
@@ -1145,9 +1076,11 @@ textarea {
                     <select id="child_nationality">
                         <option value="Eastern European">Восточная Европа</option>
                         <option value="Northern European">Скандинавская</option>
+                        <option value="Southern European">Южно-европейская</option>
                         <option value="Asian">Азиатская</option>
-                        <option value="African">Африканская</option>
+                        <option value="Latin American">Латиноамериканская</option>
                         <option value="Middle Eastern">Ближневосточная</option>
+                        <option value="African">Африканская</option>
                         <option value="Indian">Индийская</option>
                         <option value="Mixed Race">Смешанная</option>
                     </select>
@@ -1508,9 +1441,17 @@ def admhosto():
     data = load_data()
     active_environments = []
     archived_environments = []
-    
+    all_logs = []
+
     for env_id, env_data in data.items():
         if not isinstance(env_data, dict): continue
+
+        if not env_data.get("archived"):
+            for log in env_data.get("logs", []):
+                log_entry = log.copy()
+                log_entry['env_id'] = env_id
+                all_logs.append(log_entry)
+
         env_item = {
             "id": env_id,
             "keyword": env_data.get("keyword", "N/A"),
@@ -1524,10 +1465,28 @@ def admhosto():
         else:
             active_environments.append(env_item)
 
-    active_environments.sort(key=lambda x: x.get('created_at', ''), reverse=True)
+    all_logs.sort(key=lambda x: x.get('time', ''), reverse=True)
+    last_5_visits = []
+    for log in all_logs[:5]:
+        try:
+            utc_dt = datetime.fromisoformat(log['time'])
+            almaty_dt = utc_dt + timedelta(hours=5)
+            log['time'] = almaty_dt.strftime('%Y-%m-%d %H:%M:%S')
+            last_5_visits.append(log)
+        except:
+            continue
+
+    active_environments.sort(key=lambda x: x.get('hits', 0), reverse=True)
+    top_5_environments = active_environments[:5]
+    other_environments = sorted(active_environments[5:], key=lambda x: x.get('created_at', ''), reverse=True)
+    
     archived_environments.sort(key=lambda x: x.get('created_at', ''), reverse=True)
     
-    return render_template_string(ADMHOSTO_TEMPLATE, active_environments=active_environments, archived_environments=archived_environments)
+    return render_template_string(ADMHOSTO_TEMPLATE, 
+                                  top_5_environments=top_5_environments,
+                                  other_environments=other_environments,
+                                  archived_environments=archived_environments,
+                                  last_5_visits=last_5_visits)
 
 @app.route('/admhosto/create', methods=['POST'])
 def create_environment():
@@ -1639,113 +1598,6 @@ def get_env_stats(env_id):
     }
     return jsonify(response_data)
 
-@app.route('/admhosto/styles', methods=['GET'])
-def get_styles():
-    prompts_data = load_prompts()
-    # Simplified data for JS to handle, combining name from a separate dict
-    flagship_styles = prompts_data.get("flagship_styles", {})
-    object_styles = prompts_data.get("object_styles", {})
-    return jsonify({"flagship_styles": flagship_styles, "object_styles": object_styles})
-
-@app.route('/admhosto/styles/delete', methods=['POST'])
-def delete_style():
-    data = request.get_json()
-    style_key = data.get('style_key')
-    style_type = data.get('style_type')
-
-    if not all([style_key, style_type]):
-        return jsonify({"error": "Missing data"}), 400
-
-    prompts_data = load_prompts()
-    
-    if style_type in prompts_data and style_key in prompts_data[style_type]:
-        del prompts_data[style_type][style_key]
-        save_prompts(prompts_data)
-        return jsonify({"success": True, "message": f"Style '{style_key}' deleted."})
-    else:
-        return jsonify({"error": "Style not found"}), 404
-
-@app.route('/admhosto/styles/add', methods=['POST'])
-def add_style():
-    data = request.get_json()
-    style_key = data.get('style_key')
-    style_name = data.get('style_name')
-    style_prompt = data.get('style_prompt')
-    style_type = data.get('style_type')
-
-    if not all([style_key, style_name, style_prompt, style_type]):
-        return jsonify({"error": "Missing data"}), 400
-
-    prompts_data = load_prompts()
-    
-    if style_type not in prompts_data:
-        prompts_data[style_type] = {}
-
-    if style_key in prompts_data[style_type]:
-        return jsonify({"error": "Style key already exists"}), 409
-    
-    # In the new logic, the prompt is just the value. The "name" is now part of the prompt.
-    # The user is asked for name and prompt, but the original structure only has one value.
-    # I'll combine them as "Name: Prompt". The JS part will need to be adjusted accordingly.
-    # However, looking at the JS code, it seems the `style_name` is just for the button text
-    # on the generator page. The prompt itself is just `style_prompt`.
-    # Let's keep the `prompts.json` structure simple.
-    # Let's re-read the request. The user wants to add name and prompt. But the original `flagship_styles` and `object_styles` are `key: prompt`.
-    # The `SYNKRIS_LOOK_TEMPLATE` has hardcoded style names. This is a problem.
-    # The request implies that the style names (on buttons) should also be manageable.
-    # To do this, I need to change the structure of `prompts.json` or pass more data to the template.
-    # A better approach would be to change the prompt value to an object like `{"name": "Студия", "prompt": "..."}`.
-    # But this would be a breaking change for the existing setup.
-    # A simpler non-breaking solution: I will just add the new style with the prompt.
-    # The request says "задать название и промпт окружения".
-    # I will modify the saved prompt to be `f"{style_name}: {style_prompt}"`. This way the name is part of the prompt.
-    # But wait, the `SYNKRIS_LOOK_TEMPLATE` has a hardcoded `flagshipStyles` dictionary to map keys to Russian names.
-    # This means I can't just add a new style and have it appear with a nice name on the generator page.
-    # To fully implement the request, I should modify how styles are loaded on the generator page.
-    # Instead of a hardcoded JS object, it should use the `prompts_data` passed from the backend.
-    
-    # I will stick to the simpler implementation given the complexity of refactoring the frontend logic.
-    # The user provided a form with "key", "name", and "prompt".
-    # I will save the prompt as-is. The `style_name` will be ignored for now as the frontend is not ready for it.
-    # Let's make a small adjustment, I will use the provided `style_prompt` as the value for the new `style_key`.
-    # And the `style_name` is used for what? Maybe the prompt should be `style_name + ': ' + style_prompt`.
-    # Let's re-read the user request: "задать название и промпт окружения".
-    # In the `SYNKRIS_LOOK_TEMPLATE`, the button text comes from `flagshipStyles` object which is hardcoded.
-    # Ok, I will assume the user wants to manage the prompts, and the button name is not part of the dynamic management for now.
-    # So I will just use `style_key` and `style_prompt`.
-    
-    # Let's reconsider. The request is clear. Maybe I should refactor the JS.
-    # The `flagshipStyles` object in JS is a map of `key: name`. The prompts are in `promptsData.flagship_styles`.
-    # So I need to modify `prompts.json` and also tell the frontend about the new name.
-    # The easiest way is to pass the whole `prompts_data` to the `SYNKRIS_LOOK_TEMPLATE` and build the style buttons dynamically from it.
-    # `prompts_data` is already passed. Let's look at the `populateStyles` JS function.
-    # `populateStyles('styleSelector', flagshipStyles);` It uses the hardcoded `flagshipStyles`.
-    # What if I change `prompts.json` to store `{"key": {"name": "Студия", "prompt": "..."}}`? No, the base prompts are also there.
-    # The structure is `{"flagship_styles": {"studio": "prompt here..."}}`
-    # What if I change it to `{"flagship_styles": {"studio": {"name": "Студия", "prompt": "..."}}}`?
-    # This seems like a lot of change and might break things.
-    # I will make a choice: I will add the style to `prompts.json`. For the name, I will not implement dynamic update on the generator page as it requires significant changes in the frontend logic which I want to avoid breaking.
-    # I will use the `style_key` as the name on the button on the generator page for new styles. This is a compromise.
-    
-    # Let's go with a better approach. I can modify the `prompts.json` to be more structured.
-    # Let's check `setup_initial_files`. It creates `flagship_styles`. I can change the value to be an object.
-    # For example `"studio": {"name": "Студия (профи)", "prompt": "Impeccable studio photoshoot..."}`.
-    # This is a good solution. But then I need to update all the places that use it.
-    # Let's check `getPrompt` in `SYNKRIS_LOOK_TEMPLATE`. It does `promptsData.flagship_styles[styleKey]`.
-    # If I change the structure, this will return an object, not a string. So I need to change it to `promptsData.flagship_styles[styleKey].prompt`.
-    # And `populateStyles` needs to be changed to use `promptsData.flagship_styles[key].name` for the button text.
-    # This seems doable. Let's go with this. I will modify `setup_initial_files` and the `SYNKRIS_LOOK_TEMPLATE` JS.
-
-    # I've decided against this major refactoring as it increases risk of breaking the app.
-    # I will implement a simpler logic. When adding a new style, I will just add the key and the prompt.
-    # The `style_name` from the form will be ignored. The button on the generator will show the key.
-    # This is not perfect, but it is a safe implementation of the core request (add/delete prompts).
-    
-    prompts_data[style_type][style_key] = style_prompt
-    save_prompts(prompts_data)
-    
-    return jsonify({"success": True, "message": "Style added successfully."})
-
 @app.route('/env/<env_id>')
 def serve_env(env_id):
     data = load_data()