Update app.py

app.py

@@ -62,7 +62,7 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
                         try:
                             if file_name == DATA_FILE:
                                 with open(file_name, 'w', encoding='utf-8') as f:
-                                    json.dump({}, f)
+                                    json.dump({"environments": {}, "archive": {}}, f)
                         except Exception:
                             pass
                     success = True
@@ -110,18 +110,22 @@ def load_data():
         with open(DATA_FILE, 'r', encoding='utf-8') as f:
             data = json.load(f)
         if not isinstance(data, dict):
-            data = {}
+            data = {"environments": {}, "archive": {}}
+        if "environments" not in data:
+            data["environments"] = {}
+        if "archive" not in data:
+            data["archive"] = {}
     except (FileNotFoundError, json.JSONDecodeError):
         if download_db_from_hf(specific_file=DATA_FILE):
             try:
                 with open(DATA_FILE, 'r', encoding='utf-8') as f:
                     data = json.load(f)
-                if not isinstance(data, dict):
-                    data = {}
+                if "environments" not in data or "archive" not in data:
+                     data = {"environments": data, "archive": {}}
             except (FileNotFoundError, json.JSONDecodeError):
-                data = {}
+                data = {"environments": {}, "archive": {}}
         else:
-            data = {}
+            data = {"environments": {}, "archive": {}}
     return data
 
 def save_data(data):
@@ -178,113 +182,39 @@ ADMHOSTO_TEMPLATE = '''
             --text-on-accent: #003C43;
             --danger: #E57373;
             --warning: #ffcc80;
+            --info: #64b5f6;
+            --grey: #9e9e9e;
         }
         * { box-sizing: border-box; }
         body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); margin: 0; padding: 15px; }
         .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); }
-        h1 { font-weight: 600; color: var(--bg-medium); margin-bottom: 25px; text-align: center; font-size: 1.5rem; }
-        
+        h1, h2 { font-weight: 600; color: var(--bg-medium); margin-bottom: 25px; text-align: center; font-size: 1.5rem; }
+        h2 { font-size: 1.3rem; margin-top: 40px; border-top: 1px solid #eee; padding-top: 25px; }
         .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"] {
-            width: 100%;
-            padding: 12px;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            font-size: 1rem;
-            font-family: inherit;
-            background: #fff;
-            -webkit-appearance: none;
-        }
-
-        .controls-row {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            gap: 15px;
-            flex-wrap: wrap;
-        }
-        
+        .add-env-form { display: flex; flex-direction: column; gap: 15px; background: #f8f9fa; padding: 15px; border-radius: 10px; border: 1px solid #e9ecef; }
+        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; }
+        .controls-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
         .radio-group { display: flex; gap: 15px; }
         .radio-group label { cursor: pointer; display: flex; align-items: center; gap: 6px; font-weight: 500; font-size: 0.95rem; }
-        
-        .button { 
-            padding: 12px 20px; 
-            border: none; 
-            border-radius: 8px; 
-            background-color: var(--accent); 
-            color: var(--text-on-accent); 
-            font-weight: 600; 
-            cursor: pointer; 
-            text-decoration: none; 
-            display: inline-flex; 
-            align-items: center; 
-            justify-content: center;
-            gap: 8px; 
-            font-size: 1rem;
-            transition: opacity 0.2s;
-        }
+        .button { padding: 12px 20px; border: none; border-radius: 8px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 600; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 1rem; transition: opacity 0.2s; }
         .button:hover { opacity: 0.9; }
         .button:active { transform: scale(0.98); }
-        
         .env-list { list-style: none; padding: 0; margin: 0; }
-        .env-item { 
-            background: #fff; 
-            border: 1px solid #e0e0e0; 
-            border-radius: 10px; 
-            padding: 15px; 
-            margin-bottom: 12px; 
-            display: grid; 
-            grid-template-columns: 1fr auto; 
-            align-items: center; 
-            gap: 15px;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.02);
-        }
-        
+        .env-item { background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 15px; margin-bottom: 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
         .env-details { display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
         .env-header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
         .env-id { font-weight: 700; color: var(--bg-medium); font-size: 1.1rem; }
         .env-keyword { font-style: italic; color: #666; font-size: 0.9rem;}
-        
-        .env-link { 
-            font-size: 0.9rem; 
-            color: #007bff; 
-            word-break: break-all; 
-            text-decoration: none;
-            padding: 5px 0;
-            display: block;
-        }
-        
-        .env-type-badge { 
-            font-size: 0.75rem; 
-            padding: 3px 8px; 
-            border-radius: 20px; 
-            font-weight: bold; 
-            text-transform: uppercase;
-            white-space: nowrap;
-        }
+        .env-link { font-size: 0.9rem; color: #007bff; word-break: break-all; text-decoration: none; padding: 5px 0; display: block; }
+        .env-type-badge { font-size: 0.75rem; padding: 3px 8px; border-radius: 20px; font-weight: bold; text-transform: uppercase; white-space: nowrap; }
         .type-open { background-color: #d4edda; color: #155724; }
         .type-closed { background-color: #f8d7da; color: #721c24; }
-        
-        .env-actions { display: flex; gap: 8px; }
-        .stats-button { background-color: #5d4037; color: white; padding: 10px 15px; font-size: 0.9rem;}
+        .env-actions { display: flex; flex-wrap: wrap; gap: 8px; }
+        .action-button { background-color: var(--info); color: white; padding: 10px 15px; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; }
         .delete-button { background-color: var(--danger); color: white; padding: 10px 15px; font-size: 0.9rem;}
-        
         .message { padding: 12px; border-radius: 8px; margin-bottom: 20px; text-align: center; font-size: 0.95rem; }
         .message.success { background-color: #d4edda; color: #155724; }
         .message.error { background-color: #f8d7da; color: #721c24; }
-        
-        /* Modal */
         .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: 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; }
@@ -292,46 +222,18 @@ ADMHOSTO_TEMPLATE = '''
         .stats-table th, .stats-table td { border: 1px solid #eee; padding: 10px 8px; text-align: left; }
         .stats-table th { background-color: var(--bg-medium); color: white; }
         .stats-table tr:nth-child(even) { background-color: #f9f9f9; }
-
-        /* Mobile Optimization */
+        .archived-item { opacity: 0.6; border-left: 4px solid var(--grey); }
+        .archived-item .env-id { text-decoration: line-through; }
         @media (max-width: 600px) {
             body { padding: 10px; }
             .container { padding: 15px; }
             h1 { font-size: 1.3rem; margin-bottom: 20px; }
-            
-            .controls-row {
-                flex-direction: column;
-                align-items: stretch;
-            }
-            .radio-group {
-                justify-content: space-between;
-                background: #fff;
-                padding: 10px;
-                border-radius: 8px;
-                border: 1px solid #ddd;
-            }
+            .controls-row { flex-direction: column; align-items: stretch; }
+            .radio-group { justify-content: space-between; background: #fff; padding: 10px; border-radius: 8px; border: 1px solid #ddd; }
             .button { width: 100%; padding: 14px; }
-            
-            .env-item {
-                grid-template-columns: 1fr;
-                gap: 12px;
-                position: relative;
-                padding-bottom: 60px; /* Space for buttons */
-            }
-            
-            .env-actions {
-                position: absolute;
-                bottom: 15px;
-                left: 15px;
-                right: 15px;
-                display: grid;
-                grid-template-columns: 3fr 1fr;
-                gap: 10px;
-            }
-            
-            .env-actions button { width: 100%; }
-            .env-actions form { width: 100%; }
-            
+            .env-item { grid-template-columns: 1fr; gap: 12px; }
+            .env-actions { flex-direction: column; }
+            .env-actions .button { width: 100%; }
             .modal-content { margin: 10% auto; width: 95%; padding: 20px 15px; }
             .stats-table th, .stats-table td { font-size: 0.75rem; padding: 6px 4px; }
         }
@@ -377,26 +279,68 @@ ADMHOSTO_TEMPLATE = '''
                                 {{ 'ЗАКРЫТАЯ' if env.type == 'closed' else 'ОТКРЫТАЯ' }}
                             </span>
                             <small style="color:#888">{{ env.hits }} <i class="fas fa-eye"></i></small>
+                            {% if env.type == 'closed' and env.has_token %}
+                                <i class="fas fa-user-check" title="Привязано к устройству" style="color: green;"></i>
+                            {% endif %}
                         </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 stats-button" onclick="openStats('{{ env.id }}')"><i class="fas fa-chart-bar"></i> Инфо</button>
-                        <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 delete-button"><i class="fas fa-trash"></i></button>
+                        <button class="button action-button" style="background-color: #5d4037;" 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 action-button" style="background-color: var(--warning); color: #333;"><i class="fas fa-sync-alt"></i> 
+                                {{ 'Сделать открытой' if env.type == 'closed' else 'Сделать закрытой' }}
+                            </button>
+                        </form>
+                        
+                        {% if env.type == 'closed' %}
+                        <form method="POST" action="{{ url_for('reset_device', env_id=env.id) }}" style="display:contents;" onsubmit="return confirm('Отвязать устройство от среды {{ env.id }}?');">
+                            <button type="submit" class="button action-button" style="background-color: var(--info);"><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 delete-button"><i class="fas fa-archive"></i></button>
                         </form>
                     </div>
                 </li>
                 {% endfor %}
             </ul>
             {% else %}
-            <div style="text-align:center; padding: 20px; color: #888;">Список пуст</div>
+            <div style="text-align:center; padding: 20px; color: #888;">Список активных сред пуст</div>
             {% endif %}
         </div>
+
+        {% if archived_environments %}
+        <h2><i class="fas fa-archive"></i> Архив</h2>
+        <div class="section">
+            <ul class="env-list">
+                {% for env in archived_environments %}
+                <li class="env-item archived-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>
+                        </div>
+                        <span class="env-keyword">{{ env.keyword }}</span>
+                    </div>
+                    <div class="env-actions">
+                        <form method="POST" action="{{ url_for('restore_environment', env_id=env.id) }}" style="display:contents;">
+                            <button type="submit" class="button action-button" style="background-color: #4caf50;"><i class="fas fa-undo"></i> Восстановить</button>
+                        </form>
+                    </div>
+                </li>
+                {% endfor %}
+            </ul>
+        </div>
+        {% endif %}
+
     </div>
 
-    <!-- Modal -->
     <div id="statsModal" class="modal">
         <div class="modal-content">
             <span class="close-modal" onclick="closeStats()">&times;</span>
@@ -721,13 +665,13 @@ select option {
     display: contents;
 }
 
-.style-grid {
+.grid-selector {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
 }
 
-.style-btn {
+.grid-btn {
     padding: 12px 10px;
     background-color: var(--input-bg);
     border: 1px solid var(--border);
@@ -741,12 +685,12 @@ select option {
     width: 100%;
 }
 
-.style-btn:hover {
+.grid-btn:hover {
     border-color: var(--primary);
     color: var(--text);
 }
 
-.style-btn.active {
+.grid-btn.active {
     background-color: var(--primary);
     color: #000;
     border-color: var(--primary);
@@ -890,13 +834,13 @@ select option {
                 </div>
                 <div class="form-group full-width">
                     <label>Эстетика</label>
-                    <div id="styleSelector" class="style-grid">
-                        <button type="button" class="style-btn active" data-value="Raw Candid Photography">Живое фото (Raw)</button>
-                        <button type="button" class="style-btn" data-value="Cinematic Movie Still">Кадр из фильма</button>
-                        <button type="button" class="style-btn" data-value="Fashion Editorial">Модный журнал</button>
-                        <button type="button" class="style-btn" data-value="Street Style Photo">Уличный стиль</button>
-                        <button type="button" class="style-btn" data-value="Dark Moody Atmosphere">Мрачная атмосфера</button>
-                        <button type="button" class="style-btn" data-value="Vintage Analog Film">Пленка (Vintage)</button>
+                    <div id="styleSelector" class="grid-selector">
+                        <button type="button" class="grid-btn active" data-value="Raw Candid Photography">Живое фото (Raw)</button>
+                        <button type="button" class="grid-btn" data-value="Cinematic Movie Still">Кадр из фильма</button>
+                        <button type="button" class="grid-btn" data-value="Fashion Editorial">Модный журнал</button>
+                        <button type="button" class="grid-btn" data-value="Street Style Photo">Уличный стиль</button>
+                        <button type="button" class="grid-btn" data-value="Dark Moody Atmosphere">Мрачная атмосфера</button>
+                        <button type="button" class="grid-btn" data-value="Vintage Analog Film">Пленка (Vintage)</button>
                     </div>
                 </div>
                 <div class="form-group">
@@ -910,19 +854,19 @@ select option {
                     </select>
                 </div>
                 <div class="form-group full-width">
-                    <label for="location">Локация</label>
-                    <select id="location">
-                        <option value="in a clean white seamless studio background">Студия (белый фон)</option>
-                        <option value="in a creative editorial studio with mirrors and geometric shapes">Студия "Эдиториал" (зеркала)</option>
-                        <option value="on a rainy night street in Tokyo with neon lights">Улица (ночной Токио, неон)</option>
-                        <option value="in a minimalist modern interior with concrete walls">Минимализм (лофт, бетон)</option>
-                        <option value="on a rooftop overlooking the city skyline at sunset">Крыша с видом на город</option>
-                        <option value="in a luxurious vintage room with classic furniture">Роскошный интерьер (винтаж)</option>
-                        <option value="in a dense, magical forest with sunbeams filtering through">Природа (сказочный лес)</option>
-                        <option value="on a beautiful sandy beach during the golden hour">Природа (пляж, закат)</option>
-                        <option value="in a vibrant, bustling urban market">Город (оживленный рынок)</option>
-                        <option value="inside a futuristic, sci-fi corridor with glowing lines">Фантастика (коридор)</option>
-                    </select>
+                    <label>Локация</label>
+                    <div id="locationSelector" class="grid-selector">
+                        <button type="button" class="grid-btn active" data-value="in a clean white seamless studio background">Студия (белый фон)</button>
+                        <button type="button" class="grid-btn" data-value="in a raw industrial loft studio with exposed brick">Лофт (кирпич, бетон)</button>
+                        <button type="button" class="grid-btn" data-value="on a rainy night street in Tokyo with neon reflections">Ночной Токио (неон)</button>
+                        <button type="button" class="grid-btn" data-value="in a minimalist modern interior with designer furniture">Минимализм (интерьер)</button>
+                        <button type="button" class="grid-btn" data-value="on a rooftop overlooking the city skyline at sunset">Крыша (закат)</button>
+                        <button type="button" class="grid-btn" data-value="in a luxurious vintage room with classic furniture">Роскошный винтаж</button>
+                        <button type="button" class="grid-btn" data-value="in a dense, magical forest with sunbeams filtering through">Сказочный лес</button>
+                        <button type="button" class="grid-btn" data-value="on a beautiful sandy beach during the golden hour">Пляж (золотой час)</button>
+                        <button type="button" class="grid-btn" data-value="in a charming cobblestone alley in a European city">Европейская улочка</button>
+                        <button type="button" class="grid-btn" data-value="in a grand library with floor-to-ceiling bookshelves">Библиотека</button>
+                    </div>
                 </div>
                 <div class="form-group full-width">
                     <label for="model_details">Одежда и Детали (Опишите ткань и фасон!)</label>
@@ -1231,14 +1175,14 @@ function toggleCreativeMode() {
     document.getElementById('object_background').disabled = isCreative;
 }
 
-function setupStyleSelector() {
-    const styleContainer = document.getElementById('styleSelector');
-    if (!styleContainer) return;
-    const styleButtons = styleContainer.querySelectorAll('.style-btn');
+function setupGridSelector(containerId) {
+    const container = document.getElementById(containerId);
+    if (!container) return;
+    const buttons = container.querySelectorAll('.grid-btn');
 
-    styleButtons.forEach(btn => {
+    buttons.forEach(btn => {
         btn.addEventListener('click', () => {
-            styleButtons.forEach(innerBtn => innerBtn.classList.remove('active'));
+            buttons.forEach(innerBtn => innerBtn.classList.remove('active'));
             btn.classList.add('active');
         });
     });
@@ -1251,11 +1195,11 @@ async function processAndOpen() {
     
     if (currentMode === 'model') {
         const isMyModel = document.getElementById('my_model_checkbox').checked;
-        const style = document.querySelector('#styleSelector .style-btn.active').dataset.value;
+        const style = document.querySelector('#styleSelector .grid-btn.active').dataset.value;
         const shotType = document.getElementById('shotType').value;
         const bodyType = document.getElementById('bodyType').value;
         const pose = document.getElementById('pose').value;
-        const location = document.getElementById('location').value;
+        const location = document.querySelector('#locationSelector .grid-btn.active').dataset.value;
         const light = document.getElementById('light').value;
         const camera = document.getElementById('camera').value;
         
@@ -1265,12 +1209,12 @@ async function processAndOpen() {
 INSTRUCTIONS FOR AI: This is a virtual try-on task. You will be given two images.
 - Image 1 (Model): Use this as the reference for the model's face, identity, pose, and body shape.
 - Image 2 (Garment): Use this image for the clothing item.
-Task: Accurately dress the model from Image 1 in the clothing from Image 2. The final image must preserve the model's exact likeness and facial identity. The model should have a body type of "${bodyType}".
+Task: Accurately dress the model from Image 1 in the clothing from Image 2. The final image must preserve the model's exact likeness, facial identity, and hair. The model should have a body type of "${bodyType}".
 Style: ${style}, hyper-detailed, luxury brand campaign, Vogue aesthetic, impeccable.
 Composition: ${shotType}.
 Final Scene: Place the model in the following environment: ${location}.
 Lighting: The scene should have ${light}.
-Technical: Masterpiece professional photograph, shot on ${camera}, 8k UHD, tack sharp focus, breathtaking detail, perfect color grading.`;
+Technical: Masterpiece professional photograph, shot on ${camera}, 8k UHD, tack sharp focus, breathtaking detail, perfect color grading, 100% photorealistic, no hint of AI.`;
         } else {
             const age = document.getElementById('age').value;
             const nationality = document.getElementById('nationality').value;
@@ -1280,15 +1224,15 @@ Technical: Masterpiece professional photograph, shot on ${camera}, 8k UHD, tack
             const emotion = document.getElementById('emotion').value;
             const details = document.getElementById('model_details').value || "high-end fashion garments";
             
-            fullPrompt = `${envKeyword}, style:: ${style}, high fashion editorial, luxury brand campaign (like Dior, D&G), Vogue aesthetic, hyper-detailed, impeccable.
+            fullPrompt = `${envKeyword}, style:: ${style}, high fashion editorial, luxury brand campaign, Vogue aesthetic, hyper-detailed, impeccable, 1000% photorealistic.
 composition:: ${shotType}.
 subject:: An ultra-high-resolution, flawless photograph of a striking ${age} ${nationality} high fashion model.
-model_characteristics:: physique ${bodyType}, ${hairColor} ${hairstyle} styled to perfection, expression ${emotion} (powerful yet serene), pose ${pose}.
+model_characteristics:: physique ${bodyType}, ${hairColor} ${hairstyle} with visible individual hair strands and flyaways, expression ${emotion}.
 clothing_focus:: The model is wearing ${details}, emphasizing haute couture craftsmanship.
-texture_&_material_fidelity:: Extreme macro precision on textiles. Render the fabric weave, thread count, visible stitching, material weight, realistic creases and folds, tactile surface imperfections, and how light interacts with the fabric.
-human_realism_details:: Capture flawless yet realistic skin texture. Perfect complexion, highlighting bone structure with expert contouring light. The image must look professionally retouched for a high-end magazine, but retain believability. Avoid any hint of digital artifacting.
-scene_environment:: ${location}, creating a sophisticated and aspirational atmosphere.
-technical:: Masterpiece professional photograph, ${light} meticulously crafted to sculpt the subject, shot on ${camera}, 8k UHD, tack sharp focus, breathtaking detail, uncompressed, color graded to perfection, award-winning photography.`;
+texture_&_material_fidelity:: Extreme macro precision on textiles. Render the fabric weave, thread count, visible stitching, material weight, realistic creases, tactile surface imperfections. The texture must be palpable.
+human_realism_details:: Capture flawless yet utterly realistic skin texture with visible pores and subtle imperfections. Perfect complexion, highlighting bone structure. Avoid any hint of digital, plastic, or airbrushed skin. Eyes must be hyper-realistic with natural reflections.
+scene_environment:: ${location}, creating a sophisticated atmosphere.
+technical:: Masterpiece professional photograph, ${light} meticulously crafted to sculpt the subject, shot on ${camera}, 8k UHD, tack sharp focus, breathtaking detail, uncompressed, subtle filmic grain, chromatic aberration, color graded to perfection, award-winning photography.`;
         }
     
     } else if (currentMode === 'children') {
@@ -1321,12 +1265,12 @@ technical:: Masterpiece professional photograph, ${light} meticulously crafted t
 
         fullPrompt = `${envKeyword}, style:: ${style}, luxury children's fashion campaign, cinematic storytelling, enchanting, ultra-photorealistic.
 composition:: ${shotType}.
-subject:: ${subject} The photograph must look like a cover shot for a high-end children's fashion magazine.
+subject:: ${subject} The photograph must look like a real, captured moment for a high-end children's fashion magazine.
 clothing_focus:: The child is wearing ${clothing_details}, presented as a luxury garment.
-texture_&_material_fidelity:: Macro-level detail on clothing textures. Focus on the weave of cotton, the softness of wool, the texture of denim. Show realistic wrinkles, creases from movement, and even subtle fabric pilling. 100% texture fidelity is crucial.
-human_realism_details:: Capture the pure, innocent beauty of the child. Flawless, dewy skin with a natural glow. The light should have a painterly, almost magical quality, highlighting their features beautifully. Eyes must be expressive and full of life.
+texture_&_material_fidelity:: Macro-level detail on clothing textures. Focus on the weave of cotton, the softness of wool, the texture of denim. Show realistic wrinkles, creases from movement, and even subtle fabric pilling. 1000% texture fidelity is crucial.
+human_realism_details:: Capture the pure beauty of the child. Flawless, dewy skin with a natural glow and realistic texture, not airbrushed. The light should have a painterly, magical quality. Eyes must be expressive and full of life with natural reflections. Individual hair strands should be visible.
 scene_activity:: ${pose_info} The location is ${location}, creating a whimsical and high-end narrative.
-technical:: Masterpiece photograph, ${light} creating a magical and soft atmosphere, shot on Fujifilm XT4, 56mm F1.2 lens, 8k, tack sharp focus, impeccable detail, perfect color grading, looks like a real captured moment of wonder from a luxury campaign.`;
+technical:: Masterpiece photograph, ${light} creating a magical and soft atmosphere, shot on Fujifilm XT4, 56mm F1.2 lens, 8k, tack sharp focus, impeccable detail, perfect color grading, looks like a real captured moment from a luxury campaign.`;
 
     } else {
         const objectName = document.getElementById('object_name').value || "a product";
@@ -1345,7 +1289,7 @@ technical:: Masterpiece photograph, ${light} creating a magical and soft atmosph
 
         fullPrompt = `${envKeyword}, style:: Luxury product advertising, ${objectStyle}, sophisticated, sleek, ultra-photorealistic.
 subject:: A breathtaking, hyper-realistic photograph of the luxury product: ${objectName}. The image must evoke desire and exclusivity.
-material_focus:: Achieve 100% physical accuracy with an emphasis on perfection. Render pristine, flawless surfaces. Showcase the intricate details of the material grain, polished metal sheen, or crystal-clear refractions. Even microscopic details should look clean and perfect.
+material_focus:: Achieve 1000% physical accuracy. Render pristine, flawless surfaces. Showcase intricate details of the material grain, polished metal sheen, subtle surface imperfections, dust particles, and crystal-clear refractions. Even microscopic details should look clean and perfect.
 scene_context:: Placed ${background}. Additional details: ${objectDetails}, arranged with artistic precision.
 composition:: ${objectComposition}, creating a powerful and elegant visual statement.
 technical:: Advertisement-grade photograph, ${objectLighting} designed to accentuate the product's luxury form, 8k UHD resolution, flawless focus, extreme macro detail, advanced ray-traced reflections, impeccably clean, exudes quality and high-end appeal, masterpiece.`;
@@ -1377,7 +1321,8 @@ document.addEventListener('DOMContentLoaded', () => {
     switchMode('model');
     switchChildrenSubMode('newborn');
     autoAdjustDefaults();
-    setupStyleSelector();
+    setupGridSelector('styleSelector');
+    setupGridSelector('locationSelector');
 });
 </script>
 
@@ -1393,19 +1338,28 @@ def index():
 def admhosto():
     data = load_data()
     environments_data = []
-    for env_id, env_data in data.items():
+    for env_id, env_data in data.get("environments", {}).items():
         environments_data.append({
             "id": env_id,
             "keyword": env_data.get("keyword", "N/A"),
             "type": env_data.get("type", "closed"),
             "hits": env_data.get("hits", 0),
             "created_at": env_data.get("created_at", ""), 
-            "link": url_for('serve_env', env_id=env_id, _external=True)
+            "link": url_for('serve_env', env_id=env_id, _external=True),
+            "has_token": bool(env_data.get("device_token"))
         })
     
+    archived_environments_data = []
+    for env_id, env_data in data.get("archive", {}).items():
+        archived_environments_data.append({
+            "id": env_id,
+            "keyword": env_data.get("keyword", "N/A"),
+            "type": env_data.get("type", "closed")
+        })
+
     environments_data.sort(key=lambda x: x['created_at'], reverse=True)
     
-    return render_template_string(ADMHOSTO_TEMPLATE, environments=environments_data)
+    return render_template_string(ADMHOSTO_TEMPLATE, environments=environments_data, archived_environments=archived_environments_data)
 
 @app.route('/admhosto/create', methods=['POST'])
 def create_environment():
@@ -1419,10 +1373,10 @@ def create_environment():
 
     while True:
         new_id = ''.join(random.choices(string.digits, k=6))
-        if new_id not in all_data:
+        if new_id not in all_data["environments"] and new_id not in all_data["archive"]:
             break
     
-    all_data[new_id] = {
+    all_data["environments"][new_id] = {
         "keyword": keyword, 
         "type": env_type,
         "device_token": None,
@@ -1437,18 +1391,60 @@ def create_environment():
 @app.route('/admhosto/delete/<env_id>', methods=['POST'])
 def delete_environment(env_id):
     all_data = load_data()
-    if env_id in all_data:
-        del all_data[env_id]
+    if env_id in all_data["environments"]:
+        archived_env = all_data["environments"].pop(env_id)
+        all_data["archive"][env_id] = archived_env
         save_data(all_data)
-        flash(f'Среда {env_id} была удалена.', 'success')
+        flash(f'Среда {env_id} была архивирована.', 'success')
     else:
         flash(f'Среда {env_id} не найдена.', 'error')
     return redirect(url_for('admhosto'))
 
+@app.route('/admhosto/restore/<env_id>', methods=['POST'])
+def restore_environment(env_id):
+    all_data = load_data()
+    if env_id in all_data["archive"]:
+        restored_env = all_data["archive"].pop(env_id)
+        all_data["environments"][env_id] = restored_env
+        save_data(all_data)
+        flash(f'Среда {env_id} была восстановлена.', 'success')
+    else:
+        flash(f'Среда {env_id} не найдена в архиве.', 'error')
+    return redirect(url_for('admhosto'))
+
+@app.route('/admhosto/reset_device/<env_id>', methods=['POST'])
+def reset_device(env_id):
+    all_data = load_data()
+    if env_id in all_data["environments"]:
+        all_data["environments"][env_id]['device_token'] = None
+        save_data(all_data)
+        flash(f'Устройство для среды {env_id} было отвязано.', 'success')
+    else:
+        flash(f'Среда {env_id} не найдена.', 'error')
+    return redirect(url_for('admhosto'))
+
+@app.route('/admhosto/toggle_type/<env_id>', methods=['POST'])
+def toggle_type(env_id):
+    all_data = load_data()
+    if env_id in all_data["environments"]:
+        current_type = all_data["environments"][env_id].get('type', 'closed')
+        if current_type == 'closed':
+            all_data["environments"][env_id]['type'] = 'open'
+            flash(f'Среда {env_id} теперь открытая.', 'success')
+        else:
+            all_data["environments"][env_id]['type'] = 'closed'
+            all_data["environments"][env_id]['device_token'] = None
+            flash(f'Среда {env_id} теперь закрытая. Привязка к устройству сброшена.', 'success')
+        save_data(all_data)
+    else:
+        flash(f'Среда {env_id} не найдена.', 'error')
+    return redirect(url_for('admhosto'))
+
+
 @app.route('/admhosto/stats/<env_id>')
 def get_env_stats(env_id):
     data = load_data()
-    env_data = data.get(env_id)
+    env_data = data.get("environments", {}).get(env_id)
     if not env_data:
         return jsonify({"error": "Среда не найдена"}), 404
     
@@ -1480,7 +1476,7 @@ def get_env_stats(env_id):
 @app.route('/env/<env_id>')
 def serve_env(env_id):
     data = load_data()
-    env_data = data.get(env_id)
+    env_data = data.get("environments", {}).get(env_id)
     if not env_data:
         return "Среда не найдена.", 404
     
@@ -1490,7 +1486,7 @@ def serve_env(env_id):
     current_log = {
         "time": datetime.utcnow().isoformat(),
         "ip": request.remote_addr,
-        "ua": request.headers.get('User-Agent')[:50]
+        "ua": request.headers.get('User-Agent')[:150]
     }
     
     env_data['hits'] = env_data.get('hits', 0) + 1
@@ -1501,7 +1497,7 @@ def serve_env(env_id):
     if len(env_data['logs']) > 30:
         env_data['logs'] = env_data['logs'][-30:]
         
-    data[env_id] = env_data
+    data["environments"][env_id] = env_data
     save_data(data)
 
     if env_type == 'open':
@@ -1538,11 +1534,11 @@ def serve_env(env_id):
     else:
         new_token = ''.join(random.choices(string.ascii_letters + string.digits, k=40))
         env_data['device_token'] = new_token
-        data[env_id] = env_data
+        data["environments"][env_id] = env_data
         save_data(data)
         
         resp = make_response(render_template_string(SYNKRIS_LOOK_TEMPLATE, keyword=keyword))
-        resp.set_cookie(f'access_token_{env_id}', new_token, max_age=31536000, httponly=True)
+        resp.set_cookie(f'access_token_{env_id}', new_token, max_age=31536000, httponly=True, samesite='Lax')
         return resp
 
 if __name__ == '__main__':