Alex Blank
ab79080f0b
Frontend: - Create reusable DataStates components (LoadingState, ErrorState, EmptyState) - Refactor 12 pages to use shared state components instead of inline JSX - Extract useInstanceActions hook to eliminate session action duplication - Update dashboard and sessions pages to use shared hook OpenSpec: - Archive completed mobile-app-usability change (44/44 tasks) - Archive completed add-config-profiles change (15/15 tasks) Quality: TypeScript check passes, production build succeeds
23 lines
965 B
Markdown
23 lines
965 B
Markdown
## ADDED Requirements
|
|
|
|
### Requirement: Mobile Instance Controls
|
|
The system SHALL ensure instance control actions are usable on mobile viewports.
|
|
|
|
#### Scenario: Control button visibility on mobile
|
|
- **GIVEN** an instance card or detail view on mobile
|
|
- **THEN** control buttons (Start, Stop, Restart, Delete) have minimum 44px height
|
|
- **AND** buttons have adequate spacing between them
|
|
- **AND** button labels are readable at mobile font sizes
|
|
|
|
#### Scenario: Instance status display on mobile
|
|
- **GIVEN** an instance on mobile
|
|
- **THEN** the status indicator is clearly visible
|
|
- **AND** status text does not wrap awkwardly
|
|
- **AND** health/probe information is accessible without horizontal scrolling
|
|
|
|
#### Scenario: Instance creation form on mobile
|
|
- **GIVEN** the instance creation flow on mobile
|
|
- **THEN** all configuration fields stack vertically
|
|
- **AND** dropdowns and selects are usable with touch
|
|
- **AND** the submit button is prominent and reachable
|