diff --git a/app/components/app/sep/entry-form.vue b/app/components/app/sep/entry-form.vue
index 70e5ba7e..d2057ebc 100644
--- a/app/components/app/sep/entry-form.vue
+++ b/app/components/app/sep/entry-form.vue
@@ -373,10 +373,10 @@ watch(props, (value) => {
         </Cell>
       </Block>
 
-      <Block
+       <Block
         labelSize="thin"
         class="!pt-0"
-        :colCount="2"
+        :colCount="1"
         :cellFlex="false"
       >
         <Cell>
@@ -392,7 +392,14 @@ watch(props, (value) => {
             />
           </Field>
         </Cell>
+        </Block>
 
+      <Block
+        labelSize="thin"
+        class="!pt-0"
+        :colCount="2"
+        :cellFlex="false"
+      >
         <Cell>
           <Label height="compact">
             COB
diff --git a/app/components/app/sep/list-cfg.patient.ts b/app/components/app/sep/list-cfg.patient.ts
index 73edc960..d48fcb0b 100644
--- a/app/components/app/sep/list-cfg.patient.ts
+++ b/app/components/app/sep/list-cfg.patient.ts
@@ -1,8 +1,7 @@
 import type { Config } from '~/components/pub/my-ui/data-table'
 import { defineAsyncComponent } from 'vue'
 
-// const RadioGroup = defineAsyncComponent(() => import('~/components/pub/ui/radio-group/RadioGroup.vue'))
-// const RadioGroupItem = defineAsyncComponent(() => import('~/components/pub/ui/radio-group/RadioGroupItem.vue'))
+const SelectedRadio = defineAsyncComponent(() => import('./select-radio.vue'))
 const action = defineAsyncComponent(() => import('~/components/pub/my-ui/data/dropdown-action-dud.vue'))
 
 export const config: Config = {
@@ -22,11 +21,11 @@ export const config: Config = {
   parses: {},
 
   components: {
-    action(rec, idx) {
+    check(rec, idx) {
       return {
         idx,
         rec: rec as object,
-        component: action,
+        component: SelectedRadio,
       }
     },
   },
diff --git a/app/components/app/sep/list-patient.vue b/app/components/app/sep/list-patient.vue
index cb678433..6ee3fd5b 100644
--- a/app/components/app/sep/list-patient.vue
+++ b/app/components/app/sep/list-patient.vue
@@ -1,5 +1,36 @@
-<script lang="ts"></script>
+<script setup lang="ts">
+// Components
+import PaginationView from '~/components/pub/my-ui/pagination/pagination-view.vue'
+
+// Types
+import type { SepHistoryData } from './list-cfg.history'
+import type { PaginationMeta } from '~/components/pub/my-ui/pagination/pagination.type'
+
+// Configs
+import { config } from './list-cfg.patient'
+
+const props = defineProps<{
+  data: SepHistoryData[]
+  paginationMeta?: PaginationMeta
+}>()
+
+const emit = defineEmits<{
+  pageChange: [page: number]
+}>()
+
+function handlePageChange(page: number) {
+  emit('pageChange', page)
+}
+</script>
 
 <template>
-  <div></div>
+  <PubMyUiDataTable
+    v-bind="config"
+    :rows="props.data"
+  />
+  <PaginationView
+    v-if="paginationMeta"
+    :pagination-meta="paginationMeta"
+    @page-change="handlePageChange"
+  />
 </template>
diff --git a/app/components/app/sep/select-radio.vue b/app/components/app/sep/select-radio.vue
new file mode 100644
index 00000000..80229954
--- /dev/null
+++ b/app/components/app/sep/select-radio.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+// Components
+import { RadioGroup, RadioGroupItem } from '~/components/pub/ui/radio-group'
+
+const props = defineProps<{
+  rec: { id: string; name: string }
+}>()
+
+const recId = inject<Ref<number>>('rec_id')!
+const record = props.rec || {}
+const selected = ref<string>('')
+</script>
+
+<template>
+  <RadioGroup
+    :model-value="selected"
+    @update:model-value="
+      () => {
+        recId = Number(record.id) || 0
+      }
+    "
+  >
+    <RadioGroupItem
+      :id="record.id"
+      :value="record.id"
+    />
+  </RadioGroup>
+</template>
diff --git a/app/components/content/sep/entry.vue b/app/components/content/sep/entry.vue
index 0a2de669..03e0c78f 100644
--- a/app/components/content/sep/entry.vue
+++ b/app/components/content/sep/entry.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
+import { useRoute } from "vue-router"
 
 // Components
 import AppViewHistory from '~/components/app/sep/view-history.vue'
@@ -26,12 +27,14 @@ import { getList as geMonitoringVisitList } from '~/services/vclaim-monitoring-v
 import { getList as getMonitoringHistoryList } from '~/services/vclaim-monitoring-history.service'
 import { create as createSep, createPayload as createSepPayload } from '~/services/vclaim-sep.service'
 
+const route = useRoute()
 const openPatient = ref(false)
 const openLetter = ref(false)
 const openHistory = ref(false)
 const selectedPatient = ref('')
 const selectedPatientObject = ref<PatientEntity | null>(null)
 const selectedLetter = ref('SK22334442')
+const selectedObjects = ref<any>({})
 const histories = ref<Array<SepHistoryData>>([])
 const visits = ref<Array<SepVisitData>>([])
 const patients = ref<Array<{ id: string; identity: string; number: string; bpjs: string; name: string }>>([])
@@ -275,6 +278,10 @@ onMounted(async () => {
     console.log('value:', value)
   })
   supportCodesList.value = Object.keys(supportCodes).map((item) => ({ value: item.toString(), label: supportCodes[item] })) as any
+  if (route.query) {
+    selectedObjects.value = { ...route.query }
+  }
+  console.log('selectedObjects:', selectedObjects.value)
 })
 </script>
 
diff --git a/app/lib/constants.vclaim.ts b/app/lib/constants.vclaim.ts
new file mode 100644
index 00000000..8c11adfb
--- /dev/null
+++ b/app/lib/constants.vclaim.ts
@@ -0,0 +1,47 @@
+export const serviceTypes: Record<string,string> = {
+	'1': 'Rawat Inap',
+	'2': 'Rawat Jalan',
+}
+
+export const registerMethods: Record<string,string> = {
+	'1': 'Rujukan',
+	'2': 'IGD' ,
+	'3': 'Kontrol' ,
+	'4': 'Rujukan Internal' ,
+}
+
+export const lakaStatuses: Record<string, string> = {
+  '0': 'Bukan Kecelakaan lalu lintas [BKLL]',
+  '1': 'KLL dan Bukan Kecelakaan Kerja [BKK]',
+  '2': 'KLL',
+  '3': 'KK',
+}
+
+export const procedureTypes: Record<string, string> = {
+  '0': 'Normal',
+  '1': 'Prosedur',
+  '3': 'Konsul Dokter',
+}
+
+export const supportCodes: Record<string, string> = {
+  '1': 'Radioterapi',
+  '2': 'Kemoterapi',
+  '3': 'Rehabilitasi Medik',
+  '4': 'Rehabilitasi Psikososial',
+  '5': 'Transfusi Darah',
+  '6': 'Pelayanan Gigi',
+  '7': 'Laboratorium',
+  '8': 'USG',
+  '9': 'Farmasi',
+  '10': 'Lain-Lain',
+  '11': 'MRI',
+  '12': 'HEMODIALISA',
+}
+
+export const serviceAssessments: Record<string, string> = {
+  '1': 'Poli spesialis tidak tersedia pada hari sebelumnya',
+  '2': 'Jam Poli telah berakhir pada hari sebelumnya',
+  '3': 'Dokter Spesialis yang dimaksud tidak praktek pada hari sebelumnya',
+  '4': 'Atas Instruksi RS',
+  '5': 'Tujuan Kontrol',
+}