Start integrating the onboarding flow with backend 6

frontend/src/components/domain/onboarding/steps/MLTrainingStep.tsx

@@ -4,14 +4,25 @@ import { Button, Card, Badge } from '../../../ui';
 import { OnboardingStepProps } from '../OnboardingWizard';
 import { useAuthUser } from '../../../../stores/auth.store';
 import { useCurrentTenant } from '../../../../stores/tenant.store';
-import { useAlertActions } from '../../../../stores/alerts.store';
-import { 
-  WebSocketService, 
-  TrainingProgressMessage, 
-  TrainingCompletedMessage, 
-  TrainingErrorMessage 
-} from '../../../../services/realtime/websocket.service';
-import { trainingService } from '../../../../services/api/training.service';
+// TODO: Implement WebSocket training progress updates when realtime API is available
+
+// Type definitions for training messages (will be moved to API types later)
+interface TrainingProgressMessage {
+  type: 'training_progress';
+  progress: number;
+  stage: string;
+  message: string;
+}
+
+interface TrainingCompletedMessage {
+  type: 'training_completed';
+  metrics: TrainingMetrics;
+}
+
+interface TrainingErrorMessage {
+  type: 'training_error';
+  error: string;
+}
 
 interface TrainingMetrics {
   accuracy: number;
@@ -48,7 +59,9 @@ export const MLTrainingStep: React.FC<OnboardingStepProps> = ({
 }) => {
   const user = useAuthUser();
   const currentTenant = useCurrentTenant();
-  const { createAlert } = useAlertActions();
+  const createAlert = (alert: any) => {
+    console.log('Alert:', alert);
+  };
   
   const [trainingStatus, setTrainingStatus] = useState<'idle' | 'validating' | 'training' | 'completed' | 'failed'>(
     data.trainingStatus || 'idle'