v8 was created by restoring v3
Design a standard SaaS List/Table page pattern that matches our dashboard layout tokens. Must use PageHeader + Card + DataTable and include: search input, filter dropdown/chips, optional date range, row actions menu, pagination footer, empty state, and skeleton loading. Provide component structure + Tailwind classes consistent with this chat.
Now let me create a reusable data table layout component and an example events list page:
I've created a complete SaaS list/table page pattern with two components: DataTableLayout (reusable container with slots for toolbar, table, pagination, loading, and empty states) and an Events page example that demonstrates all features including search input, status filter dropdown, active filter chips with remove buttons, date range picker button, sortable column headers, row action menus, pagination with page numbers, skeleton loading state, and context-aware empty states. The design uses your existing Card, Badge, Button, and Table components with consistent spacing and the purple accent color from your design tokens.