diff --git a/app/components/flow/auth/login.vue b/app/components/content/auth/login.vue
similarity index 100%
rename from app/components/flow/auth/login.vue
rename to app/components/content/auth/login.vue
diff --git a/app/components/flow/dashboard/index.vue b/app/components/content/dashboard/index.vue
similarity index 100%
rename from app/components/flow/dashboard/index.vue
rename to app/components/content/dashboard/index.vue
diff --git a/app/components/flow/item-price/list.vue b/app/components/content/item-price/list.vue
similarity index 100%
rename from app/components/flow/item-price/list.vue
rename to app/components/content/item-price/list.vue
diff --git a/app/components/flow/item/list.vue b/app/components/content/item/list.vue
similarity index 100%
rename from app/components/flow/item/list.vue
rename to app/components/content/item/list.vue
diff --git a/app/components/flow/medicine-group/list.vue b/app/components/content/medicine-group/list.vue
similarity index 96%
rename from app/components/flow/medicine-group/list.vue
rename to app/components/content/medicine-group/list.vue
index 0885b57f..93afabff 100644
--- a/app/components/flow/medicine-group/list.vue
+++ b/app/components/content/medicine-group/list.vue
@@ -2,7 +2,6 @@
 import type { DataTableLoader } from '~/components/pub/base/data-table/type'
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
 import Modal from '~/components/pub/base/modal/modal.vue'
-import Pagination from '~/components/pub/base/pagination/pagination.vue'
 import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
 
 const data = ref([])
diff --git a/app/components/flow/medicine-method/list.vue b/app/components/content/medicine-method/list.vue
similarity index 100%
rename from app/components/flow/medicine-method/list.vue
rename to app/components/content/medicine-method/list.vue
diff --git a/app/components/flow/medicine/entry.vue b/app/components/content/medicine/entry.vue
similarity index 100%
rename from app/components/flow/medicine/entry.vue
rename to app/components/content/medicine/entry.vue
diff --git a/app/components/flow/medicine/list.vue b/app/components/content/medicine/list.vue
similarity index 100%
rename from app/components/flow/medicine/list.vue
rename to app/components/content/medicine/list.vue
diff --git a/app/components/flow/patient/add.vue b/app/components/content/patient/add.vue
similarity index 100%
rename from app/components/flow/patient/add.vue
rename to app/components/content/patient/add.vue
diff --git a/app/components/flow/patient/list.vue b/app/components/content/patient/list.vue
similarity index 100%
rename from app/components/flow/patient/list.vue
rename to app/components/content/patient/list.vue
diff --git a/app/components/flow/rehab/registration/home.vue b/app/components/content/rehab/registration/home.vue
similarity index 100%
rename from app/components/flow/rehab/registration/home.vue
rename to app/components/content/rehab/registration/home.vue
diff --git a/app/components/flow/rehab/registration/sep-prosedur/add.vue b/app/components/content/rehab/registration/sep-prosedur/add.vue
similarity index 100%
rename from app/components/flow/rehab/registration/sep-prosedur/add.vue
rename to app/components/content/rehab/registration/sep-prosedur/add.vue
diff --git a/app/components/flow/rehab/registration/sep-prosedur/list.vue b/app/components/content/rehab/registration/sep-prosedur/list.vue
similarity index 100%
rename from app/components/flow/rehab/registration/sep-prosedur/list.vue
rename to app/components/content/rehab/registration/sep-prosedur/list.vue
diff --git a/app/components/flow/satusehat/const.ts b/app/components/content/satusehat/const.ts
similarity index 100%
rename from app/components/flow/satusehat/const.ts
rename to app/components/content/satusehat/const.ts
diff --git a/app/components/flow/satusehat/list.vue b/app/components/content/satusehat/list.vue
similarity index 100%
rename from app/components/flow/satusehat/list.vue
rename to app/components/content/satusehat/list.vue
diff --git a/app/components/flow/satusehat/schema.query.ts b/app/components/content/satusehat/schema.query.ts
similarity index 100%
rename from app/components/flow/satusehat/schema.query.ts
rename to app/components/content/satusehat/schema.query.ts
diff --git a/app/components/flow/user/entry.vue b/app/components/content/user/entry.vue
similarity index 100%
rename from app/components/flow/user/entry.vue
rename to app/components/content/user/entry.vue
diff --git a/app/components/flow/user/list.vue b/app/components/content/user/list.vue
similarity index 100%
rename from app/components/flow/user/list.vue
rename to app/components/content/user/list.vue
diff --git a/app/pages/(features)/doctor/add.vue b/app/pages/(features)/doctor/add.vue
index 987baa28..c0a43c7f 100644
--- a/app/pages/(features)/doctor/add.vue
+++ b/app/pages/(features)/doctor/add.vue
@@ -35,7 +35,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowDoctorAdd />
+    <ContentDoctorAdd />
   </div>
   <Error v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/doctor/index.vue b/app/pages/(features)/doctor/index.vue
index e75a5b89..f0c8ddba 100644
--- a/app/pages/(features)/doctor/index.vue
+++ b/app/pages/(features)/doctor/index.vue
@@ -33,7 +33,7 @@ const canRead = hasReadAccess(roleAccess)
 <template>
   <div>
     <div v-if="canRead">
-      <FlowDoctorList />
+      <ContentDoctorList />
     </div>
     <Error v-else :status-code="403" />
   </div>
diff --git a/app/pages/(features)/human-src/user/add.vue b/app/pages/(features)/human-src/user/add.vue
index 39ba8791..8478c9b2 100644
--- a/app/pages/(features)/human-src/user/add.vue
+++ b/app/pages/(features)/human-src/user/add.vue
@@ -35,7 +35,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowUserEntry />
+    <ContentUserEntry />
   </div>
   <Error v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/human-src/user/index.vue b/app/pages/(features)/human-src/user/index.vue
index 2c0f921f..e8e3647e 100644
--- a/app/pages/(features)/human-src/user/index.vue
+++ b/app/pages/(features)/human-src/user/index.vue
@@ -33,7 +33,7 @@ const canRead = hasReadAccess(roleAccess)
 <template>
   <div>
     <div v-if="canRead">
-      <FlowUserList />
+      <ContentUserList />
     </div>
     <Error v-else :status-code="403" />
   </div>
diff --git a/app/pages/(features)/patient/add.vue b/app/pages/(features)/patient/add.vue
index 813e418b..6532240a 100644
--- a/app/pages/(features)/patient/add.vue
+++ b/app/pages/(features)/patient/add.vue
@@ -35,7 +35,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowPatientAdd />
+    <ContentPatientAdd />
   </div>
   <Error v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/patient/index.vue b/app/pages/(features)/patient/index.vue
index 71d07e43..8f274db1 100644
--- a/app/pages/(features)/patient/index.vue
+++ b/app/pages/(features)/patient/index.vue
@@ -33,7 +33,7 @@ const canRead = hasReadAccess(roleAccess)
 <template>
   <div>
     <div v-if="canRead">
-      <FlowPatientList />
+      <ContentPatientList />
     </div>
     <Error v-else :status-code="403" />
   </div>
diff --git a/app/pages/(features)/rehab/registration-queue/sep-prosedur/add.vue b/app/pages/(features)/rehab/registration-queue/sep-prosedur/add.vue
index 368b4f40..e4381443 100644
--- a/app/pages/(features)/rehab/registration-queue/sep-prosedur/add.vue
+++ b/app/pages/(features)/rehab/registration-queue/sep-prosedur/add.vue
@@ -34,7 +34,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowDoctorAdd />
+    <ContentDoctorAdd />
   </div>
   <PubBaseError v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/satusehat/add.vue b/app/pages/(features)/satusehat/add.vue
index d1fee557..1de89d94 100644
--- a/app/pages/(features)/satusehat/add.vue
+++ b/app/pages/(features)/satusehat/add.vue
@@ -34,7 +34,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowPatientAdd />
+    <ContentPatientAdd />
   </div>
   <PubBaseError v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/satusehat/index.vue b/app/pages/(features)/satusehat/index.vue
index 2c7bb9f5..69126581 100644
--- a/app/pages/(features)/satusehat/index.vue
+++ b/app/pages/(features)/satusehat/index.vue
@@ -32,7 +32,7 @@ const canRead = hasReadAccess(roleAccess)
 <template>
   <div>
     <div v-if="canRead">
-      <FlowSatusehatList />
+      <ContentSatusehatList />
     </div>
     <PubBaseError v-else :status-code="403" />
   </div>
diff --git a/app/pages/(features)/tools-equipment-src/medicine-method/index.vue b/app/pages/(features)/tools-equipment-src/medicine-method/index.vue
index 1b080470..29383fb4 100644
--- a/app/pages/(features)/tools-equipment-src/medicine-method/index.vue
+++ b/app/pages/(features)/tools-equipment-src/medicine-method/index.vue
@@ -33,7 +33,7 @@ const canRead = hasReadAccess(roleAccess)
 <template>
   <div>
     <div v-if="canRead">
-      <FlowMedicineMethodList />
+      <ContentMedicineMethodList />
     </div>
     <Error v-else :status-code="403" />
   </div>
diff --git a/app/pages/(features)/tools-equipment-src/medicine-type/index.vue b/app/pages/(features)/tools-equipment-src/medicine-type/index.vue
index cbeccd42..cc8d6afe 100644
--- a/app/pages/(features)/tools-equipment-src/medicine-type/index.vue
+++ b/app/pages/(features)/tools-equipment-src/medicine-type/index.vue
@@ -33,7 +33,7 @@ const canRead = hasReadAccess(roleAccess)
 <template>
   <div>
     <div v-if="canRead">
-      <FlowMedicineGroupList />
+      <ContentMedicineGroupList />
     </div>
     <Error v-else :status-code="403" />
   </div>
diff --git a/app/pages/(features)/tools-equipment-src/medicine/[id]/edit.vue b/app/pages/(features)/tools-equipment-src/medicine/[id]/edit.vue
index 9c1697fc..adf77a76 100644
--- a/app/pages/(features)/tools-equipment-src/medicine/[id]/edit.vue
+++ b/app/pages/(features)/tools-equipment-src/medicine/[id]/edit.vue
@@ -35,7 +35,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowMedicineEntry />
+    <ContentMedicineEntry />
   </div>
   <Error v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/tools-equipment-src/medicine/add.vue b/app/pages/(features)/tools-equipment-src/medicine/add.vue
index 9c1697fc..adf77a76 100644
--- a/app/pages/(features)/tools-equipment-src/medicine/add.vue
+++ b/app/pages/(features)/tools-equipment-src/medicine/add.vue
@@ -35,7 +35,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowMedicineEntry />
+    <ContentMedicineEntry />
   </div>
   <Error v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/tools-equipment-src/medicine/index.vue b/app/pages/(features)/tools-equipment-src/medicine/index.vue
index 877b5c78..3c8b58da 100644
--- a/app/pages/(features)/tools-equipment-src/medicine/index.vue
+++ b/app/pages/(features)/tools-equipment-src/medicine/index.vue
@@ -33,7 +33,7 @@ const canRead = hasReadAccess(roleAccess)
 <template>
   <div>
     <div v-if="canRead">
-      <FlowMedicineList />
+      <ContentMedicineList />
     </div>
     <Error v-else :status-code="403" />
   </div>
diff --git a/app/pages/_dev/index.vue b/app/pages/_dev/index.vue
index 90928bc6..b36abf7e 100644
--- a/app/pages/_dev/index.vue
+++ b/app/pages/_dev/index.vue
@@ -49,7 +49,7 @@ const navMenu = ref({
     {
       title: 'Test Medicine List',
       icon: 'i-lucide-user',
-      component: defineAsyncComponent(() => import('~/components/flow/item/list.vue')),
+      component: defineAsyncComponent(() => import('~/components/content/item/list.vue')),
     },
   ],
 })
diff --git a/app/pages/auth/login.vue b/app/pages/auth/login.vue
index b2e8f89a..9727a6be 100644
--- a/app/pages/auth/login.vue
+++ b/app/pages/auth/login.vue
@@ -11,7 +11,7 @@ definePageMeta({
       <div class="grid gap-2 text-center">
         <h1 class="text-2xl font-semibold tracking-tight">Login RSSA</h1>
       </div>
-      <FlowAuthLogin />
+      <ContentAuthLogin />
     </div>
   </LayoutAuth>
 </template>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 5d6072e5..45476961 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -13,5 +13,5 @@ useHead({
 </script>
 
 <template>
-  <FlowDashboard />
+  <ContentDashboard />
 </template>