Products Page Now Defaults to Card Grid View
Products Page Now Defaults to Card Grid View
Released in v1.0.29
Overview
The /dashboard/products page has been upgraded from a plain data table to a card grid layout by default. The card grid is more scannable for the typical user who manages between one and five products, and surfaces the most relevant context — status, pipeline health, team — without requiring any extra clicks.
What You See on Each Card
| Element | Description |
|---|---|
| Product name | The display name of your product |
| Status badge | Current product state (e.g. Active, Paused, Draft) |
| Vertical tag | The target market vertical |
| Team badge | The team associated with the product |
| Last pipeline run | Timestamp and pass/fail status of the most recent pipeline execution |
| View button | One-click navigation into the product's full dashboard |
Switching Between Grid and List Views
A view toggle is available in the top-right corner of the Products page header. Click the list icon to switch to the original table view, or the grid icon to return to cards.
- Card grid — recommended for most users; optimised for quick status scanning
- Table (list) — useful when managing many products or when you need to sort/compare by column
The toggle retains your preference for the current session.
Mobile Behaviour
On mobile the card grid adapts automatically — cards stack vertically and are fully readable without horizontal scrolling. The previous table view required horizontal overflow on narrow screens.
Technical Notes
This change uses the existing ProductCardGrid component located at src/components/product-card-grid.tsx. The component was already implemented and tested; this release wires it into src/app/dashboard/products/page.tsx as the default rendering path. No new dependencies were introduced.