Store ordersPro

• KPI cards
• Status and channel filters
• Bulk fulfil
• Packing slips and export

• Commerce admin order lists.

• Customer-facing order history.

Import it from @/components/blocks/store-orders after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { StoreOrders } from "@/components/blocks/store-orders";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <StoreOrders />
    </main>
  );
}

• Inherits the data table's labelled controls.

• The bulk bar slides up when orders are selected.

• KPIs are two columns on phones; rows become cards.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Fulfil should call your fulfilment API, then update rows.