Order Management 4 block design & features
OrderManagement4 is a guided order editor built with Shadcn UI, opening on a prefilled edit of sales order SO-654. Step buttons move through product selection, order details, and review. The select step keeps chosen lines in a tray while a searchable catalog lists low-stock SKUs with thumbnails, stock badges, and quantity steppers. The details step covers warehouse, buyer, replenishment method, and operational toggles. Review shows line costs, freight, and procurement summary before submit.
Muted step rail above a bordered card shell. Selected product rows use a light ring, and low-stock badges sit in soft rose. Quantity controls are compact bordered steppers. The sticky footer shows step position with back and continue actions.
This is an elaborate procurement wizard rather than a single flat form. Complexity comes from mixed content and interaction: catalog imagery, quantity math, and method-specific fields all need real inventory and warehouse options to feel useful.
On mobile the step buttons become a horizontal scroller and the selected tray collapses into stacked summary rows.