front: centered the space time chart on the projected train

front/src/applications/operationalStudies/views/SimulationResults.tsx

@@ -215,7 +215,7 @@ const SimulationResults = ({
                       height={manchetteWithSpaceTimeChartHeight - MANCHETTE_HEIGHT_DIFF}
                       handleTrainDrag={handleTrainDrag}
                       onTrainClick={(trainId) => dispatch(updateSelectedTrainId(trainId))}
-                      selectedProjection={trainIdUsedForProjection}
+                      selectedProjectionId={trainIdUsedForProjection}
                     />
                   )}
                 </div>

front/src/applications/stdcm/components/StdcmResults/StdcmDebugResults.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 
 import { useSelector } from 'react-redux';
 
-import { STDCM_TRAIN_ID } from 'applications/stdcm/consts';
+import { STDCM_TRAIN_TIMETABLE_ID } from 'applications/stdcm/consts';
 import useProjectedTrainsForStdcm from 'applications/stdcm/hooks/useProjectedTrainsForStdcm';
 import type { StdcmSimulationOutputs } from 'applications/stdcm/types';
 import { hasResults } from 'applications/stdcm/utils/simulationOutputUtils';
@@ -14,7 +14,6 @@ import ManchetteWithSpaceTimeChartWrapper, {
   MANCHETTE_WITH_SPACE_TIME_CHART_DEFAULT_HEIGHT,
 } from 'modules/simulationResult/components/ManchetteWithSpaceTimeChart/ManchetteWithSpaceTimeChart';
 import SpeedSpaceChartContainer from 'modules/simulationResult/components/SpeedSpaceChart/SpeedSpaceChartContainer';
-import { formatEditoastTrainIdToTrainScheduleId } from 'utils/trainId';
 
 const SPEED_SPACE_CHART_HEIGHT = 521.5;
 const HANDLE_TAB_RESIZE_HEIGHT = 20;
@@ -75,10 +74,11 @@ const StdcmDebugResults = ({ simulationOutputs }: StdcmDebugResultsProps) => {
                 <ManchetteWithSpaceTimeChartWrapper
                   operationalPoints={pathProperties.manchetteOperationalPoints}
                   projectPathTrainResult={projectedData.spaceTimeData}
-                  selectedTrainScheduleId={formatEditoastTrainIdToTrainScheduleId(STDCM_TRAIN_ID)}
+                  selectedTrainScheduleId={STDCM_TRAIN_TIMETABLE_ID}
                   workSchedules={workSchedules}
                   projectionLoaderData={projectedData.projectionLoaderData}
                   height={manchetteWithSpaceTimeChartHeight - MANCHETTE_HEIGHT_DIFF}
+                  selectedProjectionId={STDCM_TRAIN_TIMETABLE_ID}
                 />
               </div>
             </div>

front/src/applications/stdcm/consts.ts

@@ -1,3 +1,5 @@
+import { formatEditoastTrainIdToTrainScheduleId } from 'utils/trainId';
+
 export const STDCM_REQUEST_STATUS = Object.freeze({
   idle: 'IDLE',
   pending: 'PENDING',
@@ -8,6 +10,7 @@ export const STDCM_REQUEST_STATUS = Object.freeze({
 });
 
 export const STDCM_TRAIN_ID = -10;
+export const STDCM_TRAIN_TIMETABLE_ID = formatEditoastTrainIdToTrainScheduleId(STDCM_TRAIN_ID);
 
 export const COMPOSITION_CODES_MAX_SPEEDS: Record<string, number | undefined> = {
   MA80: 80,

front/src/applications/stdcm/hooks/useStdcm.ts

@@ -4,7 +4,11 @@ import { useTranslation } from 'react-i18next';
 import nextId from 'react-id-generator';
 import { useSelector } from 'react-redux';
 
-import { STDCM_REQUEST_STATUS, STDCM_TRAIN_ID } from 'applications/stdcm/consts';
+import {
+  STDCM_REQUEST_STATUS,
+  STDCM_TRAIN_ID,
+  STDCM_TRAIN_TIMETABLE_ID,
+} from 'applications/stdcm/consts';
 import type {
   StdcmRequestStatus,
   StdcmSuccessResponse,
@@ -24,7 +28,6 @@ import { getStdcmConf } from 'reducers/osrdconf/stdcmConf/selectors';
 import { updateSelectedTrainId } from 'reducers/simulationResults';
 import { useAppDispatch } from 'store';
 import { castErrorToFailure } from 'utils/error';
-import { formatEditoastTrainIdToTrainScheduleId } from 'utils/trainId';
 
 import useStdcmResults from './useStdcmResults';
 import { checkStdcmConf, formatStdcmPayload } from '../utils/formatStdcmConf';
@@ -122,7 +125,7 @@ const useStdcm = ({
             train_name: 'stdcm',
           };
           setStdcmTrainResult(stdcmTrain);
-          dispatch(updateSelectedTrainId(formatEditoastTrainIdToTrainScheduleId(STDCM_TRAIN_ID)));
+          dispatch(updateSelectedTrainId(STDCM_TRAIN_TIMETABLE_ID));
         } else if (response.status === 'conflicts') {
           setStdcmResponse({
             ...response,

front/src/applications/stdcm/utils/formatStdcmIntoSpaceTimeData.ts

@@ -1,7 +1,6 @@
 import type { TrainSpaceTimeData } from 'applications/operationalStudies/types';
-import { formatEditoastTrainIdToTrainScheduleId } from 'utils/trainId';
 
-import { STDCM_TRAIN_ID } from '../consts';
+import { STDCM_TRAIN_TIMETABLE_ID } from '../consts';
 import type { StdcmSuccessResponse } from '../types';
 
 const formatStdcmTrainIntoSpaceTimeData = (
@@ -10,7 +9,7 @@ const formatStdcmTrainIntoSpaceTimeData = (
   const { simulation, departure_time } = stdcmResponse;
   // TODO Paced train : Adapt this to handle paced trains in issue https://github.com/OpenRailAssociation/osrd/issues/10615
   return {
-    id: formatEditoastTrainIdToTrainScheduleId(STDCM_TRAIN_ID),
+    id: STDCM_TRAIN_TIMETABLE_ID,
     name: 'stdcm',
     spaceTimeCurves: [
       {

front/src/modules/simulationResult/components/ManchetteWithSpaceTimeChart/ManchetteWithSpaceTimeChart.tsx

@@ -64,7 +64,7 @@ type ManchetteWithSpaceTimeChartProps = {
   ) => Promise<void>;
   height?: number;
   onTrainClick?: (trainId: TrainId) => void;
-  selectedProjection?: TimetableItemId;
+  selectedProjectionId: TimetableItemId;
 };
 
 export const MANCHETTE_WITH_SPACE_TIME_CHART_DEFAULT_HEIGHT = 561;
@@ -82,7 +82,7 @@ const ManchetteWithSpaceTimeChartWrapper = ({
   height = MANCHETTE_WITH_SPACE_TIME_CHART_DEFAULT_HEIGHT,
   handleTrainDrag,
   onTrainClick,
-  selectedProjection,
+  selectedProjectionId,
 }: ManchetteWithSpaceTimeChartProps) => {
   const dispatch = useAppDispatch();
 
@@ -98,14 +98,21 @@ const ManchetteWithSpaceTimeChartWrapper = ({
 
   const [waypointsPanelIsOpen, setWaypointsPanelIsOpen] = useState(false);
 
-  const [minDepartureTime, setMinDepartureTime] = useState<number | null>(null);
+  const [originTime, setOriginTime] = useState<number | null>(null);
   useEffect(() => {
-    const projectedTrains = projectPathTrainResult.filter(
-      (train) => train.spaceTimeCurves.length > 0
+    const trainUsedForProjection = projectPathTrainResult.find(
+      (train) => train.id === selectedProjectionId
     );
-    const minTime = Math.min(...projectedTrains.map((p) => +p.departureTime));
-    setMinDepartureTime(minTime);
-  }, [selectedProjection, projectPathTrainResult.length]);
+    if (trainUsedForProjection) {
+      setOriginTime(+trainUsedForProjection.departureTime);
+    } else {
+      const projectedTrains = projectPathTrainResult.filter(
+        (train) => train.spaceTimeCurves.length > 0
+      );
+      const minTime = Math.min(...projectedTrains.map((p) => +p.departureTime));
+      setOriginTime(minTime);
+    }
+  }, [selectedProjectionId, projectPathTrainResult.length]);
 
   const [tmpSelectedTrain, setTmpSelectedTrain] = useState(selectedTrainScheduleId);
 
@@ -421,14 +428,14 @@ const ManchetteWithSpaceTimeChartWrapper = ({
               onClose={() => setShowSettingsPanel(false)}
             />
           )}
-          {minDepartureTime !== null && (
+          {originTime !== null && (
             <SpaceTimeChart
               className="inset-0 absolute h-full"
               height={height}
               spaceOrigin={
                 (waypointsPanelData?.filteredWaypoints ?? operationalPoints).at(0)?.position || 0
               }
-              timeOrigin={minDepartureTime}
+              timeOrigin={originTime}
               {...spaceTimeChartProps}
               onPan={onPanOverloaded}
               onClick={handleClick}