diff --git a/app/components/app/sep/list-cfg.ts b/app/components/app/sep/list-cfg.ts
index 4a6784fc..e2257954 100644
--- a/app/components/app/sep/list-cfg.ts
+++ b/app/components/app/sep/list-cfg.ts
@@ -41,24 +41,24 @@ export const config: Config = {
   ],
 
   keys: [
-    'tgl_sep',
-    'no_sep',
-    'pelayanan',
-    'jalur',
-    'no_rm',
-    'nama_pasien',
-    'no_kartu_bpjs',
-    'no_surat_kontrol',
-    'tgl_surat_kontrol',
-    'klinik_tujuan',
-    'dpjp',
-    'diagnosis_awal',
+    'letterDate',
+    'letterNumber',
+    'serviceType',
+    'flow',
+    'medicalRecordNumber',
+    'patientName',
+    'cardNumber',
+    'controlLetterNumber',
+    'controlLetterDate',
+    'clinicDestination',
+    'attendingDoctor',
+    'diagnosis',
     'action',
   ],
 
   delKeyNames: [
-    { key: 'no_sep', label: 'NO. SEP' },
-    { key: 'nama_pasien', label: 'Nama Pasien' },
+    { key: 'letterNumber', label: 'NO. SEP' },
+    { key: 'patientName', label: 'Nama Pasien' },
   ],
 
   parses: {},
diff --git a/app/components/app/sep/list.vue b/app/components/app/sep/list.vue
index f44166e2..2afaa2cc 100644
--- a/app/components/app/sep/list.vue
+++ b/app/components/app/sep/list.vue
@@ -1,23 +1,11 @@
 <script setup lang="ts">
 import { config } from './list-cfg'
 
-interface SepData {
-  tgl_sep: string
-  no_sep: string
-  pelayanan: string
-  jalur: string
-  no_rm: string
-  nama_pasien: string
-  no_kartu_bpjs: string
-  no_surat_kontrol: string
-  tgl_surat_kontrol: string
-  klinik_tujuan: string
-  dpjp: string
-  diagnosis_awal: string
-}
+// Types
+import type { VclaimSepData } from '~/models/vclaim'
 
 const props = defineProps<{
-  data: SepData[]
+  data: VclaimSepData[]
 }>()
 </script>
 
diff --git a/app/components/content/sep/entry.vue b/app/components/content/sep/entry.vue
index 3f0e5545..1ecdc047 100644
--- a/app/components/content/sep/entry.vue
+++ b/app/components/content/sep/entry.vue
@@ -11,7 +11,6 @@ import { toast } from '~/components/pub/ui/toast'
 
 // Types
 import type { SepHistoryData } from '~/components/app/sep/list-cfg.history'
-import type { SepVisitData } from '~/components/app/sep/list-cfg.visit'
 
 // Constants
 import {
@@ -36,7 +35,6 @@ import { getValueLabelList as getHealthFacilityLabelList } from '~/services/vcla
 import { getValueLabelList as getDiagnoseLabelList } from '~/services/vclaim-diagnose.service'
 import { getList as getHospitalLetterList } from '~/services/vclaim-reference-hospital-letter.service'
 import { getList as getControlLetterList } from '~/services/vclaim-control-letter.service'
-import { getList as geMonitoringVisitList } from '~/services/vclaim-monitoring-visit.service'
 import { getList as getMonitoringHistoryList } from '~/services/vclaim-monitoring-history.service'
 import { create as createSep, makeSepData } from '~/services/vclaim-sep.service'
 
@@ -60,7 +58,6 @@ const selectedObjects = ref<any>({})
 const selectedServiceType = ref<string>('')
 const selectedAdmissionType = ref<string>('')
 const histories = ref<Array<SepHistoryData>>([])
-const visits = ref<Array<SepVisitData>>([])
 const letters = ref<Array<any>>([])
 const doctors = ref<Array<{ value: string | number; label: string }>>([])
 const diagnoses = ref<Array<{ value: string | number; label: string }>>([])
@@ -114,43 +111,6 @@ async function getMonitoringHistoryMappers() {
   }
 }
 
-async function getMonitoringVisitMappers() {
-  visits.value = []
-  const dateFirst = new Date()
-  const result = await geMonitoringVisitList({
-    nop: '0002078925513',
-    tglpelayanan: dateFirst.toISOString().substring(0, 10),
-    jnspelayanan: 1,
-  })
-  if (result && result.success && result.body) {
-    const visitsRaw = result.body?.response?.sep || []
-
-    // "jnsPelayanan": "R.Inap",
-    // "kelasRawat": "2",
-    // "nama": "HANIF ABDURRAHMAN",
-    // "noKartu": "0001819122189",
-    // "noRujukan": "0301U01108180200084",
-    // "poli": null,
-    // "tglPlgSep": "2017-10-03",
-    // "tglSep": "2017-10-01"
-
-    if (!visitsRaw) return
-    visitsRaw.forEach((result: any) => {
-      visits.value.push({
-        letterNumber: result.noRujukan,
-        letterDate: result.tglSep,
-        sepNumber: result.noSep,
-        patientName: result.nama,
-        bpjsNumber: result.noKartu,
-        diagnosis: result.diagnosa,
-        poly: result.poli || '-',
-        serviceType: result.jnsPelayanan,
-        careClass: result.kelasRawat,
-      })
-    })
-  }
-}
-
 async function getLetterMappers(admissionType: string, search: string) {
   letters.value = []
   let result = null
diff --git a/app/components/content/sep/list.vue b/app/components/content/sep/list.vue
index f1ed0323..c795a162 100644
--- a/app/components/content/sep/list.vue
+++ b/app/components/content/sep/list.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+// Components
 import type { DataTableLoader } from '~/components/pub/my-ui/data-table/type'
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/my-ui/data/types'
 import type { PaginationMeta } from '~/components/pub/my-ui/pagination/pagination.type'
@@ -9,8 +10,17 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
 } from '~/components/pub/ui/dropdown-menu'
+import AppSepList from '~/components/app/sep/list.vue'
+
+// Icons
 import { X, Check } from 'lucide-vue-next'
 
+// Types
+import type { VclaimSepData } from '~/models/vclaim'
+
+// Services
+import { getList as geMonitoringVisitList } from '~/services/vclaim-monitoring-visit.service'
+
 const search = ref('')
 const dateRange = ref('12 Agustus 2025 - 32 Agustus 2025')
 const open = ref(false)
@@ -21,21 +31,6 @@ const sepData = {
   nama: 'Kenzie',
 }
 
-interface SepData {
-  tgl_sep: string
-  no_sep: string
-  pelayanan: string
-  jalur: string
-  no_rm: string
-  nama_pasien: string
-  no_kartu_bpjs: string
-  no_surat_kontrol: string
-  tgl_surat_kontrol: string
-  klinik_tujuan: string
-  dpjp: string
-  diagnosis_awal: string
-}
-
 const paginationMeta = reactive<PaginationMeta>({
   recordCount: 0,
   page: 1,
@@ -49,53 +44,7 @@ function handlePageChange(page: number) {
   console.log('pageChange', page)
 }
 
-const data = ref<SepData[]>([])
-
-// contoh data dummy
-const rows = [
-  {
-    tgl_sep: '12 Agustus 2025',
-    no_sep: 'SP23311224',
-    pelayanan: 'Rawat Jalan',
-    jalur: 'Kontrol',
-    no_rm: 'RM23311224',
-    nama_pasien: 'Ahmad Baidowi',
-    no_kartu_bpjs: '334423231214',
-    no_surat_kontrol: 'SK22334442',
-    tgl_surat_kontrol: '13 Agustus 2024',
-    klinik_tujuan: 'Penyakit dalam',
-    dpjp: 'dr. Andi Prasetyo, Sp.PD-KHOM',
-    diagnosis_awal: 'C34.9 - Karsinoma Paru',
-  },
-  {
-    tgl_sep: '12 Agustus 2025',
-    no_sep: 'SP23311224',
-    pelayanan: 'Rawat Jalan',
-    jalur: 'Kontrol',
-    no_rm: 'RM001234',
-    nama_pasien: 'Kenzie',
-    no_kartu_bpjs: '12301234',
-    no_surat_kontrol: '123456',
-    tgl_surat_kontrol: '10 Agustus 2024',
-    klinik_tujuan: 'Penyakit dalam',
-    dpjp: 'Dr. Andreas Sutaji',
-    diagnosis_awal: 'Bronchitis',
-  },
-  {
-    tgl_sep: '11 Agustus 2025',
-    no_sep: 'SP23455667',
-    pelayanan: 'Rawat Jalan',
-    jalur: 'Kontrol',
-    no_rm: 'RM001009',
-    nama_pasien: 'Abraham Sulaiman',
-    no_kartu_bpjs: '334235',
-    no_surat_kontrol: '123334',
-    tgl_surat_kontrol: '11 Agustus 2024',
-    klinik_tujuan: 'Penyakit dalam',
-    dpjp: 'Dr. Andreas Sutaji',
-    diagnosis_awal: 'Paru-paru basah',
-  },
-]
+const data = ref<VclaimSepData[]>([])
 
 const dataBpjs = {
   noSEP: '1323R0010825V027605',
@@ -153,12 +102,58 @@ const headerPrep: HeaderPrep = {
   },
 }
 
-async function getSepList() {
+async function getMonitoringVisitMappers() {
   isLoading.dataListLoading = true
-  data.value = [...rows]
+  data.value = []
+
+  const dateFirst = new Date()
+  const result = await geMonitoringVisitList({
+    date: dateFirst.toISOString().substring(0, 10),
+    serviceType: 1,
+  })
+
+  if (result && result.success && result.body) {
+    const visitsRaw = result.body?.response?.sep || []
+
+    if (!visitsRaw) {
+      isLoading.dataListLoading = false
+      return
+    }
+
+    visitsRaw.forEach((result: any) => {
+      // Format pelayanan: "R.Inap" -> "Rawat Inap", "1" -> "Rawat Jalan", dll
+      let serviceType = result.jnsPelayanan || '-'
+      if (serviceType === 'R.Inap') {
+        serviceType = 'Rawat Inap'
+      } else if (serviceType === '1' || serviceType === 'R.Jalan') {
+        serviceType = 'Rawat Jalan'
+      }
+
+      data.value.push({
+        letterDate: result.tglSep || '-',
+        letterNumber: result.noSep || '-',
+        serviceType: serviceType,
+        flow: '-',
+        medicalRecordNumber: '-',
+        patientName: result.nama || '-',
+        cardNumber: result.noKartu || '-',
+        controlLetterNumber: result.noRujukan || '-',
+        controlLetterDate: result.tglPlgSep || '-',
+        clinicDestination: result.poli || '-',
+        attendingDoctor: '-',
+        diagnosis: result.diagnosa || '-',
+        careClass: result.kelasRawat || '-',
+      })
+    })
+  }
+
   isLoading.dataListLoading = false
 }
 
+async function getSepList() {
+  await getMonitoringVisitMappers()
+}
+
 function exportCsv() {
   console.log('Ekspor CSV dipilih')
   // tambahkan logic untuk generate CSV
diff --git a/app/models/vclaim.ts b/app/models/vclaim.ts
new file mode 100644
index 00000000..21ffb94f
--- /dev/null
+++ b/app/models/vclaim.ts
@@ -0,0 +1,15 @@
+export interface VclaimSepData {
+  letterDate: string
+  letterNumber: string
+  serviceType: string
+  flow: string
+  medicalRecordNumber: string
+  patientName: string
+  cardNumber: string
+  controlLetterNumber: string
+  controlLetterDate: string
+  clinicDestination: string
+  attendingDoctor: string
+  diagnosis: string
+  careClass: string
+}