headquarter/openspec/specs/mobile-list-detail/spec.md

ADDED Requirements

Requirement: Mobile list view for configuration items

The mobile view SHALL display configuration items (tool types, config profiles) as a scrollable list of cards.

Scenario: Viewing tool types list

• WHEN user navigates to Tool Workshop on mobile
• THEN a list of tool type cards is displayed, each showing name and brief description

Scenario: Viewing config profiles list

• WHEN user navigates to Config Profiles on mobile
• THEN a list of profile cards is displayed, each showing name and description

Scenario: Empty state

• WHEN the list has no items
• THEN an empty state message is shown with a "Create" button

Requirement: Item detail view

Tapping a list item SHALL navigate to a detail view showing all configuration fields in read-only format.

Scenario: Viewing tool type details

• WHEN user taps a tool type in the list
• THEN a detail page opens showing all tool type fields (name, description, port, template, etc.)

Scenario: Viewing config profile details

• WHEN user taps a config profile in the list
• THEN a detail page opens showing all profile fields (env vars, mounts, includes, etc.)

Requirement: Detail-to-edit navigation

The detail view SHALL provide an "Edit" button that navigates to a full-screen edit form.

Scenario: Entering edit mode

• WHEN user taps "Edit" on the detail view
• THEN a full-screen edit form opens with all fields editable

Scenario: Saving changes

• WHEN user modifies fields and taps "Save"
• THEN changes are saved and the view returns to the detail page with updated data

Scenario: Canceling edit

• WHEN user taps "Cancel" or back button
• THEN changes are discarded and the view returns to the detail page

Requirement: List item actions

Each list item SHALL support swipe-to-delete and a quick actions menu.

Scenario: Deleting item

• WHEN user swipes left on a list item and taps "Delete"
• THEN a confirmation dialog appears, and upon confirmation the item is deleted

Scenario: Quick actions

• WHEN user taps a "More" button on a list item
• THEN an action sheet appears with options: Edit, Duplicate, Delete

Requirement: Create new item

A floating action button (FAB) on the list view SHALL open a creation form.

Scenario: Creating new item

• WHEN user taps the FAB (+) on the list view
• THEN a full-screen creation form opens

Scenario: Saving new item

• WHEN user fills the form and taps "Save"
• THEN the item is created and the view returns to the list with the new item visible