update readme

do  Ward table missing critical clinical columns

vigilcare-dashboard/src/components/ward/PatientCard.vue

@@ -1,6 +1,14 @@
 <script setup>
 import { computed } from 'vue'
 import Badge from '@/components/ui/Badge.vue'
+import {
+  formatGcsClassification,
+  formatLastObservation,
+  formatLengthOfStay,
+  observationStaleness,
+  patientRoom,
+  stalenessClass,
+} from '@/composables/wardFormat'
 
 const props = defineProps({ patient: { type: Object, required: true } })
 
@@ -10,6 +18,10 @@ const riskVariant = computed(() => {
   if (score >= 5) return 'warning'
   return 'success'
 })
+
+const vitalsStaleness = computed(() =>
+  observationStaleness(props.patient.lastObservationAt, props.patient.status),
+)
 </script>
 
 <template>
@@ -20,7 +32,7 @@ const riskVariant = computed(() => {
       <div class="min-w-0 flex-1">
         <div class="flex items-center gap-2">
           <span class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400">
-            Room {{ patient.room ?? '—' }}
+            Room {{ patientRoom(patient) }}
           </span>
           <Badge v-if="patient.sepsisActive" variant="critical" size="xs">Sepsis</Badge>
         </div>
@@ -28,17 +40,50 @@ const riskVariant = computed(() => {
           {{ patient.firstName }} {{ patient.lastName }}
         </h3>
         <p class="text-xs text-gray-500 dark:text-gray-400">{{ patient.mrn }}</p>
+        <p v-if="patient.attendingPhysician" class="mt-1 text-xs text-gray-500 dark:text-gray-400">
+          {{ patient.attendingPhysician }}
+        </p>
       </div>
       <Badge :variant="riskVariant">NEWS2 {{ patient.news2Score ?? '—' }}</Badge>
     </div>
 
     <dl class="mt-4 grid grid-cols-2 gap-4 border-t border-gray-100 pt-4 dark:border-gray-800">
+      <div>
+        <dt class="text-xs text-gray-500 dark:text-gray-400">SOFA</dt>
+        <dd class="mt-2 text-sm font-medium text-gray-900 dark:text-white">
+          {{ patient.sofaScore ?? '—' }}
+          <span v-if="patient.sofaDelta != null && patient.sofaDelta > 0" class="text-xs text-amber-600 dark:text-amber-400">
+            Δ+{{ patient.sofaDelta }}
+          </span>
+        </dd>
+      </div>
+      <div>
+        <dt class="text-xs text-gray-500 dark:text-gray-400">GCS</dt>
+        <dd class="mt-2 text-sm font-medium text-gray-900 dark:text-white">
+          {{ patient.gcsScore ?? '—' }}
+          <span v-if="patient.gcsClassification" class="text-xs text-gray-500 dark:text-gray-400">
+            {{ formatGcsClassification(patient.gcsClassification) }}
+          </span>
+        </dd>
+      </div>
       <div>
         <dt class="text-xs text-gray-500 dark:text-gray-400">qSOFA</dt>
         <dd class="mt-2 text-sm font-medium text-gray-900 dark:text-white">
           {{ patient.qsofaScore ?? '—' }}
         </dd>
       </div>
+      <div>
+        <dt class="text-xs text-gray-500 dark:text-gray-400">LOS</dt>
+        <dd class="mt-2 text-sm font-medium text-gray-900 dark:text-white">
+          {{ formatLengthOfStay(patient.admittedAt) }}
+        </dd>
+      </div>
+      <div>
+        <dt class="text-xs text-gray-500 dark:text-gray-400">Last vitals</dt>
+        <dd class="mt-2 text-sm font-medium" :class="stalenessClass(vitalsStaleness)">
+          {{ formatLastObservation(patient.lastObservationAt) }}
+        </dd>
+      </div>
       <div>
         <dt class="text-xs text-gray-500 dark:text-gray-400">Open alerts</dt>
         <dd class="mt-2">

vigilcare-dashboard/src/components/ward/PatientRow.vue

@@ -1,6 +1,14 @@
 <script setup>
 import { computed } from 'vue'
 import Badge from '@/components/ui/Badge.vue'
+import {
+  formatGcsClassification,
+  formatLastObservation,
+  formatLengthOfStay,
+  observationStaleness,
+  patientRoom,
+  stalenessClass,
+} from '@/composables/wardFormat'
 
 const props = defineProps({ patient: { type: Object, required: true } })
 
@@ -10,12 +18,31 @@ const riskVariant = computed(() => {
   if (score >= 5) return 'warning'
   return 'success'
 })
+
+const sofaVariant = computed(() => {
+  const delta = props.patient.sofaDelta
+  if (delta != null && delta >= 2) return 'critical'
+  if (delta != null && delta === 1) return 'warning'
+  return 'info'
+})
+
+const gcsVariant = computed(() => {
+  const score = props.patient.gcsScore
+  if (score == null) return 'info'
+  if (score <= 8) return 'critical'
+  if (score <= 12) return 'warning'
+  return 'success'
+})
+
+const vitalsStaleness = computed(() =>
+  observationStaleness(props.patient.lastObservationAt, props.patient.status),
+)
 </script>
 
 <template>
   <tr>
     <td class="whitespace-nowrap px-4 py-4 text-sm text-gray-700 dark:text-gray-300">
-      {{ patient.room ?? '—' }}
+      {{ patientRoom(patient) }}
     </td>
     <td class="px-4 py-4">
       <div class="text-sm font-medium text-gray-900 dark:text-white">
@@ -26,9 +53,34 @@ const riskVariant = computed(() => {
     <td class="whitespace-nowrap px-4 py-4 text-right">
       <Badge :variant="riskVariant">{{ patient.news2Score ?? '—' }}</Badge>
     </td>
+    <td class="whitespace-nowrap px-4 py-4 text-right text-sm">
+      <div class="flex flex-col items-end gap-1">
+        <span class="font-medium text-gray-900 dark:text-white">{{ patient.sofaScore ?? '—' }}</span>
+        <Badge v-if="patient.sofaDelta != null && patient.sofaDelta > 0" :variant="sofaVariant" size="xs">
+          Δ+{{ patient.sofaDelta }}
+        </Badge>
+      </div>
+    </td>
+    <td class="whitespace-nowrap px-4 py-4 text-right text-sm">
+      <div class="flex flex-col items-end gap-1">
+        <Badge :variant="gcsVariant">{{ patient.gcsScore ?? '—' }}</Badge>
+        <span v-if="patient.gcsClassification" class="text-xs text-gray-500 dark:text-gray-400">
+          {{ formatGcsClassification(patient.gcsClassification) }}
+        </span>
+      </div>
+    </td>
     <td class="whitespace-nowrap px-4 py-4 text-right text-sm text-gray-700 dark:text-gray-300">
       {{ patient.qsofaScore ?? '—' }}
     </td>
+    <td class="whitespace-nowrap px-4 py-4 text-sm text-gray-700 dark:text-gray-300">
+      {{ patient.attendingPhysician ?? '—' }}
+    </td>
+    <td class="whitespace-nowrap px-4 py-4 text-sm text-gray-700 dark:text-gray-300">
+      {{ formatLengthOfStay(patient.admittedAt) }}
+    </td>
+    <td class="whitespace-nowrap px-4 py-4 text-sm" :class="stalenessClass(vitalsStaleness)">
+      {{ formatLastObservation(patient.lastObservationAt) }}
+    </td>
     <td class="whitespace-nowrap px-4 py-4">
       <Badge v-if="patient.sepsisActive" variant="critical">Active</Badge>
       <span v-else class="text-sm text-gray-400">No</span>
@@ -40,4 +92,4 @@ const riskVariant = computed(() => {
       <span v-else class="text-sm text-gray-400">0</span>
     </td>
   </tr>
-</template>
+</template>

vigilcare-dashboard/src/components/ward/WardTable.vue

@@ -30,7 +30,12 @@ function goToPatient(encounterId) {
           <th class="px-4 py-4 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">Room</th>
           <th class="px-4 py-4 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">Patient</th>
           <th class="px-4 py-4 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">NEWS2</th>
+          <th class="px-4 py-4 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">SOFA</th>
+          <th class="px-4 py-4 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">GCS</th>
           <th class="px-4 py-4 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">qSOFA</th>
+          <th class="px-4 py-4 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">Attending</th>
+          <th class="px-4 py-4 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">LOS</th>
+          <th class="px-4 py-4 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">Last vitals</th>
           <th class="px-4 py-4 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">Sepsis</th>
           <th class="px-4 py-4 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">Alerts</th>
         </tr>