Create a highly functional, clean, and scan-optimized "Patient Queue Management System Dashboard" for a busy front desk hospital lab testing unit (e.g., Piedmont Hospital). The design must look professional, trustworthy, and utilize a clean medical color palette (deep slate blue, teal, stark white backgrounds, and clear functional accent alerts).
Make the rows style themselves dynamically based on the Wait Time variable to prevent anyone from being overlooked:
Make the state fully interactive using React hooks so the list dynamically moves up when "Call Patient" is pressed, and changes row alert background colors based on their minutes. Keep the UI perfectly scannable and accessible.
Now I'll update the globals.css with a medical color palette and create the Patient Queue Management Dashboard with all the requested functionality.
Now let me create the main dashboard components:
Now let me check for the Select and Label components:
Good, those components exist. Now let me create the main dashboard component and the page:
Let me check if the table component exists:
Good. Let me check for any issues by reading the debug logs:
The server is ready. Let me wait a moment and check again to ensure the page compiled correctly:
The page should be compiling. Let me verify the components exist and read the Dialog component to ensure it's working:
All the UI components exist. The Patient Queue Management System Dashboard is now complete with all the requested features:
Dashboard Features:
Queue Table with all specified columns:
Dynamic Row Styling based on wait time:
Action Sidebar includes:
I've added a prominent disclaimer banner below the search bar. The banner features a soft amber background with a clear message stating that this is a prototype demonstration for Piedmont Athens Regional, built for evaluation purposes only, and that it does not collect real patient health information. The subtitle was also updated to include "Piedmont Athens Regional" for proper attribution.