Improve labels UI

[rachaelshaw]

Gong snippet: TODO

Problem

• There is no dedicated place to view/edit labels in the UI
• It's not obvious where to view/manage labels in the UI.
  • To see a list of all labels, I need to be on a form with a label picker, or filtering by label on the host detail page
  • I need to know to filter by a label in order to edit or delete it in the UI.
• When adding a new label, if I add a name/description for a dynamic label, then realize I needed to create a manual label, I lose my work when I change tabs.
• We have a story in drafting to manage labels via GitOps, it would be nice to make it just as easy in the UI

What have you tried?

Potential solutions

• Add a dedicated "Manage labels" page (/labels) with a paginated list of all labels
• On "Add label" page, change tabs to radio buttons that show/hide the ace editor/host picker/etc., keeping label and description intact
  • Both forms use the same endpoint so should be doable

What is the expected workflow as a result of your proposal?

I go to the /labels page. I click "Add label" to create a new label. I can easily swap between dynamic and manual without starting over. I save the label and see it in the list. I click an edit button next to the new label to make changes.

[rachaelshaw]

Similar request: #22362