From 3e77676e2069a0e5fde1e08841d82d4ddbaa4d76 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Wed, 11 Mar 2026 09:51:57 -0500
Subject: [PATCH] fix: corregir lineas punteadas persistentes (singleton
 useParadaCercana)

---
 frontend/src/composables/useParadaCercana.ts | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/composables/useParadaCercana.ts b/frontend/src/composables/useParadaCercana.ts
index 8f391ec..812763b 100644
--- a/frontend/src/composables/useParadaCercana.ts
+++ b/frontend/src/composables/useParadaCercana.ts
@@ -15,12 +15,17 @@ function getHaversineDistance(lat1: number, lon1: number, lat2: number, lon2: nu
     return R * c;
 }
 
+// ── SINGLETON: estado a nivel de módulo para que todas las instancias compartan
+//    la misma referencia a la polilínea de caminata, igual que useMapState.
+//    Sin esto, MapView limpia "su" instancia pero la polyline pertenece a la
+//    instancia de useFlujoPrincipal → líneas punteadas que no desaparecen. ──
+const paradaCercana = ref<BusStop | null>(null);
+const distanciaMetros = ref<number>(0);
+const duracionCaminata = ref<number>(0);
+const caminandoPolyline = ref<google.maps.Polyline | null>(null);
+
 export function useParadaCercana() {
-    const paradaCercana = ref<BusStop | null>(null);
-    const distanciaMetros = ref<number>(0);
-    const duracionCaminata = ref<number>(0);
     const { registrarPolyline } = useMapState();
-    const caminandoPolyline = ref<google.maps.Polyline | null>(null);
 
     const limpiarCaminata = () => {
         if (caminandoPolyline.value) {