From 704d3e2e60728b2a918efa52d9a49035056f8035 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Mon, 2 Mar 2026 12:40:57 -0500
Subject: [PATCH] =?UTF-8?q?Correcci=C3=B3n=20sistema=20de=20paradas:=20Act?=
 =?UTF-8?q?ivar=20clic=20en=20ArrivalBanner=20para=20abrir=20ETACard=20y?=
 =?UTF-8?q?=20ocultar=20paradas;=20asegurar=20visibilidad=20de=20pesta?=
 =?UTF-8?q?=C3=B1a=20inferior?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/map/ArrivalBanner.vue |  3 ++-
 frontend/src/views/MapView.vue                | 13 +++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/map/ArrivalBanner.vue b/frontend/src/components/map/ArrivalBanner.vue
index 4dce60f..017c615 100644
--- a/frontend/src/components/map/ArrivalBanner.vue
+++ b/frontend/src/components/map/ArrivalBanner.vue
@@ -3,6 +3,7 @@
     <div 
       v-if="isVisible" 
       class="best-stop-banner-compact"
+      @click="$emit('click')"
     >
       <div class="banner-icon-bg">
         <span class="material-icons text-white text-[16px]">directions_bus</span>
@@ -45,7 +46,7 @@ const props = defineProps<{
   etaValue: number | string
 }>()
 
-defineEmits(['close'])
+defineEmits(['close', 'click'])
 
 const { t } = useI18n()
 </script>
diff --git a/frontend/src/views/MapView.vue b/frontend/src/views/MapView.vue
index 61b9bfd..401f1bb 100644
--- a/frontend/src/views/MapView.vue
+++ b/frontend/src/views/MapView.vue
@@ -102,6 +102,7 @@ async function animateAndReload() {
   
   // Limpiar mapa sin recargar
   clearMapMarkers();
+  showETACard.value = false;
   
   // Recentrar en el usuario si está disponible (soft-reset)
   if (userCoords.value) {
@@ -410,6 +411,14 @@ watch([etaCargando, () => busesActivos.value.length], ([loading, count]) => {
 });
 */
 
+function handleBannerClick() {
+  showETACard.value = true;
+  // Desaparecer las paradas:
+  routeStore.clearSelection();
+  router.replace({ query: {} });
+  clearMapMarkers();
+}
+
 // Watch for route selection changes
 watch(() => routeStore.selectedRouteId, (routeId) => {
   if (routeId) {
@@ -423,7 +432,7 @@ watch(() => routeStore.selectedRouteId, (routeId) => {
     }
   } else {
     clearMapMarkers();
-    showETACard.value = false;
+    // showETACard.value = false; // REVERTED: Mantener ETACard abierta aunque se limpie el mapa (petición de usuario)
   }
 });
 
@@ -511,7 +520,7 @@ watch([() => authStore.userProfile?.auto_location, isLoaded], ([canLocate, loade
               :has-active-buses="busesActivos.length > 0"
               :eta-value="busesActivos[0]?.etaMinutos ?? 0"
               @close="animateAndReload"
-              @click="showETACard = true"
+              @click="handleBannerClick"
             />
           </template>
         </SearchOverlay>