Screen Annotations — OPS-P-006 Barcode Scan
Screen ID: OPS-P-006
Flow: Barcode scanner — camera viewfinder
Previous: OPS-P-005 Pick Item / OPS-P-004 Pick List
Next: OPS-P-007 Scan Success / OPS-P-008 Scan Fail
Camera Viewfinder: Full-screen dark placeholder simulating camera feed. In production, this uses the device camera API. The dark gradient overlay makes the scanning frame stand out.
Scanning Frame: Centered rectangle (260x160px) with lime accent (#C9F06B) corner markers. An animated scanning line sweeps vertically to indicate active scanning. Barcode should be aligned within this frame.
Controls: Torch/flashlight toggle (top-left) for low-light environments. Close X button (top-right) returns to pick list.
Product Info Footer: Semi-transparent dark panel showing the expected product name and barcode number. "Enter Manually" link for cases where scanning is not possible.
Behavior: On successful scan match, navigates to OPS-P-007 (success). On mismatch, navigates to OPS-P-008 (failure). Uses native barcode scanning APIs (ZXing / ML Kit).