Updates UI for /-/ml/experiments/show/
What does this MR do and why?
Updates UI for /-/ml/experiments/show
- Table now scrolls horizontally on overflow
- Removes tooltips
- Uses GlTableLite instead of GlTable
- Uses GlEmptyState
Screenshots or screen recordings
Before | After | |
---|---|---|
Empty State | ||
Regular State | ||
Small |
Regular state changes:
- Removed unnecessary title
- Candidate name is now clickable, leads to candidate detail
- No more tooltip
- Renamed 'User' to 'Author'
- Removed 'Detail column'
- Adds 'Artifacts' column
Small state changes:
- No column wrapping
- No more tooltips
- Tables scrolls horizontally on shrink
How to set up and validate locally
How to set up and validate locally
-
Enable the feature flag
echo "Feature.enable(:ml_experiment_tracking)" | bundle exec rails c
-
Create an Experiment and 10 candidates
# Added variables user_id = 1 project_id = 1 exp = Ml::Experiment.create!(name: "Awesome Gitlab Experiment", user_id: user_id, project_id: project_id) 10.times.each { |i| exp.candidates.create!(user_id: user_id, start_time: 0, name: "candidate_#{i}") } exp.candidates.each_with_index { |c, i| c.metrics.create!(name: "auc", value: i*0.1 , tracked_at: Time.zone.now, step: 1)} exp.candidates.each_with_index { |c, i| c.metrics.create!(name: "accuracy", value: i* 0.1+0.1 , tracked_at: Time.zone.now, step: 1)} exp.candidates.each { |c| c.params.create!(name: "algorithm", value: ["LogisticRegression", "DecisionTree"].sample )}
-
Navigate to
<your project>/-/ml/experiments
and click on "Awesome Gitlab Experiment". It should show the new UI. -
Setting the query to 'balh' should show the empty state
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #388207 (closed)
Edited by Eduardo Bonet