diff --git a/app/[locale]/(admin)/admin/management-user/edit/[id]/page.tsx b/app/[locale]/(admin)/admin/management-user/edit/[id]/page.tsx
index a35150b..433866a 100644
--- a/app/[locale]/(admin)/admin/management-user/edit/[id]/page.tsx
+++ b/app/[locale]/(admin)/admin/management-user/edit/[id]/page.tsx
@@ -7,7 +7,9 @@ import { useSearchParams } from "next/navigation";
 export default function EditUserPage() {
   const router = useRouter();
   const params = useSearchParams();
-  const userId = params?.id ? Number(params.id) : undefined;
+  // const userId = params?.id ? Number(params.id) : undefined;
+  const userIdParam = params.get("id");
+  const userId = userIdParam ? Number(userIdParam) : undefined;
 
   const handleSuccess = () => {
     router.push("/admin/management-user");
@@ -22,7 +24,7 @@ export default function EditUserPage() {
       <div className="container mx-auto py-6">
         <div className="text-center">
           <p className="text-red-500">User ID tidak valid</p>
-          <button 
+          <button
             onClick={() => router.push("/admin/management-user")}
             className="mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
           >
diff --git a/lib/menus.ts b/lib/menus.ts
index 2d069f8..979af66 100644
--- a/lib/menus.ts
+++ b/lib/menus.ts
@@ -31,10 +31,11 @@ export type Group = {
 };
 
 export function getMenuList(pathname: string, t: any): Group[] {
-  const roleId = Number(getCookiesDecrypt("urie"));
+  const roleId = getCookiesDecrypt("urie");
   const levelNumber = getCookiesDecrypt("ulne");
   const userLevelId = getCookiesDecrypt("ulie");
   const userParentLevelId = getCookiesDecrypt("uplie");
+  const hideForRole14 = roleId === "14";
 
   let menusSelected = <any>[];
 
@@ -55,8 +56,8 @@ export function getMenuList(pathname: string, t: any): Group[] {
           },
         ],
       },
-      ...(roleId === 3
-        ? [
+      ...(Number(roleId) === 3         
+      ? [
             {
               groupLabel: "",
               id: "content",
@@ -132,13 +133,13 @@ export function getMenuList(pathname: string, t: any): Group[] {
                       icon: "heroicons:arrow-trending-up",
                       children: [],
                     },
-                  ]
+                  ],
                 },
               ],
-            }
+            },
           ]
         : []),
-      ...(roleId === 2
+      ...(Number(roleId) === 2 
         ? [
             {
               groupLabel: "",
diff --git a/service/approval-workflows.ts b/service/approval-workflows.ts
index 427d350..f669ef0 100644
--- a/service/approval-workflows.ts
+++ b/service/approval-workflows.ts
@@ -1,5 +1,10 @@
 import { httpPost, httpGet, httpPut } from "./http-config/http-base-service";
-import { httpPostInterceptor, httpGetInterceptor, httpPutInterceptor, httpDeleteInterceptor } from "./http-config/http-interceptor-service";
+import {
+  httpPostInterceptor,
+  httpGetInterceptor,
+  httpPutInterceptor,
+  httpDeleteInterceptor,
+} from "./http-config/http-interceptor-service";
 
 // Types
 export interface ApprovalWorkflowStepRequest {
@@ -222,7 +227,9 @@ export interface Province {
 }
 
 // API Functions
-export async function createApprovalWorkflowWithClientSettings(data: CreateApprovalWorkflowWithClientSettingsRequest) {
+export async function createApprovalWorkflowWithClientSettings(
+  data: CreateApprovalWorkflowWithClientSettingsRequest
+) {
   const url = "approval-workflows/with-client-settings";
   return httpPostInterceptor(url, data);
 }
@@ -242,7 +249,10 @@ export async function createUserLevel(data: UserLevelsCreateRequest) {
   return httpPostInterceptor(url, data);
 }
 
-export async function updateUserLevel(id: number, data: UserLevelsCreateRequest) {
+export async function updateUserLevel(
+  id: number,
+  data: UserLevelsCreateRequest
+) {
   const url = `user-levels/${id}`;
   return httpPutInterceptor(url, data);
 }
@@ -277,7 +287,10 @@ export async function getApprovalWorkflows() {
   return httpGetInterceptor(url);
 }
 
-export async function updateApprovalWorkflow(id: number, data: CreateApprovalWorkflowWithClientSettingsRequest) {
+export async function updateApprovalWorkflow(
+  id: number,
+  data: CreateApprovalWorkflowWithClientSettingsRequest
+) {
   const url = `approval-workflows/${id}`;
   return httpPutInterceptor(url, data);
 }
@@ -287,7 +300,16 @@ export async function deleteApprovalWorkflow(id: number) {
   return httpDeleteInterceptor(url);
 }
 
-export async function getApprovalWorkflowComprehensiveDetails() {
-  const url = `approval-workflows/comprehensive-details`;
+// export async function getApprovalWorkflowComprehensiveDetails() {
+//   const url = `approval-workflows/comprehensive-details`;
+//   return httpGetInterceptor(url);
+// }
+export async function getApprovalWorkflowComprehensiveDetails(
+  clientId?: string | number
+) {
+  const url = clientId
+    ? `approval-workflows/comprehensive-details/${clientId}`
+    : `approval-workflows/comprehensive-details`;
+
   return httpGetInterceptor(url);
 }