From a9b906099eb085c94f6cd702d96b56758da5841b Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Sun, 29 Mar 2026 09:11:47 -0500
Subject: [PATCH] fix: always include most recent past bus regardless of
 upcoming count

---
 frontend/src/components/map/ETACard.vue |  2 +-
 frontend/src/composables/useETA.ts      | 21 +++++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/map/ETACard.vue b/frontend/src/components/map/ETACard.vue
index fcce6cd..dfa6199 100644
--- a/frontend/src/components/map/ETACard.vue
+++ b/frontend/src/components/map/ETACard.vue
@@ -7,7 +7,7 @@
     <!-- Bottom Sheet container -->
     <div 
       ref="sheetRef"
-      class="relative bg-white dark:bg-gray-900 rounded-t-3xl shadow-2xl p-5 transform flex flex-col gap-4 max-h-[85vh] overflow-y-auto"
+      class="relative bg-white dark:bg-gray-900 rounded-t-3xl shadow-2xl p-5 transform flex flex-col gap-4 max-h-[92vh] overflow-y-auto"
       :style="{
         transform: `translateY(${dragY}px)`,
         transition: isDragging ? 'none' : 'transform 0.3s ease-out'
diff --git a/frontend/src/composables/useETA.ts b/frontend/src/composables/useETA.ts
index f74d6f0..e119e6b 100644
--- a/frontend/src/composables/useETA.ts
+++ b/frontend/src/composables/useETA.ts
@@ -172,15 +172,20 @@ export function useETA() {
                 });
             }
 
-            resultados.sort((a, b) => {
-                const prioridad = { 'en_camino': 0, 'próximo': 1, 'pasó': 2 };
-                if (prioridad[a.estado] !== prioridad[b.estado]) return prioridad[a.estado] - prioridad[b.estado];
-                // Para pasó: ordenar descendente (menos negativo primero = más reciente primero)
-                if (a.estado === 'pasó') return b.etaMinutos - a.etaMinutos;
-                return a.etaMinutos - b.etaMinutos;
-            });
+            // Ordenar: en_camino primero, luego próximo, luego pasó
+            // Dentro de cada grupo: por etaMinutos asc (salvo pasó que va desc = más reciente primero)
+            const upcoming = resultados
+                .filter(r => r.estado !== 'pasó')
+                .sort((a, b) => a.etaMinutos - b.etaMinutos);
 
-            busesActivos.value = resultados.slice(0, 5);
+            const pastBuses = resultados
+                .filter(r => r.estado === 'pasó')
+                .sort((a, b) => b.etaMinutos - a.etaMinutos); // desc → [0] es el más reciente
+
+            // CRÍTICO: siempre incluir el bus más reciente que pasó (independientemente
+            // de cuántos buses próximos haya). Máx 4 próximos + 1 pasado.
+            const mostRecentPast: BusETA[] = pastBuses.length > 0 ? [pastBuses[0] as BusETA] : [];
+            busesActivos.value = [...upcoming.slice(0, 4), ...mostRecentPast];
         } catch (e) {
             console.error('SIB | Error calculando ETA:', e);
         } finally {