polishing

src/app/components/test-suite/assessments/spatial-position-assessment/spatial-position-assessment.component.ts

@@ -23,7 +23,8 @@ import '../../../../../assets/scripts/model-viewer';
   styleUrls: ['./spatial-position-assessment.component.css'],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
-export class SpatialPositionAssessmentComponent implements AfterViewInit, OnDestroy { // <-- Implement OnDestroy
+export class SpatialPositionAssessmentComponent implements AfterViewInit, OnDestroy { 
+  
   @ViewChild('modelViewer') modelViewerRef!: ElementRef<any>;
   @Output() testComplete = new EventEmitter<void>();
   @Output() redoTest = new EventEmitter<number>();
@@ -41,10 +42,10 @@ export class SpatialPositionAssessmentComponent implements AfterViewInit, OnDest
 
   ngAfterViewInit() {
     const mv = this.modelViewerRef.nativeElement;
-    this.metricsService.startTracking(mv);
     mv.addEventListener('ar-status', (e: any) => {
       if (e.detail.status === 'session-started') {
         setTimeout(() => this.captureAnchor(), 500);
+        this.metricsService.startTracking(mv);
       }
     });
   }

src/app/components/test-suite/assessments/spatial-stability-assessment/spatial-stability-assessment.component.ts

@@ -46,13 +46,11 @@ export class SpatialStabilityAssessmentComponent implements AfterViewInit, OnDes
   }
 
   ngAfterViewInit() {
-    const modelViewer = this.modelViewerRef.nativeElement;
-    
-    this.metricsService.startTracking(modelViewer);
-    
-    modelViewer.addEventListener('ar-status', (event: any) => {
+    const mv = this.modelViewerRef.nativeElement;
+    mv.addEventListener('ar-status', (event: any) => {
       if (event.detail.status === 'session-started' && !this.isModelPlaced) {
         setTimeout(() => this.getInitialAnchor(), 1000);
+        this.metricsService.startTracking(mv);
       }
     });
   }

src/app/components/test-suite/assessments/text-legibility-assessment/text-legibility-assessment.component.ts

@@ -30,7 +30,6 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
 
   private metricsService = inject(MetricsTrackerService);
 
-  // --- Component State (Restored) ---
   minSize = 2;
   maxSize = 64;
   currentSize = 16;
@@ -49,7 +48,11 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
 
   ngAfterViewInit() {
     const mv = this.modelViewerRef.nativeElement;
-    this.metricsService.startTracking(mv);
+    mv.addEventListener('ar-status', (event: any) => {
+      if (event.detail.status === 'session-started') {
+        this.metricsService.startTracking(mv);
+      }
+    });
   }
 
   public logInteraction(event: Event) {
@@ -105,7 +108,7 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
 
   finishAssessment() {
     this.phase = 'finished';
-    
+
     const finalResults = {
       minReadableSize: this.minSizeResult,
       maxReadableSize: this.maxSizeResult,