feature: Clinical Review Mode: Charts, Replay Controls & Alert Reasoning

vigilcare-dashboard/src/components/patient/AlertsList.vue

@@ -11,8 +11,11 @@ import { alertTypeLabel } from '@/api/normalize'
 
 const props = defineProps({
   encounterId: { type: String, required: true },
+  selectedId: { type: String, default: null },
 })
 
+const emit = defineEmits(['select'])
+
 const alertStore = useAlertStore()
 const settings = useSettingsStore()
 const { alerts, loading } = storeToRefs(alertStore)
@@ -51,7 +54,9 @@ async function resolve(alertId) {
       <li
         v-for="alert in alerts"
         :key="alert.id"
-        class="flex flex-col gap-4 py-4 first:pt-0 last:pb-0 sm:flex-row sm:items-start sm:justify-between"
+        class="flex cursor-pointer flex-col gap-4 py-4 first:pt-0 last:pb-0 sm:flex-row sm:items-start sm:justify-between"
+        :class="selectedId === alert.id ? 'bg-blue-50/50 dark:bg-blue-950/20' : ''"
+        @click="emit('select', alert)"
       >
         <div class="min-w-0 flex-1">
           <div class="flex flex-wrap items-center gap-2">