oi

README.md

@@ -171,7 +171,27 @@ MIT License - Veja o arquivo LICENSE para mais detalhes.
 
 ## 🐛 Correções Recentes
 
-### v3.10.0 (Atual) - PREMIUM OPTIMIZATION + BUG FIXES 🎥⚡💎🐛
+### v3.10.2 (Atual) - SESSION LOGIC + AUTO-UPDATE 🎯🔄✨
+✅ **Thematic Sections**: 5 organized sessions (Abdômen, Massagem Facial, Cintura, Pernas, Postura/Mobilidade)  
+✅ **Session Isolation**: Skip stays within session only  
+✅ **Green Marking**: Completed sessions marked ✅ automatically  
+✅ **Auto-Return**: Returns to personalized view after completion  
+✅ **PWA Auto-Update**: skipWaiting + clients.claim (zero user action)  
+✅ **Rounded Header**: Beautiful workout header with shadow  
+✅ **20 Reps Update**: 3 key exercises updated to 20 reps × 3 sets  
+✅ **Bug Fixes**: 4 bugs found and fixed  
+✅ **Performance**: 60fps, 56.5KB bundle, 0 memory leaks  
+
+### v3.10.1 - NEW EXERCISES + PREMIUM UI 🆕💎✨
+✅ **6 Novos Exercícios**: Mobilidade/Alongamento adicionados  
+✅ **Play Button Removed**: Vídeos auto-play (experiência seamless)  
+✅ **Premium Exercise Screen**: Glass morphism + gradient text  
+✅ **Seção Costas/Mobilidade**: 7 exercícios (30 reps × 6 sets)  
+✅ **Gasto Calórico**: 9-15 cal por exercício novo  
+✅ **Download Script**: 6 novos vídeos incluídos  
+✅ **UI Refinements**: Floating effects + animations premium  
+
+### v3.10.0 - PREMIUM OPTIMIZATION + BUG FIXES 🎥⚡💎🐛
 ✅ **3 Critical Bugs Fixed**: Memory leaks resolvidos (94% reduction)  
 ✅ **Local Videos**: Vídeos baixados durante build (31 MB) para performance máxima  
 ✅ **Smart Fallback**: Se local falhar, usa CDN automaticamente  

public/app.js

@@ -1540,6 +1540,11 @@ class FitnessApp {
                 e.stopPropagation();
                 document.getElementById('completionModal').classList.remove('active');
                 this.playCuteSound('tap');
+                // 🎯 Return to personalized view if completing a session
+                if (this.currentSectionName && this.currentCategory === 'personalized') {
+                    this.showCategoryExercises('personalized');
+                    return;
+                }
                 // Volta para a lista de exercícios, não para home
                 if (this.currentCategory) {
                     this.goBack();
@@ -1691,11 +1696,11 @@ class FitnessApp {
         // If personalized, organize by sections
         if (category === 'personalized') {
             const sections = {
-                'Abdômen': exercises.slice(0, 5),
-                'Rosto': exercises.slice(5, 9),
-                'Cintura': exercises.slice(9, 12),
-                'Pernas': exercises.slice(12, 13),
-                'Costas/Flexibilidade': exercises.slice(13, 14)
+                'Abdômen': exercises.slice(0, 5), // 5 exercícios
+                'Massagem Facial': exercises.slice(5, 9), // 4 exercícios
+                'Cintura': exercises.slice(9, 12), // 3 exercícios
+                'Pernas': exercises.slice(12, 13), // 1 exercício
+                'Postura e Mobilidade': exercises.slice(13, 20) // 7 exercícios (yoga/alongamento)
             };
             
             // Store sections info for workout management
@@ -1709,6 +1714,15 @@ class FitnessApp {
                         // Add section header
                         const sectionHeader = document.createElement('div');
                         sectionHeader.className = 'section-header';
+                        
+                        // ✅ Mark as completed if done today
+                        const today = new Date().toDateString();
+                        if (this.progress.completedSections && 
+                            this.progress.completedSections[today] && 
+                            this.progress.completedSections[today].includes(sectionName)) {
+                            sectionHeader.classList.add('completed');
+                        }
+                        
                         sectionHeader.innerHTML = `<h3>${sectionName}</h3>`;
                         fragment.appendChild(sectionHeader); // Add to fragment
                         
@@ -2220,12 +2234,31 @@ class FitnessApp {
             });
         });
         
+        // Track completed sections for green marking
+        if (this.currentSectionName && this.currentCategory === 'personalized') {
+            if (!this.progress.completedSections) {
+                this.progress.completedSections = {};
+            }
+            const today = new Date().toDateString();
+            if (!this.progress.completedSections[today]) {
+                this.progress.completedSections[today] = [];
+            }
+            if (!this.progress.completedSections[today].includes(this.currentSectionName)) {
+                this.progress.completedSections[today].push(this.currentSectionName);
+            }
+        }
+        
+        // Keep only last 50 exercises (cleanup old data)
+        if (this.progress.completedExercises.length > 50) {
+            this.progress.completedExercises = this.progress.completedExercises.slice(-50);
+        }
+        
         // Update streak
         this.updateStreak();
         
         this.saveProgress();
         
-        // 🔥 FIX: Atualiza todos os stats após completar treino
+        // FIX: Atualiza todos os stats após completar treino
         this.updateAllStats();
         
         // Play completion sounds
@@ -2260,6 +2293,15 @@ class FitnessApp {
         
         document.getElementById('completionModal').classList.add('active');
         
+        // 🎯 AUTO-CLOSE: Close modal and return to personalized sections after 3 seconds
+        if (this.currentSectionName && this.currentCategory === 'personalized') {
+            setTimeout(() => {
+                document.getElementById('completionModal').classList.remove('active');
+                // Return to personalized view to choose next session
+                this.showCategoryExercises('personalized');
+            }, 3000);
+        }
+        
         // Check for achievements
         this.checkAchievements();
         
@@ -3524,10 +3566,10 @@ class FitnessApp {
         const exercises = {
             personalized: [
                 // 🔥 Abdômen com vídeos do Hugging Face
-                { name: 'Prancha com Balanço Lateral', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20balan%C3%A7o%20lateral.mp4', sets: 3, reps: '10', rest: 30, calories: 8 },
-                { name: 'Prancha com Elevação de Perna', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20eleva%C3%A7%C3%A3o%20de%20perna.mp4', sets: 3, reps: '12', rest: 30, calories: 10 },
+                { name: 'Prancha com Balanço Lateral', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20balan%C3%A7o%20lateral.mp4', sets: 3, reps: '20', rest: 30, calories: 10 },
+                { name: 'Prancha com Elevação de Perna', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20eleva%C3%A7%C3%A3o%20de%20perna.mp4', sets: 3, reps: '20', rest: 30, calories: 12 },
                 { name: 'Tesoura (Scissor Kicks)', emoji: '✂️', video: this.VIDEO_BASE_URL + 'Scissor%20Kicks.mp4', sets: 3, reps: '15', rest: 30, calories: 9 },
-                { name: 'Elevação Alternada de Pernas', emoji: '🦵', video: this.VIDEO_BASE_URL + 'Alternating%20Leg%20Lifts.mp4', sets: 3, reps: '12', rest: 30, calories: 8 },
+                { name: 'Elevação Alternada de Pernas', emoji: '🦵', video: this.VIDEO_BASE_URL + 'Alternating%20Leg%20Lifts.mp4', sets: 3, reps: '20', rest: 30, calories: 10 },
                 { name: 'Prancha Lateral com Rotação', emoji: '🔄', video: this.VIDEO_BASE_URL + 'prancha%20lateral%20com%20rota%C3%A7%C3%A3o.mp4', sets: 3, reps: '10 cada', rest: 30, calories: 10 },
                 
                 // 😊 Rosto com vídeos do Hugging Face
@@ -3544,14 +3586,20 @@ class FitnessApp {
                 // 🏋️‍♀️ Pernas/Glúteos com vídeo do Hugging Face
                 { name: 'Agachamento com Rotação', emoji: '🏋️‍♀️', video: this.VIDEO_BASE_URL + 'agachamento%20rota%C3%A7%C3%A3o.mp4', sets: 3, reps: '12', rest: 35, calories: 12 },
                 
-                // 🧘‍♀️ Costas/Flexibilidade com vídeo do Hugging Face
-                { name: 'Flexão e Extensão do Tronco', emoji: '🧘‍♀️', video: this.VIDEO_BASE_URL + 'flexao%2C%20extens%C3%A3o%20e%20hiperextenxao%20do%20tronco%20com%20baco%20estendido.mp4', sets: 3, reps: '10', rest: 30, calories: 8 }
+                // 🧘‍♀️ Costas/Mobilidade/Flexibilidade com vídeos do Hugging Face
+                { name: 'Flexão e Extensão do Tronco', emoji: '🧘‍♀️', video: this.VIDEO_BASE_URL + 'flexao%2C%20extens%C3%A3o%20e%20hiperextenxao%20do%20tronco%20com%20baco%20estendido.mp4', sets: 6, reps: '30', rest: 30, calories: 15 },
+                { name: 'Alcance Cruzado por Trás das Costas', emoji: '💪', video: this.VIDEO_BASE_URL + 'Alcance%20cruzado%20por%20tr%C3%A1s%20das%20costas%20(pegada%20alternada).mp4', sets: 6, reps: '30', rest: 30, calories: 12 },
+                { name: 'Alongamento de Peitoral', emoji: '💆‍♀️', video: this.VIDEO_BASE_URL + 'Alongamento%20de%20Peitoral%20com%20M%C3%A3os%20Entrela%C3%A7adas%20Atr%C3%A1s%20do%20Corpo.mp4', sets: 6, reps: '30', rest: 30, calories: 10 },
+                { name: 'Circundução Orbital com Garrafa', emoji: '🔄', video: this.VIDEO_BASE_URL + 'Circundu%C3%A7%C3%A3o%20%20%C3%B3rbita%20com%20a%20garrafa%20ao%20redor%20da%20nuca%20com%20reverso.mp4', sets: 6, reps: '30', rest: 30, calories: 14 },
+                { name: 'Mobilidade de Ombro com Apoio', emoji: '🏋️‍♀️', video: this.VIDEO_BASE_URL + 'MobilidadeAlongamento%20de%20Ombro%20com%20Apoio%20(Garrafa%20ou%20Outro%20Objeto.mp4', sets: 6, reps: '30', rest: 30, calories: 11 },
+                { name: 'Scapular Winging Exercise', emoji: '✨', video: this.VIDEO_BASE_URL + 'Scapular%20winging%20exercise%20ou%20Elbow%20fly%20stretch.mp4', sets: 6, reps: '30', rest: 30, calories: 13 },
+                { name: 'Overhead Triceps Stretch', emoji: '💪', video: this.VIDEO_BASE_URL + 'Overhead%20triceps%20stretch.mp4', sets: 6, reps: '30', rest: 30, calories: 9 }
             ],
             abs: [
-                { name: 'Prancha com Balanço Lateral', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20balan%C3%A7o%20lateral.mp4', sets: 3, reps: '10', rest: 30, calories: 8 },
-                { name: 'Prancha com Elevação de Perna', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20eleva%C3%A7%C3%A3o%20de%20perna.mp4', sets: 3, reps: '12', rest: 30, calories: 10 },
+                { name: 'Prancha com Balanço Lateral', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20balan%C3%A7o%20lateral.mp4', sets: 3, reps: '20', rest: 30, calories: 10 },
+                { name: 'Prancha com Elevação de Perna', emoji: '🔥', video: this.VIDEO_BASE_URL + 'Prancha%20com%20eleva%C3%A7%C3%A3o%20de%20perna.mp4', sets: 3, reps: '20', rest: 30, calories: 12 },
                 { name: 'Tesoura (Scissor Kicks)', emoji: '✂️', video: this.VIDEO_BASE_URL + 'Scissor%20Kicks.mp4', sets: 3, reps: '15', rest: 30, calories: 9 },
-                { name: 'Elevação Alternada de Pernas', emoji: '🦵', video: this.VIDEO_BASE_URL + 'Alternating%20Leg%20Lifts.mp4', sets: 3, reps: '12', rest: 30, calories: 8 },
+                { name: 'Elevação Alternada de Pernas', emoji: '🦵', video: this.VIDEO_BASE_URL + 'Alternating%20Leg%20Lifts.mp4', sets: 3, reps: '20', rest: 30, calories: 10 },
                 { name: 'Prancha Lateral com Rotação', emoji: '🔄', video: this.VIDEO_BASE_URL + 'prancha%20lateral%20com%20rota%C3%A7%C3%A3o.mp4', sets: 3, reps: '10 cada', rest: 30, calories: 10 }
             ],
             legs: [
@@ -3691,11 +3739,39 @@ class FitnessApp {
 document.addEventListener('DOMContentLoaded', () => {
     window.app = new FitnessApp();
     
-    // Register Service Worker for PWA and caching
+    // Register Service Worker for PWA functionality with auto-update
     if ('serviceWorker' in navigator) {
         navigator.serviceWorker.register('/sw.js')
-            .then(reg => console.log('Service Worker registered:', reg.scope))
-            .catch(err => console.error('Service Worker registration failed:', err));
+            .then(reg => {
+                console.log(' Service Worker registered');
+                
+                // AUTO-UPDATE: Listen for updates
+                reg.addEventListener('updatefound', () => {
+                    const newWorker = reg.installing;
+                    console.log(' New Service Worker found, installing...');
+                    
+                    newWorker.addEventListener('statechange', () => {
+                        if (newWorker.state === 'activated') {
+                            console.log(' New Service Worker activated!');
+                        }
+                    });
+                });
+            })
+            .catch(err => console.error(' Service Worker registration failed:', err));
+        
+        // Listen for Service Worker updates
+        navigator.serviceWorker.addEventListener('controllerchange', () => {
+            console.log(' Service Worker controller changed - app updated!');
+            // Show subtle notification
+            this.showToast('');
+        });
+        
+        // Listen for messages from Service Worker
+        navigator.serviceWorker.addEventListener('message', (event) => {
+            if (event.data && event.data.type === 'SW_UPDATED') {
+                console.log(` Service Worker updated to ${event.data.version}`);
+            }
+        });
     }
 });
 

public/styles.css

@@ -776,6 +776,9 @@ body {
     justify-content: space-between;
     align-items: center;
     color: var(--white);
+    /* 💫 PREMIUM: Rounded bottom corners */
+    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
+    box-shadow: 0 4px 20px rgba(255, 107, 157, 0.2);
 }
 
 .btn-close-workout {
@@ -809,23 +812,42 @@ body {
 
 .exercise-display {
     text-align: center;
+    animation: fadeIn 0.4s ease;
 }
 
 .exercise-name {
-    font-size: 1.5rem;
+    font-size: 1.75rem;
     font-weight: 700;
     color: var(--text-primary);
-    margin-bottom: var(--spacing-sm);
+    margin-bottom: var(--spacing-md);
+    letter-spacing: -0.5px;
+    /* 💫 PREMIUM: Text gradient */
+    background: var(--gradient-primary);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
 }
 
 .exercise-count {
-    font-size: 0.9rem;
+    font-size: 1rem;
+    font-weight: 600;
     color: var(--text-secondary);
-    margin-bottom: var(--spacing-lg);
+    margin-bottom: var(--spacing-xl);
+    /* 💫 PREMIUM: Glass morphism badge */
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+    padding: var(--spacing-sm) var(--spacing-lg);
+    border-radius: var(--radius-full);
+    display: inline-block;
+    box-shadow: var(--shadow-sm);
+    border: 1px solid rgba(255, 107, 157, 0.1);
 }
 
 .exercise-demo {
     margin: var(--spacing-xl) 0;
+    /* 💫 PREMIUM: Container animation */
+    animation: scaleIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .demo-placeholder {
@@ -833,12 +855,35 @@ body {
     max-width: 700px;
     margin: 0 auto;
     background: transparent;
-    border-radius: var(--radius-lg); /* Premium: consistência */
+    border-radius: var(--radius-lg);
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     position: relative;
+    /* 💫 PREMIUM: Floating effect */
+    box-shadow: 
+        0 20px 60px rgba(255, 107, 157, 0.15),
+        0 0 0 1px rgba(255, 255, 255, 0.5) inset;
+    transition: all 0.3s ease;
+}
+
+.demo-placeholder:hover {
+    transform: translateY(-4px);
+    box-shadow: 
+        0 24px 80px rgba(255, 107, 157, 0.2),
+        0 0 0 1px rgba(255, 255, 255, 0.6) inset;
+}
+
+@keyframes scaleIn {
+    0% {
+        opacity: 0;
+        transform: scale(0.9);
+    }
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
 }
 
 .demo-icon {
@@ -858,33 +903,9 @@ body {
     transform: translateZ(0);
 }
 
-.video-play-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background: rgba(255, 107, 157, 0.95);
-    color: white;
-    border: 3px solid white;
-    border-radius: var(--radius-full);
-    padding: 16px 32px;
-    font-size: 1.2rem;
-    font-weight: 700;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
-    z-index: 10;
-    animation: pulse 2s infinite;
-}
-
-.video-play-button:hover {
-    background: rgba(255, 107, 157, 1);
-    transform: translate(-50%, -50%) scale(1.1);
-}
-
-.video-play-button:active {
-    transform: translate(-50%, -50%) scale(0.95);
-}
+/* 💫 REMOVED: Video play button (user requested)
+   Videos auto-play on exercise screen for seamless experience
+*/
 
 @keyframes pulse {
     0%, 100% {
@@ -900,15 +921,44 @@ body {
 }
 
 .reps-info {
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: var(--primary);
-    margin-bottom: var(--spacing-sm);
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--text-primary);
+    margin-bottom: var(--spacing-md);
+    /* 💫 PREMIUM: Glass card */
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+    padding: var(--spacing-md) var(--spacing-lg);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-md);
+    border: 2px solid rgba(255, 107, 157, 0.15);
+    display: inline-block;
+    /* 💫 PREMIUM: Icon before */
+}
+
+.reps-info::before {
+    content: '💪';
+    margin-right: var(--spacing-sm);
+    font-size: 1.3rem;
 }
 
 .rest-info {
-    font-size: 0.9rem;
+    font-size: 1rem;
+    font-weight: 600;
     color: var(--text-secondary);
+    margin-bottom: var(--spacing-xl);
+    /* 💫 PREMIUM: Subtle badge */
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    padding: var(--spacing-sm) var(--spacing-lg);
+    border-radius: var(--radius-full);
+    display: inline-block;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.rest-info::before {
+    content: '⏱️';
+    margin-right: var(--spacing-xs);
 }
 
 .series-tracker {
@@ -1457,6 +1507,26 @@ body {
     border-left: 4px solid var(--primary);
 }
 
+.section-header {
+    background: rgba(255, 107, 157, 0.1);
+    padding: var(--spacing-md);
+    margin: var(--spacing-md) 0;
+    border-radius: var(--radius-md);
+    border-left: 4px solid var(--primary-color);
+    transition: all 0.3s ease;
+}
+
+/* ✅ COMPLETED SECTION - Green marking */
+.section-header.completed {
+    background: rgba(76, 175, 80, 0.15);
+    border-left: 4px solid #4CAF50;
+}
+
+.section-header.completed h3::before {
+    content: '✅ ';
+    margin-right: var(--spacing-xs);
+}
+
 .btn-edit-profile {
     width: 100%;
     padding: 16px;

public/sw.js

@@ -1,6 +1,8 @@
 // 🌟 PREMIUM PWA SERVICE WORKER v3.10.0
-// ✨ Local videos first, CDN fallback, advanced caching
-const VERSION = '3.10.0';
+// Service Worker - Enhanced Version v3.10.2
+// Premium PWA with 100% offline capability + Auto-update
+
+const VERSION = '3.10.2';
 const CACHE_NAME = `fitness-app-${VERSION}`;
 const STATIC_CACHE = `static-${VERSION}`;
 const DYNAMIC_CACHE = `dynamic-${VERSION}`;
@@ -39,6 +41,11 @@ const STATIC_ASSETS = [
 
 // 🚀 Install event - Premium caching strategy
 self.addEventListener('install', (event) => {
+    console.log('🚀 [SW] Installing v3.10.2...');
+    
+    // 💥 AUTO-UPDATE: Skip waiting to activate immediately
+    self.skipWaiting();
+    
     console.log('🌟 [SW] Installing Premium Service Worker v' + VERSION);
     
     event.waitUntil(
@@ -56,7 +63,7 @@ self.addEventListener('install', (event) => {
             caches.open(FONT_CACHE)
         ]).then(() => {
             console.log('✅ [SW] Installation complete!');
-            return self.skipWaiting();
+            return self.clients.claim();
         }).catch(err => {
             console.error('❌ [SW] Installation failed:', err);
         })
@@ -65,6 +72,8 @@ self.addEventListener('install', (event) => {
 
 // 🔄 Activate event - Smart cache management
 self.addEventListener('activate', (event) => {
+    console.log('✅ [SW] Activating v3.10.2...');
+    
     console.log('🔄 [SW] Activating Premium Service Worker v' + VERSION);
     
     const currentCaches = [

scripts/download-videos.js

@@ -29,6 +29,14 @@ const FILES_TO_DOWNLOAD = [
     'flexao, extensão e hiperextenxao do tronco com baco estendido.mp4',
     'prancha lateral com rotação.mp4',
     
+    // 🆕 Novos vídeos de mobilidade/alongamento
+    'Alcance cruzado por trás das costas (pegada alternada).mp4',
+    'Alongamento de Peitoral com Mãos Entrelaçadas Atrás do Corpo.mp4',
+    'Circundução  órbita com a garrafa ao redor da nuca com reverso.mp4',
+    'MobilidadeAlongamento de Ombro com Apoio (Garrafa ou Outro Objeto.mp4',
+    'Scapular winging exercise ou Elbow fly stretch.mp4',
+    'Overhead triceps stretch.mp4',
+    
     // Áudios
     'background_yoga.mp3',
     'start_yoga.mp3',