flowcore-fn 10.1.4 → 10.1.6

package/dist/pkg-index.mjs

@@ -12,7 +12,7 @@ import {
 } from "./chunk-I4E63NIC.mjs";
 
 // src/components/Sidebar.jsx
-import { useState as useState62 } from "react";
+import { useState as useState62, useEffect as useEffect41 } from "react";
 import { RiFlowChart, RiShieldUserLine, RiFolder3Line, RiCheckboxCircleLine, RiRouteLine, RiMessage2Line, RiMenuLine, RiGitMergeLine, RiNodeTree, RiGitBranchLine, RiCornerDownRightLine, RiUserSettingsLine, RiFileShieldLine, RiUserSharedLine, RiSettings4Line, RiFileSettingsLine, RiFileList3Line, RiFileUploadLine, RiNotification4Line, RiDatabase2Line, RiChat3Line, RiCheckboxMultipleLine, RiShieldCheckLine, RiHistoryLine, RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react";
 import { useRouter } from "next/router";
 
@@ -1115,10 +1115,10 @@ function Workflow() {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       try {
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
         const typeEndpoint = (_f = (_e = (_d = getApiEndpoints()) == null ? void 0 : _d.flowCore) == null ? void 0 : _e.workflowType) == null ? void 0 : _f.getList;
-        if (!endpoint) throw Error("Workflow list endpoint is not configured.");
-        const [result, types] = await Promise.all([getApiService().get(endpoint), typeEndpoint ? getApiService().get(typeEndpoint) : Promise.resolve([])]);
+        if (!endpoint2) throw Error("Workflow list endpoint is not configured.");
+        const [result, types] = await Promise.all([getApiService().get(endpoint2), typeEndpoint ? getApiService().get(typeEndpoint) : Promise.resolve([])]);
         const value = ((_g = result == null ? void 0 : result.data) == null ? void 0 : _g.data) || ((_h = result == null ? void 0 : result.data) == null ? void 0 : _h.result) || (result == null ? void 0 : result.data) || result;
         const rows = Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || [];
         const typeValue = ((_i = types == null ? void 0 : types.data) == null ? void 0 : _i.data) || ((_j = types == null ? void 0 : types.data) == null ? void 0 : _j.result) || (types == null ? void 0 : types.data) || types;
@@ -1141,9 +1141,9 @@ function Workflow() {
   const handleCreateApi = async (workflowPayload) => {
     var _a, _b, _c, _d, _e;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.create;
-      if (!endpoint) throw new Error("Workflow create endpoint is not configured.");
-      await getApiService().post(endpoint, workflowPayload);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.create;
+      if (!endpoint2) throw new Error("Workflow create endpoint is not configured.");
+      await getApiService().post(endpoint2, workflowPayload);
       await Swal3.fire("Success", "Workflow created successfully.", "success");
       handleRefresh();
       return true;
@@ -1155,9 +1155,9 @@ function Workflow() {
   const handleUpdateApi = async (workflowPayload) => {
     var _a, _b, _c, _d, _e;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Workflow update endpoint is not configured.");
-      await getApiService().put(endpoint, workflowPayload);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow update endpoint is not configured.");
+      await getApiService().put(endpoint2, workflowPayload);
       await Swal3.fire("Success", "Workflow updated successfully.", "success");
       handleRefresh();
       return true;
@@ -1860,9 +1860,9 @@ var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
       setIsSubmitting(true);
       setSubmitError("");
       const endpoints = getApiEndpoints();
-      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.create;
-      if (!endpoint) throw new Error("Create workflow type endpoint is not configured.");
-      const response = await getApiService().post(endpoint, payload);
+      const endpoint2 = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.create;
+      if (!endpoint2) throw new Error("Create workflow type endpoint is not configured.");
+      const response = await getApiService().post(endpoint2, payload);
       const resData = (_c = response == null ? void 0 : response.data) != null ? _c : response;
       if ((resData == null ? void 0 : resData.success) === false) {
         const apiErrors = Array.isArray(resData == null ? void 0 : resData.errors) && resData.errors.length > 0 ? resData.errors : null;
@@ -1944,9 +1944,9 @@ function WorkflowTypeMains() {
   const handleUpdateApi = async (item) => {
     var _a, _b, _c, _d;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Workflow type update endpoint is not configured.");
-      await getApiService().put(endpoint, { workflowTypeId: item.workflowTypeId, workflowTypeCode: item.workflowTypeCode.trim().toUpperCase(), workflowTypeName: item.workflowTypeName.trim(), description: (item.description || "").trim(), isActive: Boolean(item.isActive), updatedBy: item.updatedBy || item.createdBy || "System" });
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow type update endpoint is not configured.");
+      await getApiService().put(endpoint2, { workflowTypeId: item.workflowTypeId, workflowTypeCode: item.workflowTypeCode.trim().toUpperCase(), workflowTypeName: item.workflowTypeName.trim(), description: (item.description || "").trim(), isActive: Boolean(item.isActive), updatedBy: item.updatedBy || item.createdBy || "System" });
       await Swal5.fire("Success", "Workflow type updated successfully.", "success");
       handleRefresh();
       return true;
@@ -1978,9 +1978,9 @@ function WorkflowTypeMains() {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow type list endpoint is not configured.");
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow type list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
         const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
         setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
       } catch (error) {
@@ -2093,9 +2093,9 @@ function AddWorkflowStepModal({ onClose, onSave }) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingWorkflows(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflows(rows);
@@ -2445,8 +2445,8 @@ function AddWorkflowStepModal({ onClose, onSave }) {
               if (!validateForm()) return;
               try {
                 setIsSubmitting(true);
-                const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.create;
-                if (!endpoint) throw new Error("Workflow step create endpoint is not configured.");
+                const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.create;
+                if (!endpoint2) throw new Error("Workflow step create endpoint is not configured.");
                 const payload = {
                   workflowId: Number(formData.workflow) || 0,
                   stepCode: formData.stepCode.trim().toUpperCase(),
@@ -2460,7 +2460,7 @@ function AddWorkflowStepModal({ onClose, onSave }) {
                   excludeHolidays: Boolean(formData.excludeHolidays),
                   createdBy: "System"
                 };
-                await getApiService().post(endpoint, payload);
+                await getApiService().post(endpoint2, payload);
                 onClose();
                 await (onSave == null ? void 0 : onSave());
               } catch (error) {
@@ -2511,9 +2511,9 @@ function EditWorkflowStepModal({ isOpen, onClose, onSave, selectedData }) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingWorkflows(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflows(rows);
@@ -2567,8 +2567,8 @@ function EditWorkflowStepModal({ isOpen, onClose, onSave, selectedData }) {
     if (!validate()) return;
     try {
       setIsSubmitting(true);
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Workflow step update endpoint is not configured.");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow step update endpoint is not configured.");
       const payload = {
         workflowStepId: (_e = (_d = selectedData == null ? void 0 : selectedData.workflowStepId) != null ? _d : selectedData == null ? void 0 : selectedData.WorkflowStepId) != null ? _e : 0,
         workflowId: Number(formData.workflowId) || 0,
@@ -2584,7 +2584,7 @@ function EditWorkflowStepModal({ isOpen, onClose, onSave, selectedData }) {
         isActive: Boolean(formData.isActive),
         updatedBy: String(formData.updatedBy).trim() || "System"
       };
-      await getApiService().put(endpoint, payload);
+      await getApiService().put(endpoint2, payload);
       onClose();
       await (onSave == null ? void 0 : onSave());
     } catch (error) {
@@ -2963,9 +2963,9 @@ function WorkflowStep() {
   const handleUpdateApi = async (item) => {
     var _a, _b, _c, _d, _e, _f, _g;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Workflow step update endpoint is not configured.");
-      await getApiService().put(endpoint, {
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow step update endpoint is not configured.");
+      await getApiService().put(endpoint2, {
         workflowStepId: (_e = (_d = item.workflowStepId) != null ? _d : item.WorkflowStepId) != null ? _e : 0,
         workflowId: Number(item.workflowId) || 0,
         stepCode: String(item.stepCode).trim().toUpperCase(),
@@ -3229,25 +3229,57 @@ function WorkflowStep() {
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import React21, { useState as useState15, useRef as useRef5 } from "react";
-import Link2 from "next/link";
+import React21, { useEffect as useEffect13, useRef as useRef5, useState as useState15 } from "react";
+import Swal9 from "sweetalert2";
 
 // src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
-import React20, { useState as useState14 } from "react";
+import React20, { useEffect as useEffect12, useState as useState14 } from "react";
 import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
-function AddWorkTransitionStepModal({ onClose, onSubmit }) {
+var rowsFrom = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var lookupEndpoint = (name, fallback) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b[name]) == null ? void 0 : _c.getList) != null ? _d : fallback;
+  } catch (e) {
+    return fallback;
+  }
+};
+function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const [formData, setFormData] = useState14({
-    workflow: "",
-    fromStep: "",
-    toStep: "",
-    actionCode: "",
-    actionName: "",
+    workflow: String((_b = (_a = editData == null ? void 0 : editData.workflowId) != null ? _a : editData == null ? void 0 : editData.WorkflowId) != null ? _b : ""),
+    fromStep: String((_f = (_e = (_d = (_c = editData == null ? void 0 : editData.fromWorkflowStepId) != null ? _c : editData == null ? void 0 : editData.FromWorkflowStepId) != null ? _d : editData == null ? void 0 : editData.fromStepId) != null ? _e : editData == null ? void 0 : editData.FromStepId) != null ? _f : ""),
+    toStep: String((_j = (_i = (_h = (_g = editData == null ? void 0 : editData.toWorkflowStepId) != null ? _g : editData == null ? void 0 : editData.ToWorkflowStepId) != null ? _h : editData == null ? void 0 : editData.toStepId) != null ? _i : editData == null ? void 0 : editData.ToStepId) != null ? _j : ""),
+    actionCode: (_l = (_k = editData == null ? void 0 : editData.actionCode) != null ? _k : editData == null ? void 0 : editData.ActionCode) != null ? _l : "",
+    actionName: (_n = (_m = editData == null ? void 0 : editData.actionName) != null ? _m : editData == null ? void 0 : editData.ActionName) != null ? _n : "",
     sequenceNo: "",
     isDefault: false,
     requireComment: false,
-    status: "active"
+    status: ((_p = (_o = editData == null ? void 0 : editData.isActive) != null ? _o : editData == null ? void 0 : editData.IsActive) != null ? _p : true) ? "active" : "inactive"
   });
   const [errors, setErrors] = useState14({});
+  const [workflows, setWorkflows] = useState14([]);
+  const [isSubmitting, setIsSubmitting] = useState14(false);
+  useEffect12(() => {
+    let active = true;
+    (async () => {
+      try {
+        const service = getApiService();
+        const workflowResult = await service.get(lookupEndpoint("workflow", "/api/flowcore/WorkFlow/GetList"));
+        if (!active) return;
+        setWorkflows(rowsFrom(workflowResult));
+      } catch (error) {
+        if (active) setErrors((current) => __spreadProps(__spreadValues({}, current), { lookup: (error == null ? void 0 : error.message) || "Unable to load workflows." }));
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, []);
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -3255,18 +3287,20 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
     if (!formData.toStep) newErrors.toStep = "To Step is required.";
     if (!formData.actionCode.trim()) newErrors.actionCode = "Action Code is required.";
     if (!formData.actionName.trim()) newErrors.actionName = "Action Name is required.";
-    if (!formData.sequenceNo) newErrors.sequenceNo = "Sequence No is required.";
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
+    var _a2, _b2, _c2;
     e.preventDefault();
-    if (validateForm()) {
-      if (onSubmit) {
-        onSubmit(formData);
-      } else {
-        console.log("Form Submitted Successfully:", formData);
-      }
+    if (!validateForm() || !onSave) return;
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { transitionId: (_a2 = editData.transitionId) != null ? _a2 : editData.TransitionId, workflowId: Number(formData.workflow), fromWorkflowStepId: Number(formData.fromStep), toWorkflowStepId: Number(formData.toStep), actionCode: formData.actionCode.trim(), actionName: formData.actionName.trim(), isActive: formData.status === "active", updatedBy: (_c2 = (_b2 = editData.updatedBy) != null ? _b2 : editData.createdBy) != null ? _c2 : "System" } : { workflowId: Number(formData.workflow), fromWorkflowStepId: Number(formData.fromStep), toWorkflowStepId: Number(formData.toStep), actionCode: formData.actionCode.trim(), actionName: formData.actionName.trim(), createdBy: "System" };
+    setIsSubmitting(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setIsSubmitting(false);
     }
   };
   const handleChange = (field, value) => {
@@ -3325,8 +3359,12 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
                       className: `fc:w-full fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:border fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${errors.workflow ? "fc:border-red-500 fc:text-slate-800" : "fc:border-slate-200 fc:text-slate-700 hover:fc:border-slate-300"}`,
                       children: [
                         /* @__PURE__ */ jsx20("option", { value: "", children: "Select Workflow" }),
-                        /* @__PURE__ */ jsx20("option", { value: "building", children: "Building Permission" }),
-                        /* @__PURE__ */ jsx20("option", { value: "trade", children: "Trade License" })
+                        workflows.map((workflow) => {
+                          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+                          const id = (_b2 = (_a2 = workflow.workflowId) != null ? _a2 : workflow.WorkflowId) != null ? _b2 : workflow.id;
+                          const name = (_h2 = (_g2 = (_f2 = (_e2 = (_d2 = (_c2 = workflow.workflowName) != null ? _c2 : workflow.WorkflowName) != null ? _d2 : workflow.name) != null ? _e2 : workflow.Name) != null ? _f2 : workflow.workflowCode) != null ? _g2 : workflow.WorkflowCode) != null ? _h2 : `Workflow ${id}`;
+                          return /* @__PURE__ */ jsx20("option", { value: String(id), children: name }, id);
+                        })
                       ]
                     }
                   ),
@@ -3348,8 +3386,8 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
                       className: `fc:w-full fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:border fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${errors.fromStep ? "fc:border-red-500 fc:text-slate-800" : "fc:border-slate-200 fc:text-slate-700 hover:fc:border-slate-300"}`,
                       children: [
                         /* @__PURE__ */ jsx20("option", { value: "", children: "Select From Step" }),
-                        /* @__PURE__ */ jsx20("option", { value: "scrutiny", children: "Scrutiny" }),
-                        /* @__PURE__ */ jsx20("option", { value: "inspection", children: "Inspection" })
+                        /* @__PURE__ */ jsx20("option", { value: "1", children: "Scrutiny" }),
+                        /* @__PURE__ */ jsx20("option", { value: "2", children: "Inspection" })
                       ]
                     }
                   ),
@@ -3373,8 +3411,8 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
                       className: `fc:w-full fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:border fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${errors.toStep ? "fc:border-red-500 fc:text-slate-800" : "fc:border-slate-200 fc:text-slate-700 hover:fc:border-slate-300"}`,
                       children: [
                         /* @__PURE__ */ jsx20("option", { value: "", children: "Select To Step" }),
-                        /* @__PURE__ */ jsx20("option", { value: "approval", children: "Approval" }),
-                        /* @__PURE__ */ jsx20("option", { value: "completed", children: "Completed" })
+                        /* @__PURE__ */ jsx20("option", { value: "3", children: "Approval" }),
+                        /* @__PURE__ */ jsx20("option", { value: "4", children: "Completed" })
                       ]
                     }
                   ),
@@ -3599,183 +3637,130 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
-var WorkflowTransition = [{
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "RETURN",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "RETURN"
-}];
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+var PATHS = { create: "/api/flowcore/WorkflowTransition/Create", update: "/api/flowcore/WorkflowTransition/Update", getById: "/api/flowcore/WorkflowTransition/GetById", getList: "/api/flowcore/WorkflowTransition/GetList" };
+var getRows = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var getEndpoint = (action) => {
+  var _a, _b, _c, _d;
+  try {
+    const endpoints = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
+    const configured = (_d = (_b = endpoints == null ? void 0 : endpoints.WorkflowTransition) == null ? void 0 : _b[action]) != null ? _d : (_c = endpoints == null ? void 0 : endpoints.workflowTransition) == null ? void 0 : _c[action];
+    if (configured) return configured;
+  } catch (e) {
+  }
+  return PATHS[action];
+};
+var getByIdUrl = (id) => {
+  const endpoint2 = getEndpoint("getById");
+  return typeof endpoint2 === "function" ? endpoint2(id) : `${endpoint2}/${id}`;
+};
+var normalise = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  return __spreadProps(__spreadValues({}, item), { transitionId: (_b = (_a = item.transitionId) != null ? _a : item.TransitionId) != null ? _b : item.id, workflowId: (_d = (_c = item.workflowId) != null ? _c : item.WorkflowId) != null ? _d : "", fromWorkflowStepId: (_h = (_g = (_f = (_e = item.fromWorkflowStepId) != null ? _e : item.FromWorkflowStepId) != null ? _f : item.fromStepId) != null ? _g : item.FromStepId) != null ? _h : "", toWorkflowStepId: (_l = (_k = (_j = (_i = item.toWorkflowStepId) != null ? _i : item.ToWorkflowStepId) != null ? _j : item.toStepId) != null ? _k : item.ToStepId) != null ? _l : "", actionCode: (_n = (_m = item.actionCode) != null ? _m : item.ActionCode) != null ? _n : "", actionName: (_p = (_o = item.actionName) != null ? _o : item.ActionName) != null ? _p : "", isActive: (_r = (_q = item.isActive) != null ? _q : item.IsActive) != null ? _r : true });
+};
 function WorkFlowTransition() {
-  const handleRefresh = () => {
-    console.log("Refresh clicked");
-  };
-  const handleDownload = () => {
-    console.log("Download clicked");
-  };
   const tableRef = useRef5(null);
+  const [rows, setRows] = useState15([]);
   const [showModal, setShowModal] = useState15(false);
+  const [editingTransition, setEditingTransition] = useState15(null);
   const [pageSize, setPageSize] = useState15(5);
-  const [sortConfig, setSortConfig] = useState15({
-    key: "",
-    direction: "asc"
-  });
-  const handleSort = (key) => {
-    let direction = "asc";
-    if (sortConfig.key === key && sortConfig.direction === "asc") {
-      direction = "desc";
+  const [search, setSearch] = useState15("");
+  const [sortConfig, setSortConfig] = useState15({ key: "", direction: "asc" });
+  const [refreshKey, setRefreshKey] = useState15(0);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  useEffect13(() => {
+    (async () => {
+      var _a, _b;
+      try {
+        setRows(getRows(await getApiService().get(getEndpoint("getList"))).map(normalise));
+      } catch (error) {
+        await Swal9.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to load workflow transitions.", "error");
+      }
+    })();
+  }, [refreshKey]);
+  const saveTransition = async (payload, isEdit) => {
+    var _a, _b;
+    try {
+      await getApiService()[isEdit ? "put" : "post"](getEndpoint(isEdit ? "update" : "create"), payload);
+      await Swal9.fire("Success", `Workflow transition ${isEdit ? "updated" : "created"} successfully.`, "success");
+      refresh();
+      return true;
+    } catch (error) {
+      await Swal9.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} workflow transition.`, "error");
+      return false;
     }
-    setSortConfig({
-      key,
-      direction
-    });
   };
-  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
-    /* @__PURE__ */ jsxs20("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
-      /* @__PURE__ */ jsx21(CommonHeader, { title: "WorkFlow Transition", breadcrumbs: [{
-        label: "Dashboard",
-        href: "/dashboard"
-      }, {
-        label: "Masters",
-        href: "/masters"
-      }, {
-        label: "Workflow Transition",
-        href: "/workflowTransition"
-      }], buttonText: "Add Workflow Transition", onButtonClick: () => setShowModal(true) }),
-      /* @__PURE__ */ jsxs20("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
-          /* @__PURE__ */ jsxs20("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
-            /* @__PURE__ */ jsx21("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ jsx21("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx21("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-            /* @__PURE__ */ jsx21("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
-          ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: [
-            /* @__PURE__ */ jsx21(Refresh_default, { onRefresh: handleRefresh }),
-            /* @__PURE__ */ jsx21(Download_default, { targetRef: tableRef, fileName: "workflow-transition" }),
-            /* @__PURE__ */ jsxs20("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
-              /* @__PURE__ */ jsx21("option", { value: 5, children: "5 Rows" }),
-              /* @__PURE__ */ jsx21("option", { value: 10, children: "10 Rows" }),
-              /* @__PURE__ */ jsx21("option", { value: 25, children: "25 Rows" })
-            ] })
+  const editTransition = async (transition) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const result = await getApiService().get(getByIdUrl(transition.transitionId));
+      const data = (_f = (_e = (_d = (_b = getRows(result)[0]) != null ? _b : (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.data) != null ? _d : (_c = result == null ? void 0 : result.data) == null ? void 0 : _c.result) != null ? _e : result == null ? void 0 : result.data) != null ? _f : result;
+      setEditingTransition(normalise(data));
+      setShowModal(true);
+    } catch (error) {
+      await Swal9.fire("Error", ((_h = (_g = error == null ? void 0 : error.response) == null ? void 0 : _g.data) == null ? void 0 : _h.message) || (error == null ? void 0 : error.message) || "Unable to load workflow transition details.", "error");
+    }
+  };
+  const columns = [["Transition ID", "transitionId"], ["Workflow ID", "workflowId"], ["From Step ID", "fromWorkflowStepId"], ["To Step ID", "toWorkflowStepId"], ["Action Code", "actionCode"], ["Action Name", "actionName"]];
+  const visibleRows = rows.filter((item) => Object.values(item).join(" ").toLowerCase().includes(search.toLowerCase())).sort((a, b) => {
+    var _a, _b;
+    if (!sortConfig.key) return 0;
+    const result = String((_a = a[sortConfig.key]) != null ? _a : "").localeCompare(String((_b = b[sortConfig.key]) != null ? _b : ""), void 0, { numeric: true });
+    return sortConfig.direction === "asc" ? result : -result;
+  });
+  const sort = (key) => setSortConfig((current) => ({ key, direction: current.key === key && current.direction === "asc" ? "desc" : "asc" }));
+  return /* @__PURE__ */ jsxs20("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
+    /* @__PURE__ */ jsx21(CommonHeader, { title: "Workflow Transition", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Masters", href: "/masters" }, { label: "Workflow Transition", href: "/workflowTransition" }], buttonText: "Add Workflow Transition", onButtonClick: () => {
+      setEditingTransition(null);
+      setShowModal(true);
+    } }),
+    /* @__PURE__ */ jsxs20("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
+        /* @__PURE__ */ jsx21("input", { value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search workflow transitions...", className: "fc:max-w-xs fc:w-full fc:px-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm" }),
+        /* @__PURE__ */ jsxs20("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+          /* @__PURE__ */ jsx21(Refresh_default, { onRefresh: refresh }),
+          /* @__PURE__ */ jsx21(Download_default, { targetRef: tableRef, fileName: "workflow-transition" }),
+          /* @__PURE__ */ jsxs20("select", { value: pageSize, onChange: (event) => setPageSize(Number(event.target.value)), className: "fc:px-4 fc:py-2 fc:rounded-xl fc:border fc:border-slate-200", children: [
+            /* @__PURE__ */ jsx21("option", { value: 5, children: "5 Rows" }),
+            /* @__PURE__ */ jsx21("option", { value: 10, children: "10 Rows" }),
+            /* @__PURE__ */ jsx21("option", { value: 25, children: "25 Rows" })
           ] })
-        ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: [
-          /* @__PURE__ */ jsx21("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs20("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
-            /* @__PURE__ */ jsx21("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ jsx21("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
-              label: "TransitionId",
-              key: "TransitionId"
-            }, {
-              label: "WorkflowId",
-              key: "workflowId"
-            }, {
-              label: "FromStepId",
-              key: "FromStepId"
-            }, {
-              label: "ToStepId",
-              key: "ToStepId"
-            }, {
-              label: "ActionCode",
-              key: "ActionCode"
-            }, {
-              label: "ActionName",
-              key: "ActionName"
-            }].map((column) => /* @__PURE__ */ jsx21("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ jsxs20("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-              /* @__PURE__ */ jsx21("span", { children: column.label }),
-              /* @__PURE__ */ jsx21("span", { className: "fc:text-gray-400 fc:text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
-            ] }) }, column.key)) }) }),
-            /* @__PURE__ */ jsx21("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs20("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
-              /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:p-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.TransitionId }),
-              /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
-              /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.FromStepId }),
-              /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.ToStepId }),
-              /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx21("span", { className: `fc:inline-flex fc:items-center fc:text-[14px] fc:text-slate-500 fc:font-semibold fc:rounded-full fc:px-3 fc:py-1 ${item.ActionCode === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionCode }) }),
-              /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx21("span", { className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-[14px] fc:text-slate-500 fc:font-semibold ${item.ActionName === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionName }) })
-            ] }, item.TransitionId)) })
-          ] }) }),
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: [
-          /* @__PURE__ */ jsx21(Footer, {}),
-          " "
         ] })
-      ] })
+      ] }),
+      /* @__PURE__ */ jsx21("div", { ref: tableRef, className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto", children: /* @__PURE__ */ jsxs20("table", { className: "fc:min-w-max fc:w-full", children: [
+        /* @__PURE__ */ jsx21("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ jsxs20("tr", { children: [
+          columns.map(([label, key]) => /* @__PURE__ */ jsxs20("th", { onClick: () => sort(key), className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs fc:cursor-pointer", children: [
+            label,
+            " ",
+            sortConfig.key === key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195"
+          ] }, key)),
+          /* @__PURE__ */ jsx21("th", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs", children: "Action" })
+        ] }) }),
+        /* @__PURE__ */ jsx21("tbody", { children: visibleRows.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs20("tr", { className: "fc:border-t fc:border-slate-100", children: [
+          columns.map(([, key]) => /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item[key] }, key)),
+          /* @__PURE__ */ jsx21("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx21("button", { onClick: () => editTransition(item), className: "fc:bg-blue-50 hover:fc:bg-blue-100 fc:text-blue-600 fc:px-3 fc:py-1 fc:rounded-lg fc:text-xs fc:font-semibold", children: "Edit" }) })
+        ] }, item.transitionId)) })
+      ] }) }),
+      /* @__PURE__ */ jsx21(Footer, {})
     ] }),
-    showModal && /* @__PURE__ */ jsx21(AddWorkTransitionStepModal, { onClose: () => setShowModal(false) }),
-    " "
+    showModal && /* @__PURE__ */ jsx21(AddWorkTransitionStepModal, { editData: editingTransition, onClose: () => {
+      setShowModal(false);
+      setEditingTransition(null);
+    }, onSave: saveTransition })
   ] });
 }
 
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
-import React27, { useState as useState19, useRef as useRef6, useEffect as useEffect15 } from "react";
-import Swal10 from "sweetalert2";
+import React27, { useState as useState19, useRef as useRef6, useEffect as useEffect17 } from "react";
+import Swal11 from "sweetalert2";
 
 // src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
-import React22, { useEffect as useEffect12, useState as useState16 } from "react";
-import Swal9 from "sweetalert2";
+import React22, { useEffect as useEffect14, useState as useState16 } from "react";
+import Swal10 from "sweetalert2";
 import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 function AddUserHierarchyNodeMappingModal({
   isOpen,
@@ -3790,7 +3775,7 @@ function AddUserHierarchyNodeMappingModal({
   const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = useState16(false);
   const [hierarchyNodesError, setHierarchyNodesError] = useState16("");
   const [workflowStepsError, setWorkflowStepsError] = useState16("");
-  useEffect12(() => {
+  useEffect14(() => {
     if (!isOpen) return;
     const loadData = async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
@@ -3836,7 +3821,7 @@ function AddUserHierarchyNodeMappingModal({
   const handleSave = async () => {
     if (!onSave) return;
     if (!formData.workflowStepId) {
-      await Swal9.fire("Required field", "Please select a workflow step.", "warning");
+      await Swal10.fire("Required field", "Please select a workflow step.", "warning");
       return;
     }
     setIsSubmitting(true);
@@ -3861,7 +3846,7 @@ function AddUserHierarchyNodeMappingModal({
         /* @__PURE__ */ jsxs21("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ jsx22("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ jsx22("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
           /* @__PURE__ */ jsxs21("div", { children: [
-            /* @__PURE__ */ jsx22("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Workflow Step Hierarchy Mapping              " }),
+            /* @__PURE__ */ jsx22("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Workflow Hierarchy Mapping              " }),
             /* @__PURE__ */ jsx22("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Map a consumer user to a hierarchy node" })
           ] })
         ] }),
@@ -4002,10 +3987,10 @@ function MappingSearchBar({
 }
 
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
-import React26, { useState as useState18, useEffect as useEffect14 } from "react";
+import React26, { useState as useState18, useEffect as useEffect16 } from "react";
 
 // src/components/user-hierarchy-node-mapping/edit-mapping.jsx
-import React24, { useEffect as useEffect13, useState as useState17 } from "react";
+import React24, { useEffect as useEffect15, useState as useState17 } from "react";
 import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
 function EditUserHierarchyNodeMappingModal({
   isOpen,
@@ -4024,7 +4009,7 @@ function EditUserHierarchyNodeMappingModal({
   const [workflowSteps, setWorkflowSteps] = useState17([]);
   const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = useState17(false);
   const [workflowStepsError, setWorkflowStepsError] = useState17("");
-  useEffect13(() => {
+  useEffect15(() => {
     if (!isOpen) return;
     const loadWorkflowSteps = async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -4050,7 +4035,7 @@ function EditUserHierarchyNodeMappingModal({
     };
     loadWorkflowSteps();
   }, [isOpen]);
-  useEffect13(() => {
+  useEffect15(() => {
     var _a, _b;
     if (selectedMapping) {
       setFormData({
@@ -4352,7 +4337,7 @@ function UserHierarchyNodeMappingTable({
   onDelete
 }) {
   const [data, setData] = useState18(apiData || []);
-  useEffect14(() => {
+  useEffect16(() => {
     setData(apiData || []);
   }, [apiData]);
   const [sortOrder, setSortOrder] = useState18("asc");
@@ -4372,7 +4357,7 @@ function UserHierarchyNodeMappingTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.mappingId).toLowerCase().includes(query) || String(item.externalUserId).toLowerCase().includes(query) || String(item.hierarchyNodeId).toLowerCase().includes(query) || item.roleCode.toLowerCase().includes(query);
   });
-  useEffect14(() => {
+  useEffect16(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -4502,17 +4487,17 @@ import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
 function User_hierarchy_mapping_main() {
   const [refreshkey, setRefreshKey] = useState19(0);
   const [apiData, setApiData] = useState19([]);
-  useEffect15(() => {
+  useEffect17(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.WorkflowStepUserMapping) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow Step Hierarchy Mapping list endpoint is not configured.");
-        const result = await getApiService().post(endpoint, {});
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.WorkflowStepUserMapping) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow Step Hierarchy Mapping list endpoint is not configured.");
+        const result = await getApiService().post(endpoint2, {});
         const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
         setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
       } catch (error) {
-        await Swal10.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load Workflow Step Hierarchy Mappings.", "error");
+        await Swal11.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load Workflow Step Hierarchy Mappings.", "error");
       }
     })();
   }, [refreshkey]);
@@ -4532,8 +4517,8 @@ function User_hierarchy_mapping_main() {
   const saveMapping = async (payload, isEdit = false) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.WorkflowStepUserMapping) == null ? void 0 : _c[isEdit ? "update" : "create"];
-      if (!endpoint) throw new Error(`Workflow Step Hierarchy Mapping ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.WorkflowStepUserMapping) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint2) throw new Error(`Workflow Step Hierarchy Mapping ${isEdit ? "update" : "create"} endpoint is not configured.`);
       const requestPayload = isEdit ? {
         workflowStepUserMappingId: Number(
           (_f = (_e = (_d = payload.workflowStepUserMappingId) != null ? _d : payload.WorkFlowStepUserMappingId) != null ? _e : payload.mappingId) != null ? _f : payload.id
@@ -4546,18 +4531,18 @@ function User_hierarchy_mapping_main() {
         isActive: (_g = payload.isActive) != null ? _g : true,
         updatedBy: payload.updatedBy || "System"
       } : payload;
-      await getApiService()[isEdit ? "put" : "post"](endpoint, requestPayload);
-      await Swal10.fire("Success", `Workflow Step Hierarchy Mapping ${isEdit ? "updated" : "created"} successfully.`, "success");
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, requestPayload);
+      await Swal11.fire("Success", `Workflow Step Hierarchy Mapping ${isEdit ? "updated" : "created"} successfully.`, "success");
       handleRefresh();
       return true;
     } catch (error) {
-      await Swal10.fire("Error", ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} Workflow Step Hierarchy Mapping.`, "error");
+      await Swal11.fire("Error", ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} Workflow Step Hierarchy Mapping.`, "error");
       return false;
     }
   };
   return /* @__PURE__ */ jsxs26("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
     /* @__PURE__ */ jsxs26("div", { className: "fc:w-full fc:space-y-5", children: [
-      /* @__PURE__ */ jsx27(CommonHeader, { title: "Workflow Step Hierarchy Mapping", breadcrumbs: [{
+      /* @__PURE__ */ jsx27(CommonHeader, { title: "Workflow Hierarchy Mapping", breadcrumbs: [{
         label: "Dashboard",
         href: "/dashboard"
       }, {
@@ -4567,8 +4552,8 @@ function User_hierarchy_mapping_main() {
         label: "Hierarchy",
         href: "/hierarchy"
       }, {
-        label: "User Hierarchy Mapping",
-        href: "/user hierarchy mapping"
+        label: "Workflow Hierarchy Mapping",
+        href: "/Workflow-Hierarchy-Mapping"
       }], buttonText: "Add Mapping", onButtonClick: () => setModalOpen(true) }),
       /* @__PURE__ */ jsxs26("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
         /* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
@@ -4593,7 +4578,7 @@ function User_hierarchy_mapping_main() {
 
 // src/components/document-configuration/DocumentConfigurationmain.jsx
 import React33, { useState as useState23, useRef as useRef7 } from "react";
-import Swal12 from "sweetalert2";
+import Swal13 from "sweetalert2";
 
 // src/components/document-configuration/SearchBar.jsx
 import React28 from "react";
@@ -4613,11 +4598,11 @@ function SearchBar3({
 }
 
 // src/components/document-configuration/DocumentConfigurationTable.jsx
-import React31, { useState as useState21, useEffect as useEffect17 } from "react";
-import Swal11 from "sweetalert2";
+import React31, { useState as useState21, useEffect as useEffect19 } from "react";
+import Swal12 from "sweetalert2";
 
 // src/components/document-configuration/Edit.jsx
-import React29, { useState as useState20, useEffect as useEffect16 } from "react";
+import React29, { useState as useState20, useEffect as useEffect18 } from "react";
 import { jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
 function EditDocumentConfiguration({
   isOpen,
@@ -4638,15 +4623,15 @@ function EditDocumentConfiguration({
   const [workflowSteps, setWorkflowSteps] = useState20([]);
   const [loadingSteps, setLoadingSteps] = useState20(false);
   const [isSubmitting, setIsSubmitting] = useState20(false);
-  useEffect16(() => {
+  useEffect18(() => {
     if (!isOpen) return;
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingSteps(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow step list endpoint is not configured.");
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow step list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         setWorkflowSteps(Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : []);
       } catch (_) {
@@ -4656,7 +4641,7 @@ function EditDocumentConfiguration({
       }
     })();
   }, [isOpen]);
-  useEffect16(() => {
+  useEffect18(() => {
     if (initialData) {
       const sizeParts = (initialData.maxSize || "10 MB").split(" ");
       setFormData({
@@ -5106,18 +5091,18 @@ function DocumentConfigTable({
     var _a, _b, _c, _d, _e;
     try {
       setIsLoading(true);
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getList;
-      if (!endpoint) throw new Error("Document Configuration list endpoint is not configured.");
-      const result = await getApiService().post(endpoint, {});
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getList;
+      if (!endpoint2) throw new Error("Document Configuration list endpoint is not configured.");
+      const result = await getApiService().post(endpoint2, {});
       setData(unwrapRows(result).map(toUiItem));
     } catch (error) {
       setData([]);
-      await Swal11.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to load document configurations.", "error");
+      await Swal12.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to load document configurations.", "error");
     } finally {
       setIsLoading(false);
     }
   };
-  useEffect17(() => {
+  useEffect19(() => {
     loadData();
   }, []);
   const handleSort = (columnKey) => {
@@ -5135,7 +5120,7 @@ function DocumentConfigTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.docName).toLowerCase().includes(query) || String(item.extensions).toLowerCase().includes(query) || String(item.stepId).toLowerCase().includes(query);
   });
-  useEffect17(() => {
+  useEffect19(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5147,22 +5132,22 @@ function DocumentConfigTable({
     },
     (_, i) => i + 1
   );
-  const buildGetByIdUrl = (endpoint, id) => {
-    if (endpoint.includes("{id}")) return endpoint.replace("{id}", encodeURIComponent(id));
-    return `${endpoint.replace(/\/$/, "")}/${encodeURIComponent(id)}`;
+  const buildGetByIdUrl = (endpoint2, id) => {
+    if (endpoint2.includes("{id}")) return endpoint2.replace("{id}", encodeURIComponent(id));
+    return `${endpoint2.replace(/\/$/, "")}/${encodeURIComponent(id)}`;
   };
   const handleEdit = async (item) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getById;
-      if (!endpoint) throw new Error("Document Configuration get-by-id endpoint is not configured.");
-      const url = typeof endpoint === "function" ? endpoint(item.id) : buildGetByIdUrl(endpoint, item.id);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getById;
+      if (!endpoint2) throw new Error("Document Configuration get-by-id endpoint is not configured.");
+      const url = typeof endpoint2 === "function" ? endpoint2(item.id) : buildGetByIdUrl(endpoint2, item.id);
       const result = await getApiService().get(url);
       const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
       setSelectedItem(toUiItem(value != null ? value : item));
       setIsEditOpen(true);
     } catch (error) {
-      await Swal11.fire("Error", ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to load document configuration.", "error");
+      await Swal12.fire("Error", ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to load document configuration.", "error");
     }
   };
   const handleDelete = (item) => {
@@ -5172,13 +5157,13 @@ function DocumentConfigTable({
   const handleSaveEdit = async (updatedData) => {
     var _a, _b, _c, _d, _e, _f;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Document Configuration update endpoint is not configured.");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Document Configuration update endpoint is not configured.");
       const maxSizeMB = Number.parseFloat((_d = updatedData.maxSizeNum) != null ? _d : updatedData.maxSize);
       if (!Number.isFinite(maxSizeMB) || maxSizeMB <= 0) {
         throw new Error("Please enter a valid maximum size in MB.");
       }
-      await getApiService().put(endpoint, {
+      await getApiService().put(endpoint2, {
         documentConfigurationId: updatedData.id,
         documentName: updatedData.docName.trim(),
         allowedExtensions: updatedData.extensions.trim(),
@@ -5187,12 +5172,12 @@ function DocumentConfigTable({
         isActive: updatedData.status === "Active",
         updatedBy: "System"
       });
-      await Swal11.fire("Success", "Document configuration updated successfully.", "success");
+      await Swal12.fire("Success", "Document configuration updated successfully.", "success");
       setIsEditOpen(false);
       await loadData();
       return true;
     } catch (error) {
-      await Swal11.fire("Error", ((_f = (_e = error == null ? void 0 : error.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || (error == null ? void 0 : error.message) || "Unable to update document configuration.", "error");
+      await Swal12.fire("Error", ((_f = (_e = error == null ? void 0 : error.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || (error == null ? void 0 : error.message) || "Unable to update document configuration.", "error");
       return false;
     }
   };
@@ -5373,7 +5358,7 @@ function DocumentConfigTable({
 }
 
 // src/components/document-configuration/AddDocumentConfigurationModal.jsx
-import React32, { useEffect as useEffect18, useState as useState22 } from "react";
+import React32, { useEffect as useEffect20, useState as useState22 } from "react";
 import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
 function AddDocumentConfigModal({
   isOpen,
@@ -5390,7 +5375,7 @@ function AddDocumentConfigModal({
   const [workflowSteps, setWorkflowSteps] = useState22([]);
   const [loadingSteps, setLoadingSteps] = useState22(false);
   const [isSubmitting, setIsSubmitting] = useState22(false);
-  useEffect18(() => {
+  useEffect20(() => {
     if (!isOpen) return;
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
@@ -5398,9 +5383,9 @@ function AddDocumentConfigModal({
         setLoadingSteps(true);
         const { getApiEndpoints: getApiEndpoints2 } = await import("./ApiEndpointsProvider-MDQW2LEP.mjs");
         const { getApiService: getApiService2 } = await import("./ApiServicepackage-PJH24ZGU.mjs");
-        const endpoint = (_c = (_b = (_a = getApiEndpoints2()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow step list endpoint is not configured.");
-        const result = await getApiService2().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints2()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow step list endpoint is not configured.");
+        const result = await getApiService2().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         setWorkflowSteps(Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : []);
       } catch (_) {
@@ -5410,7 +5395,7 @@ function AddDocumentConfigModal({
       }
     })();
   }, [isOpen]);
-  useEffect18(() => {
+  useEffect20(() => {
     if (!isOpen) {
       setDocumentName("");
       setStepId("");
@@ -5587,15 +5572,15 @@ function DocumentConfigurationmain() {
   const handleCreate = async (payload) => {
     var _a, _b, _c, _d, _e;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.create;
-      if (!endpoint) throw new Error("Document Configuration create endpoint is not configured.");
-      await getApiService().post(endpoint, payload);
-      await Swal12.fire("Success", "Document configuration created successfully.", "success");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.create;
+      if (!endpoint2) throw new Error("Document Configuration create endpoint is not configured.");
+      await getApiService().post(endpoint2, payload);
+      await Swal13.fire("Success", "Document configuration created successfully.", "success");
       setModalOpen(false);
       handleRefresh();
       return true;
     } catch (error) {
-      await Swal12.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create document configuration.", "error");
+      await Swal13.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create document configuration.", "error");
       return false;
     }
   };
@@ -5658,7 +5643,7 @@ function SearchBar4({
 }
 
 // src/components/audit-log/AuditLogTable.jsx
-import React35, { useState as useState24, useEffect as useEffect19 } from "react";
+import React35, { useState as useState24, useEffect as useEffect21 } from "react";
 import { jsx as jsx35, jsxs as jsxs34 } from "react/jsx-runtime";
 function AuditLogTable({
   pageSize,
@@ -5886,7 +5871,7 @@ function AuditLogTable({
     const query = (searchQuery || "").toLowerCase();
     return item.logId.toLowerCase().includes(query) || item.user.toLowerCase().includes(query) || item.section.toLowerCase().includes(query) || item.action.toLowerCase().includes(query);
   });
-  useEffect19(() => {
+  useEffect21(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6174,7 +6159,7 @@ function SearchBar5({
 }
 
 // src/components/movement-history/MovementHistoryTable.jsx
-import React39, { useState as useState27, useEffect as useEffect20 } from "react";
+import React39, { useState as useState27, useEffect as useEffect22 } from "react";
 import { jsx as jsx39, jsxs as jsxs38 } from "react/jsx-runtime";
 function MovementHistoryTable({
   pageSize,
@@ -6402,7 +6387,7 @@ function MovementHistoryTable({
     const query = (searchQuery || "").toLowerCase();
     return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
   });
-  useEffect20(() => {
+  useEffect22(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6654,7 +6639,7 @@ function MovementHistorymain() {
 
 // src/components/task-permission/TaskPermissionMain.jsx
 import React46, { useState as useState33, useRef as useRef10 } from "react";
-import Swal14 from "sweetalert2";
+import Swal15 from "sweetalert2";
 
 // src/components/task-permission/SearchBar.js
 import React42 from "react";
@@ -6685,7 +6670,7 @@ function SearchBar6({
 }
 
 // src/components/task-permission/Table.js
-import React43, { useState as useState30, useEffect as useEffect21 } from "react";
+import React43, { useState as useState30, useEffect as useEffect23 } from "react";
 import { jsx as jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
 function Table({
   pageSize,
@@ -6713,7 +6698,7 @@ function Table({
     });
     return map;
   }, [workflowSteps]);
-  useEffect21(() => {
+  useEffect23(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
       try {
@@ -6764,7 +6749,7 @@ function Table({
   const totalPages = Math.max(Math.ceil(sorted.length / pageSize), 1);
   const startIndex = (currentPage - 1) * pageSize;
   const visibleData = sorted.slice(startIndex, startIndex + pageSize);
-  useEffect21(() => {
+  useEffect23(() => {
     if (setTotalEntries) setTotalEntries(filtered.length);
   }, [filtered.length]);
   const pageNumbers = Array.from({ length: totalPages }, (_, i) => i + 1);
@@ -6782,6 +6767,12 @@ function Table({
     { label: "Can Edit", key: "canEdit" },
     { label: "Can Approve", key: "canApprove" },
     { label: "Can Reject", key: "canReject" },
+    { label: "Can Forward", key: "canForward" },
+    { label: "Can Free Forward", key: "canFreeForward" },
+    { label: "Can Return", key: "canReturn" },
+    { label: "Can Return To Applicant", key: "canReturnToApplicant" },
+    { label: "Can Delegate", key: "canDelegate" },
+    { label: "Can Hold", key: "canHold" },
     { label: "Active", key: "isActive" }
   ];
   return /* @__PURE__ */ jsxs42("div", { className: "fc:space-y-5", children: [
@@ -6806,7 +6797,7 @@ function Table({
       /* @__PURE__ */ jsx43("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: isLoading ? /* @__PURE__ */ jsx43("tr", { children: /* @__PURE__ */ jsx43(
         "td",
         {
-          colSpan: 9,
+          colSpan: columns.length + 2,
           className: "fc:py-10 fc:text-center fc:text-slate-400 fc:text-sm",
           children: /* @__PURE__ */ jsxs42("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
             /* @__PURE__ */ jsxs42(
@@ -6838,15 +6829,15 @@ function Table({
                 ]
               }
             ),
-            "Loading task permissions..."
+            "Loading step permissions..."
           ] })
         }
       ) }) : visibleData.length === 0 ? /* @__PURE__ */ jsx43("tr", { children: /* @__PURE__ */ jsx43(
         "td",
         {
-          colSpan: 9,
+          colSpan: columns.length + 2,
           className: "fc:py-10 fc:text-center fc:text-slate-400 fc:text-sm",
-          children: "No task permissions found."
+          children: "No step permissions found."
         }
       ) }) : visibleData.map((item, index) => {
         var _a, _b, _c, _d;
@@ -6862,6 +6853,12 @@ function Table({
               /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canEdit }) }),
               /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canApprove }) }),
               /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canReject }) }),
+              /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canForward }) }),
+              /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canFreeForward }) }),
+              /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canReturn }) }),
+              /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canReturnToApplicant }) }),
+              /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canDelegate }) }),
+              /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.canHold }) }),
               /* @__PURE__ */ jsx43("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx43(BoolBadge, { val: item.isActive }) }),
               /* @__PURE__ */ jsx43("td", { className: "fc:sticky fc:right-0 fc:bg-white fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsxs42("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
                 /* @__PURE__ */ jsx43(
@@ -6922,8 +6919,8 @@ function Table({
 }
 
 // src/components/task-permission/Popup.js
-import React44, { useState as useState31, useEffect as useEffect22 } from "react";
-import Swal13 from "sweetalert2";
+import React44, { useState as useState31, useEffect as useEffect24 } from "react";
+import Swal14 from "sweetalert2";
 import { jsx as jsx44, jsxs as jsxs43 } from "react/jsx-runtime";
 function Popup({ isOpen, onClose, onSave }) {
   const [formData, setFormData] = useState31({
@@ -6931,21 +6928,28 @@ function Popup({ isOpen, onClose, onSave }) {
     canView: false,
     canEdit: false,
     canApprove: false,
-    canReject: false
+    canReject: false,
+    canForward: false,
+    canFreeForward: false,
+    canReturn: false,
+    canReturnToApplicant: false,
+    canDelegate: false,
+    canHold: false,
+    isActive: true
   });
   const [errors, setErrors] = useState31({});
   const [isSubmitting, setIsSubmitting] = useState31(false);
   const [workflowSteps, setWorkflowSteps] = useState31([]);
   const [loadingSteps, setLoadingSteps] = useState31(false);
-  useEffect22(() => {
+  useEffect24(() => {
     if (!isOpen) return;
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingSteps(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflowSteps(rows);
@@ -6955,9 +6959,22 @@ function Popup({ isOpen, onClose, onSave }) {
       }
     })();
   }, [isOpen]);
-  useEffect22(() => {
+  useEffect24(() => {
     if (!isOpen) {
-      setFormData({ workflowStepId: "", canView: false, canEdit: false, canApprove: false, canReject: false });
+      setFormData({
+        workflowStepId: "",
+        canView: false,
+        canEdit: false,
+        canApprove: false,
+        canReject: false,
+        canForward: false,
+        canFreeForward: false,
+        canReturn: false,
+        canReturnToApplicant: false,
+        canDelegate: false,
+        canHold: false,
+        isActive: true
+      });
       setErrors({});
     }
   }, [isOpen]);
@@ -6978,31 +6995,44 @@ function Popup({ isOpen, onClose, onSave }) {
     if (!validate()) return;
     try {
       setIsSubmitting(true);
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.create;
-      if (!endpoint) throw new Error("Task Permission create endpoint is not configured.");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.create;
+      if (!endpoint2) throw new Error("Step Permission create endpoint is not configured.");
       const payload = {
         workflowStepId: Number(formData.workflowStepId) || 0,
         canView: Boolean(formData.canView),
         canEdit: Boolean(formData.canEdit),
         canApprove: Boolean(formData.canApprove),
         canReject: Boolean(formData.canReject),
+        canForward: Boolean(formData.canForward),
+        canFreeForward: Boolean(formData.canFreeForward),
+        canReturn: Boolean(formData.canReturn),
+        canReturnToApplicant: Boolean(formData.canReturnToApplicant),
+        canDelegate: Boolean(formData.canDelegate),
+        canHold: Boolean(formData.canHold),
+        isActive: Boolean(formData.isActive),
         createdBy: "System"
       };
-      await getApiService().post(endpoint, payload);
+      await getApiService().post(endpoint2, payload);
       onClose();
       await (onSave == null ? void 0 : onSave());
     } catch (error) {
-      const msg = ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create task permission.";
-      await Swal13.fire("Error", msg, "error");
+      const msg = ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create step permission.";
+      await Swal14.fire("Error", msg, "error");
     } finally {
       setIsSubmitting(false);
     }
   };
   const permissionCards = [
-    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs", field: "canView" },
-    { icon: "\u2713", title: "Can Approve", desc: "Pass states", field: "canApprove" },
-    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify props", field: "canEdit" },
-    { icon: "\u2715", title: "Can Reject", desc: "Cancel tasks", field: "canReject" }
+    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs & details", field: "canView" },
+    { icon: "\u2713", title: "Can Approve", desc: "Pass states & approve", field: "canApprove" },
+    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify properties", field: "canEdit" },
+    { icon: "\u2715", title: "Can Reject", desc: "Cancel / reject tasks", field: "canReject" },
+    { icon: "\u27A1\uFE0F", title: "Can Forward", desc: "Forward to next step", field: "canForward" },
+    { icon: "\u23E9", title: "Can Free Forward", desc: "Forward freely to any step", field: "canFreeForward" },
+    { icon: "\u21A9\uFE0F", title: "Can Return", desc: "Return to previous step", field: "canReturn" },
+    { icon: "\u{1F464}", title: "Can Return To Applicant", desc: "Send back to applicant", field: "canReturnToApplicant" },
+    { icon: "\u{1F465}", title: "Can Delegate", desc: "Reassign or delegate task", field: "canDelegate" },
+    { icon: "\u23F8\uFE0F", title: "Can Hold", desc: "Put execution on hold", field: "canHold" }
   ];
   return /* @__PURE__ */ jsxs43("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx44("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -7011,7 +7041,7 @@ function Popup({ isOpen, onClose, onSave }) {
         /* @__PURE__ */ jsxs43("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ jsx44("div", { className: "fc:w-12 fc:h-12 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm fc:text-xl", children: "\u{1F511}" }),
           /* @__PURE__ */ jsxs43("div", { children: [
-            /* @__PURE__ */ jsx44("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Task Permission" }),
+            /* @__PURE__ */ jsx44("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Step Permission" }),
             /* @__PURE__ */ jsx44("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Configure step details and initial user control access rules" })
           ] })
         ] }),
@@ -7081,6 +7111,30 @@ function Popup({ isOpen, onClose, onSave }) {
                 }
               )
             ] }, field)) })
+          ] }),
+          /* @__PURE__ */ jsxs43("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
+            /* @__PURE__ */ jsxs43("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+              /* @__PURE__ */ jsx44("span", { children: "\u{1F518}" }),
+              /* @__PURE__ */ jsx44("span", { children: "Status" })
+            ] }),
+            /* @__PURE__ */ jsx44("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: [{ label: "Active", val: true }, { label: "Inactive", val: false }].map(({ label, val }) => /* @__PURE__ */ jsxs43(
+              "div",
+              {
+                onClick: () => handleChange("isActive", val),
+                className: `fc:flex fc:items-center fc:gap-3 fc:p-3.5 fc:rounded-xl fc:border fc:cursor-pointer fc:transition-all ${formData.isActive === val ? val ? "fc:border-emerald-500 fc:bg-emerald-50/40 fc:ring-1 fc:ring-emerald-500/20" : "fc:border-slate-400 fc:bg-slate-100/60 fc:ring-1 fc:ring-slate-400/20" : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50/60"}`,
+                children: [
+                  /* @__PURE__ */ jsx44(
+                    "div",
+                    {
+                      className: `fc:w-3.5 fc:h-3.5 fc:rounded-full fc:border fc:flex fc:items-center fc:justify-center ${formData.isActive === val ? val ? "fc:border-emerald-500 fc:bg-emerald-500" : "fc:border-slate-600 fc:bg-slate-600" : "fc:border-slate-300"}`,
+                      children: formData.isActive === val && /* @__PURE__ */ jsx44("div", { className: "fc:w-1.5 fc:h-1.5 fc:bg-white fc:rounded-full" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx44("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: label })
+                ]
+              },
+              label
+            )) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs43("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
@@ -7115,7 +7169,7 @@ function Popup({ isOpen, onClose, onSave }) {
 }
 
 // src/components/task-permission/EditTaskPermissionModal.js
-import React45, { useState as useState32, useEffect as useEffect23 } from "react";
+import React45, { useState as useState32, useEffect as useEffect25 } from "react";
 import { jsx as jsx45, jsxs as jsxs44 } from "react/jsx-runtime";
 function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpdate }) {
   var _a;
@@ -7125,6 +7179,12 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
     canEdit: false,
     canApprove: false,
     canReject: false,
+    canForward: false,
+    canFreeForward: false,
+    canReturn: false,
+    canReturnToApplicant: false,
+    canDelegate: false,
+    canHold: false,
     isActive: true,
     updatedBy: "System"
   });
@@ -7132,15 +7192,15 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
   const [isSubmitting, setIsSubmitting] = useState32(false);
   const [workflowSteps, setWorkflowSteps] = useState32([]);
   const [loadingSteps, setLoadingSteps] = useState32(false);
-  useEffect23(() => {
+  useEffect25(() => {
     if (!isOpen) return;
     (async () => {
       var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingSteps(true);
-        const endpoint = (_c = (_b = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflowSteps(rows);
@@ -7150,8 +7210,8 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
       }
     })();
   }, [isOpen]);
-  useEffect23(() => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  useEffect25(() => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
     if (selectedData) {
       setFormData({
         workflowStepId: (_b = (_a2 = selectedData.workflowStepId) != null ? _a2 : selectedData.WorkflowStepId) != null ? _b : "",
@@ -7159,8 +7219,14 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         canEdit: (_f = (_e = selectedData.canEdit) != null ? _e : selectedData.CanEdit) != null ? _f : false,
         canApprove: (_h = (_g = selectedData.canApprove) != null ? _g : selectedData.CanApprove) != null ? _h : false,
         canReject: (_j = (_i = selectedData.canReject) != null ? _i : selectedData.CanReject) != null ? _j : false,
-        isActive: (_l = (_k = selectedData.isActive) != null ? _k : selectedData.IsActive) != null ? _l : true,
-        updatedBy: (_n = (_m = selectedData.updatedBy) != null ? _m : selectedData.UpdatedBy) != null ? _n : "System"
+        canForward: (_l = (_k = selectedData.canForward) != null ? _k : selectedData.CanForward) != null ? _l : false,
+        canFreeForward: (_n = (_m = selectedData.canFreeForward) != null ? _m : selectedData.CanFreeForward) != null ? _n : false,
+        canReturn: (_p = (_o = selectedData.canReturn) != null ? _o : selectedData.CanReturn) != null ? _p : false,
+        canReturnToApplicant: (_r = (_q = selectedData.canReturnToApplicant) != null ? _q : selectedData.CanReturnToApplicant) != null ? _r : false,
+        canDelegate: (_t = (_s = selectedData.canDelegate) != null ? _s : selectedData.CanDelegate) != null ? _t : false,
+        canHold: (_v = (_u = selectedData.canHold) != null ? _u : selectedData.CanHold) != null ? _v : false,
+        isActive: (_x = (_w = selectedData.isActive) != null ? _w : selectedData.IsActive) != null ? _x : true,
+        updatedBy: (_z = (_y = selectedData.updatedBy) != null ? _y : selectedData.UpdatedBy) != null ? _z : "System"
       });
       setErrors({});
     }
@@ -7188,6 +7254,12 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         canEdit: Boolean(formData.canEdit),
         canApprove: Boolean(formData.canApprove),
         canReject: Boolean(formData.canReject),
+        canForward: Boolean(formData.canForward),
+        canFreeForward: Boolean(formData.canFreeForward),
+        canReturn: Boolean(formData.canReturn),
+        canReturnToApplicant: Boolean(formData.canReturnToApplicant),
+        canDelegate: Boolean(formData.canDelegate),
+        canHold: Boolean(formData.canHold),
         isActive: Boolean(formData.isActive),
         updatedBy: String(formData.updatedBy).trim() || "System"
       });
@@ -7199,10 +7271,16 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
     }
   };
   const permissionCards = [
-    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs", field: "canView" },
-    { icon: "\u2713", title: "Can Approve", desc: "Pass states", field: "canApprove" },
-    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify props", field: "canEdit" },
-    { icon: "\u2715", title: "Can Reject", desc: "Cancel tasks", field: "canReject" }
+    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs & details", field: "canView" },
+    { icon: "\u2713", title: "Can Approve", desc: "Pass states & approve", field: "canApprove" },
+    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify properties", field: "canEdit" },
+    { icon: "\u2715", title: "Can Reject", desc: "Cancel / reject tasks", field: "canReject" },
+    { icon: "\u27A1\uFE0F", title: "Can Forward", desc: "Forward to next step", field: "canForward" },
+    { icon: "\u23E9", title: "Can Free Forward", desc: "Forward freely to any step", field: "canFreeForward" },
+    { icon: "\u21A9\uFE0F", title: "Can Return", desc: "Return to previous step", field: "canReturn" },
+    { icon: "\u{1F464}", title: "Can Return To Applicant", desc: "Send back to applicant", field: "canReturnToApplicant" },
+    { icon: "\u{1F465}", title: "Can Delegate", desc: "Reassign or delegate task", field: "canDelegate" },
+    { icon: "\u23F8\uFE0F", title: "Can Hold", desc: "Put execution on hold", field: "canHold" }
   ];
   return /* @__PURE__ */ jsxs44("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx45("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm", onClick: onClose }),
@@ -7211,7 +7289,7 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         /* @__PURE__ */ jsxs44("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ jsx45("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm fc:text-xl", children: "\u{1F511}" }),
           /* @__PURE__ */ jsxs44("div", { children: [
-            /* @__PURE__ */ jsx45("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Edit Task Permission" }),
+            /* @__PURE__ */ jsx45("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Edit Step Permission" }),
             /* @__PURE__ */ jsxs44("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: [
               "Update step access rules \u2014 ID: ",
               /* @__PURE__ */ jsxs44("span", { className: "fc:font-bold fc:text-slate-600", children: [
@@ -7377,29 +7455,35 @@ function TaskPermissionMain() {
   const handleUpdateApi = async (item) => {
     var _a, _b, _c, _d, _e, _f, _g;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Task Permission update endpoint is not configured.");
-      await getApiService().put(endpoint, {
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Step Permission update endpoint is not configured.");
+      await getApiService().put(endpoint2, {
         taskPermissionId: (_e = (_d = item.taskPermissionId) != null ? _d : item.TaskPermissionId) != null ? _e : 0,
         workflowStepId: Number(item.workflowStepId) || 0,
         canView: Boolean(item.canView),
         canEdit: Boolean(item.canEdit),
         canApprove: Boolean(item.canApprove),
         canReject: Boolean(item.canReject),
+        canForward: Boolean(item.canForward),
+        canFreeForward: Boolean(item.canFreeForward),
+        canReturn: Boolean(item.canReturn),
+        canReturnToApplicant: Boolean(item.canReturnToApplicant),
+        canDelegate: Boolean(item.canDelegate),
+        canHold: Boolean(item.canHold),
         isActive: Boolean(item.isActive),
         updatedBy: item.updatedBy || "System"
       });
       handleRefresh();
       return true;
     } catch (error) {
-      await Swal14.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to update task permission.", "error");
+      await Swal15.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to update step permission.", "error");
       return false;
     }
   };
   const handleDeleteApi = async (item) => {
     var _a;
-    const confirm = await Swal14.fire({
-      title: "Delete Task Permission?",
+    const confirm = await Swal15.fire({
+      title: "Delete Step Permission?",
       text: `Permission #${(_a = item.taskPermissionId) != null ? _a : item.TaskPermissionId} will be marked as inactive.`,
       icon: "warning",
       showCancelButton: true,
@@ -7408,11 +7492,11 @@ function TaskPermissionMain() {
     });
     if (!confirm.isConfirmed) return;
     const ok = await handleUpdateApi(__spreadProps(__spreadValues({}, item), { isActive: false }));
-    if (ok) await Swal14.fire("Deleted", "Task permission has been deactivated.", "success");
+    if (ok) await Swal15.fire("Deleted", "Step permission has been deactivated.", "success");
   };
   return /* @__PURE__ */ jsxs45("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
     /* @__PURE__ */ jsxs45("div", { className: "fc:w-full fc:space-y-5", children: [
-      /* @__PURE__ */ jsx46(CommonHeader, { title: "Task Permission", breadcrumbs: [{
+      /* @__PURE__ */ jsx46(CommonHeader, { title: "Step Permission", breadcrumbs: [{
         label: "Dashboard",
         href: "/dashboard"
       }, {
@@ -7422,9 +7506,9 @@ function TaskPermissionMain() {
         label: "Permissions",
         href: "/permissions"
       }, {
-        label: "TaskPermission",
-        href: "/task-permission"
-      }], buttonText: "Add Task Permission", onButtonClick: () => setShowModal(true) }),
+        label: "StepPermission",
+        href: "/step-permission"
+      }], buttonText: "Add Step Permission", onButtonClick: () => setShowModal(true) }),
       /* @__PURE__ */ jsxs45("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
         /* @__PURE__ */ jsxs45("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
           /* @__PURE__ */ jsx46("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx46(SearchBar6, { searchQuery, setSearchQuery, setCurrentPage }) }),
@@ -7461,7 +7545,7 @@ function TaskPermissionMain() {
         isOpen: showModal,
         onClose: () => setShowModal(false),
         onSave: async () => {
-          await Swal14.fire("Success", "Task permission created successfully.", "success");
+          await Swal15.fire("Success", "Step permission created successfully.", "success");
           handleRefresh();
         }
       }
@@ -7473,7 +7557,7 @@ function TaskPermissionMain() {
         onClose: () => setIsEditOpen(false),
         selectedData: selectedItem,
         onSave: async () => {
-          await Swal14.fire("Success", "Task permission updated successfully.", "success");
+          await Swal15.fire("Success", "Step permission updated successfully.", "success");
           handleRefresh();
         },
         onUpdate: handleUpdateApi
@@ -7514,7 +7598,7 @@ function SearchBar7({
 }
 
 // src/components/Workflow-Setting/Table.js
-import React48, { useState as useState34, useEffect as useEffect24 } from "react";
+import React48, { useState as useState34, useEffect as useEffect26 } from "react";
 import { jsx as jsx48, jsxs as jsxs47 } from "react/jsx-runtime";
 function Table2({
   pageSize,
@@ -7761,7 +7845,7 @@ function Table2({
     }
     return item.settingId && item.settingId.toString().toLowerCase().includes(query) || item.moduleName && item.moduleName.toLowerCase().includes(query) || item.executionOrder && item.executionOrder.toString().toLowerCase().includes(query) || item.SLA && item.SLA.toLowerCase().includes(query);
   });
-  useEffect24(() => {
+  useEffect26(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8037,7 +8121,7 @@ function SearchBar8({
 }
 
 // src/components/notification/Table.js
-import React52, { useState as useState37, useEffect as useEffect25 } from "react";
+import React52, { useState as useState37, useEffect as useEffect27 } from "react";
 import { jsx as jsx52, jsxs as jsxs51 } from "react/jsx-runtime";
 function Table3({
   pageSize,
@@ -8284,7 +8368,7 @@ function Table3({
     }
     return item.notificationId && item.notificationId.toString().toLowerCase().includes(query) || item.eventTrigger && item.eventTrigger.toLowerCase().includes(query) || item.channelType && item.channelType.toLowerCase().includes(query) || item.recipientGroup && item.recipientGroup.toLowerCase().includes(query);
   });
-  useEffect25(() => {
+  useEffect27(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8570,10 +8654,10 @@ function TaskInstanceSearchBar({
 }
 
 // src/components/task-instance/taskinstancetable.jsx
-import React58, { useState as useState41, useEffect as useEffect27 } from "react";
+import React58, { useState as useState41, useEffect as useEffect29 } from "react";
 
 // src/components/task-instance/edit-instance.jsx
-import React56, { useEffect as useEffect26, useState as useState40 } from "react";
+import React56, { useEffect as useEffect28, useState as useState40 } from "react";
 import { jsx as jsx56, jsxs as jsxs55 } from "react/jsx-runtime";
 function EditTaskInstanceModal({
   isOpen,
@@ -8589,7 +8673,7 @@ function EditTaskInstanceModal({
     escalatedOn: "",
     slaStatus: ""
   });
-  useEffect26(() => {
+  useEffect28(() => {
     if (selectedTask) {
       setFormData({
         assignedUserId: selectedTask.assignedUserId || selectedTask.assigned_user_id || "",
@@ -9110,7 +9194,7 @@ function TaskInstanceTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.taskInstanceId).includes(query) || String(item.fileInstanceId).includes(query) || String(item.workflowStepId).includes(query) || String(item.assignedUserId).includes(query) || item.status.toLowerCase().includes(query);
   });
-  useEffect27(() => {
+  useEffect29(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -9479,7 +9563,7 @@ function CommentSearchBar({
 }
 
 // src/components/comment/commenttable.jsx
-import React62, { useState as useState43, useEffect as useEffect28 } from "react";
+import React62, { useState as useState43, useEffect as useEffect30 } from "react";
 import { jsx as jsx62, jsxs as jsxs61 } from "react/jsx-runtime";
 function CommentTable({
   pageSize,
@@ -9707,7 +9791,7 @@ function CommentTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.commentId).toLowerCase().includes(query) || String(item.taskInstanceId).toLowerCase().includes(query) || item.comment.toLowerCase().includes(query) || String(item.commentedBy).toLowerCase().includes(query);
   });
-  useEffect28(() => {
+  useEffect30(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -10042,8 +10126,8 @@ function Comment_main() {
 }
 
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
-import React70, { useState as useState49, useRef as useRef15, useEffect as useEffect31 } from "react";
-import Swal15 from "sweetalert2";
+import React70, { useState as useState49, useRef as useRef15, useEffect as useEffect33 } from "react";
+import Swal16 from "sweetalert2";
 
 // src/components/hierarchy-node/SearchBar.jsx
 import React65 from "react";
@@ -10082,10 +10166,10 @@ function SearchBar9({ searchQuery, setSearchQuery }) {
 }
 
 // src/components/hierarchy-node/HierarchyTable.jsx
-import React68, { useState as useState47, useEffect as useEffect30 } from "react";
+import React68, { useState as useState47, useEffect as useEffect32 } from "react";
 
 // src/components/hierarchy-node/AddEditModal.jsx
-import React66, { useEffect as useEffect29, useState as useState46 } from "react";
+import React66, { useEffect as useEffect31, useState as useState46 } from "react";
 import { jsx as jsx66, jsxs as jsxs65 } from "react/jsx-runtime";
 function AddEditModal({
   isOpen,
@@ -10103,7 +10187,7 @@ function AddEditModal({
     externalEntityId: "",
     isActive: true
   });
-  useEffect29(() => {
+  useEffect31(() => {
     if (editData) {
       setFormData(editData);
     }
@@ -10326,7 +10410,7 @@ function HierarchyTable({
   const [currentPage, setCurrentPage] = useState47(1);
   ;
   const [data, setData] = useState47(apiData || []);
-  useEffect30(() => {
+  useEffect32(() => {
     setData(apiData || []);
   }, [apiData]);
   const filteredData = data.filter(
@@ -10343,7 +10427,7 @@ function HierarchyTable({
   const [editOpen, setEditOpen] = useState47(false);
   const [deleteOpen, setDeleteOpen] = useState47(false);
   const [selectedNode, setSelectedNode] = useState47(null);
-  useEffect30(() => {
+  useEffect32(() => {
     setCurrentPage(1);
   }, [searchQuery, pageSize]);
   const handleSort = (column) => {
@@ -10637,17 +10721,17 @@ function HierarchyNodeMain() {
   const [searchQuery, setSearchQuery] = useState49("");
   const [apiData, setApiData] = useState49([]);
   const [refreshKey, setRefreshKey] = useState49(0);
-  useEffect31(() => {
+  useEffect33(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c.getList;
-        if (!endpoint) throw Error("Hierarchy node list endpoint is not configured.");
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw Error("Hierarchy node list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
         const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
         setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
       } catch (error) {
-        await Swal15.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
+        await Swal16.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
       }
     })();
   }, [refreshKey]);
@@ -10657,14 +10741,14 @@ function HierarchyNodeMain() {
   const saveNode = async (payload, isEdit = false) => {
     var _a, _b, _c, _d, _e;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c[isEdit ? "update" : "create"];
-      if (!endpoint) throw new Error(`Hierarchy node ${isEdit ? "update" : "create"} endpoint is not configured.`);
-      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
-      await Swal15.fire("Success", `Hierarchy node ${isEdit ? "updated" : "created"} successfully.`, "success");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint2) throw new Error(`Hierarchy node ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, payload);
+      await Swal16.fire("Success", `Hierarchy node ${isEdit ? "updated" : "created"} successfully.`, "success");
       handleRefresh();
       return true;
     } catch (error) {
-      await Swal15.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} hierarchy node.`, "error");
+      await Swal16.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} hierarchy node.`, "error");
       return false;
     }
   };
@@ -11373,23 +11457,27 @@ function UploadedDocumentMain() {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
-import React80, { useState as useState55, useRef as useRef18 } from "react";
-import Link3 from "next/link";
+import React80, { useEffect as useEffect34, useRef as useRef18, useState as useState55 } from "react";
+import Swal17 from "sweetalert2";
 
 // src/components/BuisnessEntity/AddBusinessEntityModal.js
 import React79, { useState as useState54 } from "react";
 import { jsx as jsx79, jsxs as jsxs78 } from "react/jsx-runtime";
-function AddBusinessEntityModal({ onClose }) {
-  const [formData, setFormData] = useState54({
-    entityType: "",
-    entityKey: "",
-    displayNumber: "",
-    displayTitle: "",
-    isDefault: false,
-    isVisible: true,
-    status: "Active"
+function AddBusinessEntityModal({ onClose, onSave, editData }) {
+  const [formData, setFormData] = useState54(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    return {
+      entityType: (_b = (_a = editData == null ? void 0 : editData.entityType) != null ? _a : editData == null ? void 0 : editData.EntityType) != null ? _b : "",
+      entityKey: String((_d = (_c = editData == null ? void 0 : editData.entityKey) != null ? _c : editData == null ? void 0 : editData.EntityKey) != null ? _d : ""),
+      displayNumber: (_f = (_e = editData == null ? void 0 : editData.displayNumber) != null ? _e : editData == null ? void 0 : editData.DisplayNumber) != null ? _f : "",
+      displayTitle: (_h = (_g = editData == null ? void 0 : editData.displayTitle) != null ? _g : editData == null ? void 0 : editData.DisplayTitle) != null ? _h : "",
+      isDefault: (_i = editData == null ? void 0 : editData.isDefault) != null ? _i : false,
+      isVisible: (_j = editData == null ? void 0 : editData.isVisible) != null ? _j : true,
+      status: ((_l = (_k = editData == null ? void 0 : editData.isActive) != null ? _k : editData == null ? void 0 : editData.IsActive) != null ? _l : true) ? "Active" : "Inactive"
+    };
   });
   const [errors, setErrors] = useState54({});
+  const [isSubmitting, setIsSubmitting] = useState54(false);
   const handleChange = (field, value) => {
     setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
       [field]: value
@@ -11409,10 +11497,17 @@ function AddBusinessEntityModal({ onClose }) {
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
+    var _a, _b, _c;
     e.preventDefault();
-    if (validate()) {
-      console.log("Form Submitted Successfully", formData);
+    if (!validate() || !onSave) return;
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { businessEntityId: (_a = editData.businessEntityId) != null ? _a : editData.BusinessEntityId, entityType: formData.entityType, entityKey: Number(formData.entityKey), displayNumber: formData.displayNumber.trim(), displayTitle: formData.displayTitle.trim(), isActive: formData.status === "Active", updatedBy: (_c = (_b = editData.updatedBy) != null ? _b : editData.createdBy) != null ? _c : "System" } : { entityType: formData.entityType, entityKey: Number(formData.entityKey), displayNumber: formData.displayNumber.trim(), displayTitle: formData.displayTitle.trim(), createdBy: "System" };
+    setIsSubmitting(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setIsSubmitting(false);
     }
   };
   return /* @__PURE__ */ jsxs78("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
@@ -11428,7 +11523,7 @@ function AddBusinessEntityModal({ onClose }) {
         /* @__PURE__ */ jsxs78("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ jsx79("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm fc:transition-transform hover:fc:scale-105", children: /* @__PURE__ */ jsx79("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx79("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5m0 0v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" }) }) }),
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx79("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Business Entity" }),
+            /* @__PURE__ */ jsx79("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: editData ? "Edit Business Entity" : "Add Business Entity" }),
             /* @__PURE__ */ jsx79("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new business entity for the workflow engine" })
           ] })
         ] }),
@@ -11664,10 +11759,11 @@ function AddBusinessEntityModal({ onClose }) {
           {
             type: "button",
             onClick: handleSubmit,
+            disabled: isSubmitting,
             className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/20 hover:fc:shadow-indigo-500/30 fc:transition-all active:fc:scale-95 fc:flex fc:items-center fc:gap-2",
             children: [
               /* @__PURE__ */ jsx79("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx79("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" }) }),
-              "Save Business Entity"
+              isSubmitting ? "Saving..." : editData ? "Update Business Entity" : "Save Business Entity"
             ]
           }
         )
@@ -11677,194 +11773,240 @@ function AddBusinessEntityModal({ onClose }) {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
-import { Fragment as Fragment6, jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
-var BusinessEntitys = [{
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 2,
-  EntityType: "Application",
-  EntityKey: "5002",
-  DisplayNumber: "App-002",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 3,
-  EntityType: "Application",
-  EntityKey: "5003",
-  DisplayNumber: "App-003",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 4,
-  EntityType: "Application",
-  EntityKey: "5004",
-  DisplayNumber: "App-004",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 5,
-  EntityType: "Application",
-  EntityKey: "5005",
-  DisplayNumber: "App-005",
-  DisplayTitle: "Building Permission"
-}];
+import { jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
+var BUSINESS_ENTITY_ENDPOINTS = {
+  create: "/api/flowcore/BusinessEntity/Create",
+  update: "/api/flowcore/BusinessEntity/Update",
+  getById: "/api/flowcore/BusinessEntity/GetById",
+  getList: "/api/flowcore/BusinessEntity/GetList"
+};
+var getBusinessEntityEndpoint = (action) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.businessEntity) == null ? void 0 : _c[action]) != null ? _d : BUSINESS_ENTITY_ENDPOINTS[action];
+  } catch (e) {
+    return BUSINESS_ENTITY_ENDPOINTS[action];
+  }
+};
+var getBusinessEntityByIdEndpoint = (id) => {
+  const endpoint2 = getBusinessEntityEndpoint("getById");
+  return typeof endpoint2 === "function" ? endpoint2(id) : `${endpoint2}/${id}`;
+};
+var getRows2 = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var normalise2 = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  return __spreadProps(__spreadValues({}, item), {
+    businessEntityId: (_b = (_a = item.businessEntityId) != null ? _a : item.BusinessEntityId) != null ? _b : item.id,
+    entityType: (_d = (_c = item.entityType) != null ? _c : item.EntityType) != null ? _d : "",
+    entityKey: (_f = (_e = item.entityKey) != null ? _e : item.EntityKey) != null ? _f : "",
+    displayNumber: (_h = (_g = item.displayNumber) != null ? _g : item.DisplayNumber) != null ? _h : "",
+    displayTitle: (_j = (_i = item.displayTitle) != null ? _i : item.DisplayTitle) != null ? _j : "",
+    isActive: (_l = (_k = item.isActive) != null ? _k : item.IsActive) != null ? _l : true
+  });
+};
 function BusinessEntity() {
-  const handleRefresh = () => {
-    console.log("Refresh clicked");
-  };
-  const handleDownload = () => {
-    console.log("Download clicked");
-  };
   const tableRef = useRef18(null);
+  const [rows, setRows] = useState55([]);
   const [showModal, setShowModal] = useState55(false);
+  const [editingEntity, setEditingEntity] = useState55(null);
   const [pageSize, setPageSize] = useState55(5);
-  const [sortConfig, setSortConfig] = useState55({
-    key: "",
-    direction: "asc"
-  });
-  const handleSort = (key) => {
-    let direction = "asc";
-    if (sortConfig.key === key && sortConfig.direction === "asc") {
-      direction = "desc";
+  const [search, setSearch] = useState55("");
+  const [sortConfig, setSortConfig] = useState55({ key: "", direction: "asc" });
+  const [refreshKey, setRefreshKey] = useState55(0);
+  useEffect34(() => {
+    const load = async () => {
+      var _a, _b;
+      try {
+        const endpoint2 = getBusinessEntityEndpoint("getList");
+        const response = await getApiService().get(endpoint2);
+        setRows(getRows2(response).map(normalise2));
+      } catch (error) {
+        await Swal17.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to load business entities.", "error");
+      }
+    };
+    load();
+  }, [refreshKey]);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  const saveEntity = async (payload, isEdit) => {
+    var _a, _b;
+    try {
+      const endpoint2 = getBusinessEntityEndpoint(isEdit ? "update" : "create");
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, payload);
+      await Swal17.fire("Success", `Business entity ${isEdit ? "updated" : "created"} successfully.`, "success");
+      refresh();
+      return true;
+    } catch (error) {
+      await Swal17.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} business entity.`, "error");
+      return false;
     }
-    setSortConfig({
-      key,
-      direction
-    });
   };
-  return /* @__PURE__ */ jsx80(Fragment6, { children: /* @__PURE__ */ jsxs79("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
-    /* @__PURE__ */ jsx80(CommonHeader, { title: "Business Entity", breadcrumbs: [{
-      label: "Dashboard",
-      href: "/dashboard"
-    }, {
-      label: "Runtime",
-      href: "/Sidebar"
-    }, {
-      label: "Business Entity",
-      href: "/BuisnessEntity"
-    }], buttonText: "Add Business Entity", onButtonClick: () => setShowModal(true) }),
+  const editEntity = async (entity) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const response = await getApiService().get(getBusinessEntityByIdEndpoint(entity.businessEntityId));
+      const data = (_f = (_e = (_d = (_b = getRows2(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
+      setEditingEntity(normalise2(data));
+      setShowModal(true);
+    } catch (error) {
+      await Swal17.fire("Error", ((_h = (_g = error == null ? void 0 : error.response) == null ? void 0 : _g.data) == null ? void 0 : _h.message) || (error == null ? void 0 : error.message) || "Unable to load business entity details.", "error");
+    }
+  };
+  const visibleRows = rows.filter((item) => [item.entityType, item.entityKey, item.displayNumber, item.displayTitle].join(" ").toLowerCase().includes(search.toLowerCase())).sort((a, b) => {
+    var _a, _b;
+    if (!sortConfig.key) return 0;
+    const result = String((_a = a[sortConfig.key]) != null ? _a : "").localeCompare(String((_b = b[sortConfig.key]) != null ? _b : ""), void 0, { numeric: true });
+    return sortConfig.direction === "asc" ? result : -result;
+  });
+  const sort = (key) => setSortConfig((current) => ({ key, direction: current.key === key && current.direction === "asc" ? "desc" : "asc" }));
+  const columns = [["BusinessEntityId", "businessEntityId"], ["EntityType", "entityType"], ["EntityKey", "entityKey"], ["DisplayNumber", "displayNumber"], ["DisplayTitle", "displayTitle"]];
+  return /* @__PURE__ */ jsxs79("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
+    /* @__PURE__ */ jsx80(CommonHeader, { title: "Business Entity", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Runtime", href: "/Sidebar" }, { label: "Business Entity", href: "/BuisnessEntity" }], buttonText: "Add Business Entity", onButtonClick: () => {
+      setEditingEntity(null);
+      setShowModal(true);
+    } }),
     /* @__PURE__ */ jsxs79("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
       /* @__PURE__ */ jsxs79("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
-        /* @__PURE__ */ jsxs79("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
-          /* @__PURE__ */ jsx80("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ jsx80("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx80("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-          /* @__PURE__ */ jsx80("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
-        ] }),
-        /* @__PURE__ */ jsxs79("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: [
-          /* @__PURE__ */ jsx80(Refresh_default, { onRefresh: handleRefresh }),
+        /* @__PURE__ */ jsx80("input", { value: search, onChange: (event) => setSearch(event.target.value), type: "text", placeholder: "Search business entities...", className: "fc:max-w-xs fc:w-full fc:px-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm" }),
+        /* @__PURE__ */ jsxs79("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+          /* @__PURE__ */ jsx80(Refresh_default, { onRefresh: refresh }),
           /* @__PURE__ */ jsx80(Download_default, { targetRef: tableRef, fileName: "business-entity" }),
-          /* @__PURE__ */ jsxs79("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
+          /* @__PURE__ */ jsxs79("select", { value: pageSize, onChange: (event) => setPageSize(Number(event.target.value)), className: "fc:px-4 fc:py-2 fc:rounded-xl fc:border fc:border-slate-200", children: [
             /* @__PURE__ */ jsx80("option", { value: 5, children: "5 Rows" }),
             /* @__PURE__ */ jsx80("option", { value: 10, children: "10 Rows" }),
             /* @__PURE__ */ jsx80("option", { value: 25, children: "25 Rows" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx80("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: /* @__PURE__ */ jsx80("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs79("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
-        /* @__PURE__ */ jsx80("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ jsx80("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
-          label: "BusinessEntityId",
-          key: "BusinessEntityId"
-        }, {
-          label: "EntityType",
-          key: "EntityType"
-        }, {
-          label: "EntityKey",
-          key: "EntityKey"
-        }, {
-          label: "DisplayNumber",
-          key: "DisplayNumber"
-        }, {
-          label: "DisplayTitle",
-          key: "DisplayTitle"
-        }].map((column) => /* @__PURE__ */ jsx80("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ jsxs79("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-          /* @__PURE__ */ jsx80("span", { children: column.label }),
-          /* @__PURE__ */ jsx80("span", { className: "fc:text-gray-400 fc:text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
-        ] }) }, column.key)) }) }),
-        /* @__PURE__ */ jsx80("tbody", { children: BusinessEntitys.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs79("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
-          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.BusinessEntityId }),
-          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.EntityType }),
-          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.EntityKey }),
-          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.DisplayNumber }),
-          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.DisplayTitle })
-        ] }, item.BusinessEntityId)) })
-      ] }) }) }),
-      /* @__PURE__ */ jsxs79("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: [
-        /* @__PURE__ */ jsx80(Footer, {}),
-        showModal && /* @__PURE__ */ jsx80(AddBusinessEntityModal, { onClose: () => setShowModal(false) })
-      ] })
-    ] })
-  ] }) });
+      /* @__PURE__ */ jsx80("div", { ref: tableRef, className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto", children: /* @__PURE__ */ jsxs79("table", { className: "fc:min-w-max fc:w-full", children: [
+        /* @__PURE__ */ jsx80("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ jsxs79("tr", { children: [
+          columns.map(([label, key]) => /* @__PURE__ */ jsxs79("th", { onClick: () => sort(key), className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs fc:cursor-pointer", children: [
+            label,
+            " ",
+            sortConfig.key === key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195"
+          ] }, key)),
+          /* @__PURE__ */ jsx80("th", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs", children: "Action" })
+        ] }) }),
+        /* @__PURE__ */ jsx80("tbody", { children: visibleRows.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs79("tr", { className: "fc:border-t fc:border-slate-100", children: [
+          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.businessEntityId }),
+          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.entityType }),
+          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.entityKey }),
+          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.displayNumber }),
+          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.displayTitle }),
+          /* @__PURE__ */ jsx80("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx80("button", { onClick: () => editEntity(item), className: "fc:bg-blue-50 hover:fc:bg-blue-100 fc:text-blue-600 fc:px-3 fc:py-1 fc:rounded-lg fc:text-xs fc:font-semibold", children: "Edit" }) })
+        ] }, item.businessEntityId)) })
+      ] }) }),
+      /* @__PURE__ */ jsx80(Footer, {})
+    ] }),
+    showModal && /* @__PURE__ */ jsx80(AddBusinessEntityModal, { editData: editingEntity, onClose: () => {
+      setShowModal(false);
+      setEditingEntity(null);
+    }, onSave: saveEntity })
+  ] });
 }
 
 // src/components/FileInstance/FileInstancemain.js
-import React82, { useState as useState57, useRef as useRef19 } from "react";
-import Link4 from "next/link";
+import React82, { useEffect as useEffect36, useRef as useRef19, useState as useState57 } from "react";
+import Swal18 from "sweetalert2";
 
 // src/components/FileInstance/AddWorkFlowFileInstanceModal.js
-import React81, { useState as useState56 } from "react";
+import React81, { useEffect as useEffect35, useMemo, useState as useState56 } from "react";
 import { jsx as jsx81, jsxs as jsxs80 } from "react/jsx-runtime";
-function AddFileInstanceModal({ onClose }) {
-  const [formData, setFormData] = useState56({
-    workflow: "",
-    businessEntityType: "",
-    businessEntity: "",
-    hierarchyNode: "",
-    currentStep: "",
-    currentTaskInstance: "",
-    status: "Pending",
-    priority: "High"
-  });
-  const [errors, setErrors] = useState56({});
-  const validateForm = () => {
-    const newErrors = {};
+var LOOKUP_ENDPOINTS = {
+  workflow: "/api/flowcore/WorkFlow/GetList",
+  businessEntity: "/api/flowcore/BusinessEntity/GetList",
+  hierarchyNode: "/api/flowcore/HierarchyNode/GetList"
+};
+var getLookupRows = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var getLookupEndpoint = (resource) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b[resource]) == null ? void 0 : _c.getList) != null ? _d : LOOKUP_ENDPOINTS[resource];
+  } catch (e) {
+    return LOOKUP_ENDPOINTS[resource];
+  }
+};
+function AddFileInstanceModal({ onClose, onSave, editData }) {
+  const [formData, setFormData] = useState56(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    return {
+      workflow: String((_b = (_a = editData == null ? void 0 : editData.workflowId) != null ? _a : editData == null ? void 0 : editData.WorkflowId) != null ? _b : ""),
+      businessEntityType: (_d = (_c = editData == null ? void 0 : editData.businessEntityType) != null ? _c : editData == null ? void 0 : editData.BusinessEntityType) != null ? _d : "",
+      businessEntity: String((_f = (_e = editData == null ? void 0 : editData.businessEntityId) != null ? _e : editData == null ? void 0 : editData.BusinessEntityId) != null ? _f : ""),
+      hierarchyNode: String((_h = (_g = editData == null ? void 0 : editData.hierarchyNodeId) != null ? _g : editData == null ? void 0 : editData.HierarchyNodeId) != null ? _h : ""),
+      currentStep: String((_j = (_i = editData == null ? void 0 : editData.currentStepId) != null ? _i : editData == null ? void 0 : editData.CurrentStepId) != null ? _j : ""),
+      currentTaskInstance: String((_l = (_k = editData == null ? void 0 : editData.currentTaskInstanceId) != null ? _k : editData == null ? void 0 : editData.CurrentTaskInstanceId) != null ? _l : ""),
+      status: (_n = (_m = editData == null ? void 0 : editData.status) != null ? _m : editData == null ? void 0 : editData.Status) != null ? _n : "Pending",
+      priority: (_p = (_o = editData == null ? void 0 : editData.priority) != null ? _o : editData == null ? void 0 : editData.Priority) != null ? _p : "High"
+    };
+  });
+  const [errors, setErrors] = useState56({});
+  const [isSubmitting, setIsSubmitting] = useState56(false);
+  const [workflows, setWorkflows] = useState56([]);
+  const [businessEntities, setBusinessEntities] = useState56([]);
+  const [hierarchyNodes, setHierarchyNodes] = useState56([]);
+  const [isLoadingLookups, setIsLoadingLookups] = useState56(true);
+  useEffect35(() => {
+    let isMounted = true;
+    const loadLookups = async () => {
+      try {
+        const apiService = getApiService();
+        const [workflowResponse, businessEntityResponse, hierarchyNodeResponse] = await Promise.all([
+          apiService.get(getLookupEndpoint("workflow")),
+          apiService.get(getLookupEndpoint("businessEntity")),
+          apiService.get(getLookupEndpoint("hierarchyNode"))
+        ]);
+        if (!isMounted) return;
+        setWorkflows(getLookupRows(workflowResponse));
+        setBusinessEntities(getLookupRows(businessEntityResponse));
+        setHierarchyNodes(getLookupRows(hierarchyNodeResponse));
+      } catch (error) {
+        if (!isMounted) return;
+        setErrors((current) => {
+          var _a, _b;
+          return __spreadProps(__spreadValues({}, current), {
+            lookup: ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to load workflow, Business Entity, or Hierarchy Node options."
+          });
+        });
+      } finally {
+        if (isMounted) setIsLoadingLookups(false);
+      }
+    };
+    loadLookups();
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  const entityTypes = useMemo(() => [...new Set(businessEntities.map((entity) => {
+    var _a;
+    return (_a = entity.entityType) != null ? _a : entity.EntityType;
+  }).filter(Boolean))], [businessEntities]);
+  const visibleBusinessEntities = useMemo(() => businessEntities.filter((entity) => {
+    var _a;
+    const entityType = (_a = entity.entityType) != null ? _a : entity.EntityType;
+    return !formData.businessEntityType || entityType === formData.businessEntityType;
+  }), [businessEntities, formData.businessEntityType]);
+  const handleSubmit = async () => {
+    var _a, _b, _c, _d, _e;
+    if (!validateForm() || !onSave) return;
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { fileInstanceId: (_a = editData.fileInstanceId) != null ? _a : editData.FileInstanceId, currentStepId: Number(formData.currentStep), currentTaskInstanceId: Number(formData.currentTaskInstance), status: formData.status, priority: formData.priority, isActive: (_c = (_b = editData.isActive) != null ? _b : editData.IsActive) != null ? _c : true, updatedBy: (_e = (_d = editData.updatedBy) != null ? _d : editData.createdBy) != null ? _e : "System" } : { workflowId: Number(formData.workflow), businessEntityType: formData.businessEntityType, businessEntityId: Number(formData.businessEntity), hierarchyNodeId: Number(formData.hierarchyNode), currentStepId: Number(formData.currentStep), currentTaskInstanceId: Number(formData.currentTaskInstance), status: formData.status, priority: formData.priority, createdBy: "System" };
+    setIsSubmitting(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const validateForm = () => {
+    const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
     if (!formData.businessEntityType) newErrors.businessEntityType = "Business Entity Type is required.";
     if (!formData.businessEntity) newErrors.businessEntity = "Business Entity is required.";
@@ -11887,7 +12029,7 @@ function AddFileInstanceModal({ onClose }) {
         /* @__PURE__ */ jsxs80("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ jsx81("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-inner fc:border fc:border-indigo-100", children: /* @__PURE__ */ jsx81("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx81("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h5l2 2h5a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2z" }) }) }),
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx81("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add FileInstance" }),
+            /* @__PURE__ */ jsx81("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: editData ? "Edit FileInstance" : "Add FileInstance" }),
             /* @__PURE__ */ jsx81("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new File Instance and configure its details" })
           ] })
         ] }),
@@ -11923,9 +12065,13 @@ function AddFileInstanceModal({ onClose }) {
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${formData.workflow ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.workflow ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ jsx81("option", { value: "", children: "Select Workflow" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Petition Workflow", children: "Petition Workflow" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Building Workflow", children: "Building Workflow" })
+                  /* @__PURE__ */ jsx81("option", { value: "", children: isLoadingLookups ? "Loading workflows..." : "Select Workflow" }),
+                  workflows.map((workflow) => {
+                    var _a, _b, _c, _d, _e, _f, _g, _h;
+                    const id = (_b = (_a = workflow.workflowId) != null ? _a : workflow.WorkflowId) != null ? _b : workflow.id;
+                    const name = (_h = (_g = (_f = (_e = (_d = (_c = workflow.workflowName) != null ? _c : workflow.WorkflowName) != null ? _d : workflow.name) != null ? _e : workflow.Name) != null ? _f : workflow.workflowCode) != null ? _g : workflow.WorkflowCode) != null ? _h : `Workflow ${id}`;
+                    return /* @__PURE__ */ jsx81("option", { value: String(id), children: name }, id);
+                  })
                 ]
               }
             ),
@@ -11942,15 +12088,13 @@ function AddFileInstanceModal({ onClose }) {
               {
                 value: formData.businessEntityType,
                 onChange: (e) => {
-                  setFormData(__spreadProps(__spreadValues({}, formData), { businessEntityType: e.target.value }));
+                  setFormData(__spreadProps(__spreadValues({}, formData), { businessEntityType: e.target.value, businessEntity: "" }));
                   setErrors(__spreadProps(__spreadValues({}, errors), { businessEntityType: "" }));
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs fc:bg-white  focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${formData.businessEntityType ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.businessEntityType ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ jsx81("option", { value: "", children: "Select Type" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Application", children: "Application" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Petition", children: "Petition" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Complaint", children: "Complaint" })
+                  /* @__PURE__ */ jsx81("option", { value: "", children: isLoadingLookups ? "Loading types..." : "Select Type" }),
+                  entityTypes.map((entityType) => /* @__PURE__ */ jsx81("option", { value: entityType, children: entityType }, entityType))
                 ]
               }
             ),
@@ -11969,14 +12113,31 @@ function AddFileInstanceModal({ onClose }) {
               {
                 value: formData.businessEntity,
                 onChange: (e) => {
-                  setFormData(__spreadProps(__spreadValues({}, formData), { businessEntity: e.target.value }));
+                  var _a, _b;
+                  const entity = businessEntities.find((item) => {
+                    var _a2, _b2;
+                    return String((_b2 = (_a2 = item.businessEntityId) != null ? _a2 : item.BusinessEntityId) != null ? _b2 : item.id) === e.target.value;
+                  });
+                  setFormData(__spreadProps(__spreadValues({}, formData), {
+                    businessEntity: e.target.value,
+                    businessEntityType: (_b = (_a = entity == null ? void 0 : entity.entityType) != null ? _a : entity == null ? void 0 : entity.EntityType) != null ? _b : formData.businessEntityType
+                  }));
                   setErrors(__spreadProps(__spreadValues({}, errors), { businessEntity: "" }));
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${formData.businessEntity ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.businessEntity ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ jsx81("option", { value: "", children: "Select Business Entity" }),
-                  /* @__PURE__ */ jsx81("option", { value: "APP-001 - Building Permission", children: "APP-001 - Building Permission" }),
-                  /* @__PURE__ */ jsx81("option", { value: "APP-002 - Citizen Petition", children: "APP-002 - Citizen Petition" })
+                  /* @__PURE__ */ jsx81("option", { value: "", children: isLoadingLookups ? "Loading business entities..." : "Select Business Entity" }),
+                  visibleBusinessEntities.map((entity) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    const id = (_b = (_a = entity.businessEntityId) != null ? _a : entity.BusinessEntityId) != null ? _b : entity.id;
+                    const displayNumber = (_d = (_c = entity.displayNumber) != null ? _c : entity.DisplayNumber) != null ? _d : id;
+                    const displayTitle = (_f = (_e = entity.displayTitle) != null ? _e : entity.DisplayTitle) != null ? _f : "Business Entity";
+                    return /* @__PURE__ */ jsxs80("option", { value: String(id), children: [
+                      displayNumber,
+                      " - ",
+                      displayTitle
+                    ] }, id);
+                  })
                 ]
               }
             ),
@@ -11998,16 +12159,20 @@ function AddFileInstanceModal({ onClose }) {
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${formData.hierarchyNode ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.hierarchyNode ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ jsx81("option", { value: "", children: "Select Hierarchy" }),
-                  /* @__PURE__ */ jsx81("option", { value: "District Office", children: "District Office" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Block Office", children: "Block Office" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Panchayat", children: "Panchayat" })
+                  /* @__PURE__ */ jsx81("option", { value: "", children: isLoadingLookups ? "Loading hierarchy nodes..." : "Select Hierarchy" }),
+                  hierarchyNodes.map((node) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    const id = (_b = (_a = node.hierarchyNodeId) != null ? _a : node.HierarchyNodeId) != null ? _b : node.id;
+                    const name = (_f = (_e = (_d = (_c = node.nodeName) != null ? _c : node.NodeName) != null ? _d : node.name) != null ? _e : node.Name) != null ? _f : `Hierarchy Node ${id}`;
+                    return /* @__PURE__ */ jsx81("option", { value: String(id), children: name }, id);
+                  })
                 ]
               }
             ),
             errors.hierarchyNode && /* @__PURE__ */ jsx81("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.hierarchyNode })
           ] })
         ] }),
+        errors.lookup && /* @__PURE__ */ jsx81("p", { className: "fc:text-red-500 fc:text-[11px] fc:font-medium", children: errors.lookup }),
         /* @__PURE__ */ jsxs80("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-5", children: [
           /* @__PURE__ */ jsxs80("div", { children: [
             /* @__PURE__ */ jsxs80("label", { className: "fc:flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
@@ -12026,8 +12191,8 @@ function AddFileInstanceModal({ onClose }) {
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${formData.currentStep ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.currentStep ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
                   /* @__PURE__ */ jsx81("option", { value: "", children: "Select Step" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Scrutiny", children: "Scrutiny" }),
-                  /* @__PURE__ */ jsx81("option", { value: "Approval", children: "Approval" })
+                  /* @__PURE__ */ jsx81("option", { value: "1", children: "Scrutiny" }),
+                  /* @__PURE__ */ jsx81("option", { value: "2", children: "Approval" })
                 ]
               }
             ),
@@ -12116,15 +12281,12 @@ function AddFileInstanceModal({ onClose }) {
           "button",
           {
             type: "button",
-            onClick: () => {
-              if (validateForm()) {
-                console.log("Form Submitted Successfully:", formData);
-              }
-            },
+            onClick: handleSubmit,
+            disabled: isSubmitting,
             className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/20 hover:fc:shadow-indigo-500/30 fc:transition-all fc:flex fc:items-center fc:gap-2",
             children: [
               /* @__PURE__ */ jsx81("svg", { className: "fc:w-3.5 fc:h-3.5", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx81("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" }) }),
-              "Save FileInstance"
+              isSubmitting ? "Saving..." : editData ? "Update FileInstance" : "Save FileInstance"
             ]
           }
         )
@@ -12134,257 +12296,132 @@ function AddFileInstanceModal({ onClose }) {
 }
 
 // src/components/FileInstance/FileInstancemain.js
-import { Fragment as Fragment7, jsx as jsx82, jsxs as jsxs81 } from "react/jsx-runtime";
-var FileInstances = [{
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Approved",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}];
+import { jsx as jsx82, jsxs as jsxs81 } from "react/jsx-runtime";
+var FILE_INSTANCE_ENDPOINTS = {
+  create: "/api/flowcore/FileInstance/Create",
+  update: "/api/flowcore/FileInstance/Update",
+  getById: "/api/flowcore/FileInstance/GetById",
+  getList: "/api/flowcore/FileInstance/GetList"
+};
+var getFileInstanceEndpoint = (action) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.fileInstance) == null ? void 0 : _c[action]) != null ? _d : FILE_INSTANCE_ENDPOINTS[action];
+  } catch (e) {
+    return FILE_INSTANCE_ENDPOINTS[action];
+  }
+};
+var getFileInstanceByIdEndpoint = (id) => {
+  const endpoint2 = getFileInstanceEndpoint("getById");
+  return typeof endpoint2 === "function" ? endpoint2(id) : `${endpoint2}/${id}`;
+};
+var getRows3 = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var normalise3 = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+  return __spreadProps(__spreadValues({}, item), { fileInstanceId: (_b = (_a = item.fileInstanceId) != null ? _a : item.FileInstanceId) != null ? _b : item.id, workflowId: (_d = (_c = item.workflowId) != null ? _c : item.WorkflowId) != null ? _d : "", businessEntityType: (_f = (_e = item.businessEntityType) != null ? _e : item.BusinessEntityType) != null ? _f : "", businessEntityId: (_h = (_g = item.businessEntityId) != null ? _g : item.BusinessEntityId) != null ? _h : "", hierarchyNodeId: (_j = (_i = item.hierarchyNodeId) != null ? _i : item.HierarchyNodeId) != null ? _j : "", currentStepId: (_l = (_k = item.currentStepId) != null ? _k : item.CurrentStepId) != null ? _l : "", currentTaskInstanceId: (_n = (_m = item.currentTaskInstanceId) != null ? _m : item.CurrentTaskInstanceId) != null ? _n : "", status: (_p = (_o = item.status) != null ? _o : item.Status) != null ? _p : "", priority: (_r = (_q = item.priority) != null ? _q : item.Priority) != null ? _r : "", isActive: (_t = (_s = item.isActive) != null ? _s : item.IsActive) != null ? _t : true });
+};
 function FileInstance() {
-  const handleRefresh = () => {
-    console.log("Refresh clicked");
-  };
-  const handleDownload = () => {
-    console.log("Download clicked");
-  };
   const tableRef = useRef19(null);
+  const [rows, setRows] = useState57([]);
   const [showModal, setShowModal] = useState57(false);
+  const [editingFile, setEditingFile] = useState57(null);
   const [pageSize, setPageSize] = useState57(5);
-  const [sortConfig, setSortConfig] = useState57({
-    key: "",
-    direction: "asc"
-  });
-  const handleSort = (key) => {
-    let direction = "asc";
-    if (sortConfig.key === key && sortConfig.direction === "asc") {
-      direction = "desc";
+  const [search, setSearch] = useState57("");
+  const [sortConfig, setSortConfig] = useState57({ key: "", direction: "asc" });
+  const [refreshKey, setRefreshKey] = useState57(0);
+  useEffect36(() => {
+    const load = async () => {
+      var _a, _b;
+      try {
+        const response = await getApiService().get(getFileInstanceEndpoint("getList"));
+        setRows(getRows3(response).map(normalise3));
+      } catch (error) {
+        await Swal18.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to load file instances.", "error");
+      }
+    };
+    load();
+  }, [refreshKey]);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  const saveFile = async (payload, isEdit) => {
+    var _a, _b;
+    try {
+      const endpoint2 = getFileInstanceEndpoint(isEdit ? "update" : "create");
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, payload);
+      await Swal18.fire("Success", `File instance ${isEdit ? "updated" : "created"} successfully.`, "success");
+      refresh();
+      return true;
+    } catch (error) {
+      await Swal18.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} file instance.`, "error");
+      return false;
     }
-    setSortConfig({
-      key,
-      direction
-    });
   };
-  return /* @__PURE__ */ jsxs81(Fragment7, { children: [
-    /* @__PURE__ */ jsxs81("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
-      /* @__PURE__ */ jsx82(CommonHeader, { title: "File Instance ", breadcrumbs: [{
-        label: "Dashboard",
-        href: "/dashboard"
-      }, {
-        label: "Runtime",
-        href: "/Sidebar"
-      }, {
-        label: "File Instance",
-        href: "/FileInstance"
-      }], buttonText: "Add File Instance", onButtonClick: () => setShowModal(true) }),
-      /* @__PURE__ */ jsxs81("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
-        /* @__PURE__ */ jsxs81("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
-          /* @__PURE__ */ jsxs81("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
-            /* @__PURE__ */ jsx82("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ jsx82("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx82("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-            /* @__PURE__ */ jsx82("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
-          ] }),
-          /* @__PURE__ */ jsxs81("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold ", children: [
-            /* @__PURE__ */ jsx82(Refresh_default, { onRefresh: handleRefresh }),
-            /* @__PURE__ */ jsx82(Download_default, { targetRef: tableRef, fileName: "file-instance" }),
-            /* @__PURE__ */ jsxs81("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px]  fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
-              /* @__PURE__ */ jsx82("option", { value: 5, children: "5 Rows" }),
-              /* @__PURE__ */ jsx82("option", { value: 10, children: "10 Rows" }),
-              /* @__PURE__ */ jsx82("option", { value: 25, children: "25 Rows" })
-            ] })
+  const editFile = async (file) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const response = await getApiService().get(getFileInstanceByIdEndpoint(file.fileInstanceId));
+      const data = (_f = (_e = (_d = (_b = getRows3(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
+      setEditingFile(normalise3(data));
+      setShowModal(true);
+    } catch (error) {
+      await Swal18.fire("Error", ((_h = (_g = error == null ? void 0 : error.response) == null ? void 0 : _g.data) == null ? void 0 : _h.message) || (error == null ? void 0 : error.message) || "Unable to load file instance details.", "error");
+    }
+  };
+  const columns = [["FileInstanceId", "fileInstanceId"], ["WorkflowId", "workflowId"], ["BusinessEntityType", "businessEntityType"], ["BusinessEntityId", "businessEntityId"], ["HierarchyNodeId", "hierarchyNodeId"], ["CurrentStepId", "currentStepId"], ["CurrentTaskInstanceId", "currentTaskInstanceId"], ["Status", "status"], ["Priority", "priority"]];
+  const sort = (key) => setSortConfig((current) => ({ key, direction: current.key === key && current.direction === "asc" ? "desc" : "asc" }));
+  const visibleRows = rows.filter((item) => Object.values(item).join(" ").toLowerCase().includes(search.toLowerCase())).sort((a, b) => {
+    var _a, _b;
+    if (!sortConfig.key) return 0;
+    const result = String((_a = a[sortConfig.key]) != null ? _a : "").localeCompare(String((_b = b[sortConfig.key]) != null ? _b : ""), void 0, { numeric: true });
+    return sortConfig.direction === "asc" ? result : -result;
+  });
+  return /* @__PURE__ */ jsxs81("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
+    /* @__PURE__ */ jsx82(CommonHeader, { title: "File Instance", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Runtime", href: "/Sidebar" }, { label: "File Instance", href: "/FileInstance" }], buttonText: "Add File Instance", onButtonClick: () => {
+      setEditingFile(null);
+      setShowModal(true);
+    } }),
+    /* @__PURE__ */ jsxs81("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
+      /* @__PURE__ */ jsxs81("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
+        /* @__PURE__ */ jsx82("input", { value: search, onChange: (event) => setSearch(event.target.value), type: "text", placeholder: "Search file instances...", className: "fc:max-w-xs fc:w-full fc:px-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm" }),
+        /* @__PURE__ */ jsxs81("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+          /* @__PURE__ */ jsx82(Refresh_default, { onRefresh: refresh }),
+          /* @__PURE__ */ jsx82(Download_default, { targetRef: tableRef, fileName: "file-instance" }),
+          /* @__PURE__ */ jsxs81("select", { value: pageSize, onChange: (event) => setPageSize(Number(event.target.value)), className: "fc:px-4 fc:py-2 fc:rounded-xl fc:border fc:border-slate-200", children: [
+            /* @__PURE__ */ jsx82("option", { value: 5, children: "5 Rows" }),
+            /* @__PURE__ */ jsx82("option", { value: 10, children: "10 Rows" }),
+            /* @__PURE__ */ jsx82("option", { value: 25, children: "25 Rows" })
           ] })
-        ] }),
-        /* @__PURE__ */ jsx82("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: /* @__PURE__ */ jsx82("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs81("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
-          /* @__PURE__ */ jsx82("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ jsx82("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
-            label: "FileInstanceId",
-            key: "FileInstanceId"
-          }, {
-            label: "WorkflowId",
-            key: "workflowId"
-          }, {
-            label: "BusinessEntityType",
-            key: "BusinessEntityType"
-          }, {
-            label: "BusinessEntityId",
-            key: "BusinessEntityId"
-          }, {
-            label: "HierarchyNodeId",
-            key: "HierarchyNodeId"
-          }, {
-            label: "CurrentStepId",
-            key: "CurrentStepId"
-          }, {
-            label: "CurrentTaskInstanceId",
-            key: "CurrentTaskInstanceId"
-          }, {
-            label: "Status",
-            key: "Status"
-          }, {
-            label: "Priority",
-            key: "Priority"
-          }].map((column) => /* @__PURE__ */ jsx82("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ jsxs81("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-            /* @__PURE__ */ jsx82("span", { children: column.label }),
-            /* @__PURE__ */ jsx82("span", { className: "fc:text-gray-400 fc:text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
-          ] }) }, column.key)) }) }),
-          /* @__PURE__ */ jsx82("tbody", { children: FileInstances.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs81("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:p-4 fc:border-b fc:border-slate-100 fc:text-[14px] fc:text-center fc:text-slate-600 fc:font-bold", children: item.FileInstanceId }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.BusinessEntityType }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px fc:text-slate-600 fc:font-bold", children: item.BusinessEntityId }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.HierarchyNodeId }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.CurrentStepId }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.CurrentTaskInstanceId }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:border-b fc:border-slate-100", children: /* @__PURE__ */ jsx82(
-              "span",
-              {
-                className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold
-      ${item.Status === "Approved" ? "fc:bg-green-100 fc:text-green-700" : "fc:bg-red-100 fc:text-red-700"}`,
-                children: item.Status
-              }
-            ) }),
-            /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:border-b fc:border-slate-100", children: /* @__PURE__ */ jsx82(
-              "span",
-              {
-                className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold
-      ${item.Priority === "High" ? "fc:bg-green-100 fc:text-green-700" : "fc:bg-red-100 fc:text-red-700"}`,
-                children: item.Priority
-              }
-            ) })
-          ] }, item.TransitionId)) })
-        ] }) }) }),
-        /* @__PURE__ */ jsx82("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: /* @__PURE__ */ jsx82(Footer, {}) })
-      ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx82("div", { ref: tableRef, className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto", children: /* @__PURE__ */ jsxs81("table", { className: "fc:min-w-max fc:w-full", children: [
+        /* @__PURE__ */ jsx82("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ jsxs81("tr", { children: [
+          columns.map(([label, key]) => /* @__PURE__ */ jsxs81("th", { onClick: () => sort(key), className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs fc:cursor-pointer", children: [
+            label,
+            " ",
+            sortConfig.key === key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195"
+          ] }, key)),
+          /* @__PURE__ */ jsx82("th", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs", children: "Action" })
+        ] }) }),
+        /* @__PURE__ */ jsx82("tbody", { children: visibleRows.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs81("tr", { className: "fc:border-t fc:border-slate-100", children: [
+          columns.map(([, key]) => /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item[key] }, key)),
+          /* @__PURE__ */ jsx82("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx82("button", { onClick: () => editFile(item), className: "fc:bg-blue-50 hover:fc:bg-blue-100 fc:text-blue-600 fc:px-3 fc:py-1 fc:rounded-lg fc:text-xs fc:font-semibold", children: "Edit" }) })
+        ] }, item.fileInstanceId)) })
+      ] }) }),
+      /* @__PURE__ */ jsx82(Footer, {})
     ] }),
-    showModal && /* @__PURE__ */ jsx82(AddFileInstanceModal, { onClose: () => setShowModal(false) })
+    showModal && /* @__PURE__ */ jsx82(AddFileInstanceModal, { editData: editingFile, onClose: () => {
+      setShowModal(false);
+      setEditingFile(null);
+    }, onSave: saveFile })
   ] });
 }
 
 // src/components/assignment-rule/AssignmentRuleMain.jsx
-import React86, { useState as useState60, useRef as useRef20 } from "react";
+import React86, { useEffect as useEffect39, useRef as useRef20, useState as useState60 } from "react";
+import Swal19 from "sweetalert2";
 
 // src/components/assignment-rule/SearchBar.js
 import React83 from "react";
@@ -12407,379 +12444,180 @@ function SearchBar12({
 }
 
 // src/components/assignment-rule/Table.js
-import React84, { useState as useState58, useEffect as useEffect32 } from "react";
+import React84, { useEffect as useEffect37, useMemo as useMemo2, useState as useState58 } from "react";
 import { jsx as jsx84, jsxs as jsxs83 } from "react/jsx-runtime";
-function Table4({
-  pageSize,
-  searchQuery = "",
-  currentPage,
-  setCurrentPage,
-  setTotalEntries
-}) {
-  const initialData = [{
-    id: 1,
-    workflowStepId: "1",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "Block",
-    dynamicFunctionId: "N/A",
-    isPoolEnabled: true
-  }, {
-    id: 2,
-    workflowStepId: "2",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "1",
-    isPoolEnabled: false
-  }, {
-    id: 3,
-    workflowStepId: "3",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "N/A",
-    isPoolEnabled: true
-  }, {
-    id: 4,
-    workflowStepId: "4",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "Block",
-    dynamicFunctionId: "2",
-    isPoolEnabled: false
-  }, {
-    id: 5,
-    workflowStepId: "5",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "Block",
-    dynamicFunctionId: "N/A",
-    isPoolEnabled: true
-  }, {
-    id: 6,
-    workflowStepId: "6",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 7,
-    workflowStepId: "7",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 8,
-    workflowStepId: "8",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 9,
-    workflowStepId: "9",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 10,
-    workflowStepId: "10",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 11,
-    workflowStepId: "11",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 12,
-    workflowStepId: "12",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 13,
-    workflowStepId: "13",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 14,
-    workflowStepId: "14",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }];
-  const [data, setData] = useState58(initialData);
-  const [sortOrder, setSortOrder] = useState58("asc");
-  const [sortKey, setSortKey] = useState58("workflowStepId");
-  const [selectedItem, setSelectedItem] = useState58(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState58(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState58(false);
-  const handleEdit = (item) => {
-    setSelectedItem(item);
-    setIsEditModalOpen(true);
-  };
-  const handleDelete = (item) => {
-    setSelectedItem(item);
-    setIsDeleteModalOpen(true);
-  };
-  const confirmDelete = () => {
-    if (selectedItem) {
-      setData((prevData) => prevData.filter((item) => item.id !== selectedItem.id));
-    }
-    setIsDeleteModalOpen(false);
-    setSelectedItem(null);
-  };
-  const handleSaveEdit = (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.target);
-    const updatedAssignmentType = formData.get("assignmentType");
-    const updatedNodeType = formData.get("nodeType");
-    const updatedDynamicFunctionId = formData.get("dynamicFunctionId");
-    setData((prevData) => prevData.map((item) => item.id === selectedItem.id ? __spreadProps(__spreadValues({}, item), {
-      assignmentType: updatedAssignmentType,
-      nodeType: updatedNodeType,
-      dynamicFunctionId: updatedDynamicFunctionId
-    }) : item));
-    setIsEditModalOpen(false);
-    setSelectedItem(null);
-  };
-  const handleSort = (columnKey) => {
-    const isAsc = sortKey === columnKey && sortOrder === "asc";
-    setSortOrder(isAsc ? "desc" : "asc");
-    setSortKey(columnKey);
-    const sortedData = [...data].sort((a, b) => {
-      let valA = a[columnKey];
-      let valB = b[columnKey];
-      if (typeof valA === "number" && typeof valB === "number") {
-        return isAsc ? valA - valB : valB - valA;
-      }
-      valA = valA ? valA.toString().toLowerCase() : "";
-      valB = valB ? valB.toString().toLowerCase() : "";
-      if (valA < valB) return isAsc ? -1 : 1;
-      if (valA > valB) return isAsc ? 1 : -1;
-      return 0;
-    });
-    setData(sortedData);
-  };
-  const filteredData = data.filter((item) => {
-    if (!searchQuery || searchQuery.trim() === "") return true;
-    const query = searchQuery.toLowerCase().trim();
-    return item.workflowStepId && item.workflowStepId.toString().toLowerCase().includes(query) || item.assignmentType && item.assignmentType.toLowerCase().includes(query) || item.hierarchyNodeType && item.hierarchyNodeType.toLowerCase().includes(query) || item.dynamicFunctionId && item.dynamicFunctionId.toString().toLowerCase().includes(query);
+function Table4({ pageSize, searchQuery = "", currentPage, setCurrentPage, setTotalEntries, rows = [], loading, onEdit, onDelete }) {
+  const [sort, setSort] = useState58({ key: "workflowStepId", direction: "asc" });
+  const filteredRows = useMemo2(() => rows.filter((item) => Object.values(item).join(" ").toLowerCase().includes(searchQuery.toLowerCase().trim())), [rows, searchQuery]);
+  useEffect37(() => {
+    setTotalEntries == null ? void 0 : setTotalEntries(filteredRows.length);
+    if (currentPage > Math.max(1, Math.ceil(filteredRows.length / pageSize))) setCurrentPage(1);
+  }, [filteredRows.length, pageSize, currentPage, setCurrentPage, setTotalEntries]);
+  const sortedRows = [...filteredRows].sort((a, b) => {
+    var _a, _b;
+    const result = String((_a = a[sort.key]) != null ? _a : "").localeCompare(String((_b = b[sort.key]) != null ? _b : ""), void 0, { numeric: true });
+    return sort.direction === "asc" ? result : -result;
   });
-  useEffect32(() => {
-    if (setTotalEntries) setTotalEntries(filteredData.length);
-  }, [filteredData.length, setTotalEntries]);
-  const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
-  const startIndex = (currentPage - 1) * pageSize;
-  const visibleData = filteredData.slice(startIndex, startIndex + pageSize);
-  const pageNumbers = Array.from({
-    length: totalPages
-  }, (_, i) => i + 1);
-  const toggleStatus = (id) => {
-    setData((prev) => prev.map((item) => item.id === id ? __spreadProps(__spreadValues({}, item), {
-      isPoolEnabled: !item.isPoolEnabled
-    }) : item));
-  };
-  return /* @__PURE__ */ jsxs83("div", { className: "fc:space-y-5", children: [
-    /* @__PURE__ */ jsx84("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ jsxs83("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
-      /* @__PURE__ */ jsx84("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs83("tr", { className: "fc:text-xs fc:font-medium fc:uppercase fc:tracking-wider fc:text-slate-500", children: [
-        /* @__PURE__ */ jsx84("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.NO" }),
-        /* @__PURE__ */ jsxs83("th", { onClick: () => handleSort("workflowStepId"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none fc:bg-slate-50 fc:whitespace-nowrap", children: [
-          "WORKFLOW STEP ID ",
-          sortKey === "workflowStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ jsxs83("th", { onClick: () => handleSort("assignmentType"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none  fc:bg-slate-50 fc:whitespace-nowrap", children: [
-          "ASSIGNMENT TYPE ",
-          sortKey === "assignmentType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ jsxs83("th", { onClick: () => handleSort("hierarchyNodeType"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none  fc:bg-slate-50 fc:whitespace-nowrap", children: [
-          "NODE TYPE ",
-          sortKey === "hierarchyNodeType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ jsxs83("th", { onClick: () => handleSort("dynamicFunctionId"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none  fc:bg-slate-50 fc:whitespace-nowrap fc:text-center", children: [
-          "DYNAMIC FUNCTION ID ",
-          sortKey === "dynamicFunctionId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ jsx84("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "POOL ENABLED" }),
-        /* @__PURE__ */ jsx84("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "ACTION" })
+  const totalPages = Math.max(1, Math.ceil(sortedRows.length / pageSize));
+  const visibleRows = sortedRows.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+  const sortBy = (key) => setSort((current) => ({ key, direction: current.key === key && current.direction === "asc" ? "desc" : "asc" }));
+  const heading = (label, key) => /* @__PURE__ */ jsxs83("th", { onClick: () => sortBy(key), className: "fc:cursor-pointer fc:whitespace-nowrap fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-left fc:text-xs", children: [
+    label,
+    " ",
+    sort.key === key ? sort.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195"
+  ] });
+  return /* @__PURE__ */ jsxs83("div", { className: "fc:space-y-4", children: [
+    /* @__PURE__ */ jsx84("div", { className: "fc:max-h-[420px] fc:overflow-auto fc:rounded-2xl fc:border fc:border-slate-200", children: /* @__PURE__ */ jsxs83("table", { className: "fc:w-full fc:bg-white fc:text-left", children: [
+      /* @__PURE__ */ jsx84("thead", { className: "fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ jsxs83("tr", { children: [
+        /* @__PURE__ */ jsx84("th", { className: "fc:bg-slate-50 fc:px-4 fc:py-4 fc:text-xs", children: "S.NO" }),
+        heading("WORKFLOW STEP ID", "workflowStepId"),
+        heading("ASSIGNMENT TYPE", "assignmentType"),
+        heading("NODE TYPE", "hierarchyNodeType"),
+        /* @__PURE__ */ jsx84("th", { className: "fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-xs", children: "POOL ENABLED" }),
+        /* @__PURE__ */ jsx84("th", { className: "fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-xs", children: "ACTION" })
       ] }) }),
-      /* @__PURE__ */ jsxs83("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-s fc:text-slate-600", children: [
-        visibleData.map((item, index) => /* @__PURE__ */ jsxs83("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-          /* @__PURE__ */ jsx84("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-          /* @__PURE__ */ jsxs83("td", { className: "fc:py-4 fc:px-5  fc:text-[14px] fc:font-medium  fc:whitespace-nowrap", children: [
-            "STEP-",
-            item.workflowStepId
-          ] }),
-          /* @__PURE__ */ jsx84("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:text-[14px] fc:font-medium fc:whitespace-nowrap", children: /* @__PURE__ */ jsx84("span", { className: `fc:px-2 fc:py-0.5 fc:rounded fc:text-xs fc:font-medium${item.assignmentType === "Hierarchy" ? "bg-indigo-50 text-indigo-700 border border-indigo-100" : "bg-amber-50 text-amber-700 border border-amber-100"}`, children: item.assignmentType }) }),
-          /* @__PURE__ */ jsx84("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:font-medium fc:whitespace-nowrap", children: item.hierarchyNodeType }),
-          /* @__PURE__ */ jsx84("td", { className: "fc:py-4 fc:px-5 fc:text-slate-800 fc:font-medium fc:text-center fc:whitespace-nowrap", children: item.dynamicFunctionId === "N/A" ? /* @__PURE__ */ jsx84("span", { className: "fc:text-slate-400 fc:font-normal", children: "N/A" }) : /* @__PURE__ */ jsxs83("span", { className: "fc:bg-slate-100 fc:text-slate-700 fc:px-2 fc:py-0.5 fc:rounded fc:text-xs", children: [
-            "FN-",
-            item.dynamicFunctionId
-          ] }) }),
-          /* @__PURE__ */ jsx84("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx84(
-            "button",
-            {
-              type: "button",
-              onClick: () => toggleStatus(item.id),
-              className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${item.isPoolEnabled ? "fc:bg-blue-600" : "fc:bg-gray-300"}`,
-              children: /* @__PURE__ */ jsx84(
-                "span",
-                {
-                  className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${item.isPoolEnabled ? "fc:translate-x-4.5" : "fc:translate-x-0"}`
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ jsx84("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsxs83("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-            /* @__PURE__ */ jsx84("button", { type: "button", onClick: () => handleEdit(item), className: "fc:px-3.5 fc:py-1 fc:text-xs fc:font-bold fc:text-blue-600 fc:bg-blue-50 hover:fc:fc:bg-blue-100 fc:rounded-full fc:transition-colors", children: "Edit" }),
-            /* @__PURE__ */ jsx84("button", { type: "button", onClick: () => handleDelete(item), className: "fc:px-3.5 fc:py-1 fc:text-xs fc:font-bold fc:text-rose-600 fc:bg-rose-50 hover:fc:fc:bg-rose-100 fc:rounded-full fc:transition-colors", children: "Delete" })
-          ] }) })
-        ] }, item.id)),
-        visibleData.length === 0 && /* @__PURE__ */ jsx84("tr", { children: /* @__PURE__ */ jsx84("td", { colSpan: "6", className: "fc:py-8 fc:text-center fc:text-slate-400 fc:text-xs fc:font-medium fc:bg-slate-50/30", children: "No matching assignment rules found." }) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs83("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-      /* @__PURE__ */ jsx84("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
-      pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx84("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
-      /* @__PURE__ */ jsx84("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
-    ] }),
-    isEditModalOpen && selectedItem && /* @__PURE__ */ jsx84("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm", children: /* @__PURE__ */ jsxs83("div", { className: "fc:bg-white fc:rounded-2xl fc:p-6 fc:w-full fc:max-w-md fc:shadow-2xl fc:transition-all", children: [
-      /* @__PURE__ */ jsx84("h3", { className: "fc:text-lg fc:font-bold fc:text-slate-800 fc:mb-4", children: "Edit Workflow Step" }),
-      /* @__PURE__ */ jsxs83("form", { onSubmit: handleSaveEdit, className: "fc:space-y-4", children: [
-        /* @__PURE__ */ jsxs83("div", { children: [
-          /* @__PURE__ */ jsx84("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Workflow Step ID" }),
-          /* @__PURE__ */ jsx84("input", { type: "text", value: selectedItem.workflowStepId || `STEP-${selectedItem.id}`, disabled: true, className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:bg-slate-100 fc:font-medium fc:text-slate-500 fc:cursor-not-allowed" })
-        ] }),
-        /* @__PURE__ */ jsxs83("div", { children: [
-          /* @__PURE__ */ jsx84("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Assignment Type" }),
-          /* @__PURE__ */ jsxs83("select", { name: "assignmentType", defaultValue: selectedItem.assignmentType || "Hierarchy", className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:outline-none focus:fc:fc:border-blue-500 fc:bg-white fc:font-medium fc:text-slate-700", children: [
-            /* @__PURE__ */ jsx84("option", { value: "Hierarchy", children: "Hierarchy" }),
-            /* @__PURE__ */ jsx84("option", { value: "Dynamic", children: "Dynamic" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs83("div", { children: [
-          /* @__PURE__ */ jsx84("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Node Type" }),
-          /* @__PURE__ */ jsxs83("select", { name: "nodeType", defaultValue: selectedItem.nodeType || "Block", className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:outline-none focus:fc:fc:border-blue-500 fc:bg-white fc:font-medium fc:text-slate-700", children: [
-            /* @__PURE__ */ jsx84("option", { value: "Block", children: "Block" }),
-            /* @__PURE__ */ jsx84("option", { value: "District", children: "District" }),
-            /* @__PURE__ */ jsx84("option", { value: "State", children: "State" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs83("div", { children: [
-          /* @__PURE__ */ jsx84("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Dynamic Function ID" }),
-          /* @__PURE__ */ jsx84("input", { type: "text", name: "dynamicFunctionId", defaultValue: selectedItem.dynamicFunctionId || "N/A", placeholder: "e.g. FN-1 or N/A", required: true, className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:outline-none focus:fc:fc:border-blue-500 fc:font-medium fc:text-slate-700" })
-        ] }),
-        /* @__PURE__ */ jsxs83("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:mt-6", children: [
-          /* @__PURE__ */ jsx84("button", { type: "button", onClick: () => setIsEditModalOpen(false), className: "fc:px-4 fc:py-2 fc:text-xs fc:font-medium fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:rounded-lg fc:transition", children: "Cancel" }),
-          /* @__PURE__ */ jsx84("button", { type: "submit", className: "fc:px-4 fc:py-2 fc:text-xs fc:font-medium fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-lg fc:transition fc:shadow-sm", children: "Save Changes" })
+      /* @__PURE__ */ jsx84("tbody", { children: loading ? /* @__PURE__ */ jsx84("tr", { children: /* @__PURE__ */ jsx84("td", { colSpan: "6", className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-500", children: "Loading assignment rules..." }) }) : visibleRows.length === 0 ? /* @__PURE__ */ jsx84("tr", { children: /* @__PURE__ */ jsx84("td", { colSpan: "6", className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-400", children: "No assignment rules found." }) }) : visibleRows.map((item, index) => /* @__PURE__ */ jsxs83("tr", { className: "fc:border-t fc:border-slate-100", children: [
+        /* @__PURE__ */ jsx84("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
+        /* @__PURE__ */ jsx84("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.workflowStepId }),
+        /* @__PURE__ */ jsx84("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
+        /* @__PURE__ */ jsx84("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
+        /* @__PURE__ */ jsx84("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
+        /* @__PURE__ */ jsxs83("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
+          /* @__PURE__ */ jsx84("button", { type: "button", onClick: () => onEdit(item), className: "fc:mr-2 fc:rounded-lg fc:bg-blue-50 fc:px-3 fc:py-1 fc:text-blue-600", children: "Edit" }),
+          /* @__PURE__ */ jsx84("button", { type: "button", onClick: () => onDelete(item), className: "fc:rounded-lg fc:bg-rose-50 fc:px-3 fc:py-1 fc:text-rose-600", children: "Delete" })
         ] })
-      ] })
+      ] }, item.assignmentRuleId)) })
     ] }) }),
-    isDeleteModalOpen && selectedItem && /* @__PURE__ */ jsx84("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm", children: /* @__PURE__ */ jsxs83("div", { className: "fc:bg-white fc:rounded-2xl fc:p-6 fc:w-full fc:max-w-sm fc:shadow-2xl fc:text-center", children: [
-      /* @__PURE__ */ jsx84("div", { className: "fc:w-12 fc:h-12 fc:bg-rose-100 fc:text-rose-600 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:mx-auto fc:mb-3 fc:text-xl fc:font-bold", children: "!" }),
-      /* @__PURE__ */ jsx84("h3", { className: "fc:text-lg fc:font-bold fc:text-slate-800", children: "Delete Workflow Step?" }),
-      /* @__PURE__ */ jsxs83("p", { className: "fc:text-xs fc:text-slate-500 fc:mt-2", children: [
-        "Are you sure you want to delete the workflow step ",
-        /* @__PURE__ */ jsx84("span", { className: "fc:font-bold fc:text-slate-700", children: selectedItem.workflowStepId || `STEP-${selectedItem.id}` }),
-        "?"
+    /* @__PURE__ */ jsxs83("div", { className: "fc:flex fc:justify-end fc:gap-2 fc:text-sm", children: [
+      /* @__PURE__ */ jsx84("button", { type: "button", disabled: currentPage === 1, onClick: () => setCurrentPage((page) => Math.max(1, page - 1)), className: "fc:px-3 fc:py-1 disabled:fc:opacity-40", children: "Prev" }),
+      /* @__PURE__ */ jsxs83("span", { className: "fc:px-2 fc:py-1", children: [
+        currentPage,
+        " / ",
+        totalPages
       ] }),
-      /* @__PURE__ */ jsxs83("div", { className: "fc:flex fc:justify-center fc:gap-3 fc:mt-6", children: [
-        /* @__PURE__ */ jsx84("button", { type: "button", onClick: () => setIsDeleteModalOpen(false), className: "fc:px-4 fc:py-2 fc:text-xs fc:font-semibold fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:rounded-lg fc:transition", children: "Cancel" }),
-        /* @__PURE__ */ jsx84("button", { type: "button", onClick: confirmDelete, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-semibold fc:text-white fc:bg-rose-600 hover:fc:fc:bg-rose-700 fc:rounded-lg fc:transition fc:shadow-sm", children: "Delete" })
-      ] })
-    ] }) })
+      /* @__PURE__ */ jsx84("button", { type: "button", disabled: currentPage === totalPages, onClick: () => setCurrentPage((page) => Math.min(totalPages, page + 1)), className: "fc:px-3 fc:py-1 disabled:fc:opacity-40", children: "Next" })
+    ] })
   ] });
 }
 
 // src/components/assignment-rule/Popup.js
-import React85, { useState as useState59 } from "react";
+import React85, { useEffect as useEffect38, useState as useState59 } from "react";
 import { jsx as jsx85, jsxs as jsxs84 } from "react/jsx-runtime";
-function Popup4({
-  isOpen,
-  onClose,
-  onSave
-}) {
+var rowsFrom2 = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  const rows = Array.isArray(value) ? value : (_i = (_h = (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : value == null ? void 0 : value.data) != null ? _h : value == null ? void 0 : value.result) != null ? _i : [];
+  return Array.isArray(rows) ? rows : [];
+};
+var formFrom = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  return {
+    workflowStepId: String((_b = (_a = item == null ? void 0 : item.workflowStepId) != null ? _a : item == null ? void 0 : item.WorkflowStepId) != null ? _b : ""),
+    assignmentType: (_d = (_c = item == null ? void 0 : item.assignmentType) != null ? _c : item == null ? void 0 : item.AssignmentType) != null ? _d : "",
+    hierarchyNodeType: (_f = (_e = item == null ? void 0 : item.hierarchyNodeType) != null ? _e : item == null ? void 0 : item.HierarchyNodeType) != null ? _f : "",
+    isPoolEnabled: Boolean((_h = (_g = item == null ? void 0 : item.isPoolEnabled) != null ? _g : item == null ? void 0 : item.IsPoolEnabled) != null ? _h : false)
+  };
+};
+function Popup4({ isOpen, onClose, onSave, editData }) {
+  const [formData, setFormData] = useState59(() => formFrom(editData));
+  const [workflowSteps, setWorkflowSteps] = useState59([]);
+  const [loadingSteps, setLoadingSteps] = useState59(false);
+  const [error, setError] = useState59("");
+  const [saving, setSaving] = useState59(false);
+  useEffect38(() => {
+    if (!isOpen) return;
+    setFormData(formFrom(editData));
+    setError("");
+    let active = true;
+    (async () => {
+      var _a, _b, _c, _d, _e;
+      try {
+        setLoadingSteps(true);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow step list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
+        if (active) setWorkflowSteps(rowsFrom2(result));
+      } catch (requestError) {
+        if (active) setError(((_e = (_d = requestError == null ? void 0 : requestError.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (requestError == null ? void 0 : requestError.message) || "Unable to load workflow steps.");
+      } finally {
+        if (active) setLoadingSteps(false);
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, [isOpen, editData]);
   if (!isOpen) return null;
-  const [workflowStepId, setWorkflowStepId] = useState59("");
-  const [assignmentType, setAssignmentType] = useState59("");
-  const [hierarchyNodeType, setHierarchyNodeType] = useState59("");
-  const [dynamicFunctionId, setDynamicFunctionId] = useState59("");
-  const [isPoolEnabled, setIsPoolEnabled] = useState59(false);
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (!workflowStepId || !assignmentType || !hierarchyNodeType) {
-      alert("Please fill out all required fields!");
+  const change = (field, value) => setFormData((current) => __spreadProps(__spreadValues({}, current), { [field]: value }));
+  const submit = async (event) => {
+    var _a, _b;
+    event.preventDefault();
+    if (!formData.workflowStepId || !formData.assignmentType || !formData.hierarchyNodeType) {
+      setError("Please fill all required fields.");
       return;
     }
-    onSave({
-      workflowStepId,
-      assignmentType,
-      hierarchyNodeType,
-      dynamicFunctionId: dynamicFunctionId || "N/A",
-      isPoolEnabled
-    });
-    setWorkflowStepId("");
-    setAssignmentType("");
-    setHierarchyNodeType("");
-    setDynamicFunctionId("");
-    setIsPoolEnabled(false);
-    onClose();
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { assignmentRuleId: (_b = (_a = editData.assignmentRuleId) != null ? _a : editData.AssignmentRuleId) != null ? _b : editData.id, workflowStepId: Number(formData.workflowStepId), assignmentType: formData.assignmentType, hierarchyNodeType: formData.hierarchyNodeType, isPoolEnabled: Boolean(formData.isPoolEnabled) } : { workflowStepId: Number(formData.workflowStepId), assignmentType: formData.assignmentType, hierarchyNodeType: formData.hierarchyNodeType, isPoolEnabled: Boolean(formData.isPoolEnabled) };
+    setSaving(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setSaving(false);
+    }
   };
   return /* @__PURE__ */ jsxs84("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
-    /* @__PURE__ */ jsx85("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
-    /* @__PURE__ */ jsxs84("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[90vh] fc:overflow-hidden", children: [
-      /* @__PURE__ */ jsxs84("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
-        /* @__PURE__ */ jsxs84("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ jsx85("div", { className: "fc:w-10 fc:h-10 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:text-lg", children: "\u2696\uFE0F" }),
-          /* @__PURE__ */ jsxs84("div", { children: [
-            /* @__PURE__ */ jsx85("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Assignment Rule" }),
-            /* @__PURE__ */ jsx85("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Configure core task routing constraints" })
+    /* @__PURE__ */ jsx85("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm", onClick: onClose }),
+    /* @__PURE__ */ jsxs84("form", { onSubmit: submit, className: "fc:relative fc:z-10 fc:w-full fc:max-w-2xl fc:overflow-hidden fc:rounded-3xl fc:bg-white fc:shadow-2xl", children: [
+      /* @__PURE__ */ jsxs84("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-100 fc:px-8 fc:py-5", children: [
+        /* @__PURE__ */ jsxs84("div", { children: [
+          /* @__PURE__ */ jsx85("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: editData ? "Edit Assignment Rule" : "Add Assignment Rule" }),
+          /* @__PURE__ */ jsx85("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Configure core task routing constraints" })
+        ] }),
+        /* @__PURE__ */ jsx85("button", { type: "button", onClick: onClose, className: "fc:text-slate-400 fc:text-sm fc:font-semibold", children: "\u2715" })
+      ] }),
+      /* @__PURE__ */ jsxs84("div", { className: "fc:space-y-4 fc:bg-slate-50/30 fc:p-6", children: [
+        /* @__PURE__ */ jsxs84("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          "Workflow Step ID *",
+          /* @__PURE__ */ jsxs84("select", { required: true, disabled: loadingSteps, value: formData.workflowStepId, onChange: (event) => change("workflowStepId", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
+            /* @__PURE__ */ jsx85("option", { value: "", children: loadingSteps ? "Loading workflow steps..." : "Select Workflow Step" }),
+            workflowSteps.map((step) => {
+              var _a, _b, _c, _d, _e, _f;
+              const id = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.id;
+              const name = (_f = (_e = (_d = (_c = step.stepName) != null ? _c : step.StepName) != null ? _d : step.stepCode) != null ? _e : step.StepCode) != null ? _f : `Step ${id}`;
+              return /* @__PURE__ */ jsxs84("option", { value: String(id), children: [
+                id,
+                " - ",
+                name
+              ] }, id);
+            })
           ] })
         ] }),
-        /* @__PURE__ */ jsx85("button", { type: "button", onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:font-semibold fc:text-sm", children: "\u2715" })
-      ] }),
-      /* @__PURE__ */ jsxs84("form", { onSubmit: handleSubmit, className: "fc:flex fc:flex-col fc:overflow-hidden", children: [
-        /* @__PURE__ */ jsxs84("div", { className: "fc:p-6 fc:space-y-4 fc:overflow-y-auto fc:bg-slate-50/30", children: [
-          /* @__PURE__ */ jsxs84("div", { children: [
-            /* @__PURE__ */ jsx85("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Workflow Step ID *" }),
-            /* @__PURE__ */ jsx85("input", { type: "text", placeholder: "e.g., STEP-1", value: workflowStepId, onChange: (e) => setWorkflowStepId(e.target.value), className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500" })
-          ] }),
-          /* @__PURE__ */ jsxs84("div", { children: [
-            /* @__PURE__ */ jsx85("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Assignment Type *" }),
-            /* @__PURE__ */ jsxs84("select", { value: assignmentType, onChange: (e) => setAssignmentType(e.target.value), className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500", children: [
-              /* @__PURE__ */ jsx85("option", { value: "", children: "Select Assignment Engine Type" }),
-              /* @__PURE__ */ jsx85("option", { value: "Hierarchy", children: "Hierarchy" }),
-              /* @__PURE__ */ jsx85("option", { value: "Dynamic", children: "Dynamic" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs84("div", { children: [
-            /* @__PURE__ */ jsx85("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Hierarchy Node Type *" }),
-            /* @__PURE__ */ jsxs84("select", { value: hierarchyNodeType, onChange: (e) => setHierarchyNodeType(e.target.value), className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500", children: [
-              /* @__PURE__ */ jsx85("option", { value: "", children: "Select Node Level" }),
-              /* @__PURE__ */ jsx85("option", { value: "Block", children: "Block" }),
-              /* @__PURE__ */ jsx85("option", { value: "District", children: "District" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs84("div", { children: [
-            /* @__PURE__ */ jsx85("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Dynamic Function ID" }),
-            /* @__PURE__ */ jsx85("input", { type: "text", placeholder: "e.g., 1, 2", value: dynamicFunctionId, onChange: (e) => setDynamicFunctionId(e.target.value), className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500" })
-          ] }),
-          /* @__PURE__ */ jsxs84("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-1", children: [
-            /* @__PURE__ */ jsx85("input", { type: "checkbox", id: "isPoolEnabled", checked: isPoolEnabled, onChange: (e) => setIsPoolEnabled(e.target.checked), className: "fc:w-4 fc:h-4 fc:text-blue-600 fc:border-slate-300 fc:rounded focus:fc:fc:ring-blue-500" }),
-            /* @__PURE__ */ jsx85("label", { htmlFor: "isPoolEnabled", className: "fc:text-xs fc:font-bold fc:text-slate-700 fc:select-none fc:cursor-pointer", children: "Enable Task Pooling" })
+        /* @__PURE__ */ jsxs84("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          "Assignment Type *",
+          /* @__PURE__ */ jsxs84("select", { required: true, value: formData.assignmentType, onChange: (event) => change("assignmentType", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
+            /* @__PURE__ */ jsx85("option", { value: "", children: "Select Assignment Engine Type" }),
+            /* @__PURE__ */ jsx85("option", { value: "Hierarchy", children: "Hierarchy" }),
+            /* @__PURE__ */ jsx85("option", { value: "Dynamic", children: "Dynamic" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs84("div", { className: "fc:p-4 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-2.5 fc:px-6", children: [
-          /* @__PURE__ */ jsx85("button", { type: "button", onClick: onClose, className: "fc:px-4 fc:py-2 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50", children: "Cancel" }),
-          /* @__PURE__ */ jsx85("button", { type: "submit", className: "fc:px-5 fc:py-2 fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-blue-500/10", children: "Save Rule" })
-        ] })
+        /* @__PURE__ */ jsxs84("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          "Hierarchy Node Type *",
+          /* @__PURE__ */ jsxs84("select", { required: true, value: formData.hierarchyNodeType, onChange: (event) => change("hierarchyNodeType", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
+            /* @__PURE__ */ jsx85("option", { value: "", children: "Select Node Level" }),
+            /* @__PURE__ */ jsx85("option", { value: "Block", children: "Block" }),
+            /* @__PURE__ */ jsx85("option", { value: "District", children: "District" }),
+            /* @__PURE__ */ jsx85("option", { value: "State", children: "State" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs84("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          /* @__PURE__ */ jsx85("input", { type: "checkbox", checked: formData.isPoolEnabled, onChange: (event) => change("isPoolEnabled", event.target.checked), className: "fc:h-4 fc:w-4" }),
+          "Enable Task Pooling"
+        ] }),
+        error && /* @__PURE__ */ jsx85("p", { className: "fc:text-xs fc:text-red-500", children: error })
+      ] }),
+      /* @__PURE__ */ jsxs84("div", { className: "fc:flex fc:justify-end fc:gap-2.5 fc:border-t fc:border-slate-100 fc:bg-white fc:px-6 fc:py-4", children: [
+        /* @__PURE__ */ jsx85("button", { type: "button", onClick: onClose, className: "fc:rounded-xl fc:border fc:border-slate-200 fc:px-4 fc:py-2 fc:text-xs", children: "Cancel" }),
+        /* @__PURE__ */ jsx85("button", { disabled: saving || loadingSteps, type: "submit", className: "fc:rounded-xl fc:bg-blue-600 fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white", children: saving ? "Saving..." : editData ? "Update Rule" : "Save Rule" })
       ] })
     ] })
   ] });
@@ -12787,77 +12625,148 @@ function Popup4({
 
 // src/components/assignment-rule/AssignmentRuleMain.jsx
 import { jsx as jsx86, jsxs as jsxs85 } from "react/jsx-runtime";
+var getRows4 = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  const rows = Array.isArray(value) ? value : (_i = (_h = (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : value == null ? void 0 : value.data) != null ? _h : value == null ? void 0 : value.result) != null ? _i : [];
+  return Array.isArray(rows) ? rows : [];
+};
+var endpoint = (action) => {
+  var _a, _b, _c, _d, _e;
+  const assignmentRule = (_e = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.assignmentRule) != null ? _e : (_d = (_c = getApiEndpoints()) == null ? void 0 : _c.flowCore) == null ? void 0 : _d.AssignmentRule;
+  const value = assignmentRule == null ? void 0 : assignmentRule[action];
+  if (!value) throw new Error(`Assignment Rule ${action} endpoint is not configured.`);
+  return value;
+};
+var byId = (id) => {
+  const value = endpoint("getById");
+  return typeof value === "function" ? value(id) : `${value}/${id}`;
+};
+var normalise4 = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  return __spreadProps(__spreadValues({}, item), { assignmentRuleId: (_b = (_a = item.assignmentRuleId) != null ? _a : item.AssignmentRuleId) != null ? _b : item.id, workflowStepId: (_d = (_c = item.workflowStepId) != null ? _c : item.WorkflowStepId) != null ? _d : "", assignmentType: (_f = (_e = item.assignmentType) != null ? _e : item.AssignmentType) != null ? _f : "", hierarchyNodeType: (_h = (_g = item.hierarchyNodeType) != null ? _g : item.HierarchyNodeType) != null ? _h : "", isPoolEnabled: Boolean((_j = (_i = item.isPoolEnabled) != null ? _i : item.IsPoolEnabled) != null ? _j : false) });
+};
 function AssignmentRuleMain() {
-  const [refreshkey, setRefreshKey] = useState60(0);
-  const handleRefresh = () => {
-    console.log("Table data refreshed!");
-    setRefreshKey((prev) => prev + 1);
-  };
   const tableRef = useRef20(null);
-  const [showModal, setShowModal] = useState60(false);
+  const [rows, setRows] = useState60([]);
+  const [modalOpen, setModalOpen] = useState60(false);
+  const [editingRule, setEditingRule] = useState60(null);
   const [pageSize, setPageSize] = useState60(10);
   const [searchQuery, setSearchQuery] = useState60("");
   const [currentPage, setCurrentPage] = useState60(1);
   const [totalEntries, setTotalEntries] = useState60(0);
-  const handlePageSizeChange = (e) => {
-    setPageSize(Number(e.target.value));
-    setCurrentPage(1);
+  const [loading, setLoading] = useState60(true);
+  const [refreshKey, setRefreshKey] = useState60(0);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  useEffect39(() => {
+    let active = true;
+    const load = async () => {
+      var _a, _b;
+      setLoading(true);
+      try {
+        const response = await getApiService().get(endpoint("getList"));
+        if (active) setRows(getRows4(response).map(normalise4));
+      } catch (error) {
+        if (active) await Swal19.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to load assignment rules.", "error");
+      } finally {
+        if (active) setLoading(false);
+      }
+    };
+    load();
+    return () => {
+      active = false;
+    };
+  }, [refreshKey]);
+  const save = async (payload, isEdit) => {
+    var _a, _b;
+    try {
+      await getApiService()[isEdit ? "put" : "post"](endpoint(isEdit ? "update" : "create"), payload);
+      await Swal19.fire("Success", `Assignment rule ${isEdit ? "updated" : "created"} successfully.`, "success");
+      refresh();
+      return true;
+    } catch (error) {
+      await Swal19.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} assignment rule.`, "error");
+      return false;
+    }
   };
-  return (
-    // <div className="min-h-screen bg-slate-50 p-4 md:p-6">
-    /* @__PURE__ */ jsxs85("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
-      /* @__PURE__ */ jsxs85("div", { className: "fc:w-full fc:space-y-5", children: [
-        /* @__PURE__ */ jsx86(CommonHeader, { title: "Assignment Rule", breadcrumbs: [{
-          label: "Dashboard",
-          href: "/dashboard"
-        }, {
-          label: "Masters",
-          href: "/masters"
-        }, {
-          label: "Permissions",
-          href: "/permissions"
-        }, {
-          label: "AssignmentRule",
-          href: "/assignment-rule"
-        }], buttonText: "Add Assignment Rule", onButtonClick: () => setShowModal(true) }),
-        /* @__PURE__ */ jsxs85("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
-          /* @__PURE__ */ jsxs85("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
-            /* @__PURE__ */ jsx86("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx86(SearchBar12, { searchQuery, setSearchQuery, setCurrentPage }) }),
-            /* @__PURE__ */ jsxs85("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-              /* @__PURE__ */ jsx86(Refresh_default, { onRefresh: handleRefresh }),
-              /* @__PURE__ */ jsx86(Download_default, { targetRef: tableRef, fileName: "document-configuration" }),
-              /* @__PURE__ */ jsxs85("select", { value: pageSize, onChange: handlePageSizeChange, className: "fc:border fc:border-slate-200 fc:rounded-lg fc:px-3 fc:py-2 fc:text-sm fc:bg-white fc:cursor-pointer fc:outline-none fc:shadow-sm fc:text-slate-700", children: [
-                /* @__PURE__ */ jsx86("option", { value: 5, children: "5 Rows" }),
-                /* @__PURE__ */ jsx86("option", { value: 10, children: "10 Rows" }),
-                /* @__PURE__ */ jsx86("option", { value: 20, children: "20 Rows" }),
-                /* @__PURE__ */ jsx86("option", { value: 25, children: "25 Rows" })
-              ] })
+  const edit = async (item) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const response = await getApiService().get(byId(item.assignmentRuleId));
+      const data = (_f = (_e = (_d = (_b = getRows4(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
+      setEditingRule(normalise4(data));
+      setModalOpen(true);
+    } catch (error) {
+      await Swal19.fire("Error", ((_h = (_g = error == null ? void 0 : error.response) == null ? void 0 : _g.data) == null ? void 0 : _h.message) || (error == null ? void 0 : error.message) || "Unable to load assignment rule details.", "error");
+    }
+  };
+  const remove = async (item) => {
+    var _a, _b;
+    const confirmation = await Swal19.fire({ title: "Delete Assignment Rule?", text: "This rule will be marked inactive.", icon: "warning", showCancelButton: true, confirmButtonText: "Yes, Delete", confirmButtonColor: "#e11d48" });
+    if (!confirmation.isConfirmed) return;
+    try {
+      await getApiService().put(endpoint("update"), { assignmentRuleId: item.assignmentRuleId, workflowStepId: Number(item.workflowStepId), assignmentType: item.assignmentType, hierarchyNodeType: item.hierarchyNodeType, isPoolEnabled: false });
+      await Swal19.fire("Deleted", "Assignment rule deleted successfully.", "success");
+      refresh();
+    } catch (error) {
+      await Swal19.fire("Error", ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to delete assignment rule.", "error");
+    }
+  };
+  const openCreate = () => {
+    setEditingRule(null);
+    setModalOpen(true);
+  };
+  return /* @__PURE__ */ jsxs85("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:p-6", children: [
+    /* @__PURE__ */ jsxs85("div", { className: "fc:w-full fc:space-y-5", children: [
+      /* @__PURE__ */ jsx86(CommonHeader, { title: "Assignment Rule", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Masters", href: "/masters" }, { label: "Permissions", href: "/permissions" }, { label: "AssignmentRule", href: "/assignment-rule" }], buttonText: "Add Assignment Rule", onButtonClick: openCreate }),
+      /* @__PURE__ */ jsxs85("div", { className: "fc:space-y-5 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:bg-white fc:p-6", children: [
+        /* @__PURE__ */ jsxs85("div", { className: "fc:flex fc:w-full fc:items-center fc:justify-between fc:gap-4", children: [
+          /* @__PURE__ */ jsx86("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx86(SearchBar12, { searchQuery, setSearchQuery: (value) => {
+            setSearchQuery(value);
+            setCurrentPage(1);
+          } }) }),
+          /* @__PURE__ */ jsxs85("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+            /* @__PURE__ */ jsx86(Refresh_default, { onRefresh: refresh }),
+            /* @__PURE__ */ jsx86(Download_default, { targetRef: tableRef, fileName: "assignment-rules" }),
+            /* @__PURE__ */ jsxs85("select", { value: pageSize, onChange: (event) => {
+              setPageSize(Number(event.target.value));
+              setCurrentPage(1);
+            }, className: "fc:rounded-lg fc:border fc:border-slate-200 fc:px-3 fc:py-2 fc:text-sm", children: [
+              /* @__PURE__ */ jsx86("option", { value: 5, children: "5 Rows" }),
+              /* @__PURE__ */ jsx86("option", { value: 10, children: "10 Rows" }),
+              /* @__PURE__ */ jsx86("option", { value: 20, children: "20 Rows" }),
+              /* @__PURE__ */ jsx86("option", { value: 25, children: "25 Rows" })
             ] })
-          ] }),
-          /* @__PURE__ */ jsx86("div", { ref: tableRef, children: /* @__PURE__ */ jsx86(Table4, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries }, refreshkey) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx86(Popup4, { isOpen: showModal, onClose: () => setShowModal(false) })
-    ] })
-  );
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx86("div", { ref: tableRef, children: /* @__PURE__ */ jsx86(Table4, { rows, loading, pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: edit, onDelete: remove }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx86(Popup4, { isOpen: modalOpen, editData: editingRule, onClose: () => {
+      setModalOpen(false);
+      setEditingRule(null);
+    }, onSave: save })
+  ] });
 }
 
 // src/components/Workflow_Step_Hierarchy_Mapping/Workflow_Step_Hierarchy_Mapping_Main.jsx
-import React87, { useEffect as useEffect33, useMemo, useRef as useRef21, useState as useState61 } from "react";
-import Swal16 from "sweetalert2";
+import React87, { useEffect as useEffect40, useMemo as useMemo3, useRef as useRef21, useState as useState61 } from "react";
+import Swal20 from "sweetalert2";
 import { jsx as jsx87, jsxs as jsxs86 } from "react/jsx-runtime";
-var emptyForm = { workflowStepId: "", hierarchyNodeId: "", isActive: "true" };
-var getRows = (result) => {
+var emptyForm = { workflowId: "", workflowStepId: "", hierarchyNodeId: "", isActive: "true" };
+var getRows5 = (result) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const value = (_e = (_d = (_c = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.data) != null ? _c : (_b = result == null ? void 0 : result.data) == null ? void 0 : _b.result) != null ? _d : result == null ? void 0 : result.data) != null ? _e : result;
   return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
 };
 function Workflow_Step_Hierarchy_Mapping_Main() {
+  var _a, _b, _c, _d, _e, _f;
   const tableRef = useRef21(null);
   const [mappings, setMappings] = useState61([]);
-  const [workflowSteps, setWorkflowSteps] = useState61([]);
+  const [workflows, setWorkflows] = useState61([]);
   const [hierarchyNodes, setHierarchyNodes] = useState61([]);
   const [isLoading, setIsLoading] = useState61(false);
+  const [isLoadingLookups, setIsLoadingLookups] = useState61(false);
   const [refreshKey, setRefreshKey] = useState61(0);
   const [searchQuery, setSearchQuery] = useState61("");
   const [pageSize, setPageSize] = useState61(10);
@@ -12867,60 +12776,86 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
   const [formData, setFormData] = useState61(emptyForm);
   const [isSaving, setIsSaving] = useState61(false);
   const mappingEndpoints = () => {
-    var _a;
-    const flowCore = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
+    var _a2;
+    const flowCore = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore;
     return (flowCore == null ? void 0 : flowCore.WorkflowStepHierarchyMapping) || (flowCore == null ? void 0 : flowCore.workflowStepHierarchyMapping) || (flowCore == null ? void 0 : flowCore.WorkflowStepHierarchyMappings) || (flowCore == null ? void 0 : flowCore.workflowStepHierarchyMappings) || (flowCore == null ? void 0 : flowCore.WorkflowStepUserMapping) || (flowCore == null ? void 0 : flowCore.workflowStepUserMapping);
   };
-  const workflowStepMap = useMemo(
+  const workflowMap = useMemo3(
     () => Object.fromEntries(
-      workflowSteps.map((step) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-        const id = (_d = (_c = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.workflowId) != null ? _c : step.WorkflowId) != null ? _d : step.id;
-        const name = (_k = (_j = (_i = (_h = (_g = (_f = (_e = step.stepName) != null ? _e : step.StepName) != null ? _f : step.workflowStepName) != null ? _g : step.WorkflowStepName) != null ? _h : step.workflowName) != null ? _i : step.WorkflowName) != null ? _j : step.name) != null ? _k : `Step ${id}`;
+      workflows.map((wf) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+        const id = (_d2 = (_c2 = (_b2 = (_a2 = wf.workflowId) != null ? _a2 : wf.WorkflowId) != null ? _b2 : wf.id) != null ? _c2 : wf.workflowStepId) != null ? _d2 : wf.WorkflowStepId;
+        const name = (_i = (_h = (_g = (_f2 = (_e2 = wf.workflowName) != null ? _e2 : wf.WorkflowName) != null ? _f2 : wf.name) != null ? _g : wf.stepName) != null ? _h : wf.StepName) != null ? _i : `Workflow ${id}`;
         return [id, name];
       })
     ),
-    [workflowSteps]
+    [workflows]
   );
-  const hierarchyNodeMap = useMemo(
+  const hierarchyNodeMap = useMemo3(
     () => Object.fromEntries(
       hierarchyNodes.map((node) => {
-        var _a, _b, _c, _d, _e, _f;
-        const id = (_b = (_a = node.hierarchyNodeId) != null ? _a : node.HierarchyNodeId) != null ? _b : node.id;
-        const name = (_f = (_e = (_d = (_c = node.nodeName) != null ? _c : node.NodeName) != null ? _d : node.hierarchyNodeName) != null ? _e : node.HierarchyNodeName) != null ? _f : `Node ${id}`;
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        const id = (_b2 = (_a2 = node.hierarchyNodeId) != null ? _a2 : node.HierarchyNodeId) != null ? _b2 : node.id;
+        const name = (_f2 = (_e2 = (_d2 = (_c2 = node.nodeName) != null ? _c2 : node.NodeName) != null ? _d2 : node.hierarchyNodeName) != null ? _e2 : node.HierarchyNodeName) != null ? _f2 : `Node ${id}`;
         return [id, name];
       })
     ),
     [hierarchyNodes]
   );
-  useEffect33(() => {
+  useEffect40(() => {
+    if (!isModalOpen) return;
+    const loadLookups = async () => {
+      var _a2, _b2, _c2, _d2, _e2, _f2;
+      setIsLoadingLookups(true);
+      try {
+        const flowCore = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore;
+        const workflowEndpoint = ((_b2 = flowCore == null ? void 0 : flowCore.workflow) == null ? void 0 : _b2.getList) || ((_c2 = flowCore == null ? void 0 : flowCore.WorkFlow) == null ? void 0 : _c2.getList) || ((_d2 = flowCore == null ? void 0 : flowCore.workFlow) == null ? void 0 : _d2.getList);
+        const nodeEndpoint = ((_e2 = flowCore == null ? void 0 : flowCore.hierarchyNode) == null ? void 0 : _e2.getList) || ((_f2 = flowCore == null ? void 0 : flowCore.HierarchyNode) == null ? void 0 : _f2.getList);
+        const [workflowResult, hierarchyNodeResult] = await Promise.all([
+          workflowEndpoint ? getApiService().get(workflowEndpoint).catch(async (err) => {
+            var _a3;
+            if (((_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.status) === 405) {
+              return await getApiService().post(workflowEndpoint, {});
+            }
+            throw err;
+          }) : Promise.resolve(null),
+          nodeEndpoint ? getApiService().get(nodeEndpoint).catch(async (err) => {
+            var _a3;
+            if (((_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.status) === 405) {
+              return await getApiService().post(nodeEndpoint, {});
+            }
+            throw err;
+          }) : Promise.resolve(null)
+        ]);
+        setWorkflows(workflowResult ? getRows5(workflowResult) : []);
+        setHierarchyNodes(
+          hierarchyNodeResult ? getRows5(hierarchyNodeResult) : []
+        );
+      } catch (error) {
+        console.error("Unable to load workflow or hierarchy node lookup options:", error);
+      } finally {
+        setIsLoadingLookups(false);
+      }
+    };
+    loadLookups();
+  }, [isModalOpen]);
+  useEffect40(() => {
     const loadData = async () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      var _a2, _b2;
       setIsLoading(true);
       try {
         const endpoints = mappingEndpoints();
         const mappingEndpoint = (endpoints == null ? void 0 : endpoints.getList) || (endpoints == null ? void 0 : endpoints.GetList);
-        const flowCore = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
         if (!mappingEndpoint)
           throw new Error(
             "Workflow step hierarchy mapping list endpoint is not configured."
           );
-        const stepEndpoint = ((_b = flowCore == null ? void 0 : flowCore.workflowStep) == null ? void 0 : _b.getList) || ((_c = flowCore == null ? void 0 : flowCore.WorkFlowStep) == null ? void 0 : _c.getList) || ((_d = flowCore == null ? void 0 : flowCore.workFlowStep) == null ? void 0 : _d.getList) || ((_e = flowCore == null ? void 0 : flowCore.workflow) == null ? void 0 : _e.getList) || ((_f = flowCore == null ? void 0 : flowCore.Workflow) == null ? void 0 : _f.getList);
-        const nodeEndpoint = ((_g = flowCore == null ? void 0 : flowCore.hierarchyNode) == null ? void 0 : _g.getList) || ((_h = flowCore == null ? void 0 : flowCore.HierarchyNode) == null ? void 0 : _h.getList);
-        const [mappingResult, workflowStepResult, hierarchyNodeResult] = await Promise.all([
-          getApiService().get(mappingEndpoint),
-          stepEndpoint ? getApiService().get(stepEndpoint) : Promise.resolve(null),
-          nodeEndpoint ? getApiService().get(nodeEndpoint) : Promise.resolve(null)
-        ]);
-        setMappings(getRows(mappingResult));
-        setWorkflowSteps(workflowStepResult ? getRows(workflowStepResult) : []);
-        setHierarchyNodes(
-          hierarchyNodeResult ? getRows(hierarchyNodeResult) : []
-        );
+        const mappingResult = await getApiService().get(mappingEndpoint);
+        setMappings(getRows5(mappingResult));
       } catch (error) {
-        await Swal16.fire(
+        await Swal20.fire(
           "Error",
-          ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to load workflow step hierarchy mappings.",
+          ((_b2 = (_a2 = error == null ? void 0 : error.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (error == null ? void 0 : error.message) || "Unable to load workflow step hierarchy mappings.",
           "error"
         );
       } finally {
@@ -12930,51 +12865,55 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     loadData();
   }, [refreshKey]);
   const openModal = (mapping = null) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l;
     setEditingMapping(mapping);
     setFormData(
       mapping ? {
+        workflowId: String(
+          (_d2 = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId) != null ? _d2 : ""
+        ),
         workflowStepId: String(
-          (_d = (_c = (_b = (_a = mapping.workflowStepId) != null ? _a : mapping.WorkflowStepId) != null ? _b : mapping.workflowId) != null ? _c : mapping.WorkflowId) != null ? _d : ""
+          (_h = (_g = (_f2 = (_e2 = mapping.workflowStepId) != null ? _e2 : mapping.WorkflowStepId) != null ? _f2 : mapping.workflowId) != null ? _g : mapping.WorkflowId) != null ? _h : ""
         ),
         hierarchyNodeId: String(
-          (_f = (_e = mapping.hierarchyNodeId) != null ? _e : mapping.HierarchyNodeId) != null ? _f : ""
+          (_j = (_i = mapping.hierarchyNodeId) != null ? _i : mapping.HierarchyNodeId) != null ? _j : ""
         ),
-        isActive: String((_h = (_g = mapping.isActive) != null ? _g : mapping.IsActive) != null ? _h : true)
+        isActive: String((_l = (_k = mapping.isActive) != null ? _k : mapping.IsActive) != null ? _l : true)
       } : emptyForm
     );
     setIsModalOpen(true);
   };
   const handleSave = async (event) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c2;
     event.preventDefault();
-    if (!formData.workflowStepId || !formData.hierarchyNodeId)
-      return Swal16.fire(
+    const selectedWorkflowId = formData.workflowId || formData.workflowStepId;
+    if (!selectedWorkflowId || !formData.hierarchyNodeId)
+      return Swal20.fire(
         "Required fields",
-        "Please select a workflow step and hierarchy node.",
+        "Please select a workflow and hierarchy node.",
         "warning"
       );
     setIsSaving(true);
     try {
       const endpoints = mappingEndpoints();
-      const endpoint = editingMapping ? (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update) : (endpoints == null ? void 0 : endpoints.create) || (endpoints == null ? void 0 : endpoints.Create);
-      if (!endpoint)
+      const endpoint2 = editingMapping ? (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update) : (endpoints == null ? void 0 : endpoints.create) || (endpoints == null ? void 0 : endpoints.Create);
+      if (!endpoint2)
         throw new Error(
           `Workflow step hierarchy mapping ${editingMapping ? "update" : "create"} endpoint is not configured.`
         );
-      const idValue = Number(formData.workflowStepId);
+      const idValue = Number(selectedWorkflowId);
       const nodeValue = Number(formData.hierarchyNodeId);
       const payload = __spreadValues({
         workflowId: idValue,
         workflowStepId: idValue,
         hierarchyNodeId: nodeValue,
-        isActive: formData.isActive === "true"
+        isActive: formData.isActive === "true" || formData.isActive === true
       }, editingMapping ? {
-        workflowStepHierarchyMappingId: (_a = editingMapping.workflowStepHierarchyMappingId) != null ? _a : editingMapping.WorkflowStepHierarchyMappingId,
+        workflowStepHierarchyMappingId: (_a2 = editingMapping.workflowStepHierarchyMappingId) != null ? _a2 : editingMapping.WorkflowStepHierarchyMappingId,
         updatedBy: "System"
       } : { createdBy: "System" });
-      await getApiService()[editingMapping ? "put" : "post"](endpoint, payload);
-      await Swal16.fire(
+      await getApiService()[editingMapping ? "put" : "post"](endpoint2, payload);
+      await Swal20.fire(
         "Success",
         `Workflow step hierarchy mapping ${editingMapping ? "updated" : "created"} successfully.`,
         "success"
@@ -12982,9 +12921,9 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
       setIsModalOpen(false);
       setRefreshKey((previous) => previous + 1);
     } catch (error) {
-      await Swal16.fire(
+      await Swal20.fire(
         "Error",
-        ((_c = (_b = error == null ? void 0 : error.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || (error == null ? void 0 : error.message) || "Unable to save workflow step hierarchy mapping.",
+        ((_c2 = (_b2 = error == null ? void 0 : error.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.message) || (error == null ? void 0 : error.message) || "Unable to save workflow step hierarchy mapping.",
         "error"
       );
     } finally {
@@ -12992,8 +12931,8 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     }
   };
   const handleDelete = async (mapping) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const confirmation = await Swal16.fire({
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+    const confirmation = await Swal20.fire({
       title: "Delete mapping?",
       text: "This mapping will be marked inactive.",
       icon: "warning",
@@ -13004,18 +12943,18 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     if (!confirmation.isConfirmed) return;
     try {
       const endpoints = mappingEndpoints();
-      const endpoint = (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update);
-      if (!endpoint)
+      const endpoint2 = (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update);
+      if (!endpoint2)
         throw new Error(
           "Workflow step hierarchy mapping update endpoint is not configured."
         );
       const stepId = Number(
-        (_d = (_c = (_b = (_a = mapping.workflowId) != null ? _a : mapping.WorkflowId) != null ? _b : mapping.workflowStepId) != null ? _c : mapping.WorkflowStepId) != null ? _d : 0
+        (_d2 = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId) != null ? _d2 : 0
       );
       const nodeId = Number(
-        (_f = (_e = mapping.hierarchyNodeId) != null ? _e : mapping.HierarchyNodeId) != null ? _f : 0
+        (_f2 = (_e2 = mapping.hierarchyNodeId) != null ? _e2 : mapping.HierarchyNodeId) != null ? _f2 : 0
       );
-      await getApiService().put(endpoint, {
+      await getApiService().put(endpoint2, {
         workflowStepHierarchyMappingId: (_g = mapping.workflowStepHierarchyMappingId) != null ? _g : mapping.WorkflowStepHierarchyMappingId,
         workflowId: stepId,
         workflowStepId: stepId,
@@ -13023,14 +12962,14 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
         isActive: false,
         updatedBy: "System"
       });
-      await Swal16.fire(
+      await Swal20.fire(
         "Deleted",
         "Workflow step hierarchy mapping has been deactivated.",
         "success"
       );
       setRefreshKey((previous) => previous + 1);
     } catch (error) {
-      await Swal16.fire(
+      await Swal20.fire(
         "Error",
         ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || "Unable to delete workflow step hierarchy mapping.",
         "error"
@@ -13038,11 +12977,11 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     }
   };
   const filteredMappings = mappings.filter((mapping) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     const query = searchQuery.trim().toLowerCase();
-    const stepId = (_c = (_b = (_a = mapping.workflowStepId) != null ? _a : mapping.WorkflowStepId) != null ? _b : mapping.workflowId) != null ? _c : mapping.WorkflowId;
-    const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
-    const stepName = (_j = (_i = (_h = (_g = (_f = (_e = mapping.workflowStepName) != null ? _e : mapping.WorkflowStepName) != null ? _f : mapping.workflowName) != null ? _g : mapping.WorkflowName) != null ? _h : mapping.stepName) != null ? _i : mapping.StepName) != null ? _j : workflowStepMap[stepId];
+    const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
+    const nodeId = (_d2 = mapping.hierarchyNodeId) != null ? _d2 : mapping.HierarchyNodeId;
+    const stepName = (_j = (_i = (_h = (_g = (_f2 = (_e2 = mapping.workflowName) != null ? _e2 : mapping.WorkflowName) != null ? _f2 : mapping.workflowStepName) != null ? _g : mapping.WorkflowStepName) != null ? _h : mapping.stepName) != null ? _i : mapping.StepName) != null ? _j : workflowMap[stepId];
     const nodeName = (_n = (_m = (_l = (_k = mapping.hierarchyNodeName) != null ? _k : mapping.HierarchyNodeName) != null ? _l : mapping.nodeName) != null ? _m : mapping.NodeName) != null ? _n : hierarchyNodeMap[nodeId];
     return !query || [
       (_o = mapping.workflowStepHierarchyMappingId) != null ? _o : mapping.WorkflowStepHierarchyMappingId,
@@ -13126,8 +13065,8 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
           /* @__PURE__ */ jsx87("thead", { children: /* @__PURE__ */ jsxs86("tr", { className: "fc:bg-slate-100 fc:text-slate-600", children: [
             /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-left", children: "#" }),
             /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-left", children: "Mapping ID" }),
-            /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-left", children: "Workflow Step" }),
-            /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-left", children: "Hierarchy Node" }),
+            /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-left", children: "Workflow Name" }),
+            /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-left", children: "Hierarchy Node Name" }),
             /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-left", children: "Active" }),
             /* @__PURE__ */ jsx87("th", { className: "fc:p-3 fc:text-center", children: "Actions" })
           ] }) }),
@@ -13146,11 +13085,11 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
               children: "No workflow step hierarchy mappings found."
             }
           ) }) : visibleMappings.map((mapping, index) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
-            const stepId = (_c = (_b = (_a = mapping.workflowStepId) != null ? _a : mapping.WorkflowStepId) != null ? _b : mapping.workflowId) != null ? _c : mapping.WorkflowId;
-            const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
-            const active = (_e = mapping.isActive) != null ? _e : mapping.IsActive;
-            const stepDisplayName = (_l = (_k = (_j = (_i = (_h = (_g = (_f = mapping.workflowStepName) != null ? _f : mapping.WorkflowStepName) != null ? _g : mapping.workflowName) != null ? _h : mapping.WorkflowName) != null ? _i : mapping.stepName) != null ? _j : mapping.StepName) != null ? _k : workflowStepMap[stepId]) != null ? _l : stepId ? `Step ${stepId}` : "-";
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+            const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
+            const nodeId = (_d2 = mapping.hierarchyNodeId) != null ? _d2 : mapping.HierarchyNodeId;
+            const active = (_e2 = mapping.isActive) != null ? _e2 : mapping.IsActive;
+            const stepDisplayName = (_l = (_k = (_j = (_i = (_h = (_g = (_f2 = mapping.workflowName) != null ? _f2 : mapping.WorkflowName) != null ? _g : mapping.workflowStepName) != null ? _h : mapping.WorkflowStepName) != null ? _i : mapping.stepName) != null ? _j : mapping.StepName) != null ? _k : workflowMap[stepId]) != null ? _l : stepId ? `Workflow ${stepId}` : "-";
             const nodeDisplayName = (_q = (_p = (_o = (_n = (_m = mapping.hierarchyNodeName) != null ? _m : mapping.HierarchyNodeName) != null ? _n : mapping.nodeName) != null ? _o : mapping.NodeName) != null ? _p : hierarchyNodeMap[nodeId]) != null ? _q : nodeId ? `Node ${nodeId}` : "-";
             return /* @__PURE__ */ jsxs86(
               "tr",
@@ -13242,26 +13181,31 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
               /* @__PURE__ */ jsx87("button", { type: "button", onClick: () => setIsModalOpen(false), children: "\xD7" })
             ] }),
             /* @__PURE__ */ jsxs86("div", { children: [
-              /* @__PURE__ */ jsx87("label", { className: "fc:block fc:mb-1.5 fc:text-sm fc:font-semibold", children: "Workflow Step *" }),
+              /* @__PURE__ */ jsx87("label", { className: "fc:block fc:mb-1.5 fc:text-sm fc:font-semibold", children: "Workflow *" }),
               /* @__PURE__ */ jsxs86(
                 "select",
                 {
-                  value: formData.workflowStepId,
+                  value: formData.workflowId || formData.workflowStepId,
                   onChange: (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), {
+                    workflowId: event.target.value,
                     workflowStepId: event.target.value
                   })),
                   className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-2.5",
                   children: [
-                    /* @__PURE__ */ jsx87("option", { value: "", children: "Select workflow step" }),
-                    workflowSteps.map((step) => {
-                      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-                      const id = (_d = (_c = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.workflowId) != null ? _c : step.WorkflowId) != null ? _d : step.id;
-                      const name = (_k = (_j = (_i = (_h = (_g = (_f = (_e = step.stepName) != null ? _e : step.StepName) != null ? _f : step.workflowStepName) != null ? _g : step.WorkflowStepName) != null ? _h : step.workflowName) != null ? _i : step.WorkflowName) != null ? _j : step.name) != null ? _k : `Step ${id}`;
-                      return /* @__PURE__ */ jsxs86("option", { value: id, children: [
-                        id,
-                        " - ",
-                        name
-                      ] }, id);
+                    /* @__PURE__ */ jsx87("option", { value: "", children: isLoadingLookups ? "Loading workflows..." : "Select workflow" }),
+                    Boolean(
+                      (formData.workflowId || formData.workflowStepId) && !workflows.some(
+                        (wf) => {
+                          var _a2, _b2;
+                          return String((_b2 = (_a2 = wf.workflowId) != null ? _a2 : wf.WorkflowId) != null ? _b2 : wf.id) === String(formData.workflowId || formData.workflowStepId);
+                        }
+                      )
+                    ) && /* @__PURE__ */ jsx87("option", { value: formData.workflowId || formData.workflowStepId, children: (_c = (_b = (_a = editingMapping == null ? void 0 : editingMapping.workflowName) != null ? _a : editingMapping == null ? void 0 : editingMapping.WorkflowName) != null ? _b : editingMapping == null ? void 0 : editingMapping.stepName) != null ? _c : `Workflow ${formData.workflowId || formData.workflowStepId}` }),
+                    workflows.map((wf) => {
+                      var _a2, _b2, _c2, _d2, _e2;
+                      const id = (_b2 = (_a2 = wf.workflowId) != null ? _a2 : wf.WorkflowId) != null ? _b2 : wf.id;
+                      const name = (_e2 = (_d2 = (_c2 = wf.workflowName) != null ? _c2 : wf.WorkflowName) != null ? _d2 : wf.name) != null ? _e2 : `Workflow ${id}`;
+                      return /* @__PURE__ */ jsx87("option", { value: id, children: name }, id);
                     })
                   ]
                 }
@@ -13278,15 +13222,20 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
                   })),
                   className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-2.5",
                   children: [
-                    /* @__PURE__ */ jsx87("option", { value: "", children: "Select hierarchy node" }),
+                    /* @__PURE__ */ jsx87("option", { value: "", children: isLoadingLookups ? "Loading hierarchy nodes..." : "Select hierarchy node" }),
+                    Boolean(
+                      formData.hierarchyNodeId && !hierarchyNodes.some(
+                        (node) => {
+                          var _a2, _b2;
+                          return String((_b2 = (_a2 = node.hierarchyNodeId) != null ? _a2 : node.HierarchyNodeId) != null ? _b2 : node.id) === String(formData.hierarchyNodeId);
+                        }
+                      )
+                    ) && /* @__PURE__ */ jsx87("option", { value: formData.hierarchyNodeId, children: (_f = (_e = (_d = editingMapping == null ? void 0 : editingMapping.hierarchyNodeName) != null ? _d : editingMapping == null ? void 0 : editingMapping.HierarchyNodeName) != null ? _e : editingMapping == null ? void 0 : editingMapping.nodeName) != null ? _f : `Node ${formData.hierarchyNodeId}` }),
                     hierarchyNodes.map((node) => {
-                      var _a, _b, _c;
-                      const id = (_b = (_a = node.hierarchyNodeId) != null ? _a : node.HierarchyNodeId) != null ? _b : node.id;
-                      const name = (_c = node.nodeName) != null ? _c : node.NodeName;
-                      return /* @__PURE__ */ jsxs86("option", { value: id, children: [
-                        id,
-                        name ? ` - ${name}` : ""
-                      ] }, id);
+                      var _a2, _b2, _c2, _d2, _e2;
+                      const id = (_b2 = (_a2 = node.hierarchyNodeId) != null ? _a2 : node.HierarchyNodeId) != null ? _b2 : node.id;
+                      const name = (_e2 = (_d2 = (_c2 = node.nodeName) != null ? _c2 : node.NodeName) != null ? _d2 : node.hierarchyNodeName) != null ? _e2 : node.HierarchyNodeName;
+                      return /* @__PURE__ */ jsx87("option", { value: id, children: name ? name : `Node ${id}` }, id);
                     })
                   ]
                 }
@@ -13337,7 +13286,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
 }
 
 // src/components/Sidebar.jsx
-import { Fragment as Fragment8, jsx as jsx88, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx88, jsxs as jsxs87 } from "react/jsx-runtime";
 var workflowItems = [
   // Menu Name testing            // component or page-Use function name
   {
@@ -13362,8 +13311,8 @@ var workflowItems = [
   }
 ];
 var permissionItems = [{
-  name: "Task Permission",
-  component: "Task_permission_main",
+  name: "Step Permission",
+  component: "step_permission_main",
   icon: RiUserSettingsLine
 }, {
   name: "Assignment Rule",
@@ -13382,7 +13331,7 @@ var hierarchyItems = [
     icon: RiUserSharedLine
   },
   {
-    name: "Workflow Step User Mapping",
+    name: "Workflow Hierarchy Mapping",
     component: "User_hierarchy_mapping_main",
     icon: RiUserSharedLine
   },
@@ -13398,13 +13347,13 @@ var documentItems = [{
   icon: RiFileSettingsLine
 }];
 var fileItems = [{
-  name: "File Instance",
-  component: "FileInstanceMain",
-  icon: RiFileList3Line
-}, {
   name: "Business Entity",
   component: "BusinessEntitymain",
   icon: RiFileList3Line
+}, {
+  name: "File Instance",
+  component: "FileInstanceMain",
+  icon: RiFileList3Line
 }, {
   name: "File Pool",
   component: "FilePoolMain",
@@ -13443,7 +13392,8 @@ function Sidebar({
   childrens
 }) {
   const router = useRouter();
-  const [workflowOpen, setWorkflowOpen] = useState62(false);
+  const [activeComponent, setActiveComponent] = useState62("workflowType");
+  const [workflowOpen, setWorkflowOpen] = useState62(true);
   const [permissionOpen, setPermissionOpen] = useState62(false);
   const [hierarchyOpen, setHierarchyOpen] = useState62(false);
   const [documentOpen, setDocumentOpen] = useState62(false);
@@ -13451,14 +13401,25 @@ function Sidebar({
   const [tasksOpen, setTasksOpen] = useState62(false);
   const [trackingOpen, setTrackingOpen] = useState62(false);
   const [communicationOpen, setCommunicationOpen] = useState62(false);
-  const [activeComponent, setActiveComponent] = useState62("workflowType");
-  const renderMenuItemold = (item) => {
-    const Icon = item.icon;
-    return /* @__PURE__ */ jsxs87("button", { type: "button", className: `fc:flex fc:h-[48px] fc:w-full fc:items-center fc:gap-[8px] fc:rounded-[9px] fc:px-[8px] fc:text-left fc:transition-colors fc:duration-150${router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, onClick: () => router.push(item.path), children: [
-      /* @__PURE__ */ jsx88("span", { className: "fc:flex fc:h-[20px] fc:w-[20px] fc:shrink-0 fc:items-center fc:justify-center fc:rounded-[6px] fc:text-[#405170]", children: /* @__PURE__ */ jsx88(Icon, { size: 17 }) }),
-      /* @__PURE__ */ jsx88("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
-    ] }, item.name);
-  };
+  useEffect41(() => {
+    if (workflowItems.some((item) => item.component === activeComponent)) {
+      setWorkflowOpen(true);
+    } else if (permissionItems.some((item) => item.component === activeComponent)) {
+      setPermissionOpen(true);
+    } else if (hierarchyItems.some((item) => item.component === activeComponent)) {
+      setHierarchyOpen(true);
+    } else if (documentItems.some((item) => item.component === activeComponent)) {
+      setDocumentOpen(true);
+    } else if (fileItems.some((item) => item.component === activeComponent)) {
+      setFilesOpen(true);
+    } else if (taskItems.some((item) => item.component === activeComponent)) {
+      setTasksOpen(true);
+    } else if (trackingItems.some((item) => item.component === activeComponent)) {
+      setTrackingOpen(true);
+    } else if (communicationItems.some((item) => item.component === activeComponent)) {
+      setCommunicationOpen(true);
+    }
+  }, [activeComponent]);
   const renderMenuItem = (item) => {
     const Icon = item.icon;
     const handleClick = () => {
@@ -13472,10 +13433,27 @@ function Sidebar({
         router.push(item.path);
       }
     };
-    return /* @__PURE__ */ jsxs87("button", { onClick: handleClick, className: `fc:flex fc:h-[48px] fc:w-full fc:min-w-0 fc:items-center fc:gap-[6px] fc:rounded-[9px] fc:px-[6px]${item.component ? activeComponent === item.component ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]" : router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, children: [
-      /* @__PURE__ */ jsx88(Icon, { size: 16 }),
-      /* @__PURE__ */ jsx88("span", { className: "fc:min-w-0 fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
-    ] }, item.name);
+    const isActive = item.component ? activeComponent === item.component : router.pathname === item.path;
+    return /* @__PURE__ */ jsxs87(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        title: item.name,
+        className: `group fc:flex flex fc:h-[36px] h-[36px] fc:w-full w-full fc:min-w-0 min-w-0 fc:items-center items-center fc:gap-[8px] gap-[8px] fc:rounded-[7px] rounded-[7px] fc:px-[8px] px-[8px] fc:text-left text-left fc:transition-all transition-all fc:duration-150 duration-150 ${isActive ? "fc:bg-blue-50 bg-blue-50 fc:text-blue-600 text-blue-600 fc:font-semibold font-semibold" : "fc:text-[#405170] text-[#405170] hover:fc:bg-[#F6F8FC] hover:bg-[#F6F8FC] hover:fc:text-[#101318] hover:text-[#101318]"}`,
+        children: [
+          /* @__PURE__ */ jsx88(
+            "span",
+            {
+              className: `fc:flex flex fc:h-[18px] h-[18px] fc:w-[18px] w-[18px] fc:shrink-0 shrink-0 fc:items-center items-center fc:justify-center justify-center fc:transition-colors transition-colors ${isActive ? "fc:text-blue-600 text-blue-600" : "fc:text-[#64748B] text-[#64748B] group-hover:fc:text-[#101318] group-hover:text-[#101318]"}`,
+              children: /* @__PURE__ */ jsx88(Icon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx88("span", { className: "fc:min-w-0 min-w-0 fc:flex-1 flex-1 fc:truncate truncate fc:text-[13px] text-[13px] fc:leading-[18px] leading-[18px] fc:text-left text-left", children: item.name })
+        ]
+      },
+      item.name
+    );
   };
   const renderContent = () => {
     switch (activeComponent) {
@@ -13493,7 +13471,7 @@ function Sidebar({
         return /* @__PURE__ */ jsx88(Workflow_Step_Hierarchy_Mapping_Main, {});
       case "DocumentConfigurationmain":
         return /* @__PURE__ */ jsx88(DocumentConfigurationmain, {});
-      case "Task_permission_main":
+      case "step_permission_main":
         return /* @__PURE__ */ jsx88(TaskPermissionMain, {});
       case "AssignmentRuleMain":
         return /* @__PURE__ */ jsx88(AssignmentRuleMain, {});
@@ -13524,18 +13502,61 @@ function Sidebar({
     }
   };
   const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
-    return /* @__PURE__ */ jsxs87("div", { className: "fc:mb-2", children: [
-      /* @__PURE__ */ jsxs87("button", { type: "button", onClick: () => setOpen(!open), className: "fc:flex fc:h-[50px] fc:w-full fc:items-center fc:justify-between fc:rounded-[9px] fc:px-[17px] fc:text-left fc:text-[#344261] fc:transition-colors fc:duration-150 hover:fc:fc:bg-[#F6F8FC]", children: [
-        /* @__PURE__ */ jsxs87("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
-          HeadingIcon && /* @__PURE__ */ jsx88(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
-          /* @__PURE__ */ jsx88("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
-        ] }),
-        open ? /* @__PURE__ */ jsx88(RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ jsx88(RiArrowRightSLine, { size: 18 })
-      ] }),
-      open && /* @__PURE__ */ jsx88("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
+    const hasActiveChild = items.some(
+      (item) => item.component ? activeComponent === item.component : router.pathname === item.path
+    );
+    return /* @__PURE__ */ jsxs87("div", { className: "fc:mb-1 mb-1", children: [
+      /* @__PURE__ */ jsxs87(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(!open),
+          className: `fc:flex flex fc:h-[42px] h-[42px] fc:w-full w-full fc:items-center items-center fc:justify-between justify-between fc:rounded-[8px] rounded-[8px] fc:px-[10px] px-[10px] fc:text-left text-left fc:transition-colors transition-colors fc:duration-150 duration-150 hover:fc:bg-[#F6F8FC] hover:bg-[#F6F8FC] ${hasActiveChild && !open ? "fc:bg-blue-50/60 bg-blue-50/60 fc:text-blue-600 text-blue-600" : "fc:text-[#344261] text-[#344261]"}`,
+          children: [
+            /* @__PURE__ */ jsxs87("div", { className: "fc:flex flex fc:items-center items-center fc:gap-[10px] gap-[10px] fc:min-w-0 min-w-0", children: [
+              HeadingIcon && /* @__PURE__ */ jsx88(
+                HeadingIcon,
+                {
+                  size: 18,
+                  className: `fc:shrink-0 shrink-0 fc:transition-colors transition-colors ${hasActiveChild ? "fc:text-blue-600 text-blue-600" : "fc:text-[#405170] text-[#405170]"}`
+                }
+              ),
+              /* @__PURE__ */ jsx88("span", { className: `fc:text-[14px] text-[14px] fc:font-semibold font-semibold fc:truncate truncate ${hasActiveChild && !open ? "fc:text-blue-600 text-blue-600" : "fc:text-[#273657] text-[#273657]"}`, children: title })
+            ] }),
+            /* @__PURE__ */ jsx88(
+              "span",
+              {
+                className: `fc:text-[#7E8B9E] text-[#7E8B9E] fc:shrink-0 shrink-0 fc:ml-2 ml-2 fc:transition-transform transition-transform fc:duration-200 duration-200 ${open ? "fc:rotate-90 rotate-90 fc:text-[#344261] text-[#344261]" : "rotate-0"}`,
+                children: /* @__PURE__ */ jsx88(RiArrowRightSLine, { size: 18 })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx88(
+        "div",
+        {
+          style: {
+            display: "grid",
+            gridTemplateRows: open ? "1fr" : "0fr",
+            transition: "grid-template-rows 220ms cubic-bezier(0.4, 0, 0.2, 1)"
+          },
+          children: /* @__PURE__ */ jsx88(
+            "div",
+            {
+              style: {
+                overflow: "hidden",
+                opacity: open ? 1 : 0,
+                transition: "opacity 180ms ease-in-out"
+              },
+              children: /* @__PURE__ */ jsx88("div", { className: "fc:ml-[18px] ml-[18px] fc:mt-0.5 mt-0.5 fc:mb-1 mb-1 fc:border-l-2 border-l-2 fc:border-[#E5E9F1] border-[#E5E9F1] fc:pl-[8px] pl-[8px] fc:space-y-0.5 space-y-0.5", children: items.map(renderMenuItem) })
+            }
+          )
+        }
+      )
     ] });
   };
-  return /* @__PURE__ */ jsxs87(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs87(Fragment5, { children: [
     /* @__PURE__ */ jsxs87("aside", { className: `fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out ${isOpen ? "fc:w-[285px] fc:min-w-[285px] fc:translate-x-0 fc:opacity-100" : "fc:w-0 fc:min-w-0 fc:-translate-x-full fc:opacity-0"}`, children: [
       /* @__PURE__ */ jsxs87("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
         /* @__PURE__ */ jsxs87("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
@@ -13550,31 +13571,31 @@ function Sidebar({
             /* @__PURE__ */ jsx88("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx88("button", { type: "button", onClick: onToggle, className: "fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-lg hover:fc:fc:bg-gray-100", children: /* @__PURE__ */ jsx88(RiMenuLine, { size: 18 }) })
+        /* @__PURE__ */ jsx88("button", { type: "button", onClick: onToggle, className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors", children: /* @__PURE__ */ jsx88(RiMenuLine, { size: 18 }) })
       ] }),
-      /* @__PURE__ */ jsxs87("div", { className: "fc:min-h-0 fc:flex-1 fc:overflow-y-auto fc:overflow-x-hidden fc:px-[27px] fc:pb-[30px] fc:pt-[31px]", children: [
-        /* @__PURE__ */ jsx88("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Configuration Masters" }),
-        /* @__PURE__ */ jsxs87("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
+      /* @__PURE__ */ jsxs87("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
+        /* @__PURE__ */ jsx88("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
+        /* @__PURE__ */ jsxs87("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
           renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, RiNodeTree),
           renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, RiShieldUserLine),
           renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, RiFileSettingsLine),
           renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, RiNodeTree)
         ] }),
-        /* @__PURE__ */ jsx88("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:mt-[39px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Runtime" }),
-        /* @__PURE__ */ jsxs87("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
+        /* @__PURE__ */ jsx88("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
+        /* @__PURE__ */ jsxs87("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
           renderDropdown("Files", filesOpen, setFilesOpen, fileItems, RiFolder3Line),
           renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, RiCheckboxCircleLine),
           renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, RiRouteLine),
           renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, RiMessage2Line)
         ] })
       ] }),
-      /* @__PURE__ */ jsx88("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ jsxs87("button", { type: "button", className: "fc:flex fc:h-[66px] fc:w-full fc:items-center fc:gap-[18px] fc:rounded-[10px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:px-[23px] fc:text-left fc:text-[16px] fc:font-semibold fc:text-[#2D3A58] fc:shadow-sm hover:fc:fc:bg-[#F7F8FC] fc:transition", children: [
+      /* @__PURE__ */ jsx88("div", { className: "fc:shrink-0 shrink-0 fc:bg-white bg-white fc:px-[12px] px-[12px] fc:pb-[20px] pb-[20px] fc:pt-[12px] pt-[12px]", children: /* @__PURE__ */ jsxs87("button", { type: "button", className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition", children: [
         /* @__PURE__ */ jsx88(RiSettings4Line, { size: 20 }),
         /* @__PURE__ */ jsx88("span", { children: "Settings" })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx88("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ jsx88("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[px] fc:top-[30px] fc:z-[100] fc:flex fc:h-[46px] fc:w-[46px] fc:items-center fc:justify-center fc:rounded-[9px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors hover:fc:bg-gray-100", children: /* @__PURE__ */ jsx88(RiMenuLine, { size: 18 }) })
+    /* @__PURE__ */ jsx88("div", { className: "fc:flex-1 flex-1 fc:overflow-auto overflow-auto fc:bg-[#F5F7FB] bg-[#F5F7FB]", children: renderContent() }),
+    !isOpen && /* @__PURE__ */ jsx88("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100", children: /* @__PURE__ */ jsx88(RiMenuLine, { size: 18 }) })
   ] });
 }