feat: unir dashboard y mapa general en una misma pantalla

route-planner/src/app/private/home/route-overview-map/route-overview-map.component.html

@@ -6,12 +6,12 @@
 </div>
 
 <div class="overview-sidebar">
-  <div class="sidebar-brand">
+  <div class="sidebar-brand" *ngIf="!embedded">
     <img src="GLM_completo.png" alt="GomezLee Marketing" class="sidebar-logo" />
   </div>
 
   <div class="sidebar-header">
-      <button type="button" class="back-btn" (click)="goBack()" aria-label="Volver a la planificación">
+      <button type="button" class="back-btn" *ngIf="!embedded" (click)="goBack()" aria-label="Volver a la planificación">
       <i class="pi pi-arrow-left"></i> Volver
     </button>
     <h2 class="sidebar-title">Mapa de rutas</h2>
@@ -19,8 +19,9 @@
   <p class="territory-summary" *ngIf="activeTerritories.length"><i class="pi pi-map-marker"></i> {{ activeTerritories.join(', ') }}</p>
 
   <div class="filters-card" *ngIf="usuarios.length">
-    <label class="filter-label">Metro de prueba</label>
+    <label class="filter-label">Ciudad</label>
     <select class="filter-select" [(ngModel)]="selectedMetro" (ngModelChange)="onMetroChange()">
+      <option value="Todos">Todas las ciudades</option>
       <option *ngFor="let metro of metros" [value]="metro">{{ metro }}</option>
     </select>
 
@@ -36,6 +37,13 @@
       <option *ngFor="let d of dias" [value]="d">{{ d }}</option>
     </select>
 
+    <label class="filter-label">Asignación</label>
+    <div class="segmented-control" role="group" aria-label="Filtrar PDVs por asignación">
+      <button type="button" [class.active]="selectedAsignacion === 'Todos'" (click)="selectedAsignacion = 'Todos'; onAsignacionChange()">Todos</button>
+      <button type="button" [class.active]="selectedAsignacion === 'Asignados'" (click)="selectedAsignacion = 'Asignados'; onAsignacionChange()">Asignados</button>
+      <button type="button" [class.active]="selectedAsignacion === 'NoAsignados'" (click)="selectedAsignacion = 'NoAsignados'; onAsignacionChange()">Sin asignar</button>
+    </div>
+
     <div class="filter-stats" *ngIf="filteredRoutes.length">
       <span>{{ uniqueFilteredRoutes.length }} PDVs</span>
       <span>{{ totalDistancia }} km</span>
@@ -53,12 +61,20 @@
     <div class="filter-empty" *ngIf="!filteredRoutes.length && !error">
       Sin rutas para este filtro.
     </div>
+
+    <div class="filter-empty" *ngIf="overviewMode && filteredRoutes.length">
+      Vista general ({{ filteredRoutes.length }} PDVs). Filtra por cobertura, zona, usuario o día para ver el detalle vial completo.
+    </div>
+
+    <div class="filter-empty" *ngIf="orsFailCount">
+      {{ orsFailCount }} tramo(s) sin conexión vial (línea recta). Toca la línea para ver el motivo.
+    </div>
   </div>
 
   <div class="empty-state" *ngIf="!usuarios.length">
     <i class="pi pi-inbox"></i>
     <p>No hay rutas cargadas.</p>
-    <button type="button" class="btn-secondary" (click)="goBack()">Ir a Home</button>
+    <button type="button" class="btn-secondary" *ngIf="!embedded" (click)="goBack()">Ir a Home</button>
   </div>
 
   <div class="error-card" *ngIf="error && usuarios.length">
@@ -66,7 +82,7 @@
     {{ error }}
   </div>
 
-  <section class="info-card unassigned-detail-card" *ngIf="selectedUnassigned">
+  <section class="info-card unassigned-detail-card" *ngIf="selectedUnassigned && showUnassigned">
     <div class="info-card-header">
       <h3>Gestionar PDV sin ruta</h3>
       <button type="button" class="btn-icon" (click)="selectedUnassigned = null"><i class="pi pi-times"></i></button>
@@ -132,6 +148,18 @@
         <div><dt>Distancia tramo</dt><dd>{{ selectedSegmentDistance | number:'1.2-2' }} km</dd></div>
         <div><dt>Duración tramo</dt><dd>{{ selectedSegmentDurationMinutes | number:'1.0-0' }} min</dd></div>
       </dl>
+      <div class="detail-section" *ngIf="otherPdvVisitGroups.length">
+        <h4><i class="pi pi-calendar"></i> Otras visitas de este PDV</h4>
+        <div *ngFor="let group of otherPdvVisitGroups">
+          <p class="visit-group-title">Usuario: {{ group.usuario }}</p>
+          <div class="employee-load-list" [attr.aria-label]="'Visitas de ' + group.usuario">
+            <button type="button" class="employee-load-row" *ngFor="let visit of group.visits" (click)="selectRouteFromList(visit.route)">
+              <span class="employee-load-name">{{ visit.dia }} (parada {{ visit.orden }})</span>
+              <span class="employee-load-values">{{ visit.km | number:'1.2-2' }} km · {{ visit.min | number:'1.0-0' }} min</span>
+            </button>
+          </div>
+        </div>
+      </div>
       <div class="reassign-actions" *ngIf="!showReassignForm">
         <button type="button" class="btn-secondary" (click)="moveSelectedVisit(-1)" [disabled]="!canMoveSelectedVisitUp" aria-label="Mover visita anterior"><i class="pi pi-arrow-up"></i> Subir</button>
         <button type="button" class="btn-secondary" (click)="moveSelectedVisit(1)" [disabled]="!canMoveSelectedVisitDown" aria-label="Mover visita posterior"><i class="pi pi-arrow-down"></i> Bajar</button>
@@ -174,7 +202,7 @@
 
 </div>
 
-<section class="unassigned-bottom-drawer" *ngIf="selectedUsuarioId === 'Todos' && selectedDia === 'Todos' && unassignedRoutes.length" [class.open]="isUnassignedDrawerOpen">
+<section class="unassigned-bottom-drawer" *ngIf="showUnassigned && selectedUsuarioId === 'Todos' && selectedDia === 'Todos' && unassignedRoutes.length" [class.open]="isUnassignedDrawerOpen">
   <button type="button" class="unassigned-drawer-toggle" (click)="toggleUnassignedDrawer()" [attr.aria-expanded]="isUnassignedDrawerOpen">
     <span><i class="pi pi-exclamation-triangle"></i> PDVs sin ruta ({{ unassignedRoutes.length }})</span>
     <i class="pi" [class.pi-chevron-up]="!isUnassignedDrawerOpen" [class.pi-chevron-down]="isUnassignedDrawerOpen"></i>