Guardrails UI: UX Feedback #136

Describe the current behaviour
The validator type list is displayed as a long flat list, creating high cognitive load. The "On Fail" action appears before the validator is selected and configured. The "+New Config" button is positioned outside the validator configuration box. The layout currently shows the new validator config panel before the list of saved configurations, which does not align with natural left-to-right reading flow.

Describe the enhancement you'd like

• Reduce validator list overload: Club related validators together and use pills, toggles, or tabs to shorten the list and reduce cognitive load. While doing this, consider the category-based grouping approach discussed by the team — but account for the discoverability tradeoff it introduces when new validators are added inside a category.

• Reorder "On Fail" action: Move the "On Fail" action to appear after the validator is selected and configured, since the appropriate fail action can only be decided once the validator and its behavior are known.

• Relocate "+New Config" button: Move this button inside the validator configuration box, so it is contextually placed where the user is actively working.

• Restructure the config panel layout: Place the list of saved configurations on the left and the new validator config panel on the right. This respects the left-to-right reading pattern — users should see what they've already created before being prompted to create something new. This layout principle should be applied consistently across all similar screens in the product.