A demo storefront connects browsing, cart, and orders. opt-ui provides commerce inputs and feedback, opt-datagrid presents order records, and the Data SDK instruments the journey.
Commerce flows and consent UI
Buttons, inputs, and cards build sign-in, cart, checkout, and consent interactions. OptThemeProvider and ToastProvider supply theme and feedback; EmptyState handles empty carts and orders.
app/providers.tsx@reopt-ai/opt-uicomponents/shop/account-panel.tsx@reopt-ai/opt-uiapp/orders/page.tsx@reopt-ai/opt-uicomponents/reopt/consent-banner.tsx@reopt-ai/opt-uiOrder history grid
OrdersGrid passes order records and column definitions to DataGrid. The product catalog uses separate storefront UI; the grid is used for order history.
components/shop/orders-grid.tsx@reopt-ai/opt-datagridStart with the packages used by this template. Depth 2 reveals components and adapter connections; depth 3 expands their catalog dependencies.