Update Visual Language for the Visualize tab in the Pipeline Editor

What does this MR do and why?

Update Visual Language for the Visualize tab in the Pipeline Editor

This changes the Pipeline Editor -> Visualize to incorporate the new Visual Language for the upcoming AI Pipeline Builder

This is behind the update_visual_language feature flag

References

Frontend: Update Visual Language of the Visuali... (#588933 - closed)

Screenshots or screen recordings

Before	After

How to set up and validate locally

1. In the rails console, enable the update_visual_language feature flag

$ echo 'Feature.enable(:update_visual_language)' | gdk rails c

2. Go to a project that has a CI configuration or if needed you can create a CI configuration using the YAML below as a template

stages:
  - build
  - test
  - staging
  - deploy
build_app:
  stage: build
  script:
    - echo "Building application..."
test_unit:
  stage: test
  needs: [build_app]
  script:
    - echo "Running unit tests..."
test_integration:
  stage: test
  needs: [build_app]
  script:
    - echo "Running integration tests..."
test_e2e:
  stage: test
  needs: [build_app]
  script:
    - echo "Running e2e tests..."
deploy_staging:
  stage: staging
  needs: [test_unit, test_integration, test_e2e]
  script:
    - echo "Deploying to staging..."
deploy_production:
  stage: deploy
  needs: [deploy_staging]
  script:
    - echo "Deploying to production..."

3. Inside the project where this configuration resides, go to Pipeline Editor -> Visualize and see the new visual language in action. You can also create the configuration in the Pipeline Editor 😉

MR acceptance checklist

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