diff --git a/src/app/api/user/route.ts b/src/app/api/user/route.ts
index 526a4a7..fd9323f 100644
--- a/src/app/api/user/route.ts
+++ b/src/app/api/user/route.ts
@@ -47,6 +47,9 @@ export async function GET(request: Request) {
           name: {
             contains: (name == undefined || name == null) ? "" : name,
             mode: "insensitive",
+          },
+          NOT: {
+            idUserRole: 'developer'
           }
         },
         select: {
@@ -78,7 +81,7 @@ export async function GET(request: Request) {
       const allData = users.map((v: any) => ({
         ..._.omit(v, ["Group", "Position"]),
         group: v.Group.name,
-        position: v.Position.name
+        position: v?.Position?.name
       }))
 
       return NextResponse.json({ success: true, message: "Berhasil member", data: allData, filter }, { status: 200 });
@@ -90,6 +93,9 @@ export async function GET(request: Request) {
           name: {
             contains: (name == undefined || name == null) ? "" : name,
             mode: "insensitive",
+          },
+          NOT: {
+            idUserRole: 'developer'
           }
         },
         select: {
@@ -121,7 +127,7 @@ export async function GET(request: Request) {
       const allData = users.map((v: any) => ({
         ..._.omit(v, ["Group", "Position"]),
         group: v.Group.name,
-        position: v.Position.name
+        position: v?.Position?.name
       }))
 
       return NextResponse.json({ success: true, message: "Berhasil member", data: allData, filter }, { status: 200 });
diff --git a/src/module/home/ui/view_detail_feature.tsx b/src/module/home/ui/view_detail_feature.tsx
index 660f438..39c749e 100644
--- a/src/module/home/ui/view_detail_feature.tsx
+++ b/src/module/home/ui/view_detail_feature.tsx
@@ -30,7 +30,6 @@ export default function ViewDetailFeature() {
                   size={isMobile ? 50 : 68}
                   aria-label="Gradient action icon"
                   radius={100}
-                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                   bg={tema.get().bgFiturHome}
                 >
                   <HiMiniUserGroup size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -46,7 +45,6 @@ export default function ViewDetailFeature() {
                   size={isMobile ? 50 : 68}
                   aria-label="Gradient action icon"
                   radius={100}
-                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                   bg={tema.get().bgFiturHome}
                 >
                   <HiMiniPresentationChartBar size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -62,7 +60,6 @@ export default function ViewDetailFeature() {
                   size={isMobile ? 50 : 68}
                   aria-label="Gradient action icon"
                   radius={100}
-                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                   bg={tema.get().bgFiturHome}
                 >
                   <HiMegaphone size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -78,7 +75,6 @@ export default function ViewDetailFeature() {
                   size={isMobile ? 50 : 68}
                   aria-label="Gradient action icon"
                   radius={100}
-                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                   bg={tema.get().bgFiturHome}
                 >
                   <FaComments size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -94,7 +90,6 @@ export default function ViewDetailFeature() {
                   size={isMobile ? 50 : 68}
                   aria-label="Gradient action icon"
                   radius={100}
-                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                   bg={tema.get().bgFiturHome}
                 >
                   <PiUsersFourFill size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -110,7 +105,6 @@ export default function ViewDetailFeature() {
                   size={isMobile ? 50 : 68}
                   aria-label="Gradient action icon"
                   radius={100}
-                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                   bg={tema.get().bgFiturHome}
                 >
                   <FaUserTie size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -128,7 +122,6 @@ export default function ViewDetailFeature() {
                     size={isMobile ? 50 : 68}
                     aria-label="Gradient action icon"
                     radius={100}
-                    // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                     bg={tema.get().bgFiturHome}
                   >
                     <RiLayoutTop2Fill size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -140,7 +133,7 @@ export default function ViewDetailFeature() {
               </Box>
             }
             {
-              roleLogin.get() == "supadmin" &&
+              (roleLogin.get() == "supadmin" || roleLogin.get() == "developer") &&
               <>
                 <Box onClick={() => router.push('/group')}>
                   <Center>
@@ -148,7 +141,6 @@ export default function ViewDetailFeature() {
                       size={isMobile ? 50 : 68}
                       aria-label="Gradient action icon"
                       radius={100}
-                      // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                       bg={tema.get().bgFiturHome}
                     >
                       <FaUserTag size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -164,7 +156,6 @@ export default function ViewDetailFeature() {
                       size={isMobile ? 50 : 68}
                       aria-label="Gradient action icon"
                       radius={100}
-                      // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                       bg={tema.get().bgFiturHome}
                     >
                       <IoColorPalette size={isMobile ? 25 : 35} color={tema.get().utama} />
@@ -180,7 +171,6 @@ export default function ViewDetailFeature() {
                       size={isMobile ? 50 : 68}
                       aria-label="Gradient action icon"
                       radius={100}
-                      // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
                       bg={tema.get().bgFiturHome}
                     >
                       <RiLayoutTop2Fill size={isMobile ? 25 : 35} color={tema.get().utama} />
diff --git a/src/module/position/ui/drawer_list_position.tsx b/src/module/position/ui/drawer_list_position.tsx
index 5eb48d9..9d4b630 100644
--- a/src/module/position/ui/drawer_list_position.tsx
+++ b/src/module/position/ui/drawer_list_position.tsx
@@ -99,7 +99,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
          nilai = false
       }
 
-      if (roleLogin.get() == "supadmin" && (listData.idGroup == "" || String(listData.idGroup) == "null")) {
+      if ((roleLogin.get() == "supadmin" || roleLogin.get() == "developer") && (listData.idGroup == "" || String(listData.idGroup) == "null")) {
          setTouched(touched => ({ ...touched, idGroup: true }))
          nilai = false
       }
@@ -140,7 +140,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
                   </Box>
                </Flex>
                {
-                  roleLogin.get() == "supadmin" &&
+                  (roleLogin.get() == "supadmin" || roleLogin.get() == "developer") &&
                   <Flex justify={'center'} align={'center'} direction={'column'} onClick={() => router.push('/position?page=filter&group=' + group)}>
                      <Box>
                         <RiFilter2Line size={30} color={tema.get().utama} />
@@ -155,7 +155,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
          <LayoutDrawer opened={openDrawerGroup} onClose={() => setOpenDrawerGroup(false)} title={'Tambah Jabatan'} size="md">
             <Box pos={"relative"} h={"35vh"}>
                {
-                  roleLogin.get() == "supadmin" &&
+                  (roleLogin.get() == "supadmin" || roleLogin.get() == "developer") &&
                   <Select
                      label="Lembaga Desa"
                      placeholder="Pilih Lembaga Desa"
diff --git a/src/module/position/ui/list_position_active.tsx b/src/module/position/ui/list_position_active.tsx
index 7a2523f..b3e4e8f 100644
--- a/src/module/position/ui/list_position_active.tsx
+++ b/src/module/position/ui/list_position_active.tsx
@@ -78,9 +78,9 @@ export default function ListPositionActive() {
         placeholder="Pencarian"
         onChange={(e) => setSearchQuery(e.target.value)}
       />
-      {roleLogin.get() == 'supadmin' && <Text mt={10}>Filter : {nameGroup}</Text>}
+      {(roleLogin.get() == 'supadmin' || roleLogin.get() == 'developer') && <Text mt={10}>Filter : {nameGroup}</Text>}
       {loading ? Array(6).fill(null).map((_, i) => (
-        <Box key={i} mb={roleLogin.get() == 'supadmin' ? "20" : "0"} mt={roleLogin.get() == 'supadmin' ? "0" : "20"}>
+        <Box key={i} mb={roleLogin.get() == 'supadmin' || roleLogin.get() == 'developer' ? "20" : "0"} mt={roleLogin.get() == 'supadmin' || roleLogin.get() == 'developer' ? "0" : "20"}>
           <Group
             align="center"
             style={{
@@ -107,7 +107,7 @@ export default function ListPositionActive() {
           </Group>
         </Box>
       )) :
-        <Box pt={roleLogin.get() == 'supadmin' ? "0" : "20"}>
+        <Box pt={roleLogin.get() == 'supadmin' || roleLogin.get() == 'developer' ? "0" : "20"}>
           {isDataPosition.length == 0 ?
             <Box style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '60vh' }}>
               <Text c="dimmed" ta={"center"} fs={"italic"}>Tidak ada jabatan</Text>
diff --git a/src/module/user/lib/val_user.ts b/src/module/user/lib/val_user.ts
index ab0793c..ad27bdc 100644
--- a/src/module/user/lib/val_user.ts
+++ b/src/module/user/lib/val_user.ts
@@ -1,5 +1,30 @@
 export const valueRoleUser =
    [
+      {
+         login: "developer",
+         data: [
+            {
+               id: "supadmin",
+               name: "Super Admin"
+            },
+            {
+               id: "cosupadmin",
+               name: "Wakil Super Admin"
+            },
+            {
+               id: "admin",
+               name: "Admin"
+            },
+            {
+               id: "coadmin",
+               name: "Wakil Admin"
+            },
+            {
+               id: "user",
+               name: "User"
+            },
+         ]
+      },
       {
          login: "supadmin",
          data: [
diff --git a/src/module/user/member/ui/create_member.tsx b/src/module/user/member/ui/create_member.tsx
index dde08e4..d6aa39b 100644
--- a/src/module/user/member/ui/create_member.tsx
+++ b/src/module/user/member/ui/create_member.tsx
@@ -13,10 +13,10 @@ import { useRouter } from "next/navigation";
 import { useRef, useState } from "react";
 import toast from "react-hot-toast";
 import { FaCamera } from "react-icons/fa6";
+import { useWibuRealtime } from "wibu-realtime";
 import { valueRoleUser } from "../../lib/val_user";
 import { funCreateMember } from "../lib/api_member";
 import { IDataPositionMember, IDataROleMember } from "../lib/type_member";
-import { useWibuRealtime } from "wibu-realtime";
 
 export default function CreateMember() {
   const router = useRouter();
@@ -73,7 +73,7 @@ export default function CreateMember() {
   async function getLogin() {
     try {
       const res = await funGetUserByCookies();
-      if (roleLogin.get() != "supadmin") {
+      if (roleLogin.get() != "supadmin" && roleLogin.get() != "developer") {
         getAllPosition(res.idGroup)
       }
 
@@ -182,7 +182,7 @@ export default function CreateMember() {
       nilai = false
     }
 
-    if (roleLogin.get() == "supadmin" && (listData.idGroup == "" || String(listData.idGroup) == "null")) {
+    if ((roleLogin.get() == "supadmin" || roleLogin.get() == "developer") && (listData.idGroup == "" || String(listData.idGroup) == "null")) {
       setTouched(touched => ({ ...touched, idGroup: true }))
       nilai = false
     }
@@ -298,7 +298,7 @@ export default function CreateMember() {
           />
         </Indicator>
         {
-          roleLogin.get() == "supadmin" &&
+          (roleLogin.get() == "supadmin" || roleLogin.get() == "developer") &&
           <Select
             placeholder="Lembaga Desa"
             label="Lembaga Desa"
diff --git a/src/module/user/member/ui/drawer_list_member.tsx b/src/module/user/member/ui/drawer_list_member.tsx
index 1f9b526..9aef5d7 100644
--- a/src/module/user/member/ui/drawer_list_member.tsx
+++ b/src/module/user/member/ui/drawer_list_member.tsx
@@ -1,8 +1,7 @@
-import { globalRole, TEMA, WARNA } from '@/module/_global';
+import { globalRole, TEMA } from '@/module/_global';
 import { useHookstate } from '@hookstate/core';
 import { Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
 import { useRouter, useSearchParams } from 'next/navigation';
-import React from 'react';
 import { IoAddCircle } from "react-icons/io5";
 import { RiFilter2Line } from 'react-icons/ri';
 
@@ -35,7 +34,7 @@ export default function DrawerListMember() {
                   </Box>
                </Flex>
                {
-                  roleLogin.get() === 'supadmin' &&
+                  (roleLogin.get() === 'supadmin' || roleLogin.get() === 'developer') &&
                   <Flex justify={'center'} align={'center'} direction={'column'}
                      style={{ cursor: 'pointer' }}
                      onClick={() => {
diff --git a/src/module/user/member/ui/tab_list_member.tsx b/src/module/user/member/ui/tab_list_member.tsx
index e517c51..d6adb89 100644
--- a/src/module/user/member/ui/tab_list_member.tsx
+++ b/src/module/user/member/ui/tab_list_member.tsx
@@ -131,7 +131,7 @@ export default function TabListMember() {
                onChange={(e) => setSearchQuery(e.target.value)}
                my={20}
             />
-            {roleLogin.get() == 'supadmin' && <Text mt={10}>Filter : {nameGroup}</Text>}
+            {(roleLogin.get() == 'supadmin' || roleLogin.get() == 'developer') && <Text mt={10}>Filter : {nameGroup}</Text>}
             {loading
                ?
                Array(6)