Order Management 3 block design & features
OrderManagement3 is a two-column sales-order screen built with shadcn/ui, with a filter sidebar on the left and a dense order feed on the right. The sidebar covers status counts, source, date, location, amount range, and an invoice switch. Each row shows the sales-order code, payment badge, product line, location and customer meta, amount, and a journey track that steps through quote, pack, ship, and done with a progress fill.
Dotted sidebar dividers and rounded feed cards on a quiet background. Payment badges use soft emerald, amber, and rose. The journey track uses small bordered icons with connecting bars that fill as the order advances. Sort and overflow actions sit above the feed next to order count and total chips.
This feels like a fulfillment pipeline list more than a simple invoice table. The per-row journey track is the standout detail and pushes the block into elaborate, content-driven territory because every order needs status, progress, product, and account manager data to read correctly.
Below large breakpoints the sidebar stacks above the feed. Journey labels hide on the smallest widths while the icon track remains.