Add: No toast notification system or success feedback + No corrections/supersession UI

vigilcare-records-web/src/views/ApprovalView.vue

@@ -41,6 +41,25 @@
           </span>
         </div>
 
+        <!-- Supersession info -->
+        <div
+          v-if="currentBatch?.supersedesBatchId"
+          class="bg-blue-50 border border-blue-200 rounded-md p-4 text-sm"
+        >
+          <p class="font-medium text-blue-800">Correction Batch</p>
+          <p class="text-blue-700 mt-1">
+            This batch corrects and will supersede batch
+            <span class="font-mono">{{ currentBatch.supersedesBatchId.substring(0, 8) }}...</span>
+          </p>
+          <button
+            v-if="currentBatch.patientId"
+            @click="router.push(`/patients/${currentBatch.patientId}/history`)"
+            class="text-xs text-blue-600 hover:text-blue-800 mt-2"
+          >
+            View patient history
+          </button>
+        </div>
+
         <!-- Patient summary (read-only) -->
         <fieldset v-if="draft?.patient" class="border border-gray-200 rounded-md p-4">
           <legend class="text-sm font-medium text-gray-700 px-2">Patient Demographics</legend>
@@ -134,6 +153,21 @@
           <p class="text-green-700 mt-1">Patient MRN: {{ promotionResult.mrn }}</p>
           <p class="text-green-700">Encounter: {{ promotionResult.encounterId?.substring(0, 8) }}...</p>
           <p class="text-green-700">Observations promoted: {{ promotionResult.observationIds?.length }}</p>
+          <div class="flex gap-4 mt-3 pt-3 border-t border-green-200">
+            <button
+              @click="createCorrection"
+              class="text-sm text-primary-600 hover:text-primary-800 font-medium"
+            >
+              Create Correction
+            </button>
+            <button
+              v-if="currentBatch?.patientId"
+              @click="router.push(`/patients/${currentBatch!.patientId}/history`)"
+              class="text-sm text-gray-600 hover:text-gray-800"
+            >
+              View Patient History
+            </button>
+          </div>
         </div>
 
         <!-- Deferred banner -->
@@ -188,6 +222,7 @@ import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useBatchStore } from '../stores/batches'
 import { usePresignedUrl } from '../composables/usePresignedUrl'
+import { useToast } from '../composables/useToast'
 import AppHeader from '../components/AppHeader.vue'
 import ScanViewer from '../components/ScanViewer.vue'
 import BatchList from '../components/BatchList.vue'
@@ -198,6 +233,7 @@ const props = defineProps<{ batchId?: string }>()
 const batchStore = useBatchStore()
 const route = useRoute()
 const router = useRouter()
+const toast = useToast()
 
 const batchId = computed(() => props.batchId ?? (route.params.batchId as string | undefined))
 const currentBatch = computed(() => batchStore.currentBatch)
@@ -231,21 +267,37 @@ async function approve() {
     const response = await batchStore.approveBatch(batchId.value, enableRetroactiveAlerts.value)
     if (response?.status === 202) {
       deferred.value = true
+      toast.info('Approved. Promotion will be retried automatically.')
     } else if (response?.data) {
       promotionResult.value = response.data
+      toast.success('Batch approved and promoted successfully')
     }
   } catch (e: unknown) {
     const msg = e instanceof Error ? e.message : 'Approval failed'
     if (msg.includes('PROMOTION_DEFERRED')) {
       deferred.value = true
+      toast.info('Approved. Promotion will be retried automatically.')
     } else {
       errorMessage.value = msg
+      toast.error(msg)
     }
   } finally {
     processing.value = false
   }
 }
 
+function createCorrection() {
+  if (!batchId.value) return
+  router.push({
+    path: '/intake',
+    query: {
+      supersedesBatchId: batchId.value,
+      patientId: currentBatch.value?.patientId ?? undefined,
+      batchType: currentBatch.value?.batchType ?? undefined,
+    },
+  })
+}
+
 async function reject() {
   if (!batchId.value) return
   processing.value = true
@@ -253,9 +305,12 @@ async function reject() {
   try {
     await batchStore.rejectBatch(batchId.value, rejectionReason.value)
     showRejectDialog.value = false
+    toast.warning('Batch rejected')
     router.push('/approval')
   } catch (e: unknown) {
-    errorMessage.value = e instanceof Error ? e.message : 'Rejection failed'
+    const msg = e instanceof Error ? e.message : 'Rejection failed'
+    errorMessage.value = msg
+    toast.error(msg)
   } finally {
     processing.value = false
   }