Arquitectura del frontend

frontend/src/
├── app/
│   ├── components/         # Componentes UI
│   │   ├── login/
│   │   ├── inventario-list/
│   │   ├── inventario-crear/
│   │   ├── inventario-editar/
│   │   ├── historial/
│   │   ├── registro-eliminados/
│   │   ├── anotaciones/
│   │   ├── generar-informe/
│   │   ├── upload-excel/
│   │   └── dialogo-*/
│   ├── services/           # Servicios
│   │   ├── auth.services.ts
│   │   ├── inventario.services.ts
│   │   ├── anotaciones.services.ts
│   │   └── eliminados.services.ts
│   ├── guards/            # Route guards
│   │   └── auth.guard.ts
│   ├── models/            # Interfaces TypeScript
│   └── app.routes.ts      # Configuración de rutas
└── styles.scss

const routes: Routes = [
  { path: 'login', component: LoginComponent },
  { 
    path: 'inventario', 
    component: InventarioListComponent,
    canActivate: [AuthGuard]
  },
  // ...
];