Pick & Pack Components

Overview

The Pick & Pack module provides enterprise WMS-style picking and packing functionality (SAP EWM / Manhattan WMS style).

Components

PickListOverview

Main overview of all pick lists.

Features:

• Table of all pick lists with status
• Filters: status, assigned_to
• Create new pick list button
• Direct navigation to pick list detail

Location: src/components/admin/PickListOverview.tsx

PickListDetail

Detailed view of a pick list with items.

Features:

• Items sorted by sequence (optimal pick order)
• Zone grouping headers
• Start picking / mark picked actions
• Progress tracking
• Complete pick list button

Location: src/components/admin/PickListDetail.tsx

PickExecution

Barcode-driven pick execution interface.

Features:

• SKU scanning required
• Zone validation
• Auto-fill quantity
• Progress bar
• Real-time inventory updates

Location: src/components/admin/PickExecution.tsx

BatchPickingMode

Combine items from multiple orders for batch picking.

Features:

• Select multiple pick lists
• Auto-generate best route
• Combined pick list view
• "You are now picking for N orders" indicator

Location: src/components/admin/BatchPickingMode.tsx

PackingStation

Packing station UI for finalizing orders.

Features:

• Groups picked items by order
• Scanning confirmation
• Finalize pack session
• Order completion tracking

Location: src/components/admin/PackingStation.tsx

CreatePickListModal

Modal for creating new pick lists.

Features:

• Add items with quantities
• Auto-sort by optimal pick route
• Assign to worker
• Zone-based sequencing

Location: src/components/admin/CreatePickListModal.tsx

Backend Functions

lib/pickpack.ts

Core pick & pack functions:

• createPickList() - Create pick list with auto-sorted items
• startPicking() - Start picking process
• pickItem() - Pick an item (updates inventory)
• completePickList() - Mark pick list as completed
• startPackSession() - Create packing session
• getPickListWithItems() - Get pick list with all items
• getBatchPickSuggestions() - Get batch picking suggestions

Analytics

usePickAnalytics Hook

Custom hook for pick performance metrics:

• Pick speed (items/min)
• Picker accuracy (errors)
• Pick completion time

Location: src/hooks/usePickAnalytics.ts

Integration

• Inventory Module: Picking automatically creates OUTBOUND movements
• Floor Plan: Route visualization on warehouse map
• Worker Dashboard: Pick list access for workers

Permissions

• Admin: Full access
• Inventory Worker: Pick + pack features enabled
• Driver: No access

Database Tables

• pick_lists - Master pick list records
• pick_list_items - Individual items within pick lists
• pack_sessions - Packing session records

See Database Schema for details.