feat: auto-geolocation improves, fix route stops query and map soft-reset

frontend/src/views/MapView.vue

@@ -59,9 +59,32 @@ const carouselTimer = ref<any>(null);
 const isMapMoved = ref(false);
 
 // Search optimization: Simple debounce implementation
-// Helper functions
+// REQUISITO TÉCNICO: Implementar geolocalización automática al iniciar sesión.
+function calculateDistance(point1: { lat: number; lng: number }, point2: { lat: number; lng: number }) {
+  const R = 6371; // Radio de la Tierra en km
+  const dLat = (point2.lat - point1.lat) * Math.PI / 180;
+  const dLng = (point2.lng - point1.lng) * Math.PI / 180;
+  const a = 
+    Math.sin(dLat/2) * Math.sin(dLat/2) +
+    Math.cos(point1.lat * Math.PI / 180) * Math.cos(point2.lat * Math.PI / 180) *
+    Math.sin(dLng/2) * Math.sin(dLng/2);
+  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
+  return R * c;
+}
 
-// performSearch removed
+function updateIsMapMoved() {
+  if (!map.value || !userCoords.value) return;
+  const center = map.value.getCenter();
+  if (!center) return;
+  
+  const dist = calculateDistance(
+    { lat: center.lat(), lng: center.lng() },
+    userCoords.value
+  );
+  
+  // Si se movió más de 0.1 km (100 metros), mostrar botón
+  isMapMoved.value = dist > 0.1;
+}
 
 function openUberSearch() {
   showPromos.value = false;
@@ -72,11 +95,24 @@ function closeUberSearch() {
   showUberSearch.value = false;
 }
 
-function animateAndReload() {
+async function animateAndReload() {
   isBannerClosing.value = true;
   routeStore.clearSelection();
-  // Solución anterior: Recargar para mapa limpio
-  window.location.href = window.location.origin + window.location.pathname;
+  router.replace({ query: {} });
+  
+  // Limpiar mapa sin recargar
+  clearMapMarkers();
+  
+  // Recentrar en el usuario si está disponible (soft-reset)
+  if (userCoords.value) {
+    setCenter(userCoords.value.lat, userCoords.value.lng);
+    setZoom(16);
+    reDrawUserMarker();
+  }
+  
+  setTimeout(() => {
+    isBannerClosing.value = false;
+  }, 500);
 }
 
 function handlePromoClick(promo: any) {
@@ -143,7 +179,10 @@ async function initializeMap() {
     });
 
     // Detect user interaction with the map to show/hide location button
+    map.value.addListener('center_changed', updateIsMapMoved);
     map.value.addListener('dragstart', () => {
+      // Forzar visibilidad inmediata en drag si se desea un feedback instantáneo,
+      // pero el watcher de distancia es el que manda finalmente.
       isMapMoved.value = true;
     });
   }
@@ -281,18 +320,30 @@ async function updateActiveUnits() {
 
 function locateUser(): Promise<void> {
   return new Promise((resolve) => {
-    if (!navigator.geolocation) { return resolve(); }
+    if (!navigator.geolocation) { 
+      console.warn('Geolocation no soportado');
+      return resolve(); 
+    }
+    
     navigator.geolocation.getCurrentPosition(
       (position) => {
         const { latitude, longitude } = position.coords;
         userCoords.value = { lat: latitude, lng: longitude };
-        setCenter(latitude, longitude);
-        setZoom(16);
+        
+        // Centrar y mostrar
+        if (map.value) {
+            setCenter(latitude, longitude);
+            setZoom(16);
+        }
+        
         reDrawUserMarker();
-        isMapMoved.value = false; // Reset interaction state
+        isMapMoved.value = false;
         resolve();
       },
-      () => {
+      (error) => {
+        console.error('SIBU | Error obteniendo ubicación:', error);
+        // Si falló por falta de permisos o error y el usuario tenía auto_location activo, 
+        // lo desactivamos para no re-intentar infinitamente
         if (authStore.userProfile?.auto_location) {
            authStore.updateProfile({ auto_location: false });
         }
@@ -374,9 +425,10 @@ function handleImageError(event: Event) {
   (event.target as HTMLImageElement).src = getImageUrl(null, 'coupon');
 }
 
-// AUTO-LOCATION: Watch for user profile to trigger location if preference is enabled
-watch(() => authStore.userProfile?.auto_location, (canLocate) => {
-  if (canLocate && isLoaded.value && !userCoords.value) {
+// Watch for user profile to trigger location if preference is enabled OR on auth changes
+watch([() => authStore.userProfile?.auto_location, isLoaded], ([canLocate, loaded]) => {
+  if (canLocate && loaded && !userCoords.value) {
+    console.log('SIBU | Iniciando geolocalización automática...');
     locateUser();
   }
 }, { immediate: true });