# View Attribute Detail

<!-- 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 view the details of an attribute including its values list, so that I can review the attribute configuration before managing it.

## 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[Attribute Detail Screen]
    C --> D{Choose Action}
    D -- Manage Values --> E[Manage Attribute Values]
    D -- Delete Attribute --> F[Delete Attribute Action]
    D -- Back --> B
```

## Scenario Patterns

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

- Product manager opens an attribute's detail screen and sees the attribute code, name, and the full list of its values.
- Product manager can navigate to manage attribute values or delete the attribute from the detail screen.

## Test Cases

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

- Given an attribute with values, when the detail screen is opened, then the code, name, and all values are displayed.
- Given an attribute with no values, when the detail screen is opened, then an empty values list 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-detail](../../../screen/attribute-detail.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
