diff --git a/app/components/navigation/AreaTabs.vue b/app/components/navigation/AreaTabs.vue index d653c15..954deda 100644 --- a/app/components/navigation/AreaTabs.vue +++ b/app/components/navigation/AreaTabs.vue @@ -155,13 +155,12 @@ watch(visibleAreas, (newAreas, oldAreas) => { }, 300 + (index * 150)) // Stagger: 300ms, 450ms, 600ms, ... }) - // Clear all highlights after animation completes (including fade-out) - // Animation timeline: glow+pulse 2x (~1.4s) + fade-out (0.6s) = 2.0s - // Wait 2.1s to ensure fade-out completes before removing class - // TEMPORARILY DISABLED FOR TESTING - // setTimeout(() => { - // newlyAddedAreaIds.value = [] - // }, 2100) + // Clear all highlights after animation completes + // Animation timeline: glow 2x + pulse 2x + opacity fade = 2.0s + // Wait 2.1s to ensure all animations complete before removing class + setTimeout(() => { + newlyAddedAreaIds.value = [] + }, 2100) } previousAreaIds.value = newAreaIds