UI 상태 매트릭스 생성기

UI state coverage requirements

Data table

• Loading: Preserve context, communicate progress, and prevent duplicate actions.
• Empty: Explain why there is nothing here and offer a useful next action.
• Error: Explain the failed action, preserve safe input, and offer a recovery path.
• No permission: Explain missing access and offer a safe destination. Enforce authorization on the server.

Form

• Loading: Preserve context, communicate progress, and prevent duplicate actions.
• Error: Explain the failed action, preserve safe input, and offer a recovery path.
• Success: Confirm the completed action and make the resulting state clear.
• Offline: Explain the connection issue, preserve safe local input, and provide a retry path.

These are required states, not verified implementations. Use existing components and validate the final behavior with real data and keyboard navigation.