{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "triage-queue-dashboard", "title": "Triage Queue Dashboard", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/triage-queue-dashboard/TriageQueueDashboard.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport { Bed, Clock, DoorOpen, HeartPulse, MoreHorizontal, Plus, RefreshCw, Search, Zap } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\nimport { Input } from '@/components/ui/input'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'\nimport { Separator } from '@/components/ui/separator'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\n\nexport type EsiLevel = 'esi-1' | 'esi-2' | 'esi-3' | 'esi-4'\n\nexport interface PatientVitals {\n bp: string\n hr: number\n spo2: number\n temp: string\n respRate: number\n}\n\nexport interface Caregiver {\n name: string\n role: 'RN' | 'MD' | 'PA' | 'NP'\n initials: string\n avatar?: string\n}\n\nexport interface TriagePatient {\n id: string\n mrn: string\n name: string\n age: number\n gender: 'M' | 'F' | 'Other'\n acuity: EsiLevel\n acuityCode: string\n acuityLabel: string\n chiefComplaint: string\n symptoms: string\n waitTime: string\n waitMinutes: number\n vitals: PatientVitals\n assignedRoom: string\n roomType: 'trauma' | 'acute' | 'fast_track' | 'waiting'\n primaryNurse: Caregiver\n attendingPhysician: Caregiver\n clinicalStatus: string\n}\n\nexport interface AcuitySummaryCard {\n level: EsiLevel\n title: string\n subtitle: string\n activeCount: number\n targetWait: string\n targetWindow: string\n badgeVariantClass: string\n indicatorDot?: string\n pulse: boolean\n description: string\n}\n\nexport interface TriageQueueDashboardProps {\n className?: string\n unitName?: string\n facilityName?: string\n}\n\nconst defaultAcuityCards: AcuitySummaryCard[] = [\n {\n level: 'esi-1',\n title: 'ESI 1 · Resuscitation',\n subtitle: 'Immediate Life Threat',\n activeCount: 1,\n targetWait: 'Immediate',\n targetWindow: '0 min wait',\n badgeVariantClass: 'border-destructive/30 bg-destructive/10 text-destructive',\n indicatorDot: 'bg-destructive',\n pulse: true,\n description: 'Hemodynamic instability, active airway compromise',\n },\n {\n level: 'esi-2',\n title: 'ESI 2 · Emergent',\n subtitle: 'High Risk / Severe Pain',\n activeCount: 3,\n targetWait: '< 15m wait',\n targetWindow: 'Max 15 min',\n badgeVariantClass: 'border-orange-500/30 bg-orange-500/10 text-orange-700 dark:text-orange-400',\n indicatorDot: 'bg-orange-500',\n pulse: false,\n description: 'Confused, lethargic, severe respiratory distress',\n },\n {\n level: 'esi-3',\n title: 'ESI 3 · Urgent',\n subtitle: 'Multiple Resources Needed',\n activeCount: 8,\n targetWait: '< 30m wait',\n targetWindow: 'Max 30 min',\n badgeVariantClass: 'border-warning/30 bg-warning/10 text-warning',\n indicatorDot: 'bg-warning',\n pulse: false,\n description: 'Stable vitals, 2+ diagnostic or lab orders needed',\n },\n {\n level: 'esi-4',\n title: 'ESI 4/5 · Non-Urgent',\n subtitle: 'Low Resource / Fast Track',\n activeCount: 6,\n targetWait: '< 60m wait',\n targetWindow: 'Max 60 min',\n badgeVariantClass: 'border-success/30 bg-success/10 text-success',\n indicatorDot: 'bg-success',\n pulse: false,\n description: 'Simple lacerations, routine medication re-eval',\n },\n]\n\nconst initialPatients: TriagePatient[] = [\n {\n id: 'pt-1',\n mrn: 'MRN-94021',\n name: 'James Wilson',\n age: 62,\n gender: 'M',\n acuity: 'esi-1',\n acuityCode: 'ESI 1',\n acuityLabel: 'ESI 1 - Resuscitation',\n chiefComplaint: 'Severe Crushing Chest Pain',\n symptoms: 'Diaphoresis, radiating left jaw pain, dyspnea. STAT STEMI protocol initiated.',\n waitTime: '2 min',\n waitMinutes: 2,\n vitals: {\n bp: '88/54',\n hr: 124,\n spo2: 91,\n temp: '98.4°F',\n respRate: 28,\n },\n assignedRoom: 'Trauma Bay 2',\n roomType: 'trauma',\n primaryNurse: {\n name: 'Sarah Jenkins, RN',\n role: 'RN',\n initials: 'SJ',\n avatar: 'https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=120&auto=format&fit=crop&q=80',\n },\n attendingPhysician: {\n name: 'Dr. Marcus Chen, MD',\n role: 'MD',\n initials: 'MC',\n avatar: 'https://images.unsplash.com/photo-1622253692010-333f2da6031d?w=120&auto=format&fit=crop&q=80',\n },\n clinicalStatus: 'Cath Lab Alert · In Bay',\n },\n {\n id: 'pt-2',\n mrn: 'MRN-88319',\n name: 'Maria Garcia',\n age: 34,\n gender: 'F',\n acuity: 'esi-2',\n acuityCode: 'ESI 2',\n acuityLabel: 'ESI 2 - Emergent',\n chiefComplaint: 'Compound Tibia Fracture',\n symptoms: 'Post-motorcycle collision, visible bone deformity, uncontrolled bleeding controlled by tourniquet.',\n waitTime: '9 min',\n waitMinutes: 9,\n vitals: {\n bp: '138/86',\n hr: 106,\n spo2: 97,\n temp: '99.1°F',\n respRate: 22,\n },\n assignedRoom: 'Trauma Bay 4',\n roomType: 'trauma',\n primaryNurse: {\n name: 'Kevin Vance, RN',\n role: 'RN',\n initials: 'KV',\n avatar: 'https://images.unsplash.com/photo-1537368910025-700350fe46c7?w=120&auto=format&fit=crop&q=80',\n },\n attendingPhysician: {\n name: 'Dr. Lisa Thorne, MD',\n role: 'MD',\n initials: 'LT',\n avatar: 'https://images.unsplash.com/photo-1594824813637-e54e44e26210?w=120&auto=format&fit=crop&q=80',\n },\n clinicalStatus: 'Ortho Paged · IV Analgesia',\n },\n {\n id: 'pt-3',\n mrn: 'MRN-72915',\n name: 'Noah Miller',\n age: 8,\n gender: 'M',\n acuity: 'esi-2',\n acuityCode: 'ESI 2',\n acuityLabel: 'ESI 2 - Emergent',\n chiefComplaint: 'Acute Asthma Exacerbation',\n symptoms: 'Inspiratory and expiratory stridor, intercostal retractions, refractory to home albuterol.',\n waitTime: '14 min',\n waitMinutes: 14,\n vitals: {\n bp: '104/68',\n hr: 132,\n spo2: 92,\n temp: '99.8°F',\n respRate: 34,\n },\n assignedRoom: 'Bed 06 (Peds Acute)',\n roomType: 'acute',\n primaryNurse: {\n name: 'Angela Ray, RN',\n role: 'RN',\n initials: 'AR',\n avatar: 'https://images.unsplash.com/photo-1582750433449-648ed127bb54?w=120&auto=format&fit=crop&q=80',\n },\n attendingPhysician: {\n name: 'Dr. Marcus Chen, MD',\n role: 'MD',\n initials: 'MC',\n avatar: 'https://images.unsplash.com/photo-1622253692010-333f2da6031d?w=120&auto=format&fit=crop&q=80',\n },\n clinicalStatus: 'Duoneb #2 · Continuous O2',\n },\n {\n id: 'pt-4',\n mrn: 'MRN-51829',\n name: 'Sarah Lee',\n age: 45,\n gender: 'F',\n acuity: 'esi-3',\n acuityCode: 'ESI 3',\n acuityLabel: 'ESI 3 - Urgent',\n chiefComplaint: 'Right Lower Quadrant Abdominal Pain',\n symptoms: 'Severe pain x 14h, focal McBurney point tenderness, nausea, low-grade fever.',\n waitTime: '28 min',\n waitMinutes: 28,\n vitals: {\n bp: '126/82',\n hr: 92,\n spo2: 98,\n temp: '101.4°F',\n respRate: 18,\n },\n assignedRoom: 'Bed 14',\n roomType: 'acute',\n primaryNurse: {\n name: 'David Park, RN',\n role: 'RN',\n initials: 'DP',\n avatar: 'https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?w=120&auto=format&fit=crop&q=80',\n },\n attendingPhysician: {\n name: 'Dr. Sophia Adams, MD',\n role: 'MD',\n initials: 'SA',\n avatar: 'https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=120&auto=format&fit=crop&q=80',\n },\n clinicalStatus: 'CT Scan Queued · NPO',\n },\n {\n id: 'pt-5',\n mrn: 'MRN-63910',\n name: 'Robert Chen',\n age: 58,\n gender: 'M',\n acuity: 'esi-3',\n acuityCode: 'ESI 3',\n acuityLabel: 'ESI 3 - Urgent',\n chiefComplaint: 'Suspected Renal Colic & Flank Pain',\n symptoms: 'Sudden onset severe right flank pain radiating to groin, gross hematuria, pain score 8/10.',\n waitTime: '42 min',\n waitMinutes: 42,\n vitals: {\n bp: '146/94',\n hr: 88,\n spo2: 99,\n temp: '98.4°F',\n respRate: 16,\n },\n assignedRoom: 'Bed 18',\n roomType: 'acute',\n primaryNurse: {\n name: 'Rachel Torres, RN',\n role: 'RN',\n initials: 'RT',\n avatar: 'https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=120&auto=format&fit=crop&q=80',\n },\n attendingPhysician: {\n name: 'Dr. Sophia Adams, MD',\n role: 'MD',\n initials: 'SA',\n avatar: 'https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=120&auto=format&fit=crop&q=80',\n },\n clinicalStatus: 'Ultrasound Ordered · IV Fluids',\n },\n {\n id: 'pt-6',\n mrn: 'MRN-90423',\n name: 'Marcus Vance',\n age: 22,\n gender: 'M',\n acuity: 'esi-4',\n acuityCode: 'ESI 4',\n acuityLabel: 'ESI 4 - Non-Urgent',\n chiefComplaint: 'Forearm Deep Glass Laceration',\n symptoms: '4cm clean linear laceration, hemostasis achieved, neurovascular sensation intact distally.',\n waitTime: '54 min',\n waitMinutes: 54,\n vitals: {\n bp: '120/78',\n hr: 74,\n spo2: 100,\n temp: '98.6°F',\n respRate: 14,\n },\n assignedRoom: 'Fast Track 02',\n roomType: 'fast_track',\n primaryNurse: {\n name: 'Kevin Vance, RN',\n role: 'RN',\n initials: 'KV',\n avatar: 'https://images.unsplash.com/photo-1537368910025-700350fe46c7?w=120&auto=format&fit=crop&q=80',\n },\n attendingPhysician: {\n name: 'Dr. Emily Watson, MD',\n role: 'MD',\n initials: 'EW',\n avatar: 'https://images.unsplash.com/photo-1594824813637-e54e44e26210?w=120&auto=format&fit=crop&q=80',\n },\n clinicalStatus: 'Wound Irrigated · Suture Tray Ready',\n },\n]\n\nexport function TriageQueueDashboard({\n className,\n unitName = 'Level 1 Trauma Center · Bay 4',\n facilityName = 'St. Jude Metropolitan Academic Medical Center',\n}: TriageQueueDashboardProps) {\n const [search, setSearch] = React.useState('')\n const [acuityFilter, setAcuityFilter] = React.useState('all')\n const [locationFilter, setLocationFilter] = React.useState('all')\n const [sortBy] = React.useState<'wait-desc' | 'wait-asc' | 'acuity'>('acuity')\n\n const filteredPatients = React.useMemo(() => {\n return initialPatients\n .filter((pt) => {\n // Search filter\n if (search.trim()) {\n const query = search.toLowerCase()\n const matchesName = pt.name.toLowerCase().includes(query)\n const matchesMrn = pt.mrn.toLowerCase().includes(query)\n const matchesComplaint = pt.chiefComplaint.toLowerCase().includes(query)\n const matchesRoom = pt.assignedRoom.toLowerCase().includes(query)\n if (!matchesName && !matchesMrn && !matchesComplaint && !matchesRoom) return false\n }\n\n // Acuity filter\n if (acuityFilter !== 'all') {\n if (pt.acuity !== acuityFilter) return false\n }\n\n // Location filter\n if (locationFilter !== 'all') {\n if (pt.roomType !== locationFilter) return false\n }\n\n return true\n })\n .sort((a, b) => {\n if (sortBy === 'wait-desc') return b.waitMinutes - a.waitMinutes\n if (sortBy === 'wait-asc') return a.waitMinutes - b.waitMinutes\n const order: Record = { 'esi-1': 1, 'esi-2': 2, 'esi-3': 3, 'esi-4': 4 }\n return order[a.acuity] - order[b.acuity]\n })\n }, [search, acuityFilter, locationFilter, sortBy])\n\n const handleAcuityCardClick = (level: EsiLevel) => {\n if (acuityFilter === level) {\n setAcuityFilter('all')\n } else {\n setAcuityFilter(level)\n }\n }\n\n const resetFilters = () => {\n setSearch('')\n setAcuityFilter('all')\n setLocationFilter('all')\n }\n\n return (\n \n {/* Live ED Header */}\n
\n
\n {/* Title & Operational Meta */}\n
\n
\n
\n \n
\n
\n

\n Emergency Department Triage Queue\n

\n

{facilityName}

\n
\n
\n\n
\n \n \n {unitName}\n \n\n \n \n 18 In Unit · 4 Awaiting Triage\n \n\n \n
\n
\n\n {/* Primary Actions */}\n
\n \n\n \n
\n
\n
\n\n {/* 4 Acuity Overview Cards (ESI 1 to ESI 4/5) */}\n
\n {defaultAcuityCards.map((card) => {\n const isSelected = acuityFilter === card.level\n return (\n handleAcuityCardClick(card.level)}\n >\n \n
\n
\n
\n \n \n {card.subtitle}\n \n
\n

{card.title}

\n
\n\n \n {card.pulse && }\n {card.targetWait}\n \n
\n\n
\n
\n \n {card.activeCount}\n \n active in queue\n
\n\n {card.targetWindow}\n
\n\n

{card.description}

\n \n \n )\n })}\n
\n\n {/* Patient Queue Table Card */}\n \n \n
\n {/* Title & Active Filter Summary */}\n
\n
\n \n Patient Triage & Allocation Board\n \n \n {filteredPatients.length} Patients\n \n
\n \n Continuous monitoring of emergency severity index, vital signs, and room throughput.\n \n
\n\n {/* Controls: Search & Filters */}\n
\n {/* Search Field */}\n
\n \n setSearch(e.target.value)}\n type=\"text\"\n placeholder=\"Search patient, MRN, bay...\"\n className=\"h-8 pl-8 text-xs sm:text-sm\"\n />\n
\n\n {/* Acuity Level Filter */}\n
\n \n
\n\n {/* Location Filter */}\n
\n \n
\n\n {/* Reset Button */}\n {(search || acuityFilter !== 'all' || locationFilter !== 'all') && (\n \n )}\n
\n
\n \n\n \n
\n \n \n \n Acuity (ESI)\n Patient Demographics\n Chief Complaint & Symptoms\n Wait Time\n Vitals Snapshot\n Bed / Room\n Attending Staff\n \n Actions\n \n \n \n\n \n {/* Empty State */}\n {filteredPatients.length === 0 ? (\n \n \n
\n
\n \n
\n

No patients match current filters

\n

\n Try clearing your search query or selecting \"All Acuities\".\n

\n \n
\n \n \n ) : (\n filteredPatients.map((pt) => {\n const isEsi1 = pt.acuity === 'esi-1'\n const isEsi2 = pt.acuity === 'esi-2'\n const isEsi3 = pt.acuity === 'esi-3'\n const isEsi4 = pt.acuity === 'esi-4'\n\n return (\n \n {/* Acuity ESI Badge */}\n \n
\n \n {isEsi1 && }\n {pt.acuityCode}\n \n \n {isEsi1 ? 'Resuscitation' : isEsi2 ? 'Emergent' : isEsi3 ? 'Urgent' : 'Non-Urgent'}\n \n
\n \n\n {/* Patient Demographics */}\n \n
\n
\n {pt.name}\n \n ({pt.age}\n {pt.gender})\n \n
\n
\n {pt.mrn}\n
\n
\n \n\n {/* Chief Complaint & Symptoms */}\n \n
\n

{pt.chiefComplaint}

\n

{pt.symptoms}

\n
\n \n\n {/* Wait Time Counter */}\n \n
\n 30 ? 'text-warning' : 'text-muted-foreground',\n )}\n />\n 40 ? 'text-warning' : 'text-foreground',\n )}\n >\n {pt.waitTime}\n \n
\n \n\n {/* Vitals Snapshot */}\n \n
\n
\n BP:\n \n {pt.vitals.bp}\n \n
\n\n
\n HR:\n 110 ? 'text-destructive' : 'text-foreground',\n )}\n >\n {pt.vitals.hr} bpm\n \n
\n\n
\n SpO2:\n \n {pt.vitals.spo2}%\n \n
\n\n
\n Temp:\n {pt.vitals.temp}\n
\n
\n \n\n {/* Assigned Bed / Room */}\n \n
\n \n \n {pt.assignedRoom}\n \n

{pt.clinicalStatus}

\n
\n \n\n {/* Attending Staff */}\n \n
\n
\n \n \n \n {pt.primaryNurse.initials}\n \n \n \n {pt.primaryNurse.name}\n \n
\n\n
\n \n \n \n {pt.attendingPhysician.initials}\n \n \n \n {pt.attendingPhysician.name}\n \n
\n
\n \n\n {/* Actions Menu */}\n \n \n \n \n \n \n Triage Actions\n \n \n Assign Room\n \n \n \n Re-triage Acuity\n \n \n \n Order STAT Labs\n \n \n \n \n Discharge / Transfer\n \n \n \n \n \n )\n })\n )}\n \n
\n
\n\n {/* Table Footer / Status Summary */}\n
\n
\n Level 1 Trauma Alert Protocol Active\n \n Average Door-to-Triage: 4.2 min\n
\n\n
\n ED Occupancy:\n 88% (22/25 Beds)\n
\n
\n \n \n \n )\n}\n\nexport default TriageQueueDashboard\n", "type": "registry:block", "target": "~/components/blocks/TriageQueueDashboard.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/avatar.json", "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json", "https://uipkge.dev/r/react/dropdown-menu.json", "https://uipkge.dev/r/react/input.json", "https://uipkge.dev/r/react/select.json", "https://uipkge.dev/r/react/separator.json", "https://uipkge.dev/r/react/table.json" ], "description": "Emergency Department (ED) and Urgent Care patient acuity triage queue and room allocation board: live unit header, 4 ESI overview cards with target wait thresholds, searchable patient queue table with vitals snapshot, assigned room, attending care team, and quick clinical actions.", "categories": [ "healthcare", "app" ] }