Build checklist execution interface with OK/Flag/N.A.

[robert197]

Description

The core inspection workflow: walking through the checklist and marking each item.

Requirements

Checklist UI

• Items grouped by category (General Impression, Kitchen, Bathroom, etc.)
• Per item: three large tap targets: ✓ OK | ⚠ Flag | — N/A
• When flagged:
  • Severity selector (low/medium/high/urgent)
  • Notes field (free text)
  • Photo capture button (opens camera)
• Category progress indicator (3/5 items checked)
• Overall progress bar at top
• General notes field at bottom

Interaction Design

• Single-tap to set result (no confirmation needed)
• Tap again to change
• Smooth scroll to next unchecked item after selection
• Haptic feedback on selection (if browser supports)
• Save progress automatically (no lost work on connection drop)

Technical

• HTMX for saving each item as it's checked (not bulk submit)
• Alpine.js for local state (expand/collapse, photo preview)
• Offline-resilient: queue changes locally, sync when online
• Works with one hand (inspector may hold phone + flashlight)

Acceptance Criteria

• All checklist items from apartment template displayed
• OK/Flag/N.A. selection works with single tap
• Flagged items show severity + notes + photo
• Progress saves automatically per item
• Works on mobile with one hand
• Category grouping and progress indicators work

[robert197]

Dependencies: Blocked by #10, #19. See build order in #44.