From 9650f2b019e718af281db2f962c33aa1723a742f Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Mon, 2 Mar 2026 12:55:01 -0500
Subject: [PATCH] =?UTF-8?q?Soluci=C3=B3n=20completa:=20corregir=20reset=20?=
 =?UTF-8?q?con=20la=20X,=20a=C3=B1adir=20limpieza=20de=20b=C3=BAsqueda=20y?=
 =?UTF-8?q?=20asegurar=20sincronizaci=C3=B3n=20de=20paradas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/frontend/src/components/map/SearchOverlay.vue b/frontend/src/components/map/SearchOverlay.vue
index 70cd52f..6bae264 100644
--- a/frontend/src/components/map/SearchOverlay.vue
+++ b/frontend/src/components/map/SearchOverlay.vue
@@ -74,7 +74,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{
@@ -91,6 +91,13 @@ defineEmits(['open', 'close', 'select-route'])
 const { t } = useI18n()
 const searchQuery = ref('')
 
+// Reset search on panel close or selection clear
+watch([() => props.showPanel, () => props.selectedRouteId], ([show, routeId]) => {
+  if (!show || !routeId) {
+    searchQuery.value = ''
+  }
+})
+
 const filteredRoutes = computed(() => {
   if (!searchQuery.value.trim()) return props.allRoutes
   const query = searchQuery.value.toLowerCase().trim()
diff --git a/frontend/src/views/MapView.vue b/frontend/src/views/MapView.vue
index 7276fd6..1d97fe6 100644
--- a/frontend/src/views/MapView.vue
+++ b/frontend/src/views/MapView.vue
@@ -34,7 +34,7 @@ const authStore = useAuthStore();
 
 const { map, isLoaded, error: mapsError, initMap, addHtmlMarker, setCenter, setZoom, addMarker, addCleanMarker } = useGoogleMaps();
 const { estasCargando: estasCargandoRuta, errorRuta } = useDirectionsRoute();
-const { encontrarParadaCercana, paradaCercana, distanciaMetros, duracionCaminata } = useParadaCercana();
+const { encontrarParadaCercana, paradaCercana, distanciaMetros, duracionCaminata, limpiarCaminata } = useParadaCercana();
 const { calcularETA, busesActivos, cargando: etaCargando } = useETA();
 
 const { procesarSeleccionDeRuta } = useFlujoPrincipal();
@@ -102,6 +102,7 @@ async function animateAndReload() {
   
   // Limpiar mapa sin recargar
   clearMapMarkers();
+  limpiarCaminata(); 
   showETACard.value = false;
   
   // Recentrar en el usuario si está disponible (soft-reset)