Atualização automática: 2026-05-23 22:02:28

web-interface/public/index-new.html

@@ -40,6 +40,11 @@
                 <span>Storage</span>
             </a>
 
+            <a href="#" class="nav-item" data-page="optimized-pages">
+                <i class="fas fa-paint-brush"></i>
+                <span>Otimizados (AI)</span>
+            </a>
+
             <a href="#" class="nav-item" data-page="settings">
                 <i class="fas fa-cog"></i>
                 <span>Configurações</span>
@@ -150,6 +155,17 @@
                                 required
                             >
                         </div>
+                        <div class="form-group">
+                            <label for="customFolder">
+                                <i class="fas fa-folder"></i> Nome Específico da Pasta (Opcional)
+                            </label>
+                            <input 
+                                type="text" 
+                                id="customFolder" 
+                                class="form-control" 
+                                placeholder="ex: meu_projeto"
+                            >
+                        </div>
 
                         <div class="form-group">
                             <label>
@@ -238,6 +254,25 @@
             </div>
         </div>
 
+        <!-- Optimized Pages Page -->
+        <div class="page" id="optimized-pages">
+            <div class="section-header">
+                <h3><i class="fas fa-paint-brush"></i> Gestão de Páginas Otimizadas pela IA</h3>
+                <div class="header-actions">
+                    <button class="btn btn-secondary btn-sm" onclick="loadOptimizedPages()">
+                        <i class="fas fa-sync-alt"></i> Atualizar
+                    </button>
+                </div>
+            </div>
+
+            <div class="clones-list" id="optimizedList">
+                <div class="empty-state">
+                    <i class="fas fa-spinner fa-spin"></i>
+                    <h3>Carregando...</h3>
+                </div>
+            </div>
+        </div>
+
         <!-- Settings Page -->
         <div class="page" id="settings">
             <div class="settings-container">