fix: move patient view dialog under patient

app/components/app/patient/list-cfg.patient.ts

@@ -1,7 +1,7 @@
 import type { Config } from '~/components/pub/my-ui/data-table'
 import { defineAsyncComponent } from 'vue'
 
-const SelectedRadio = defineAsyncComponent(() => import('./select-radio.vue'))
+const SelectedRadio = defineAsyncComponent(() => import('~/components/pub/my-ui/data/select-radio.vue'))
 
 export interface PatientData {
   id: string

app/components/app/patient/view-patient.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, provide, watch, computed } from 'vue'
+import { ref, provide, watch } from 'vue'
 
 // Components
 import {

app/components/app/sep/table-search-patient.vue

@@ -1,140 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-// Components
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-  DialogFooter,
-} from '~/components/pub/ui/dialog'
-import { Button } from '~/components/pub/ui/button'
-import { Input } from '~/components/pub/ui/input'
-import { RadioGroup, RadioGroupItem } from '~/components/pub/ui/radio-group'
-import PaginationView from '~/components/pub/my-ui/pagination/pagination-view.vue'
-
-// Types
-import type { PaginationMeta } from '~/components/pub/my-ui/pagination/pagination.type'
-
-// Helpers
-import { refDebounced } from '@vueuse/core'
-
-const props = defineProps<{
-  open: boolean
-  patients: Array<{ id: string; identity: string; number: string; bpjs: string; name: string }>
-  selected: string
-  paginationMeta: PaginationMeta
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:open', value: boolean): void
-  (e: 'update:selected', value: string): void
-  (e: 'fetch', value: any): void
-  (e: 'save'): void
-}>()
-
-const search = ref('')
-const debouncedSearch = refDebounced(search, 500) // 500ms debounce
-
-const filteredPatients = computed(() => {
-  const patients = props.patients || []
-  return patients
-})
-
-function saveSelection() {
-  emit('save')
-  emit('update:open', false)
-}
-
-function handlePageChange(page: number) {
-  emit('fetch', { 'page-number': page })
-}
-
-watch(debouncedSearch, (newValue) => {
-  // Only search if 3+ characters or empty (to clear search)
-  if (newValue.length === 0 || newValue.length >= 3) {
-    emit('fetch', { search: newValue })
-  }
-})
-</script>
-
-<template>
-  <Dialog
-    :open="props.open"
-    @update:open="emit('update:open', $event)"
-  >
-    <DialogTrigger as-child></DialogTrigger>
-    <DialogContent class="max-w-3xl">
-      <DialogHeader>
-        <DialogTitle>Cari Pasien</DialogTitle>
-      </DialogHeader>
-
-      <!-- Input Search -->
-      <div class="mb-2 max-w-[50%]">
-        <Input
-          v-model="search"
-          placeholder="Cari berdasarkan No. KTP / No. RM / Nomor Kartu"
-        />
-      </div>
-
-      <!-- Table -->
-      <div class="overflow-x-auto rounded-lg border">
-        <table class="w-full text-sm">
-          <thead class="bg-gray-100">
-            <tr class="text-left">
-              <th class="p-2"></th>
-              <th class="p-2">NO. KTP</th>
-              <th class="p-2">NO. RM</th>
-              <th class="p-2">NO. KARTU BPJS</th>
-              <th class="p-2">NAMA PASIEN</th>
-            </tr>
-          </thead>
-          <tbody class="font-normal">
-            <tr
-              v-for="p in filteredPatients"
-              :key="p.identity"
-              class="border-t hover:bg-gray-50"
-            >
-              <td class="p-2">
-                <RadioGroup
-                  :model-value="props.selected"
-                  @update:model-value="emit('update:selected', $event)"
-                >
-                  <RadioGroupItem
-                    :id="p.id"
-                    :value="p.id"
-                  />
-                </RadioGroup>
-              </td>
-              <td class="p-2">{{ p.identity }}</td>
-              <td class="p-2">{{ p.number }}</td>
-              <td class="p-2">{{ p.bpjs }}</td>
-              <td class="p-2">{{ p.name }}</td>
-            </tr>
-          </tbody>
-        </table>
-        <PaginationView
-          :pagination-meta="paginationMeta"
-          @page-change="handlePageChange"
-        />
-      </div>
-
-      <!-- Footer -->
-      <DialogFooter>
-        <Button
-          variant="default"
-          class="h-[40px] min-w-[120px] text-white"
-          @click="saveSelection"
-        >
-          <Icon
-            name="i-lucide-save"
-            class="h-5 w-5"
-          />
-          Simpan
-        </Button>
-      </DialogFooter>
-    </DialogContent>
-  </Dialog>
-</template>

app/components/content/sep/entry.vue

@@ -4,7 +4,7 @@ import { useRoute } from 'vue-router'
 
 // Components
 import AppSepEntryForm from '~/components/app/sep/entry-form.vue'
-import AppViewPatient from '~/components/app/sep/view-patient.vue'
+import AppViewPatient from '~/components/app/patient/view-patient.vue'
 import AppViewHistory from '~/components/app/sep/view-history.vue'
 import { toast } from '~/components/pub/ui/toast'