[frontend] Clarify the two-level dropdown naming schema

[zpChris]

Environment

• How did you deploy Kubeflow Pipelines (KFP)?

Kubeflow Pipelines Standalone

• KFP version:

2.0.0-alpha.3

Steps to reproduce

1. Go to the "Runs" tab on KFP
2. Select multiple runs which have Confusion Matrices, and click "Compare Runs"
3. Select the "Confusion Matrix" tab under "Metrics"
4. Click the two-level dropdown

Expected result

You should see the two-level dropdown with some explanation as to the naming schema, but no headers or explanation for this component are provided.

Materials and Reference

The below image shows the existing two-level dropdown used for Confusion Matrices, HTML, and Markdown on the two-panel layout of the KFPv2 Run Comparison page.

This below image shows one proposed solution to clarify the two-level dropdown naming schema. This styling is not finalized, and another solution would be to add a text explanation above the dropdown component itself.

---

Impacted by this bug? Give it a 👍. We prioritise the issues with the most 👍.