Model Experiments: Add copy button to the MLflow usage example

Fred de Gierrequested to merge
509099-model-experiments-add-copy-button-to-the-mlflow-usage-example into master

What does this MR do and why?

This merge request enhances the MLflow usage modal in a GitLab experiment tracking feature. The main changes include:

  1. Adding a copy button next to the code instructions, allowing users to easily copy the command to their clipboard.
  2. Modifying the test file to accommodate the new copy button functionality.

These changes improve the user experience by making it easier for users to copy and use the MLflow instructions directly from the modal.

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
image image

How to set up and validate locally

  1. Open GDK in a project that has no experiments (e.g. create a project called aa): http://127.0.0.1:3000/flightjs/aa/-/ml/experiments
  2. Find the empty state and click on "create an experiment using MLflow" image
  3. Click on the copy button image
  4. Paste in a notepad to verify the contents are copied correctly

Numbered steps to set up and validate the change are strongly suggested.

Related to #509099 (closed)

Edited by Fred de Gier

Merge request reports