# Browse Attribute List

<!-- User story defining a specific requirement within a business flow.
The name of the story should start with the actor followed by `--` and the story name.
 -->

<!-- This section should contain the following subsections in order: -->
<!-- 1. ## User Story (required) -->
<!-- 2. ## Story Diagram (required) -->
<!-- 3. ## Scenario Patterns (required) -->
<!-- 4. ## Test Cases (required) -->
<!-- 5. ## Screens (required) -->
<!-- 6. ## Resolvers (required) -->

## User Story

<!-- Define the user story in the format:
As a [role], I want [goal], so that [benefit].
 -->

As a product manager, I want to browse the list of all attributes with their value counts, so that I can find and select the attribute I want to manage.

## Story Diagram

<!-- Mermaid flowchart showing user interactions with screens.
Focus on actors, UI screens, and business outcomes.
Avoid technical details (APIs, databases, endpoints).
 -->

<!-- Code block requirements: -->
<!-- Minimum 1 mermaid code blocks required -->

```mermaid
flowchart TD
    A([Product Manager]) --> B[Attribute List Screen]
    B --> C{Choose Action}
    C -- Select Attribute --> D[Attribute Detail Screen]
    C -- Create Attribute --> E[Create Attribute Form]
```

## Scenario Patterns

<!-- List requirements: -->
<!-- Minimum 1 unordered lists required -->
<!-- Minimum 1 items per list -->

- Product manager opens the attribute list and sees all attributes with their codes, names, and value counts.
- Product manager selects an attribute and is navigated to the attribute detail screen.

## Test Cases

<!-- List requirements: -->
<!-- Minimum 1 items per list -->

- Given attributes exist, when the attribute list is opened, then each attribute is shown with its code, name, and value count.
- Given the attribute list is displayed, when an attribute is selected, then the attribute detail screen is shown.

## Screens

<!-- Link to screen docs that implement this story's UI.
 -->

<!-- List requirements: -->
<!-- Minimum 1 unordered lists required -->
<!-- Minimum 1 items per list -->

- [attribute-list](../../../screen/attribute-list.md)

## Resolvers

<!-- Link to resolver docs that implement this story's backend operations.
Write "None" if this story does not require any resolvers.
 -->

<!-- List requirements: -->
<!-- Minimum 1 items per list -->

- None
