Add Error And Empty States

# Add Error and Empty States

## Recipe

- Category: Implementation
- Recommended mode: Agent Mode
- Risk level: Low to Medium
- Estimated scope: Small to Medium

## Purpose

Add clear, recoverable, and context-aware empty and error states to an existing Lovable feature without changing its core business behavior.

This recipe is specifically for state design and implementation. It focuses on distinguishing true emptiness from loading, permission denial, filtering, partial data, and failure. It also ensures that recovery actions are meaningful, authorized, and consistent with the existing product.

## Use When

- a page or component renders blank content
- errors are swallowed, generic, or only visible in the console
- loading, empty, and error states are conflated
- a list, dashboard, search, table, form, or detail view needs clearer state handling
- the user has no recovery path after failure
- filtered results and truly empty datasets look the same
- partial failures need to remain usable
- retry behavior is missing or unsafe

## Do Not Use When

- the underlying feature is functionally broken and needs debugging first
- the business rule for what counts as “empty” is undefined
- the task requires redesigning the entire feature
- the primary issue is authorization architecture
- the request is only about visual styling
- the data source or contract is still unstable

## Inputs

- `[TARGET]`: Route, page, component, or flow
- `[DATA_SOURCE]`: Query, API, loader, provider, or local state
- `[USER_GOAL]`: What the user is trying to accomplish
- `[CURRENT_STATES]`: Existing loading, empty, and error behavior
- `[EXPECTED_EMPTY_CASES]`: Legitimate empty scenarios
- `[EXPECTED_ERROR_CASES]`: Known failure scenarios
- `[RECOVERY_ACTIONS]`: Valid user recovery options
- `[PERMISSIONS]`: Role, tenant, ownership, or visibility rules
- `[DESIGN_CONSTRAINTS]`: Existing components, tone, layout, or content rules
- `[OUT_OF_SCOPE]`: Explicit exclusions
- `[VERIFICATION]`: Required checks or flows

## Prompt