flowcore-fn 8.0.7 → 8.0.9

package/dist/pkg-index.js

@@ -47,14 +47,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/pkg-index.jsx
 var pkg_index_exports = {};
 __export(pkg_index_exports, {
+  ApiEndpointsProvider: () => ApiEndpointsProvider_default,
   Layout: () => Layout_default,
   Sidebar: () => Sidebar
 });
 module.exports = __toCommonJS(pkg_index_exports);
 
 // src/components/Sidebar.jsx
-var import_react36 = require("react");
-var import_react37 = require("@remixicon/react");
+var import_react38 = require("react");
+var import_react39 = require("@remixicon/react");
 var import_router = require("next/router");
 
 // src/pages/WorkflowPage.js
@@ -2120,7 +2121,7 @@ function WorkFlowTransition() {
 }
 
 // src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 
 // src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
 var import_react18 = __toESM(require("react"));
@@ -2594,21 +2595,29 @@ function UserHierarchyNodeMappingTable({
   ] });
 }
 
-// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
+// src/components/user-hierarchy-node-mapping/edit-mapping.jsx
+var import_react21 = __toESM(require("react"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
+
+// src/components/user-hierarchy-node-mapping/delete-mapping.jsx
+var import_react22 = __toESM(require("react"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
+
+// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function User_hierarchy_mapping_main() {
-  const [modalOpen, setModalOpen] = (0, import_react21.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react21.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react21.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react21.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react21.useState)(0);
+  const [modalOpen, setModalOpen] = (0, import_react23.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react23.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react23.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react23.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react23.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
         label: "Dashboard",
         href: "/dashboard"
       }, {
@@ -2621,37 +2630,37 @@ function User_hierarchy_mapping_main() {
         label: "User Hierarchy Mapping",
         href: "/user hierarchy mapping"
       }], buttonText: "Add Mapping", onButtonClick: () => setModalOpen(true) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MappingSearchBar, { searchQuery, setSearchQuery, setCurrentPage }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)("option", { value: 5, children: "5 Rows" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 10, children: "10 Rows" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 20, children: "20 Rows" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 25, children: "25 Rows" })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MappingSearchBar, { searchQuery, setSearchQuery, setCurrentPage }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("option", { value: 5, children: "5 Rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: 10, children: "10 Rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: 20, children: "20 Rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: 25, children: "25 Rows" })
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
   ] });
 }
 
 // src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
-var import_react27 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 
 // src/components/DocumentConfiguration/SearchBar.jsx
-var import_react22 = __toESM(require("react"));
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react24 = __toESM(require("react"));
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function SearchBar3({
   searchQuery,
   setSearchQuery,
   setCurrentPage
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
       setSearchQuery(e.target.value);
       setCurrentPage(1);
     }, placeholder: "Search document name...", 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-sm 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 fc:shadow-sm" })
@@ -2659,18 +2668,18 @@ function SearchBar3({
 }
 
 // src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
-var import_react25 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 
 // src/components/DocumentConfiguration/edit.jsx
-var import_react23 = __toESM(require("react"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react25 = __toESM(require("react"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function EditDocumentConfiguration({
   isOpen,
   onClose,
   initialData,
   onSave
 }) {
-  const [formData, setFormData] = (0, import_react23.useState)({
+  const [formData, setFormData] = (0, import_react25.useState)({
     docName: "",
     stepId: "",
     extensions: "",
@@ -2678,8 +2687,8 @@ function EditDocumentConfiguration({
     maxSizeUnit: "MB",
     isMandatory: false
   });
-  const [errors, setErrors] = (0, import_react23.useState)({});
-  (0, import_react23.useEffect)(() => {
+  const [errors, setErrors] = (0, import_react25.useState)({});
+  (0, import_react25.useEffect)(() => {
     if (initialData) {
       const sizeParts = (initialData.maxSize || "10 MB").split(" ");
       setFormData({
@@ -2731,73 +2740,73 @@ function EditDocumentConfiguration({
     onClose();
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/10 fc:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:bg-white fc:rounded-2xl fc:shadow-2xl fc:border fc:border-gray-100 fc:w-full fc:max-w-2xl fc:overflow-hidden fc:transition-all", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-5 fc:border-b fc:border-gray-100", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:text-[#2563eb] fc:flex fc:items-center fc:justify-center fc:font-bold", children: "\u{1F4C4}" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Edit Document Configuration" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "fc:text-xs fc:text-gray-400", children: "Update document parameters and validation settings" })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/10 fc:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:bg-white fc:rounded-2xl fc:shadow-2xl fc:border fc:border-gray-100 fc:w-full fc:max-w-2xl fc:overflow-hidden fc:transition-all", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-5 fc:border-b fc:border-gray-100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:text-[#2563eb] fc:flex fc:items-center fc:justify-center fc:font-bold", children: "\u{1F4C4}" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Edit Document Configuration" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "fc:text-xs fc:text-gray-400", children: "Update document parameters and validation settings" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "md:fc:fc:col-span-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "md:fc:fc:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
             "Document Name ",
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-red-500", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-red-500", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { type: "text", name: "docName", placeholder: "e.g. Identity Proof", value: formData.docName, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.docName ? "border-red-500" : "border-gray-200"}` }),
-          errors.docName && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.docName })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { type: "text", name: "docName", placeholder: "e.g. Identity Proof", value: formData.docName, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.docName ? "border-red-500" : "border-gray-200"}` }),
+          errors.docName && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.docName })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
             "Workflow Step ID ",
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-red-500", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-red-500", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { type: "text", name: "stepId", placeholder: "e.g. 1", value: formData.stepId, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.stepId ? "border-red-500" : "border-gray-200"}` }),
-          errors.stepId && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.stepId })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { type: "text", name: "stepId", placeholder: "e.g. 1", value: formData.stepId, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.stepId ? "border-red-500" : "border-gray-200"}` }),
+          errors.stepId && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.stepId })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
             "Allowed Extensions ",
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-red-500", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-red-500", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { type: "text", name: "extensions", placeholder: "e.g. pdf, jpg, png", value: formData.extensions, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.extensions ? "border-red-500" : "border-gray-200"}` }),
-          errors.extensions && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.extensions })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { type: "text", name: "extensions", placeholder: "e.g. pdf, jpg, png", value: formData.extensions, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.extensions ? "border-red-500" : "border-gray-200"}` }),
+          errors.extensions && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.extensions })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
             "Max Size ",
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-red-500", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-red-500", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:flex fc:gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { type: "number", name: "maxSizeNum", placeholder: "10", value: formData.maxSizeNum, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.maxSizeNum ? "border-red-500" : "border-gray-200"}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("select", { name: "maxSizeUnit", value: formData.maxSizeUnit, onChange: handleChange, className: "fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:border-gray-200 fc:rounded-lg fc:outline-none", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: "MB", children: "MB" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: "KB", children: "KB" })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { type: "number", name: "maxSizeNum", placeholder: "10", value: formData.maxSizeNum, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.maxSizeNum ? "border-red-500" : "border-gray-200"}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("select", { name: "maxSizeUnit", value: formData.maxSizeUnit, onChange: handleChange, className: "fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:border-gray-200 fc:rounded-lg fc:outline-none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "MB", children: "MB" }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "KB", children: "KB" })
             ] })
           ] }),
-          errors.maxSizeNum && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.maxSizeNum })
+          errors.maxSizeNum && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.maxSizeNum })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { type: "checkbox", id: "isMandatory", name: "isMandatory", checked: formData.isMandatory, onChange: handleChange, className: "fc:w-4 fc:h-4 fc:text-[#2563eb] fc:rounded fc:border-gray-300 focus:fc:fc:ring-[#2563eb]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "isMandatory", className: "fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Mandatory" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { type: "checkbox", id: "isMandatory", name: "isMandatory", checked: formData.isMandatory, onChange: handleChange, className: "fc:w-4 fc:h-4 fc:text-[#2563eb] fc:rounded fc:border-gray-300 focus:fc:fc:ring-[#2563eb]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "isMandatory", className: "fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Mandatory" })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", onClick: onClose, className: "fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "submit", className: "fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:bg-[#2563eb] hover:fc:fc:bg-[#1d4ed8] active:fc:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Document" })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", onClick: onClose, className: "fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "submit", className: "fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:bg-[#2563eb] hover:fc:fc:bg-[#1d4ed8] active:fc:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Document" })
       ] })
     ] })
   ] }) });
 }
 
 // src/components/DocumentConfiguration/delete.jsx
-var import_react24 = __toESM(require("react"));
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react26 = __toESM(require("react"));
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function DeleteDocumentConfiguration({
   isOpen,
   onClose,
@@ -2813,24 +2822,24 @@ function DeleteDocumentConfiguration({
   };
   return (
     // Backdrop blur & darker backdrop for better focus
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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 fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden fc:transform fc:transition-all fc:scale-100", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:fc:text-gray-600 hover:fc:fc:bg-gray-100 fc:transition-colors", "aria-label": "Close", children: "\u2715" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:p-8 fc:text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fc:mx-auto fc:mb-4 fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-2xl fc:bg-red-50 fc:border fc:border-red-100 fc:text-red-500 fc:shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "fc:text-sm fc:text-gray-500 fc:leading-relaxed fc:px-2 fc:mb-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("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 fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden fc:transform fc:transition-all fc:scale-100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:fc:text-gray-600 hover:fc:fc:bg-gray-100 fc:transition-colors", "aria-label": "Close", children: "\u2715" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:p-8 fc:text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fc:mx-auto fc:mb-4 fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-2xl fc:bg-red-50 fc:border fc:border-red-100 fc:text-red-500 fc:shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "fc:text-sm fc:text-gray-500 fc:leading-relaxed fc:px-2 fc:mb-6", children: [
           "Are you sure you want to delete",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "fc:font-semibold fc:text-gray-900 fc:bg-gray-100 fc:px-2 fc:py-0.5 fc:rounded-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "fc:font-semibold fc:text-gray-900 fc:bg-gray-100 fc:px-2 fc:py-0.5 fc:rounded-md", children: [
             '"',
             (documentData == null ? void 0 : documentData.docName) || "This item",
             '"'
           ] }),
           "? This action cannot be undone."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 active:fc:fc:bg-gray-300 fc:rounded-xl fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-gray-300", children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", onClick: handleDelete, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:fc:bg-red-700 active:fc:fc:bg-red-800 fc:rounded-xl fc:shadow-md hover:fc:fc:shadow-lg fc:shadow-red-500/20 fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-red-500 focus:fc:fc:ring-offset-2", children: "Delete" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 active:fc:fc:bg-gray-300 fc:rounded-xl fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-gray-300", children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: handleDelete, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:fc:bg-red-700 active:fc:fc:bg-red-800 fc:rounded-xl fc:shadow-md hover:fc:fc:shadow-lg fc:shadow-red-500/20 fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-red-500 focus:fc:fc:ring-offset-2", children: "Delete" })
         ] })
       ] })
     ] }) })
@@ -2838,7 +2847,7 @@ function DeleteDocumentConfiguration({
 }
 
 // src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function DocumentConfigTable({
   pageSize,
   searchQuery = "",
@@ -3022,12 +3031,12 @@ function DocumentConfigTable({
     maxSize: "12 MB",
     isMandatory: true
   }];
-  const [data, setData] = (0, import_react25.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react25.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react25.useState)("docName");
-  const [isEditOpen, setIsEditOpen] = (0, import_react25.useState)(false);
-  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react25.useState)(false);
-  const [selectedItem, setSelectedItem] = (0, import_react25.useState)(null);
+  const [data, setData] = (0, import_react27.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react27.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react27.useState)("docName");
+  const [isEditOpen, setIsEditOpen] = (0, import_react27.useState)(false);
+  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react27.useState)(false);
+  const [selectedItem, setSelectedItem] = (0, import_react27.useState)(null);
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -3043,7 +3052,7 @@ function DocumentConfigTable({
     const query = (searchQuery || "").toLowerCase();
     return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
   });
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -3071,134 +3080,134 @@ function DocumentConfigTable({
   const handleConfirmDelete = (id) => {
     setData((prev) => prev.filter((item) => item.id !== id));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:space-y-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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 fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[1050px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("th", { onClick: () => handleSort("docName"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-60", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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 fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[1050px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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__ */ (0, import_jsx_runtime27.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("th", { onClick: () => handleSort("docName"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-60", children: [
           "Document Name ",
           sortKey === "docName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("th", { onClick: () => handleSort("stepId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-40", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("th", { onClick: () => handleSort("stepId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-40", children: [
           "Workflow Step ID ",
           sortKey === "stepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50", children: "Allowed Extensions" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("th", { onClick: () => handleSort("maxSize"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50", children: "Allowed Extensions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("th", { onClick: () => handleSort("maxSize"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
           "Max Size (MB) ",
           sortKey === "maxSize" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-32", children: "Is Mandatory" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-36", children: "Action" })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-32", children: "Is Mandatory" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-36", children: "Action" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.docName }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:text-center fc:font-semibold", children: item.stepId }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs", children: item.extensions }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-bold", children: item.maxSize }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => toggleMandatory(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.isMandatory ? "bg-[#2563eb]" : "bg-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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.isMandatory ? "translate-x-4.5" : "translate-x-0"}` }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.docName }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:text-center fc:font-semibold", children: item.stepId }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs", children: item.extensions }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-bold", children: item.maxSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => toggleMandatory(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.isMandatory ? "bg-[#2563eb]" : "bg-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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.isMandatory ? "translate-x-4.5" : "translate-x-0"}` }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
         ] }) })
       ] }, item.id)) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("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__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsx)("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-[#2563eb] text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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" })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("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__ */ (0, import_jsx_runtime27.jsx)("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__ */ (0, import_jsx_runtime27.jsx)("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-[#2563eb] text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EditDocumentConfiguration, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), initialData: selectedItem, onSave: handleSaveEdit }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DeleteDocumentConfiguration, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), documentData: selectedItem, onConfirm: handleConfirmDelete })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(EditDocumentConfiguration, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), initialData: selectedItem, onSave: handleSaveEdit }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DeleteDocumentConfiguration, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), documentData: selectedItem, onConfirm: handleConfirmDelete })
   ] });
 }
 
 // src/components/DocumentConfiguration/AddDocumentConfigurationModal.jsx
-var import_react26 = __toESM(require("react"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react28 = __toESM(require("react"));
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function AddDocumentConfigModal({
   isOpen,
   onClose
 }) {
-  const [isMandatory, setIsMandatory] = (0, import_react26.useState)(false);
+  const [isMandatory, setIsMandatory] = (0, import_react28.useState)(false);
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("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-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("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__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Document Configuration" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Configure rule specifications for node file processing" })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("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-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("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__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Document Configuration" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Configure rule specifications for node file processing" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
             "Document Name ",
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fc:text-red-500", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "text", placeholder: "e.g. Identity Proof", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Label name of the required document" })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("input", { type: "text", placeholder: "e.g. Identity Proof", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Label name of the required document" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
               "Workflow Step ID  ",
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" })
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fc:text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "number", placeholder: "e.g. 1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Numeric step sequence handler" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("input", { type: "number", placeholder: "e.g. 1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Numeric step sequence handler" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
               "Max Size (in MB)  ",
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fc:text-red-500", children: "*" }),
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "text", placeholder: "e.g. 10 MB", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Maximum upload limits permissible" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("input", { type: "text", placeholder: "e.g. 10 MB", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Maximum upload limits permissible" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
             "Allowed Extensions ",
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "fc:text-red-500", children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "text", placeholder: "e.g. pdf, jpg, png", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Comma-separated standard format extensions" })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("input", { type: "text", placeholder: "e.g. pdf, jpg, png", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Comma-separated standard format extensions" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-3.5 fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: "Is Mandatory File Field" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-0.5", children: "Check if user cannot bypass without uploading this file" })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-3.5 fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: "Is Mandatory File Field" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-0.5", children: "Check if user cannot bypass without uploading this file" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: () => setIsMandatory(!isMandatory), className: `fc:relative fc:inline-flex fc:h-6 fc:w-11 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${isMandatory ? "bg-blue-600" : "bg-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `fc:pointer-events-none fc:inline-block fc:h-5 fc:w-5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${isMandatory ? "translate-x-5" : "translate-x-0"}` }) })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { type: "button", onClick: () => setIsMandatory(!isMandatory), className: `fc:relative fc:inline-flex fc:h-6 fc:w-11 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${isMandatory ? "bg-blue-600" : "bg-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: `fc:pointer-events-none fc:inline-block fc:h-5 fc:w-5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${isMandatory ? "translate-x-5" : "translate-x-0"}` }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Rules" })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Rules" })
       ] })
     ] })
   ] });
 }
 
 // src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function DocumentConfigurationmain() {
-  const [modalOpen, setModalOpen] = (0, import_react27.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react27.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react27.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react27.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react27.useState)(0);
+  const [modalOpen, setModalOpen] = (0, import_react29.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react29.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react29.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react29.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react29.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommonHeader, { title: "Document Configuration", breadcrumbs: [{
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CommonHeader, { title: "Document Configuration", breadcrumbs: [{
       label: "Dashboard",
       href: "/dashboard"
     }, {
@@ -3211,36 +3220,36 @@ function DocumentConfigurationmain() {
       label: "Document Configuration",
       href: "/DocumentConfiguration"
     }], buttonText: "Add Document Configuration", onButtonClick: () => setModalOpen(true) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("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__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SearchBar3, { searchQuery, setSearchQuery, setCurrentPage }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("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__ */ (0, import_jsx_runtime27.jsx)("option", { value: 5, children: "5 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: 10, children: "10 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: 20, children: "20 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: 25, children: "25 Rows" })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("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__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SearchBar3, { searchQuery, setSearchQuery, setCurrentPage }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("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__ */ (0, import_jsx_runtime29.jsx)("option", { value: 5, children: "5 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: 10, children: "10 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: 20, children: "20 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: 25, children: "25 Rows" })
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DocumentConfigTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DocumentConfigTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AddDocumentConfigModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AddDocumentConfigModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
   ] });
 }
 
 // src/components/AuditLog/AuditLogmain.jsx
-var import_react31 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 
 // src/components/AuditLog/SearchBar.jsx
-var import_react28 = __toESM(require("react"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react30 = __toESM(require("react"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function SearchBar4({
   searchQuery,
   setSearchQuery,
   setCurrentPage
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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__ */ (0, import_jsx_runtime30.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
       setSearchQuery(e.target.value);
       setCurrentPage(1);
     }, placeholder: "Search user or action...", 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-sm 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 fc:shadow-sm" })
@@ -3248,8 +3257,8 @@ function SearchBar4({
 }
 
 // src/components/AuditLog/AuditLogTable.jsx
-var import_react29 = __toESM(require("react"));
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_react31 = __toESM(require("react"));
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function AuditLogTable({
   pageSize,
   searchQuery = "",
@@ -3458,9 +3467,9 @@ function AuditLogTable({
     ip: "192.168.1.45",
     time: "2026-07-17 15:55"
   }];
-  const [data, setData] = (0, import_react29.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react29.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react29.useState)("logId");
+  const [data, setData] = (0, import_react31.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react31.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react31.useState)("logId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -3476,7 +3485,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);
   });
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -3499,138 +3508,138 @@ function AuditLogTable({
         return "bg-slate-50 text-slate-700 border border-slate-200";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:space-y-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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 fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.No" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("th", { onClick: () => handleSort("logId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "fc:space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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 fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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__ */ (0, import_jsx_runtime31.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.No" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("th", { onClick: () => handleSort("logId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
           "Log ID ",
           sortKey === "logId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("th", { onClick: () => handleSort("user"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("th", { onClick: () => handleSort("user"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
           "User Name ",
           sortKey === "user" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("th", { onClick: () => handleSort("action"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("th", { onClick: () => handleSort("action"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
           "Action ",
           sortKey === "action" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("th", { onClick: () => handleSort("section"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("th", { onClick: () => handleSort("section"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
           "Section Modules ",
           sortKey === "section" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap", children: "IP Address" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("th", { onClick: () => handleSort("time"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap", children: "IP Address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("th", { onClick: () => handleSort("time"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
           "Timestamp ",
           sortKey === "time" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.logId }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-semibold fc:whitespace-nowrap", children: item.user }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "fc:py-4 fc:px-5 fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md fc:tracking-wide${getActionBadge(item.action)}`, children: item.action }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.section }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.ip }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.time })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.logId }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-semibold fc:whitespace-nowrap", children: item.user }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "fc:py-4 fc:px-5 fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md fc:tracking-wide${getActionBadge(item.action)}`, children: item.action }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.section }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.ip }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.time })
       ] }, item.id)) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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" })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("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__ */ (0, import_jsx_runtime31.jsx)("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__ */ (0, import_jsx_runtime31.jsx)("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__ */ (0, import_jsx_runtime31.jsx)("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" })
     ] })
   ] });
 }
 
 // src/components/AuditLog/AddAuditLogModal.jsx
-var import_react30 = __toESM(require("react"));
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_react32 = __toESM(require("react"));
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function AddAuditLogModal({
   isOpen,
   onClose
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("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-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("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__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Audit Entry" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Manually insert security audit trail incident" })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("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-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("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__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Audit Entry" }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Manually insert security audit trail incident" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Log ID *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", { type: "text", placeholder: "e.g. AUD-926", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique tracking ledger key code" })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Log ID *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("input", { type: "text", placeholder: "e.g. AUD-926", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique tracking ledger key code" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "User Name *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", { type: "text", placeholder: "e.g. Amit Sharma", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Profile designation handling agent" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "User Name *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("input", { type: "text", placeholder: "e.g. Amit Sharma", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Profile designation handling agent" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Type *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("select", { 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 fc:outline-none", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "CREATE", children: "CREATE" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "UPDATE", children: "UPDATE" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "DELETE", children: "DELETE" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "LOGIN", children: "LOGIN" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Type *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("select", { 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 fc:outline-none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: "CREATE", children: "CREATE" }),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: "UPDATE", children: "UPDATE" }),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: "DELETE", children: "DELETE" }),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: "LOGIN", children: "LOGIN" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Operational type category executed" })
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Operational type category executed" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "IP Address *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", { type: "text", placeholder: "e.g. 192.168.1.45", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Terminal remote system IP node" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "IP Address *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("input", { type: "text", placeholder: "e.g. 192.168.1.45", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Terminal remote system IP node" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Section Module *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", { type: "text", placeholder: "e.g. Document Config", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Target segment modified in configuration" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Section Module *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("input", { type: "text", placeholder: "e.g. Document Config", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Target segment modified in configuration" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Timestamp *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", { type: "datetime-local", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none" }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Precise server localized execution record date" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Timestamp *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("input", { type: "datetime-local", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Precise server localized execution record date" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Meta Details / Changes Summary" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("textarea", { rows: 2, placeholder: "Enter technical trace logs or query payload metadata...", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Log data state differential dumps if required" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Meta Details / Changes Summary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("textarea", { rows: 2, placeholder: "Enter technical trace logs or query payload metadata...", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Log data state differential dumps if required" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Commit Entry" })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Commit Entry" })
       ] })
     ] })
   ] });
 }
 
 // src/components/AuditLog/AuditLogmain.jsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function AuditLogmain() {
-  const [modalOpen, setModalOpen] = (0, import_react31.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react31.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react31.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react31.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react31.useState)(0);
+  const [modalOpen, setModalOpen] = (0, import_react33.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react33.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react33.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react33.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react33.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CommonHeader, { title: "Audit Log", breadcrumbs: [{
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CommonHeader, { title: "Audit Log", breadcrumbs: [{
       label: "Dashboard",
       href: "/dashboard"
     }, {
@@ -3643,36 +3652,36 @@ function AuditLogmain() {
       label: "Audit Log",
       href: "/auditlog"
     }], buttonText: "Add Audit Log", onButtonClick: () => setModalOpen(true) }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("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__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SearchBar4, { searchQuery, setSearchQuery, setCurrentPage }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("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__ */ (0, import_jsx_runtime31.jsx)("option", { value: 5, children: "5 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("option", { value: 10, children: "10 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("option", { value: 20, children: "20 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("option", { value: 25, children: "25 Rows" })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("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__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SearchBar4, { searchQuery, setSearchQuery, setCurrentPage }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("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__ */ (0, import_jsx_runtime33.jsx)("option", { value: 5, children: "5 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: 10, children: "10 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: 20, children: "20 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: 25, children: "25 Rows" })
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AuditLogTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AuditLogTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AddAuditLogModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AddAuditLogModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
   ] });
 }
 
 // src/components/MovementHistory/MovementHistorymain.jsx
-var import_react35 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 
 // src/components/MovementHistory/SearchBar.jsx
-var import_react32 = __toESM(require("react"));
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react34 = __toESM(require("react"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function SearchBar5({
   searchQuery,
   setSearchQuery,
   setCurrentPage
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime32.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
       setSearchQuery(e.target.value);
       setCurrentPage(1);
     }, placeholder: "Instance or Action...", 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-sm 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 fc:shadow-sm" })
@@ -3680,8 +3689,8 @@ function SearchBar5({
 }
 
 // src/components/MovementHistory/MovementHistoryTable.jsx
-var import_react33 = __toESM(require("react"));
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_react35 = __toESM(require("react"));
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function MovementHistoryTable({
   pageSize,
   searchQuery = "",
@@ -3890,9 +3899,9 @@ function MovementHistoryTable({
     toStepId: "APPROVE",
     movedOn: "2026-02-12"
   }];
-  const [data, setData] = (0, import_react33.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react33.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react33.useState)("movementHistoryId");
+  const [data, setData] = (0, import_react35.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react35.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react35.useState)("movementHistoryId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -3908,7 +3917,7 @@ function MovementHistoryTable({
     const query = (searchQuery || "").toLowerCase();
     return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
   });
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -3931,141 +3940,141 @@ function MovementHistoryTable({
         return "bg-slate-50 text-slate-700 border border-slate-200";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:space-y-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[400px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[900px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime33.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("th", { onClick: () => handleSort("movementHistoryId"), className: "fc:py-4 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-44", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "fc:space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[400px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[900px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("th", { onClick: () => handleSort("movementHistoryId"), className: "fc:py-4 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-44", children: [
           "Movement History ID ",
           sortKey === "movementHistoryId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("th", { onClick: () => handleSort("name"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-56", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("th", { onClick: () => handleSort("name"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-56", children: [
           "Name ",
           sortKey === "name" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("th", { onClick: () => handleSort("fileInstanceId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("th", { onClick: () => handleSort("fileInstanceId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
           "File Instance ID ",
           sortKey === "fileInstanceId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("th", { onClick: () => handleSort("fromStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("th", { onClick: () => handleSort("fromStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
           "FromStepID ",
           sortKey === "fromStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("th", { onClick: () => handleSort("toStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("th", { onClick: () => handleSort("toStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
           "ToStepID ",
           sortKey === "toStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("th", { onClick: () => handleSort("movedOn"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("th", { onClick: () => handleSort("movedOn"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
           "ActionCode ",
           sortKey === "movedOn" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400 fc:w-20", children: startIndex + index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.movementHistoryId }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-medium fc:truncate", children: item.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fileInstanceId }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fromStepId }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-semibold fc:text-slate-700", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md${getActionBadgeColor(item.toStepId)}`, children: item.toStepId }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.movedOn })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400 fc:w-20", children: startIndex + index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.movementHistoryId }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-medium fc:truncate", children: item.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fileInstanceId }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fromStepId }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-semibold fc:text-slate-700", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md${getActionBadgeColor(item.toStepId)}`, children: item.toStepId }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.movedOn })
       ] }, item.id)) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("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__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime33.jsx)("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" })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("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__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)("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" })
     ] })
   ] });
 }
 
 // src/components/MovementHistory/AddMovementHistoryModal.jsx
-var import_react34 = __toESM(require("react"));
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_react36 = __toESM(require("react"));
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function AddMovementHistoryModal({
   isOpen,
   onClose
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("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-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("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__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Movement History" }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Create a new movement audit trail entry" })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Movement History" }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Create a new movement audit trail entry" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement History ID *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { type: "text", placeholder: "e.g. 21", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique primary key for history record" })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement History ID *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("input", { type: "text", placeholder: "e.g. 21", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique primary key for history record" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "File Instance ID *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { type: "text", placeholder: "e.g. 101", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Associated unique document/transaction ID" })
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "File Instance ID *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("input", { type: "text", placeholder: "e.g. 101", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Associated unique document/transaction ID" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "From Step ID *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { type: "text", placeholder: "e.g. 1", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Starting step workflow node" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "From Step ID *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("input", { type: "text", placeholder: "e.g. 1", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Starting step workflow node" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "To Step ID *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { type: "text", placeholder: "e.g. 2", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Destination target step node" })
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "To Step ID *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("input", { type: "text", placeholder: "e.g. 2", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Destination target step node" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Code *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("select", { className: "fc:w-full fc:p-2 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 fc:outline-none", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: "APPROVE", children: "APPROVE" }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: "RETURN", children: "RETURN" }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: "FORWARD", children: "FORWARD" }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: "REJECT", children: "REJECT" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Code *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("select", { className: "fc:w-full fc:p-2 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 fc:outline-none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("option", { value: "APPROVE", children: "APPROVE" }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("option", { value: "RETURN", children: "RETURN" }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("option", { value: "FORWARD", children: "FORWARD" }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("option", { value: "REJECT", children: "REJECT" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Execution code action state" })
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Execution code action state" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Moved On *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { type: "date", className: "fc:w-full fc:p-2 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 fc:outline-none" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Movement record date timestamp" })
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Moved On *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("input", { type: "date", className: "fc:w-full fc:p-2 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 fc:outline-none" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Movement record date timestamp" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement Comments / Remarks" }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("textarea", { rows: 2, placeholder: "Enter audit remarks or transaction notes...", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Optional workflow remarks for documentation" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement Comments / Remarks" }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("textarea", { rows: 2, placeholder: "Enter audit remarks or transaction notes...", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Optional workflow remarks for documentation" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Record" })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Record" })
       ] })
     ] })
   ] });
 }
 
 // src/components/MovementHistory/MovementHistorymain.jsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function MovementHistorymain() {
-  const [modalOpen, setModalOpen] = (0, import_react35.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react35.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react35.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react35.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react35.useState)(0);
+  const [modalOpen, setModalOpen] = (0, import_react37.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react37.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react37.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react37.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react37.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommonHeader, { title: "Movement History", breadcrumbs: [{
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CommonHeader, { title: "Movement History", breadcrumbs: [{
       label: "Dashboard",
       href: "/dashboard"
     }, {
@@ -4078,113 +4087,113 @@ function MovementHistorymain() {
       label: "Movement History",
       href: "/movementhistory"
     }], buttonText: "Add Movement History", onButtonClick: () => setModalOpen(true) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("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__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SearchBar5, { searchQuery, setSearchQuery, setCurrentPage }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("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__ */ (0, import_jsx_runtime35.jsx)("option", { value: 5, children: "5 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("option", { value: 10, children: "10 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("option", { value: 20, children: "20 Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("option", { value: 25, children: "25 Rows" })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SearchBar5, { searchQuery, setSearchQuery, setCurrentPage }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("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__ */ (0, import_jsx_runtime37.jsx)("option", { value: 5, children: "5 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", { value: 10, children: "10 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", { value: 20, children: "20 Rows" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", { value: 25, children: "25 Rows" })
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MovementHistoryTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MovementHistoryTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AddMovementHistoryModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AddMovementHistoryModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
   ] });
 }
 
 // src/components/Sidebar.jsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var workflowItems = [
-  // Menu Name            // component or page-Use function name
+  // Menu Name testing            // component or page-Use function name
   {
     name: "Workflow Type",
     component: "workflowType",
-    icon: import_react37.RiGitMergeLine
+    icon: import_react39.RiGitMergeLine
   },
   {
     name: "Workflow",
     component: "workflow",
-    icon: import_react37.RiNodeTree
+    icon: import_react39.RiNodeTree
   },
   {
     name: "Workflow Step",
     component: "workflowStep",
-    icon: import_react37.RiGitBranchLine
+    icon: import_react39.RiGitBranchLine
   },
   {
     name: "Workflow Transition",
     component: "workflowTransition",
-    icon: import_react37.RiCornerDownRightLine
+    icon: import_react39.RiCornerDownRightLine
   }
 ];
 var permissionItems = [{
   name: "Task Permission",
   component: "Task_permission_main",
-  icon: import_react37.RiUserSettingsLine
+  icon: import_react39.RiUserSettingsLine
 }, {
   name: "Assignment Rule",
   component: "Assignment_rule_main",
-  icon: import_react37.RiFileShieldLine
+  icon: import_react39.RiFileShieldLine
 }];
 var hierarchyItems = [{
   name: "Hierarchy Node",
   path: "/HierarchyNodePage",
-  icon: import_react37.RiNodeTree
+  icon: import_react39.RiNodeTree
 }, {
   name: "User Hierarchy Mapping",
   component: "User_hierarchy_mapping_main",
-  icon: import_react37.RiUserSharedLine
+  icon: import_react39.RiUserSharedLine
 }, {
   name: "Workflow Settings",
   component: "WorkflowSettingMain",
-  icon: import_react37.RiSettings4Line
+  icon: import_react39.RiSettings4Line
 }];
 var documentItems = [{
   name: "Document Configuration",
   component: "DocumentConfigurationmain",
-  icon: import_react37.RiFileSettingsLine
+  icon: import_react39.RiFileSettingsLine
 }];
 var fileItems = [{
   name: "File Instance",
   path: "/FileInstance",
-  icon: import_react37.RiFileList3Line
+  icon: import_react39.RiFileList3Line
 }, {
   name: "BusinessEntity",
   path: "/BusinessEntity",
-  icon: import_react37.RiFileList3Line
+  icon: import_react39.RiFileList3Line
 }, {
   name: "File Pool",
   path: "/FilePoolPage",
-  icon: import_react37.RiDatabase2Line
+  icon: import_react39.RiDatabase2Line
 }, {
   name: "Uploaded Document",
   path: "/UploadedDocumentPage",
-  icon: import_react37.RiFileUploadLine
+  icon: import_react39.RiFileUploadLine
 }];
 var communicationItems = [{
   name: "Notification",
   component: "Notification_main",
-  icon: import_react37.RiNotification4Line
+  icon: import_react39.RiNotification4Line
 }, {
   name: "Comment",
   path: "/comment",
-  icon: import_react37.RiChat3Line
+  icon: import_react39.RiChat3Line
 }];
 var taskItems = [{
   name: "Task Instance",
   path: "/taskinstance",
-  icon: import_react37.RiCheckboxMultipleLine
+  icon: import_react39.RiCheckboxMultipleLine
 }];
 var trackingItems = [{
   name: "Audit Log",
   component: "AuditLogmain",
-  icon: import_react37.RiShieldCheckLine
+  icon: import_react39.RiShieldCheckLine
 }, {
   name: "Movement History",
   component: "MovementHistorymain",
-  icon: import_react37.RiHistoryLine
+  icon: import_react39.RiHistoryLine
 }];
 function Sidebar({
   isOpen,
@@ -4192,20 +4201,20 @@ function Sidebar({
   childrens
 }) {
   const router = (0, import_router.useRouter)();
-  const [workflowOpen, setWorkflowOpen] = (0, import_react36.useState)(false);
-  const [permissionOpen, setPermissionOpen] = (0, import_react36.useState)(false);
-  const [hierarchyOpen, setHierarchyOpen] = (0, import_react36.useState)(false);
-  const [documentOpen, setDocumentOpen] = (0, import_react36.useState)(false);
-  const [filesOpen, setFilesOpen] = (0, import_react36.useState)(false);
-  const [tasksOpen, setTasksOpen] = (0, import_react36.useState)(false);
-  const [trackingOpen, setTrackingOpen] = (0, import_react36.useState)(false);
-  const [communicationOpen, setCommunicationOpen] = (0, import_react36.useState)(false);
-  const [activeComponent, setActiveComponent] = (0, import_react36.useState)("workflowType");
+  const [workflowOpen, setWorkflowOpen] = (0, import_react38.useState)(false);
+  const [permissionOpen, setPermissionOpen] = (0, import_react38.useState)(false);
+  const [hierarchyOpen, setHierarchyOpen] = (0, import_react38.useState)(false);
+  const [documentOpen, setDocumentOpen] = (0, import_react38.useState)(false);
+  const [filesOpen, setFilesOpen] = (0, import_react38.useState)(false);
+  const [tasksOpen, setTasksOpen] = (0, import_react38.useState)(false);
+  const [trackingOpen, setTrackingOpen] = (0, import_react38.useState)(false);
+  const [communicationOpen, setCommunicationOpen] = (0, import_react38.useState)(false);
+  const [activeComponent, setActiveComponent] = (0, import_react38.useState)("workflowType");
   const renderMenuItemold = (item) => {
     const Icon = item.icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(Icon, { size: 17 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime38.jsx)(Icon, { size: 17 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
     ] }, item.name);
   };
   const renderMenuItem = (item) => {
@@ -4221,94 +4230,94 @@ function Sidebar({
         router.push(item.path);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsx)(Icon, { size: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fc:min-w-0 fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsx)(Icon, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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 renderContent = () => {
     switch (activeComponent) {
       case "workflowType":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WorkflowTypeMains, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(WorkflowTypeMains, {});
       case "workflow":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WorkflowPage, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(WorkflowPage, {});
       case "workflowStep":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WorkflowStep, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(WorkflowStep, {});
       case "workflowTransition":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WorkFlowTransition, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(WorkFlowTransition, {});
       case "User_hierarchy_mapping_main":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(User_hierarchy_mapping_main, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(User_hierarchy_mapping_main, {});
       case "DocumentConfigurationmain":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DocumentConfigurationmain, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DocumentConfigurationmain, {});
       case "AuditLogmain":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AuditLogmain, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AuditLogmain, {});
       case "MovementHistorymain":
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MovementHistorymain, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MovementHistorymain, {});
       default:
         return childrens;
     }
   };
   const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
-          HeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
+          HeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
         ] }),
-        open ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react37.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react37.RiArrowRightSLine, { size: 18 })
+        open ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react39.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react39.RiArrowRightSLine, { size: 18 })
       ] }),
-      open && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
+      open && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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 ? "w-[285px] min-w-[285px] translate-x-0 opacity-100" : "w-0 min-w-0 -translate-x-full opacity-0"}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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 ? "w-[285px] min-w-[285px] translate-x-0 opacity-100" : "w-0 min-w-0 -translate-x-full opacity-0"}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(import_react37.RiMenuLine, { size: 18 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime38.jsx)(import_react39.RiMenuLine, { size: 18 }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
-          renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react37.RiNodeTree),
-          renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react37.RiShieldUserLine),
-          renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react37.RiFileSettingsLine),
-          renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react37.RiNodeTree)
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
+          renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react39.RiNodeTree),
+          renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react39.RiShieldUserLine),
+          renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react39.RiFileSettingsLine),
+          renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react39.RiNodeTree)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
-          renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react37.RiFolder3Line),
-          renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react37.RiCheckboxCircleLine),
-          renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react37.RiRouteLine),
-          renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react37.RiMessage2Line)
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
+          renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react39.RiFolder3Line),
+          renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react39.RiCheckboxCircleLine),
+          renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react39.RiRouteLine),
+          renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react39.RiMessage2Line)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsx)(import_react37.RiSettings4Line, { size: 20 }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Settings" })
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsx)(import_react39.RiSettings4Line, { size: 20 }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: "Settings" })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[20px] 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:fc:bg-[#F3F5F9]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react37.RiMenuLine, { size: 18 }) })
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
+    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[20px] 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:fc:bg-[#F3F5F9]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react39.RiMenuLine, { size: 18 }) })
   ] });
 }
 
 // src/components/Layout.jsx
-var import_react38 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Layout = ({ children }) => {
-  const [isOpen, setIsOpen] = (0, import_react38.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  const [isOpen, setIsOpen] = (0, import_react40.useState)(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Sidebar,
     {
       isOpen,
@@ -4318,8 +4327,24 @@ var Layout = ({ children }) => {
   ) });
 };
 var Layout_default = Layout;
+
+// src/components/Service/ApiEndpointsProvider.js
+var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
+var apiEndpoints = null;
+var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
+  if (typeof window !== "undefined" && endpoints) {
+    apiEndpoints = endpoints;
+    sessionStorage.setItem(
+      STORAGE_KEY,
+      JSON.stringify(endpoints)
+    );
+  }
+  return null;
+};
+var ApiEndpointsProvider_default = ApiEndpointsProvider;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ApiEndpointsProvider,
   Layout,
   Sidebar
 });