Prompt: "Design two responsive dashboard pages using Tailwind CSS and React:
Header: 'SuperUser Notification Center'
Tabs: 'New Stones', 'Pending Plans', 'Rework Needed', 'History'
Each tab displays a table with columns: Stone ID, Date, Status (with color-coded badges), Action Button (e.g., 'Review Plan')
Action buttons open a modal or navigate to a detailed view for plan approval/rejection with comment functionality.
Header: 'Factory Notification Center'
Tabs: 'To Acknowledge', 'Plans Submitted', 'Rework Requests'
Each tab displays a table with columns: Stone ID, Date Assigned, Status (with color-coded badges), Action Button (e.g., 'Acknowledge', 'Submit Plan')
Upon plan rejection, display SuperUser's comments in context.
Ensure both dashboards are styled with Tailwind CSS, include responsive design, and utilize components from shadcn/ui where appropriate."
This prompt will help generate visual representations of the desired dashboards, which can guide your developer in implementing the frontend components.
I'll create two responsive dashboard pages for SuperUser and Factory roles, using shadcn/ui components and Tailwind CSS.
I've created two responsive dashboard pages for managing stone plans in a factory workflow system:
Features:
Features:
The dashboard provides a complete workflow for both SuperUsers (who review and approve plans) and Factory users (who acknowledge assignments and submit plans).