diff --git a/app/components/app/treatment-report/list.cfg.ts b/app/components/app/treatment-report/list.cfg.ts
index 9b4c5df1..b07ef9e0 100644
--- a/app/components/app/treatment-report/list.cfg.ts
+++ b/app/components/app/treatment-report/list.cfg.ts
@@ -35,8 +35,9 @@ export const config: Config = {
   keys: ['reportAt', 'dpjp', 'operator', 'operationAt', 'operationType', 'billing', 'system', 'action'],
 
   delKeyNames: [
-    { key: 'code', label: 'Kode' },
-    { key: 'name', label: 'Nama' },
+    { key: 'id', label: 'ID' },
+    { key: 'dokter', label: 'Dokter' },
+    { key: 'reportAt', label: 'Tanggal Laporan' },
   ],
 
   parses: {
diff --git a/app/components/content/treatment-report/list.vue b/app/components/content/treatment-report/list.vue
index ac3bcc7b..e824d396 100644
--- a/app/components/content/treatment-report/list.vue
+++ b/app/components/content/treatment-report/list.vue
@@ -3,17 +3,22 @@
 import Dialog from '~/components/pub/my-ui/modal/dialog.vue'
 import AppTreatmentReportList from '~/components/app/treatment-report/list.vue'
 import AppTreatmentReportListHistory from '~/components/app/treatment-report/list-history.vue'
+import RecordConfirmation from '~/components/pub/my-ui/confirmation/record-confirmation.vue'
 import { ButtonAction } from '~/components/pub/my-ui/form'
 
+// config
+import { config } from '~/components/app/treatment-report/list.cfg'
+
 // types
 import { ActionEvents } from '~/components/pub/my-ui/data/types'
+import type { Encounter } from '~/models/encounter'
 
 // Samples
 import { sampleRows, type TreatmentReportData } from '~/components/app/treatment-report/sample'
 import sampleReport from './sample'
 
-// Models
-import type { Encounter } from '~/models/encounter'
+// helpers
+import { toast } from '~/components/pub/ui/toast'
 
 // Props
 interface Props {
@@ -108,7 +113,6 @@ watch([recId, recAction], (newVal) => {
   // Guard: jangan proses jika id = 0 atau action kosong
   if (!id || !action) return
 
-
   switch (action) {
     case ActionEvents.showDetail:
       // onGetDetail(recId.value)
@@ -238,4 +242,35 @@ watch([recId, recAction], (newVal) => {
       }"
     />
   </Dialog>
+
+  <RecordConfirmation
+    v-model:open="isRecordConfirmationOpen"
+    action="delete"
+    :record="recItem"
+    @confirm="
+      () =>
+        handleActionRemove(
+          recItem.id,
+          () => {
+            router.go(0)
+          },
+          toast,
+        )
+    "
+    @cancel=""
+  >
+    <template #default="{ record }">
+      {{ console.log(JSON.stringify(record)) }}
+      <div class="space-y-1 text-sm">
+        <p
+          v-for="field in config.delKeyNames"
+          :key="field.key"
+          :v-if="record?.[field.key]"
+        >
+          <span class="font-semibold">{{ field.label }}:</span>
+          {{ record[field.key] }}
+        </p>
+      </div>
+    </template>
+  </RecordConfirmation>
 </template>