agama-project / agama / 21591122980

75%

Build Type

push

github

Committed by web-flow

Commit Message

refactor(web): Product selection refinements for better users guidance (#3112)

**TL;DR** In order to only show meaningful choices and guide users
toward the correct next action, this PR improves the product and mode
selection page by making it more contextual, explicit, and harder to
misuse. It removes no-op actions, clarifies what the user is expected to
do in each scenario, and provides better feedback when a required choice
is missing.

---

## Problem

The product selection flow exposed several UX inconsistencies:

* Users could select the currently active mode, resulting in a no-op
action.
* Titles, labels, and helper text did not always reflect what the user
was actually being asked to do (product vs. mode selection).
* In single-product scenarios, messaging was overly generic and
sometimes misleading.
* When a mode was required, the UI did not clearly explain why
submission was disabled.

## Solution

Refines the product and mode selection experience to be more contextual
and intentional.

* Hide the currently configured mode from selectable options to avoid
no-op switches and only present meaningful alternatives.
* Adapt titles, intros, and form labels based on context (single vs.
multiple products, product vs. mode switching).
* Prioritize mode selection messaging when visiting the page after had
selected a product with mode.
* Improve submission feedback by:
  - Displaying the selected mode in the submit button label
- Explaining why submission is disabled when a required mode is missing
  
## Bonus

As part of this PR the Breadcrumb core component got an update to allow
displaying the current breadcrumb item content as the h1 heading.

Run Details

2932 of 5130 branches covered (57.15%)

Branch coverage included in aggregate %.

48 of 48 new or added lines in 2 files covered. (100.0%)

1 existing line in 1 file now uncovered.

20178 of 26099 relevant lines covered (77.31%)

66.81 hits per line