flowcore-fn 3.2.0 → 3.3.0

package/dist/pkg-index.js

@@ -48,8 +48,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var pkg_index_exports = {};
 __export(pkg_index_exports, {
   ApiEndpointsProvider: () => ApiEndpointsProvider_default,
+  AssignmentRulePage: () => AssignmentRulePage,
   Layout: () => Layout_default,
   Sidebar: () => Sidebar,
+  TaskPermissionPage: () => TaskPermissionPage,
   WorkflowPage: () => WorkflowPage
 });
 module.exports = __toCommonJS(pkg_index_exports);
@@ -534,27 +536,687 @@ function WorkflowPage() {
   ] });
 }
 
+// src/pages/TaskPermissionPage.js
+var import_react10 = __toESM(require("react"));
+
+// src/components/task-permission/SearchBar.js
+var import_react6 = __toESM(require("react"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function SearchBar2({
+  searchTerm,
+  onSearchChange,
+  searchQuery,
+  setSearchQuery,
+  setCurrentPage
+}) {
+  const currentInputValue = searchQuery !== void 0 ? searchQuery : searchTerm || "";
+  const handleInputChange = (value) => {
+    if (setSearchQuery) {
+      setSearchQuery(value);
+    }
+    if (setCurrentPage) {
+      setCurrentPage(1);
+    }
+    if (onSearchChange) {
+      onSearchChange(value);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative max-w-sm w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { className: "w-4.5 h-4.5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(
+      "input",
+      {
+        type: "text",
+        value: currentInputValue,
+        onChange: (e) => handleInputChange(e.target.value),
+        placeholder: "Search step name, code or workflow...",
+        className: "w-full pl-10 pr-4 py-2.5 border border-slate-200 rounded-xl text-sm bg-slate-50/50 focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500 text-slate-700 placeholder-slate-400 transition-all shadow-sm"
+      }
+    )
+  ] });
+}
+
+// src/components/task-permission/Table.js
+var import_react7 = __toESM(require("react"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Table({ pageSize, searchQuery = "", currentPage, setCurrentPage, setTotalEntries }) {
+  const initialData = [
+    { id: 1, taskId: "1", role: "Admin", taskName: "Approve Workflow", permissionType: "Write", isStatusEnabled: true },
+    { id: 2, taskId: "2", role: "Approver", taskName: "Review Document", permissionType: "Read", isStatusEnabled: false },
+    { id: 3, taskId: "3", role: "Viewer", taskName: "View Logs", permissionType: "Read", isStatusEnabled: true },
+    { id: 4, taskId: "4", role: "Super Admin", taskName: "Manage Master Configuration", permissionType: "All", isStatusEnabled: true },
+    { id: 5, taskId: "5", role: "Admin", taskName: "Update Rule Engine", permissionType: "Write", isStatusEnabled: false },
+    { id: 6, taskId: "6", role: "Operator", taskName: "Data Input Task", permissionType: "Write", isStatusEnabled: true },
+    { id: 7, taskId: "7", role: "Approver", taskName: "Verify Financials", permissionType: "Write", isStatusEnabled: true },
+    { id: 8, taskId: "8", role: "Viewer", taskName: "Export Reports", permissionType: "Read", isStatusEnabled: true },
+    { id: 9, taskId: "9", role: "Super Admin", taskName: "User Management Sync", permissionType: "All", isStatusEnabled: true },
+    { id: 10, taskId: "10", role: "Admin", taskName: "Assign Roles Structure", permissionType: "Write", isStatusEnabled: true },
+    { id: 11, taskId: "11", role: "Approver", taskName: "Audit Trail Clearance", permissionType: "Read", isStatusEnabled: false },
+    { id: 12, taskId: "12", role: "Operator", taskName: "Update Profile Details", permissionType: "Write", isStatusEnabled: true },
+    { id: 13, taskId: "13", role: "Viewer", taskName: "Check Server Status", permissionType: "Read", isStatusEnabled: true },
+    { id: 14, taskId: "14", role: "Super Admin", taskName: "Database Schema Reset", permissionType: "All", isStatusEnabled: false },
+    { id: 15, taskId: "15", role: "Admin", taskName: "Modify Hierarchy Node", permissionType: "Write", isStatusEnabled: true },
+    { id: 16, taskId: "16", role: "Approver", taskName: "Approve Building Permit", permissionType: "Write", isStatusEnabled: true },
+    { id: 17, taskId: "17", role: "Operator", taskName: "Upload Property Documents", permissionType: "Write", isStatusEnabled: true },
+    { id: 18, taskId: "18", role: "Viewer", taskName: "Monitor Active Connections", permissionType: "Read", isStatusEnabled: true },
+    { id: 19, taskId: "19", role: "Admin", taskName: "Configure API Gateways", permissionType: "All", isStatusEnabled: true },
+    { id: 20, taskId: "20", role: "Approver", taskName: "Verify Citizen Grievance", permissionType: "Read", isStatusEnabled: false },
+    { id: 21, taskId: "21", role: "Operator", taskName: "Log Application Status", permissionType: "Write", isStatusEnabled: true },
+    { id: 22, taskId: "22", role: "Viewer", taskName: "Download Custom Reports", permissionType: "Read", isStatusEnabled: true },
+    { id: 23, taskId: "23", role: "Super Admin", taskName: "Manage Security Keys", permissionType: "All", isStatusEnabled: true },
+    { id: 24, taskId: "24", role: "Admin", taskName: "Toggle Maintenance Mode", permissionType: "Write", isStatusEnabled: false },
+    { id: 25, taskId: "25", role: "Approver", taskName: "Final File Sign-off", permissionType: "Write", isStatusEnabled: true }
+  ];
+  const [data, setData] = (0, import_react7.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react7.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react7.useState)("taskId");
+  const handleSort = (columnKey) => {
+    const isAsc = sortKey === columnKey && sortOrder === "asc";
+    setSortOrder(isAsc ? "desc" : "asc");
+    setSortKey(columnKey);
+    const sortedData = [...data].sort((a, b) => {
+      let valA = a[columnKey];
+      let valB = b[columnKey];
+      if (typeof valA === "number" && typeof valB === "number") {
+        return isAsc ? valA - valB : valB - valA;
+      }
+      valA = valA ? valA.toString().toLowerCase() : "";
+      valB = valB ? valB.toString().toLowerCase() : "";
+      if (valA < valB) return isAsc ? -1 : 1;
+      if (valA > valB) return isAsc ? 1 : -1;
+      return 0;
+    });
+    setData(sortedData);
+  };
+  const filteredData = data.filter((item) => {
+    if (!searchQuery || searchQuery.trim() === "") return true;
+    let query = searchQuery.toLowerCase().trim();
+    if (query.startsWith("task")) {
+      query = query.replace(/^task[- ]*/, "");
+      if (!query) return true;
+    }
+    return item.taskId && item.taskId.toString().toLowerCase().includes(query) || item.role && item.role.toLowerCase().includes(query) || item.taskName && item.taskName.toLowerCase().includes(query) || item.permissionType && item.permissionType.toLowerCase().includes(query);
+  });
+  (0, import_react7.useEffect)(() => {
+    if (setTotalEntries) setTotalEntries(filteredData.length);
+  }, [filteredData.length, setTotalEntries]);
+  const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
+  const startIndex = (currentPage - 1) * pageSize;
+  const visibleData = filteredData.slice(startIndex, startIndex + pageSize);
+  const pageNumbers = Array.from({ length: totalPages }, (_, i) => i + 1);
+  const toggleStatus = (id) => {
+    setData((prev) => prev.map((item) => item.id === id ? __spreadProps(__spreadValues({}, item), { isStatusEnabled: !item.isStatusEnabled }) : item));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { onClick: () => handleSort("taskId"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+          "TASK ID ",
+          sortKey === "taskId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { onClick: () => handleSort("role"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+          "ROLE ",
+          sortKey === "role" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { onClick: () => handleSort("taskName"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+          "TASK NAME ",
+          sortKey === "taskName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { onClick: () => handleSort("permissionType"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap text-center", children: [
+          "PERMISSION ",
+          sortKey === "permissionType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "STATUS" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: [
+        visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("td", { className: "py-4 px-5 font-mono text-xs font-bold text-slate-700 whitespace-nowrap", children: [
+            "TASK-",
+            item.taskId
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-slate-900 font-bold whitespace-nowrap", children: item.role }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.taskName }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-slate-800 text-center whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `px-2 py-0.5 rounded text-xs font-semibold ${item.permissionType === "Write" || item.permissionType === "All" ? "bg-emerald-50 text-emerald-700 border border-emerald-100" : "bg-blue-50 text-blue-700 border border-blue-100"}`, children: item.permissionType }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleStatus(item.id),
+              className: `relative inline-flex h-5.5 w-10 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out outline-none ${item.isStatusEnabled ? "bg-blue-600" : "bg-slate-200"}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${item.isStatusEnabled ? "translate-x-4.5" : "translate-x-0"}` })
+            }
+          ) })
+        ] }, item.id)),
+        visibleData.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { colSpan: "6", className: "py-8 text-center text-slate-400 text-xs font-medium bg-slate-50/30", children: "No matching task permissions found." }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-end gap-1 text-[13px] text-slate-700 font-normal mt-4 bg-slate-50/50 p-3 rounded-xl border border-slate-100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 mr-2 disabled:opacity-40", children: "\u2039 Prev" }),
+      pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          onClick: () => setCurrentPage(pageNumber),
+          className: `px-3 py-1 text-center rounded transition-all 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_runtime7.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 ml-2 disabled:opacity-40", children: "Next \u203A" })
+    ] })
+  ] });
+}
+
+// src/components/task-permission/Popup.js
+var import_react8 = __toESM(require("react"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Popup({ isOpen, onClose, onSave }) {
+  if (!isOpen) return null;
+  const [stepName, setStepName] = (0, import_react8.useState)("");
+  const [stepCode, setStepCode] = (0, import_react8.useState)("");
+  const [workflow, setWorkflow] = (0, import_react8.useState)("");
+  const [canView, setCanView] = (0, import_react8.useState)(false);
+  const [canEdit, setCanEdit] = (0, import_react8.useState)(false);
+  const [canApprove, setCanApprove] = (0, import_react8.useState)(false);
+  const [canReject, setCanReject] = (0, import_react8.useState)(false);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!stepName || !stepCode || !workflow) {
+      alert("Please fill out all required fields!");
+      return;
+    }
+    onSave({ stepName, stepCode: stepCode.toUpperCase(), workflow, canView, canEdit, canApprove, canReject });
+    setStepName("");
+    setStepCode("");
+    setWorkflow("");
+    setCanView(false);
+    setCanEdit(false);
+    setCanApprove(false);
+    setCanReject(false);
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity duration-200", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative w-full max-w-4xl bg-white rounded-3xl shadow-2xl flex flex-col z-10 max-h-[92vh] overflow-hidden animate-in fade-in zoom-in-95 duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-12 h-12 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center shadow-sm text-xl", children: "\u{1F511}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add Task Permission" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-slate-400 mt-0.5", children: "Configure step details and initial user control access rules" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { onClick: onClose, className: "text-slate-400 hover:text-slate-600 hover:bg-slate-100 p-2 rounded-full transition-all text-sm font-semibold", children: "\u2715" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { onSubmit: handleSubmit, className: "flex flex-col flex-1 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-blue-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u{1F4CB}" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Step Information" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+                  "Step Name ",
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "text", placeholder: "e.g., Scrutiny", value: stepName, onChange: (e) => setStepName(e.target.value), className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs placeholder-slate-400 text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 bg-white" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+                  "Step Code ",
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "text", placeholder: "e.g., SCRUTINY-01", value: stepCode, onChange: (e) => setStepCode(e.target.value), className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs placeholder-slate-400 text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 bg-white" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+                "Workflow Definition Relation ",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { value: workflow, onChange: (e) => setWorkflow(e.target.value), className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "Select associated master workflow" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "Citizen Petition Workflow", children: "Citizen Petition Workflow" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "Building Permission Workflow", children: "Building Permission Workflow" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "Leave Application Workflow", children: "Leave Application Workflow" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "Public Grievance Workflow", children: "Public Grievance Workflow" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-blue-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u2699\uFE0F" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Set Initial Matrix Access Rules" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [["\u{1F441}\uFE0F", "Can View", "Read logs", canView, setCanView], ["\u{1F4DD}", "Can Edit", "Modify props", canEdit, setCanEdit], ["\u2713", "Can Approve", "Pass states", canApprove, setCanApprove], ["\u2715", "Can Reject", "Cancel tasks", canReject, setCanReject]].map(([icon, title, desc, val, setVal], i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-8 rounded-lg bg-blue-50 text-blue-600 flex items-center justify-center text-xs", children: icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs font-bold text-slate-700", children: title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[9px] text-slate-400", children: desc })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: val, onChange: (e) => setVal(e.target.checked), className: "sr-only peer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
+              ] })
+            ] }, i)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: onClose, className: "px-6 py-2.5 border border-slate-200 text-slate-600 text-xs font-bold rounded-xl hover:bg-slate-50 transition-all", children: "\u2715 Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "submit", className: "px-6 py-2.5 bg-blue-600 hover:bg-blue-700 text-white text-xs font-bold rounded-xl shadow-md shadow-blue-500/10 transition-all", children: "\u{1F4BE} Save Permission" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/task-permission/AddButton.js
+var import_react9 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function AddButton2({ onOpen }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "button",
+    {
+      onClick: onOpen,
+      className: "bg-blue-600 hover:bg-blue-700 text-white px-5 py-2.5 rounded-xl font-bold text-sm shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/30 transition-all active:scale-95 flex items-center gap-2",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+        "Add Task Permission"
+      ]
+    }
+  );
+}
+
+// src/pages/TaskPermissionPage.js
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function TaskPermissionPage() {
+  const [modalOpen, setModalOpen] = (0, import_react10.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react10.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react10.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react10.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react10.useState)(0);
+  const handlePageSizeChange = (e) => {
+    setPageSize(Number(e.target.value));
+    setCurrentPage(1);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w-full space-y-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Task Permission" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "text-xs text-slate-400 mt-1", children: [
+            "Dashboard > Settings > ",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-blue-600 font-semibold", children: "Task Permission Master" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AddButton2, { onOpen: () => setModalOpen(true) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SearchBar2, { searchQuery, setSearchQuery, setCurrentPage }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "select",
+            {
+              value: pageSize,
+              onChange: handlePageSizeChange,
+              className: "border border-slate-200 rounded-lg px-3 py-2 text-sm bg-white cursor-pointer outline-none shadow-sm text-slate-700",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 20, children: "20 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 25, children: "25 Rows" })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          Table,
+          {
+            pageSize,
+            searchQuery,
+            currentPage,
+            setCurrentPage,
+            setTotalEntries
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Popup, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+  ] });
+}
+
+// src/pages/AssignmentRulePage.js
+var import_react15 = __toESM(require("react"));
+
+// src/components/assignment-rule/SearchBar.js
+var import_react11 = __toESM(require("react"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function SearchBar3({ searchQuery, setSearchQuery, setCurrentPage }) {
+  const handleInputChange = (value) => {
+    setSearchQuery(value);
+    if (setCurrentPage) {
+      setCurrentPage(1);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative max-w-sm w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { className: "w-4.5 h-4.5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(
+      "input",
+      {
+        type: "text",
+        value: searchQuery,
+        onChange: (e) => handleInputChange(e.target.value),
+        placeholder: "Search rule keys...",
+        className: "w-full pl-10 pr-4 py-2.5 border border-slate-200 rounded-xl text-sm bg-slate-50/50 focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500 text-slate-700 placeholder-slate-400 transition-all shadow-sm"
+      }
+    )
+  ] });
+}
+
+// src/components/assignment-rule/Table.js
+var import_react12 = __toESM(require("react"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Table2({ pageSize, searchQuery = "", currentPage, setCurrentPage, setTotalEntries }) {
+  const initialData = [
+    { id: 1, workflowStepId: "1", assignmentType: "Hierarchy", hierarchyNodeType: "Block", dynamicFunctionId: "N/A", isPoolEnabled: true },
+    { id: 2, workflowStepId: "2", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "1", isPoolEnabled: false },
+    { id: 3, workflowStepId: "3", assignmentType: "Hierarchy", hierarchyNodeType: "District", dynamicFunctionId: "N/A", isPoolEnabled: true },
+    { id: 4, workflowStepId: "4", assignmentType: "Dynamic", hierarchyNodeType: "Block", dynamicFunctionId: "2", isPoolEnabled: false },
+    { id: 5, workflowStepId: "5", assignmentType: "Hierarchy", hierarchyNodeType: "Block", dynamicFunctionId: "N/A", isPoolEnabled: true },
+    { id: 6, workflowStepId: "6", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 7, workflowStepId: "7", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 8, workflowStepId: "8", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 9, workflowStepId: "9", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 10, workflowStepId: "10", assignmentType: "Hierarchy", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 11, workflowStepId: "11", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 12, workflowStepId: "12", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 13, workflowStepId: "13", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true },
+    { id: 14, workflowStepId: "14", assignmentType: "Dynamic", hierarchyNodeType: "District", dynamicFunctionId: "4", isPoolEnabled: true }
+  ];
+  const [data, setData] = (0, import_react12.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react12.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react12.useState)("workflowStepId");
+  const handleSort = (columnKey) => {
+    const isAsc = sortKey === columnKey && sortOrder === "asc";
+    setSortOrder(isAsc ? "desc" : "asc");
+    setSortKey(columnKey);
+    const sortedData = [...data].sort((a, b) => {
+      let valA = a[columnKey];
+      let valB = b[columnKey];
+      if (typeof valA === "number" && typeof valB === "number") {
+        return isAsc ? valA - valB : valB - valA;
+      }
+      valA = valA ? valA.toString().toLowerCase() : "";
+      valB = valB ? valB.toString().toLowerCase() : "";
+      if (valA < valB) return isAsc ? -1 : 1;
+      if (valA > valB) return isAsc ? 1 : -1;
+      return 0;
+    });
+    setData(sortedData);
+  };
+  const filteredData = data.filter((item) => {
+    if (!searchQuery || searchQuery.trim() === "") return true;
+    const query = searchQuery.toLowerCase().trim();
+    return item.workflowStepId && item.workflowStepId.toString().toLowerCase().includes(query) || item.assignmentType && item.assignmentType.toLowerCase().includes(query) || item.hierarchyNodeType && item.hierarchyNodeType.toLowerCase().includes(query) || item.dynamicFunctionId && item.dynamicFunctionId.toString().toLowerCase().includes(query);
+  });
+  (0, import_react12.useEffect)(() => {
+    if (setTotalEntries) setTotalEntries(filteredData.length);
+  }, [filteredData.length, setTotalEntries]);
+  const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
+  const startIndex = (currentPage - 1) * pageSize;
+  const visibleData = filteredData.slice(startIndex, startIndex + pageSize);
+  const pageNumbers = Array.from({ length: totalPages }, (_, i) => i + 1);
+  const toggleStatus = (id) => {
+    setData((prev) => prev.map((item) => item.id === id ? __spreadProps(__spreadValues({}, item), { isPoolEnabled: !item.isPoolEnabled }) : item));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("th", { onClick: () => handleSort("workflowStepId"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+          "WORKFLOW STEP ID ",
+          sortKey === "workflowStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("th", { onClick: () => handleSort("assignmentType"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+          "ASSIGNMENT TYPE ",
+          sortKey === "assignmentType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("th", { onClick: () => handleSort("hierarchyNodeType"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+          "NODE TYPE ",
+          sortKey === "hierarchyNodeType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("th", { onClick: () => handleSort("dynamicFunctionId"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap text-center", children: [
+          "DYNAMIC FUNCTION ID ",
+          sortKey === "dynamicFunctionId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "POOL ENABLED" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: [
+        visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("td", { className: "py-4 px-5 font-mono text-xs font-bold text-slate-700 whitespace-nowrap", children: [
+            "STEP-",
+            item.workflowStepId
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "py-4 px-5 text-slate-900 text-[14px] font-bold whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `px-2 py-0.5 rounded text-xs font-semibold ${item.assignmentType === "Hierarchy" ? "bg-indigo-50 text-indigo-700 border border-indigo-100" : "bg-amber-50 text-amber-700 border border-amber-100"}`, children: item.assignmentType }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.hierarchyNodeType }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "py-4 px-5 text-slate-800 font-bold text-center whitespace-nowrap", children: item.dynamicFunctionId === "N/A" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-slate-400 font-normal", children: "N/A" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "bg-slate-100 text-slate-700 px-2 py-0.5 rounded text-xs", children: [
+            "FN-",
+            item.dynamicFunctionId
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleStatus(item.id),
+              className: `relative inline-flex h-5.5 w-10 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out outline-none ${item.isPoolEnabled ? "bg-blue-600" : "bg-slate-200"}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${item.isPoolEnabled ? "translate-x-4.5" : "translate-x-0"}` })
+            }
+          ) })
+        ] }, item.id)),
+        visibleData.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { colSpan: "6", className: "py-8 text-center text-slate-400 text-xs font-medium bg-slate-50/30", children: "No matching assignment rules found." }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-end gap-1 text-[13px] text-slate-700 font-normal mt-4 bg-slate-50/50 p-3 rounded-xl border border-slate-100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 mr-2 disabled:opacity-40", children: "\u2039 Prev" }),
+      pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "button",
+        {
+          onClick: () => setCurrentPage(pageNumber),
+          className: `px-3 py-1 text-center rounded transition-all 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_runtime12.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 ml-2 disabled:opacity-40", children: "Next \u203A" })
+    ] })
+  ] });
+}
+
+// src/components/assignment-rule/Popup.js
+var import_react13 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Popup2({ isOpen, onClose, onSave }) {
+  if (!isOpen) return null;
+  const [workflowStepId, setWorkflowStepId] = (0, import_react13.useState)("");
+  const [assignmentType, setAssignmentType] = (0, import_react13.useState)("");
+  const [hierarchyNodeType, setHierarchyNodeType] = (0, import_react13.useState)("");
+  const [dynamicFunctionId, setDynamicFunctionId] = (0, import_react13.useState)("");
+  const [isPoolEnabled, setIsPoolEnabled] = (0, import_react13.useState)(false);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!workflowStepId || !assignmentType || !hierarchyNodeType) {
+      alert("Please fill out all required fields!");
+      return;
+    }
+    onSave({
+      workflowStepId,
+      assignmentType,
+      hierarchyNodeType,
+      dynamicFunctionId: dynamicFunctionId || "N/A",
+      isPoolEnabled
+    });
+    setWorkflowStepId("");
+    setAssignmentType("");
+    setHierarchyNodeType("");
+    setDynamicFunctionId("");
+    setIsPoolEnabled(false);
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full max-w-2xl bg-white rounded-3xl shadow-2xl flex flex-col z-10 max-h-[90vh] overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between items-center px-8 py-5 border-b border-slate-100", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-10 h-10 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center text-lg", children: "\u2696\uFE0F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "text-lg font-extrabold text-slate-800", children: "Add Assignment Rule" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-[10px] text-slate-400", children: "Configure core task routing constraints" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: onClose, className: "text-slate-400 hover:text-slate-600 font-semibold text-sm", children: "\u2715" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { onSubmit: handleSubmit, className: "flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-6 space-y-4 overflow-y-auto bg-slate-50/30", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Workflow Step ID *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "text", placeholder: "e.g., STEP-1", value: workflowStepId, onChange: (e) => setWorkflowStepId(e.target.value), className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs placeholder-slate-400 focus:ring-2 focus:ring-blue-500/10 focus:border-blue-500" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Assignment Type *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("select", { value: assignmentType, onChange: (e) => setAssignmentType(e.target.value), className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:border-blue-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: "Select Assignment Engine Type" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "Hierarchy", children: "Hierarchy" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "Dynamic", children: "Dynamic" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Hierarchy Node Type *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("select", { value: hierarchyNodeType, onChange: (e) => setHierarchyNodeType(e.target.value), className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:border-blue-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: "Select Node Level" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "Block", children: "Block" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "District", children: "District" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Dynamic Function ID" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "text", placeholder: "e.g., 1, 2", value: dynamicFunctionId, onChange: (e) => setDynamicFunctionId(e.target.value), className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs placeholder-slate-400 focus:ring-2 focus:ring-blue-500/10 focus:border-blue-500" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "checkbox", id: "isPoolEnabled", checked: isPoolEnabled, onChange: (e) => setIsPoolEnabled(e.target.checked), className: "w-4 h-4 text-blue-600 border-slate-300 rounded focus:ring-blue-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "isPoolEnabled", className: "text-xs font-bold text-slate-700 select-none cursor-pointer", children: "Enable Task Pooling" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-4 bg-white border-t border-slate-100 flex items-center justify-end gap-2.5 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: onClose, className: "px-4 py-2 border border-slate-200 text-slate-600 text-xs font-bold rounded-xl hover:bg-slate-50", children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "submit", className: "px-5 py-2 bg-blue-600 hover:bg-blue-700 text-white text-xs font-bold rounded-xl shadow-md shadow-blue-500/10", children: "Save Rule" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/assignment-rule/AddButton.js
+var import_react14 = __toESM(require("react"));
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function AddButton3({ onOpen }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "button",
+    {
+      onClick: onOpen,
+      className: "bg-blue-600 hover:bg-blue-700 text-white px-5 py-2.5 rounded-xl font-bold text-sm shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/30 transition-all active:scale-95 flex items-center gap-2",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+        "Add Assignment Rule"
+      ]
+    }
+  );
+}
+
+// src/pages/AssignmentRulePage.js
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function AssignmentRulePage() {
+  const [modalOpen, setModalOpen] = (0, import_react15.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react15.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react15.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react15.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react15.useState)(0);
+  const handlePageSizeChange = (e) => {
+    setPageSize(Number(e.target.value));
+    setCurrentPage(1);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w-full space-y-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Assignment Rule" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "text-xs text-slate-400 mt-1", children: [
+            "Dashboard > Settings > ",
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-blue-600 font-semibold", children: "Assignment Rule Master" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AddButton3, { onOpen: () => setModalOpen(true) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SearchBar3, { searchQuery, setSearchQuery, setCurrentPage }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            "select",
+            {
+              value: pageSize,
+              onChange: handlePageSizeChange,
+              className: "border border-slate-200 rounded-lg px-3 py-2 text-sm bg-white cursor-pointer outline-none shadow-sm text-slate-700",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: 20, children: "20 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: 25, children: "25 Rows" })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          Table2,
+          {
+            pageSize,
+            searchQuery,
+            currentPage,
+            setCurrentPage,
+            setTotalEntries
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Popup2, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+  ] });
+}
+
 // src/components/Sidebar.jsx
-var import_react17 = require("react");
-var import_react18 = require("@remixicon/react");
+var import_react27 = require("react");
+var import_react28 = require("@remixicon/react");
 var import_router = require("next/router");
 
 // src/components/WorkflowType/WorkflowTypeMains.js
-var import_react10 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 
 // src/components/WorkflowType/SearchBar.jsx
-var import_react6 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function SearchBar2({ searchQuery, setSearchQuery, setCurrentPage }) {
+var import_react16 = __toESM(require("react"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function SearchBar4({ searchQuery, setSearchQuery, setCurrentPage }) {
   const handleChange = (e) => {
     setSearchQuery(e.target.value);
     if (setCurrentPage) {
       setCurrentPage(1);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsx)(
       "input",
       {
         type: "text",
@@ -564,7 +1226,7 @@ function SearchBar2({ searchQuery, setSearchQuery, setCurrentPage }) {
         className: "w-full pl-9 pr-4 py-2 bg-white border border-slate-200 rounded-xl text-sm text-slate-800 placeholder-slate-400 outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all shadow-sm"
       }
     ),
-    searchQuery && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    searchQuery && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "button",
       {
         onClick: () => {
@@ -579,8 +1241,8 @@ function SearchBar2({ searchQuery, setSearchQuery, setCurrentPage }) {
 }
 
 // src/components/WorkflowType/WorkflowTypeTable.jsx
-var import_react7 = __toESM(require("react"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react17 = __toESM(require("react"));
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function WorkflowTypeTable({ pageSize, searchQuery = "", currentPage, setCurrentPage, setTotalEntries }) {
   const initialData = [
     { id: 1, workflowName: "Citizen Petition Workflow", workflowCode: "PET-001", workflowType: "Petition", version: 1, published: true, status: true },
@@ -609,9 +1271,9 @@ function WorkflowTypeTable({ pageSize, searchQuery = "", currentPage, setCurrent
     { id: 24, workflowName: "Seismic Clearance Flow", workflowCode: "ENV-001", workflowType: "Environment", version: 1, published: false, status: false },
     { id: 25, workflowName: "Tree Cutting Permission", workflowCode: "ENV-002", workflowType: "Environment", version: 2, published: true, status: true }
   ];
-  const [data, setData] = (0, import_react7.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react7.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react7.useState)("workflowName");
+  const [data, setData] = (0, import_react17.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react17.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react17.useState)("workflowName");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -627,7 +1289,7 @@ function WorkflowTypeTable({ pageSize, searchQuery = "", currentPage, setCurrent
     const query = (searchQuery || "").toLowerCase();
     return item.workflowName.toLowerCase().includes(query) || item.workflowCode.toLowerCase().includes(query) || item.workflowType.toLowerCase().includes(query);
   });
-  (0, import_react7.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -637,46 +1299,46 @@ function WorkflowTypeTable({ pageSize, searchQuery = "", currentPage, setCurrent
   const toggleStatus = (id) => {
     setData((prev) => prev.map((item) => item.id === id ? __spreadProps(__spreadValues({}, item), { status: !item.status }) : item));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { onClick: () => handleSort("workflowName"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("th", { onClick: () => handleSort("workflowName"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
           "WORKFLOW NAME ",
           sortKey === "workflowName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { onClick: () => handleSort("workflowCode"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("th", { onClick: () => handleSort("workflowCode"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
           "WORKFLOW CODE ",
           sortKey === "workflowCode" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { onClick: () => handleSort("workflowType"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("th", { onClick: () => handleSort("workflowType"), className: "py-4 px-5 text-sm cursor-pointer select-none hover:text-slate-900 bg-slate-50 whitespace-nowrap", children: [
           "WORKFLOW TYPE ",
           sortKey === "workflowType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "VERSION" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "PUBLISHED" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "STATUS" })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "VERSION" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "PUBLISHED" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "STATUS" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 font-bold text-slate-900 text-[14px] whitespace-nowrap", children: item.workflowName }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-slate-500 font-mono text-xs whitespace-nowrap", children: item.workflowCode }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.workflowType }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 font-bold text-slate-800 text-center whitespace-nowrap", children: item.version }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `px-2 py-0.5 text-xs font-semibold rounded ${item.published ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.published ? "\u2713 Yes" : "\u2715 No" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", { className: "py-4 px-5 font-bold text-slate-900 text-[14px] whitespace-nowrap", children: item.workflowName }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", { className: "py-4 px-5 text-slate-500 font-mono text-xs whitespace-nowrap", children: item.workflowCode }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.workflowType }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", { className: "py-4 px-5 font-bold text-slate-800 text-center whitespace-nowrap", children: item.version }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: `px-2 py-0.5 text-xs font-semibold rounded ${item.published ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.published ? "\u2713 Yes" : "\u2715 No" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "button",
           {
             onClick: () => toggleStatus(item.id),
             className: `relative inline-flex h-5.5 w-10 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out outline-none ${item.status ? "bg-blue-600" : "bg-slate-200"}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${item.status ? "translate-x-4.5" : "translate-x-0"}` })
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: `pointer-events-none inline-block h-4.5 w-4.5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${item.status ? "translate-x-4.5" : "translate-x-0"}` })
           }
         ) })
       ] }, item.id)) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-end gap-1 text-[13px] text-slate-700 font-normal mt-4 bg-slate-50/50 p-3 rounded-xl border border-slate-100", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 mr-2 disabled:opacity-40", children: "\u2039 Prev" }),
-      pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-end gap-1 text-[13px] text-slate-700 font-normal mt-4 bg-slate-50/50 p-3 rounded-xl border border-slate-100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 mr-2 disabled:opacity-40", children: "\u2039 Prev" }),
+      pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           onClick: () => setCurrentPage(pageNumber),
@@ -685,34 +1347,34 @@ function WorkflowTypeTable({ pageSize, searchQuery = "", currentPage, setCurrent
         },
         pageNumber
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 ml-2 disabled:opacity-40", children: "Next \u203A" })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "px-2.5 py-1 text-slate-500 hover:text-slate-900 ml-2 disabled:opacity-40", children: "Next \u203A" })
     ] })
   ] });
 }
 
 // src/components/WorkflowType/AddWorkflowTypeModal.jsx
-var import_react8 = __toESM(require("react"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react18 = __toESM(require("react"));
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function AddWorkflowTypeModal({ isOpen, onClose }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity duration-200",
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative w-full max-w-4xl bg-white rounded-3xl shadow-2xl flex flex-col z-10 max-h-[92vh] overflow-hidden animate-in fade-in zoom-in-95 duration-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add Workflow" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflow and configure its details" })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative w-full max-w-4xl bg-white rounded-3xl shadow-2xl flex flex-col z-10 max-h-[92vh] overflow-hidden animate-in fade-in zoom-in-95 duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add Workflow" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflow and configure its details" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "button",
           {
             onClick: onClose,
@@ -721,32 +1383,32 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u{1F4CB}" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Workflow Information" })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u{1F4CB}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Workflow Information" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Workflow Type ",
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "Select workflow type" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "petition", children: "Petition" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "building", children: "Building Permission" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "leave", children: "Leave" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "", children: "Select workflow type" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "petition", children: "Petition" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "building", children: "Building Permission" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "leave", children: "Leave" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflow belongs to" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflow belongs to" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Workflow Code ",
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "input",
                 {
                   type: "text",
@@ -754,15 +1416,15 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
                   className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflow (e.g., PET-001)" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflow (e.g., PET-001)" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
               "Workflow Name ",
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "input",
               {
                 type: "text",
@@ -770,15 +1432,15 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
                 className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflow" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflow" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Version ",
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "input",
                 {
                   type: "text",
@@ -786,27 +1448,27 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
                   className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Workflow version number" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Workflow version number" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Published ",
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "false", children: "No" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "true", children: "Yes" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "false", children: "No" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "true", children: "Yes" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Make workflow active for use" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Make workflow active for use" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "textarea",
             {
               rows: 3,
@@ -814,86 +1476,86 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
               className: "w-full p-3 border border-slate-200 rounded-xl text-xs resize-none focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this workflow" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this workflow" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u2699\uFE0F" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Status & Settings" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u2699\uFE0F" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Status & Settings" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Status ",
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "active", children: "Active" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "inactive", children: "Inactive" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "active", children: "Active" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "inactive", children: "Inactive" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Set the initial status of this workflow" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Set the initial status of this workflow" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "medium", children: "Medium" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "high", children: "High" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "low", children: "Low" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "medium", children: "Medium" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "high", children: "High" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "low", children: "Low" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this workflow" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this workflow" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u{1F6E0}\uFE0F" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Additional Settings" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u{1F6E0}\uFE0F" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Additional Settings" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u23F1\uFE0F" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u23F1\uFE0F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F504}" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F504}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F465}" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F465}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", className: "sr-only peer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", { type: "checkbox", className: "sr-only peer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
               ] })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "button",
           {
             onClick: onClose,
@@ -901,7 +1563,7 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
             children: "\u2715 Cancel"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "button",
           {
             type: "button",
@@ -915,16 +1577,16 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
 }
 
 // src/components/WorkflowType/AddButton.jsx
-var import_react9 = __toESM(require("react"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function AddButton2({ onOpen }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+var import_react19 = __toESM(require("react"));
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function AddButton4({ onOpen }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "button",
     {
       onClick: onOpen,
       className: "bg-blue-600 hover:bg-blue-700 text-white px-5 py-2.5 rounded-xl font-bold text-sm shadow-md shadow-blue-500/20 hover:shadow-lg hover:shadow-blue-500/30 transition-all active:scale-95 flex items-center gap-2",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
         "Add Workflow Type"
       ]
     }
@@ -932,48 +1594,48 @@ function AddButton2({ onOpen }) {
 }
 
 // src/components/WorkflowType/WorkflowTypeMains.js
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function WorkflowTypeMains() {
-  const [modalOpen, setModalOpen] = (0, import_react10.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react10.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react10.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react10.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react10.useState)(0);
+  const [modalOpen, setModalOpen] = (0, import_react20.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react20.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react20.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react20.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react20.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w-full space-y-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Workflow Type" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "text-xs text-slate-400 mt-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "w-full space-y-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Workflow Type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "text-xs text-slate-400 mt-1", children: [
             "Dashboard > Types > ",
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-blue-600 font-semibold", children: "Workflow Type" })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-blue-600 font-semibold", children: "Workflow Type" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AddButton2, { onOpen: () => setModalOpen(true) })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AddButton4, { onOpen: () => setModalOpen(true) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SearchBar2, { searchQuery, setSearchQuery, setCurrentPage }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SearchBar4, { searchQuery, setSearchQuery, setCurrentPage }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "select",
             {
               value: pageSize,
               onChange: handlePageSizeChange,
               className: "border border-slate-200 rounded-lg px-3 py-2 text-sm bg-white cursor-pointer outline-none shadow-sm text-slate-700",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 5, children: "5 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 10, children: "10 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 20, children: "20 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: 25, children: "25 Rows" })
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: 20, children: "20 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: 25, children: "25 Rows" })
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           WorkflowTypeTable,
           {
             pageSize,
@@ -985,7 +1647,7 @@ function WorkflowTypeMains() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       AddWorkflowTypeModal,
       {
         isOpen: modalOpen,
@@ -996,21 +1658,21 @@ function WorkflowTypeMains() {
 }
 
 // src/components/WorkflowStep/main.js
-var import_react14 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 
 // src/components/Common/footer.js
-var import_react11 = __toESM(require("react"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react21 = __toESM(require("react"));
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Footer() {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-between items-center px-6 py-4 sticky bottom-0 z-10 border-t border-gray-200 rounded-xl bg-slate-50/50 shadow-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-sm text-slate-500", children: "Showing 1 to 5 entries" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "px-2 py-1 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "\u2039 Prev" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "px-2 py-1 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "Next \u203A" })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-between items-center px-6 py-4 sticky bottom-0 z-10 border-t border-gray-200 rounded-xl bg-slate-50/50 shadow-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-sm text-slate-500", children: "Showing 1 to 5 entries" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "px-2 py-1 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "\u2039 Prev" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "w-7 h-7 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { className: "px-2 py-1 text-[15px] border border-slate-200 rounded-lg bg-white text-slate-600 shadow-sm transition-all duration-200 hover:bg-blue-600 hover:text-white hover:border-blue-600", children: "Next \u203A" })
     ] })
   ] });
 }
@@ -1019,27 +1681,27 @@ function Footer() {
 var import_link2 = __toESM(require("next/link"));
 
 // src/components/WorkflowStep/AddWorkflowStepModal.js
-var import_react12 = __toESM(require("react"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react22 = __toESM(require("react"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function AddWorkflowStepModal({ onClose }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity duration-200",
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative w-full max-w-4xl bg-white rounded-3xl shadow-2xl flex flex-col z-10 max-h-[92vh] overflow-hidden animate-in fade-in zoom-in-95 duration-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add WorkflowStep" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflowStep and configure its details" })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative w-full max-w-4xl bg-white rounded-3xl shadow-2xl flex flex-col z-10 max-h-[92vh] overflow-hidden animate-in fade-in zoom-in-95 duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add WorkflowStep" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflowStep and configure its details" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             onClick: onClose,
@@ -1048,31 +1710,31 @@ function AddWorkflowStepModal({ onClose }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "\u{1F4CB}" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "WorkflowStep Information" })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: "\u{1F4CB}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: "WorkflowStep Information" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "SLA Type ",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "Select SLA type" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "petition", children: "Hours" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "building", children: "Days" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "", children: "Select SLA type" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "petition", children: "Hours" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "building", children: "Days" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflowStep belongs to" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflowStep belongs to" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Step Code ",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "input",
                 {
                   type: "text",
@@ -1080,15 +1742,15 @@ function AddWorkflowStepModal({ onClose }) {
                   className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflowStep (e.g., APR,SCR)" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflowStep (e.g., APR,SCR)" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
               "StepName ",
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500", children: "*" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "input",
               {
                 type: "text",
@@ -1096,15 +1758,15 @@ function AddWorkflowStepModal({ onClose }) {
                 className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflowStep" })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflowStep" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "ReminderBefore",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "input",
                 {
                   type: "text",
@@ -1112,14 +1774,14 @@ function AddWorkflowStepModal({ onClose }) {
                   className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Reminder" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Reminder" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "EscalationAfter",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "input",
                 {
                   type: "text",
@@ -1127,14 +1789,14 @@ function AddWorkflowStepModal({ onClose }) {
                   className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Escalation" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Escalation" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Working Hours Only",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "input",
                 {
                   type: "text",
@@ -1142,14 +1804,14 @@ function AddWorkflowStepModal({ onClose }) {
                   className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Working Hours" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Working Hours" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Exclude Holidays",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "input",
                 {
                   type: "text",
@@ -1157,16 +1819,16 @@ function AddWorkflowStepModal({ onClose }) {
                   className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Holidays" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Holidays" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "textarea",
             {
               rows: 3,
@@ -1174,73 +1836,73 @@ function AddWorkflowStepModal({ onClose }) {
               className: "w-full p-3 border border-slate-200 rounded-xl text-xs resize-none focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this WorkflowStep" })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this WorkflowStep" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "\u2699\uFE0F" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "Status & Settings" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: "\u2699\uFE0F" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: "Status & Settings" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "medium", children: "Medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "high", children: "High" }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "low", children: "Low" })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("select", { className: "w-full p-2.5 border border-slate-200 rounded-xl text-xs bg-white text-slate-700 focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "medium", children: "Medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "high", children: "High" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "low", children: "Low" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this WorkflowStep" })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this WorkflowStep" })
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "\u{1F6E0}\uFE0F" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "Additional Settings" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: "\u{1F6E0}\uFE0F" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: "Additional Settings" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u23F1\uFE0F" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u23F1\uFE0F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F504}" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F504}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F465}" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-8 h-8 rounded-lg bg-indigo-50 text-indigo-600 flex items-center justify-center text-sm", children: "\u{1F465}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "checkbox", className: "sr-only peer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { type: "checkbox", className: "sr-only peer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-8 h-4.5 bg-slate-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-slate-300 after:border after:rounded-full after:h-3.5 after:w-3.5 after:transition-all peer-checked:bg-indigo-600" })
               ] })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             onClick: onClose,
@@ -1248,7 +1910,7 @@ function AddWorkflowStepModal({ onClose }) {
             children: "\u2715 Cancel"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             type: "button",
@@ -1262,39 +1924,39 @@ function AddWorkflowStepModal({ onClose }) {
 }
 
 // src/components/Common/commonheader.js
-var import_react13 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_link = __toESM(require("next/link"));
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function CommonHeader({
   title,
   breadcrumbs = [],
   buttonText,
   onButtonClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative overflow-hidden rounded-2xl border border-slate-200 bg-white/90 backdrop-blur-xl shadow-lg mb-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-blue-500 via-cyan-400 to-indigo-500" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute -top-12 -right-12 h-40 w-40 rounded-full bg-blue-200/20 blur-3xl" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute -bottom-10 -left-10 h-32 w-32 rounded-full bg-cyan-200/20 blur-3xl" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-blue-600 to-indigo-600 text-white shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-6", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react.FolderKanban, { size: 22 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h1", { className: "text-2xl font-bold text-slate-800 tracking-tight", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mt-2 flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1 rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-600 transition-all duration-300 hover:bg-blue-50 hover:text-blue-600", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react.Home, { size: 13 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative overflow-hidden rounded-2xl border border-slate-200 bg-white/90 backdrop-blur-xl shadow-lg mb-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-blue-500 via-cyan-400 to-indigo-500" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute -top-12 -right-12 h-40 w-40 rounded-full bg-blue-200/20 blur-3xl" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute -bottom-10 -left-10 h-32 w-32 rounded-full bg-cyan-200/20 blur-3xl" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-blue-600 to-indigo-600 text-white shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-6", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react.FolderKanban, { size: 22 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { className: "text-2xl font-bold text-slate-800 tracking-tight", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mt-2 flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-1 rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-600 transition-all duration-300 hover:bg-blue-50 hover:text-blue-600", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react.Home, { size: 13 }),
               "Home"
             ] }),
-            breadcrumbs.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react13.default.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            breadcrumbs.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react23.default.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 import_lucide_react.ChevronRight,
                 {
                   size: 15,
                   className: "text-slate-300"
                 }
               ),
-              index === breadcrumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "rounded-full bg-blue-600 px-3 py-1 text-xs font-semibold text-white shadow-md", children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              index === breadcrumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "rounded-full bg-blue-600 px-3 py-1 text-xs font-semibold text-white shadow-md", children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 import_link.default,
                 {
                   href: item.href,
@@ -1306,15 +1968,15 @@ function CommonHeader({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "button",
         {
           onClick: onButtonClick,
           className: "group relative overflow-hidden rounded-xl bg-gradient-to-r from-blue-600 to-indigo-600 px-5 py-2.5 text-sm font-semibold text-white shadow-lg transition-all duration-300 hover:-translate-y-0.5 hover:shadow-xl hover:shadow-blue-500/30 active:scale-95",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "absolute inset-0 -translate-x-full skew-x-12 bg-white/20 transition-transform duration-1000 group-hover:translate-x-[250%]" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "relative flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute inset-0 -translate-x-full skew-x-12 bg-white/20 transition-transform duration-1000 group-hover:translate-x-[250%]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "relative flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 import_lucide_react.Plus,
                 {
                   size: 18,
@@ -1331,7 +1993,7 @@ function CommonHeader({
 }
 
 // src/components/WorkflowStep/main.js
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var workflowSteps = [
   {
     workflowStepId: 1,
@@ -1465,9 +2127,9 @@ var workflowSteps = [
   }
 ];
 function WorkflowStep() {
-  const [showModal, setShowModal] = (0, import_react14.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react14.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react14.useState)({
+  const [showModal, setShowModal] = (0, import_react24.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react24.useState)(5);
+  const [sortConfig, setSortConfig] = (0, import_react24.useState)({
     key: "",
     direction: "asc"
   });
@@ -1478,9 +2140,9 @@ function WorkflowStep() {
     }
     setSortConfig({ key, direction });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         CommonHeader,
         {
           title: "Workflow",
@@ -1493,11 +2155,11 @@ function WorkflowStep() {
           onButtonClick: () => setShowModal(true)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative max-w-xs w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { className: "w-4 h-5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative max-w-xs w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { className: "w-4 h-5 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",
@@ -1506,22 +2168,22 @@ function WorkflowStep() {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             "select",
             {
               value: pageSize,
               onChange: (e) => setPageSize(Number(e.target.value)),
               className: "inline-flex items-center px-4 py-2 rounded-xl bg-white text-slate-700 text-[14px] font-semibold border border-slate-200 focus:outline-none cursor-pointer shadow-md",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: 5, children: "5 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: 10, children: "10 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: 25, children: "25 Rows" })
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: 25, children: "25 Rows" })
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "min-w-max w-full border-collapse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { className: "text-[11px] font-bold uppercase tracking-wider text-slate-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("table", { className: "min-w-max w-full border-collapse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tr", { className: "text-[11px] font-bold uppercase tracking-wider text-slate-400", children: [
             { label: "WorkflowStepId", key: "workflowStepId" },
             { label: "WorkflowId", key: "workflowId" },
             { label: "StepCode", key: "stepCode" },
@@ -1533,49 +2195,49 @@ function WorkflowStep() {
             { label: "Escalation After", key: "escalationAfter" },
             { label: "Working Hours Only", key: "workingHoursOnly" },
             { label: "Exclude Holidays", key: "excludeHolidays" }
-          ].map((column) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          ].map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "th",
             {
               onClick: () => handleSort(column.key),
               className: "px-6 py-4 text-left text-xs font-bold text-slate-500 uppercase tracking-wider cursor-pointer select-none hover:bg-slate-100 transition-colors",
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate", children: column.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-slate-300 text-[10px]", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate", children: column.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-slate-300 text-[10px]", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
               ] })
             },
             column.key
           )) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { className: "hover:bg-slate-50/80 transition-colors border-b border-slate-100 last:border-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowStepId }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-2 py-4 text-center text-[14px]", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "inline-flex items-center px-2 py-0.5 rounded-md bg-slate-100 text-slate-600 text-xs font-bold border border-slate-200 truncate", children: item.stepCode }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold ", children: item.stepName }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.sequenceNo }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold", children: item.slaType }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.slaValue }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.reminderBefore }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.escalationAfter }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workingHoursOnly }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.excludeHolidays })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("tr", { className: "hover:bg-slate-50/80 transition-colors border-b border-slate-100 last:border-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowStepId }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-2 py-4 text-center text-[14px]", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "inline-flex items-center px-2 py-0.5 rounded-md bg-slate-100 text-slate-600 text-xs font-bold border border-slate-200 truncate", children: item.stepCode }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold ", children: item.stepName }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.sequenceNo }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold", children: item.slaType }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.slaValue }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.reminderBefore }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.escalationAfter }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workingHoursOnly }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.excludeHolidays })
           ] }, item.workflowStepId)) })
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "rounded-xl bg-slate-50/50", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Footer, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "rounded-xl bg-slate-50/50", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Footer, {}) })
       ] })
     ] }),
-    showModal && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AddWorkflowStepModal, { onClose: () => setShowModal(false) })
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AddWorkflowStepModal, { onClose: () => setShowModal(false) })
   ] });
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-var import_react16 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_link3 = __toESM(require("next/link"));
 
 // src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
-var import_react15 = __toESM(require("react"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react25 = __toESM(require("react"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
 
 // src/components/WorkFlowTransition/Transitiontable.js
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var WorkflowTransition = [
   {
     TransitionId: 1,
@@ -1659,9 +2321,9 @@ var WorkflowTransition = [
   }
 ];
 function WorkFlowTransition() {
-  const [showModal, setShowModal] = (0, import_react16.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react16.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react16.useState)({
+  const [showModal, setShowModal] = (0, import_react26.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react26.useState)(5);
+  const [sortConfig, setSortConfig] = (0, import_react26.useState)({
     key: "",
     direction: "asc"
   });
@@ -1675,8 +2337,8 @@ function WorkFlowTransition() {
       direction
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       CommonHeader,
       {
         title: "WorkFlow Transition",
@@ -1698,11 +2360,11 @@ function WorkFlowTransition() {
         onButtonClick: () => setShowModal(true)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative max-w-xs w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "w-4 h-5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative max-w-xs w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { className: "w-4 h-5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)(
             "input",
             {
               type: "text",
@@ -1711,51 +2373,51 @@ function WorkFlowTransition() {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           "select",
           {
             value: pageSize,
             onChange: (e) => setPageSize(Number(e.target.value)),
             className: "inline-flex items-center px-4 py-2 rounded-xl bg-white text-slate-700 text-[14px] font-semibold border border-slate-200 focus:outline-none cursor-pointer shadow-md",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: 5, children: "5 Rows" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: 10, children: "10 Rows" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: 25, children: "25 Rows" })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: 5, children: "5 Rows" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: 10, children: "10 Rows" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: 25, children: "25 Rows" })
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "min-w-max w-full border-collapse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tr", { className: "text-[11px] font-bold uppercase tracking-wider text-slate-400", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("table", { className: "min-w-max w-full border-collapse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tr", { className: "text-[11px] font-bold uppercase tracking-wider text-slate-400", children: [
             { label: "TransitionId", key: "TransitionId" },
             { label: "WorkflowId", key: "workflowId" },
             { label: "FromStepId", key: "FromStepId" },
             { label: "ToStepId", key: "ToStepId" },
             { label: "ActionCode", key: "ActionCode" },
             { label: "ActionName", key: "ActionName" }
-          ].map((column) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ].map((column) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "th",
             {
               onClick: () => handleSort(column.key),
               className: "px-6 py-4 text-left text-xs font-bold text-slate-500 uppercase tracking-wider cursor-pointer select-none hover:bg-slate-100 transition-colors",
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: column.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-gray-400 text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: column.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-gray-400 text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
               ] })
             },
             column.key
           )) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
             "tr",
             {
               className: "hover:bg-slate-50/80 transition-colors border-b border-slate-100 last:border-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-6 p-4  text-center text-[14px] text-slate-600 font-bold", children: item.TransitionId }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.FromStepId }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.ToStepId }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-6 p-4  text-center text-[14px] text-slate-600 font-bold", children: item.TransitionId }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.FromStepId }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.ToStepId }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   "span",
                   {
                     className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold
@@ -1763,7 +2425,7 @@ function WorkFlowTransition() {
                     children: item.ActionCode
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   "span",
                   {
                     className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold
@@ -1778,8 +2440,8 @@ function WorkFlowTransition() {
         ] }) }),
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-5 sticky bottom-0 bg-white z-10", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Footer, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-5 sticky bottom-0 bg-white z-10", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Footer, {}),
         " "
       ] })
     ] })
@@ -1787,55 +2449,55 @@ function WorkFlowTransition() {
 }
 
 // src/components/Sidebar.jsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var workflowItems = [
-  { name: "Workflow Type", component: "workflowType", icon: import_react18.RiGitMergeLine },
-  { name: "Workflow", component: "workflow", icon: import_react18.RiNodeTree },
-  { name: "Workflow Step", component: "workflowStep", icon: import_react18.RiGitBranchLine },
-  { name: "Workflow Transition", component: "workflowTransition", icon: import_react18.RiCornerDownRightLine }
+  { name: "Workflow Type", component: "workflowType", icon: import_react28.RiGitMergeLine },
+  { name: "Workflow", component: "workflow", icon: import_react28.RiNodeTree },
+  { name: "Workflow Step", component: "workflowStep", icon: import_react28.RiGitBranchLine },
+  { name: "Workflow Transition", component: "workflowTransition", icon: import_react28.RiCornerDownRightLine }
 ];
 var permissionItems = [
-  { name: "Task Permission", path: "/TaskPermissionPage", icon: import_react18.RiUserSettingsLine },
-  { name: "Assignment Rule", path: "/AssignmentRulePage", icon: import_react18.RiFileShieldLine }
+  { name: "Task Permission", path: "/TaskPermissionPage", icon: import_react28.RiUserSettingsLine },
+  { name: "Assignment Rule", path: "/AssignmentRulePage", icon: import_react28.RiFileShieldLine }
 ];
 var hierarchyItems = [
-  { name: "Hierarchy Node", path: "/HierarchyNodePage", icon: import_react18.RiNodeTree },
-  { name: "User Hierarchy Mapping", path: "/WorkflowType", icon: import_react18.RiUserSharedLine },
-  { name: "Workflow Settings", path: "/WorkflowSettingPage", icon: import_react18.RiSettings4Line }
+  { name: "Hierarchy Node", path: "/HierarchyNodePage", icon: import_react28.RiNodeTree },
+  { name: "User Hierarchy Mapping", path: "/WorkflowType", icon: import_react28.RiUserSharedLine },
+  { name: "Workflow Settings", path: "/WorkflowSettingPage", icon: import_react28.RiSettings4Line }
 ];
 var documentItems = [
-  { name: "Document Configuration", path: "/DocumentConfiguration", icon: import_react18.RiFileSettingsLine }
+  { name: "Document Configuration", path: "/DocumentConfiguration", icon: import_react28.RiFileSettingsLine }
 ];
 var fileItems = [
-  { name: "File Instance", path: "/WorkflowType", icon: import_react18.RiFileList3Line },
-  { name: "File Pool", path: "/FilePoolPage", icon: import_react18.RiDatabase2Line },
-  { name: "Uploaded Document", path: "/UploadedDocumentPage", icon: import_react18.RiFileUploadLine }
+  { name: "File Instance", path: "/WorkflowType", icon: import_react28.RiFileList3Line },
+  { name: "File Pool", path: "/FilePoolPage", icon: import_react28.RiDatabase2Line },
+  { name: "Uploaded Document", path: "/UploadedDocumentPage", icon: import_react28.RiFileUploadLine }
 ];
 var communicationItems = [
-  { name: "Notification", path: "/NotificationPage", icon: import_react18.RiNotification4Line },
-  { name: "Comment", path: "/WorkflowType", icon: import_react18.RiChat3Line }
+  { name: "Notification", path: "/NotificationPage", icon: import_react28.RiNotification4Line },
+  { name: "Comment", path: "/WorkflowType", icon: import_react28.RiChat3Line }
 ];
 var taskItems = [
-  { name: "Task Instance", path: "taskinstance", icon: import_react18.RiCheckboxMultipleLine }
+  { name: "Task Instance", path: "taskinstance", icon: import_react28.RiCheckboxMultipleLine }
 ];
 var trackingItems = [
-  { name: "Audit Log", path: "/AuditLog", icon: import_react18.RiShieldCheckLine },
-  { name: "Movement History", path: "/MovementHistory", icon: import_react18.RiHistoryLine }
+  { name: "Audit Log", path: "/AuditLog", icon: import_react28.RiShieldCheckLine },
+  { name: "Movement History", path: "/MovementHistory", icon: import_react28.RiHistoryLine }
 ];
 function Sidebar({ isOpen, onToggle, childrens }) {
   const router = (0, import_router.useRouter)();
-  const [workflowOpen, setWorkflowOpen] = (0, import_react17.useState)(false);
-  const [permissionOpen, setPermissionOpen] = (0, import_react17.useState)(false);
-  const [hierarchyOpen, setHierarchyOpen] = (0, import_react17.useState)(false);
-  const [documentOpen, setDocumentOpen] = (0, import_react17.useState)(false);
-  const [filesOpen, setFilesOpen] = (0, import_react17.useState)(false);
-  const [tasksOpen, setTasksOpen] = (0, import_react17.useState)(false);
-  const [trackingOpen, setTrackingOpen] = (0, import_react17.useState)(false);
-  const [communicationOpen, setCommunicationOpen] = (0, import_react17.useState)(false);
-  const [activeComponent, setActiveComponent] = (0, import_react17.useState)("workflowType");
+  const [workflowOpen, setWorkflowOpen] = (0, import_react27.useState)(false);
+  const [permissionOpen, setPermissionOpen] = (0, import_react27.useState)(false);
+  const [hierarchyOpen, setHierarchyOpen] = (0, import_react27.useState)(false);
+  const [documentOpen, setDocumentOpen] = (0, import_react27.useState)(false);
+  const [filesOpen, setFilesOpen] = (0, import_react27.useState)(false);
+  const [tasksOpen, setTasksOpen] = (0, import_react27.useState)(false);
+  const [trackingOpen, setTrackingOpen] = (0, import_react27.useState)(false);
+  const [communicationOpen, setCommunicationOpen] = (0, import_react27.useState)(false);
+  const [activeComponent, setActiveComponent] = (0, import_react27.useState)("workflowType");
   const renderMenuItemold = (item) => {
     const Icon = item.icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         type: "button",
@@ -1847,14 +2509,14 @@ function Sidebar({ isOpen, onToggle, childrens }) {
       `,
         onClick: () => router.push(item.path),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               className: "\r\n            flex h-[20px] w-[20px] shrink-0\r\n            items-center justify-center\r\n            rounded-[6px] text-[#405170]\r\n          ",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { size: 17 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { size: 17 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "whitespace-nowrap text-[14px] font-medium leading-[22px]", children: item.name })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "whitespace-nowrap text-[14px] font-medium leading-[22px]", children: item.name })
         ]
       },
       item.name
@@ -1871,7 +2533,7 @@ function Sidebar({ isOpen, onToggle, childrens }) {
         router.push(item.path);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         onClick: handleClick,
@@ -1881,8 +2543,8 @@ function Sidebar({ isOpen, onToggle, childrens }) {
         ${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_runtime17.jsx)(Icon, { size: 17 }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: item.name })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { size: 17 }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: item.name })
         ]
       },
       item.name
@@ -1891,36 +2553,36 @@ function Sidebar({ isOpen, onToggle, childrens }) {
   const renderContent = () => {
     switch (activeComponent) {
       case "workflowType":
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(WorkflowTypeMains, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WorkflowTypeMains, {});
       case "workflow":
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(WorkflowPage, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WorkflowPage, {});
       case "workflowStep":
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(WorkflowStep, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WorkflowStep, {});
       case "workflowTransition":
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(WorkFlowTransition, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WorkFlowTransition, {});
       default:
         return childrens;
     }
   };
   const renderDropdown = (title, open, setOpen, items) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "button",
         {
           type: "button",
           onClick: () => setOpen(!open),
           className: "\r\n          flex h-[50px] w-full items-center justify-between\r\n          rounded-[9px] px-[17px]\r\n          text-left text-[#344261]\r\n          transition-colors duration-150\r\n          hover:bg-[#F6F8FC]\r\n        ",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[16px] font-semibold", children: title }),
-            open ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react18.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react18.RiArrowRightSLine, { size: 18 })
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-[16px] font-semibold", children: title }),
+            open ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react28.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react28.RiArrowRightSLine, { size: 18 })
           ]
         }
       ),
-      open && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ml-[8px] border-l border-[#E5E9F1] pl-[4px]", children: items.map(renderMenuItem) })
+      open && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "ml-[8px] border-l border-[#E5E9F1] pl-[4px]", children: items.map(renderMenuItem) })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "aside",
       {
         className: `
@@ -1931,13 +2593,13 @@ function Sidebar({ isOpen, onToggle, childrens }) {
           ${isOpen ? "w-[310px] min-w-[310px] translate-x-0 opacity-100" : "w-0 min-w-0 -translate-x-full opacity-0"}
         `,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             "header",
             {
               className: "\r\n    flex h-[84px] items-center justify-between\r\n    border-b border-[#EDF0F5]\r\n    px-[14px]\r\n  ",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                     "svg",
                     {
                       width: "36",
@@ -1945,28 +2607,28 @@ function Sidebar({ isOpen, onToggle, childrens }) {
                       viewBox: "0 0 48 56",
                       fill: "none",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                           "path",
                           {
                             d: "M24 2L45 12.5L24 23L3 12.5L24 2Z",
                             fill: "#356AF3"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                           "path",
                           {
                             d: "M24 8L34 13L24 18L14 13L24 8Z",
                             fill: "white"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                           "path",
                           {
                             d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z",
                             fill: "#356AF3"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                           "path",
                           {
                             d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z",
@@ -1976,36 +2638,36 @@ function Sidebar({ isOpen, onToggle, childrens }) {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { className: "text-[18px] font-extrabold text-[#101318]", children: "FLOWCORE" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[12px] text-[#344261]", children: "Workflow Engine" })
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { className: "text-[18px] font-extrabold text-[#101318]", children: "FLOWCORE" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-[12px] text-[#344261]", children: "Workflow Engine" })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "button",
                   {
                     type: "button",
                     onClick: onToggle,
                     className: "\r\n      flex h-8 w-8\r\n      items-center justify-center\r\n      rounded-lg\r\n      hover:bg-gray-100\r\n    ",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react18.RiMenuLine, { size: 18 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react28.RiMenuLine, { size: 18 })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             "div",
             {
               className: "\r\n    min-h-0 flex-1\r\n    overflow-y-auto overflow-x-hidden\r\n    px-[27px] pb-[30px] pt-[31px]\r\n  ",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "p",
                   {
                     className: "\r\n      mb-[19px] ml-[15px]\r\n      text-[14px] font-bold uppercase\r\n      leading-[20px] tracking-[0.2px]\r\n      text-[#3C4D74]\r\n    ",
                     children: "Configuration Masters"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-[3px]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-[3px]", children: [
                   renderDropdown(
                     "Workflow",
                     workflowOpen,
@@ -2031,14 +2693,14 @@ function Sidebar({ isOpen, onToggle, childrens }) {
                     hierarchyItems
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "p",
                   {
                     className: "\r\n      mb-[19px] ml-[15px] mt-[39px]\r\n      text-[14px] font-bold uppercase\r\n      leading-[20px] tracking-[0.2px]\r\n      text-[#3C4D74]\r\n    ",
                     children: "Runtime"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-[3px]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-[3px]", children: [
                   renderDropdown(
                     "Files",
                     filesOpen,
@@ -2067,18 +2729,18 @@ function Sidebar({ isOpen, onToggle, childrens }) {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "div",
             {
               className: "\r\n    shrink-0\r\n    bg-white\r\n    px-[27px]\r\n    pb-[34px]\r\n    pt-[18px]\r\n  ",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 "button",
                 {
                   type: "button",
                   className: "\r\n      flex h-[66px] w-full\r\n      items-center gap-[18px]\r\n      rounded-[10px]\r\n      border border-[#E1E5ED]\r\n      bg-white\r\n      px-[23px]\r\n      text-left\r\n      text-[16px]\r\n      font-semibold\r\n      text-[#2D3A58]\r\n      shadow-sm\r\n      hover:bg-[#F7F8FC]\r\n      transition\r\n    ",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react18.RiSettings4Line, { size: 20 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Settings" })
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react28.RiSettings4Line, { size: 20 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "Settings" })
                   ]
                 }
               )
@@ -2087,15 +2749,15 @@ function Sidebar({ isOpen, onToggle, childrens }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 overflow-auto bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex-1 overflow-auto bg-[#F5F7FB]", children: renderContent() }),
+    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "button",
       {
         type: "button",
         onClick: onToggle,
         "aria-label": "Open sidebar",
         className: "\r\n            fixed left-[20px] top-[30px] z-[100]\r\n            flex h-[46px] w-[46px]\r\n            items-center justify-center\r\n            rounded-[9px]\r\n            border border-[#E1E5ED]\r\n            bg-white text-[#344261]\r\n            shadow-[0_2px_8px_rgba(0,0,0,0.08)]\r\n            transition-colors\r\n            hover:bg-[#F3F5F9]\r\n          ",
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react18.RiMenuLine, { size: 18 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react28.RiMenuLine, { size: 18 })
       }
     )
   ] });
@@ -2117,11 +2779,11 @@ var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
 var ApiEndpointsProvider_default = ApiEndpointsProvider;
 
 // src/components/Layout.jsx
-var import_react19 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Layout = ({ children }) => {
-  const [isOpen, setIsOpen] = (0, import_react19.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const [isOpen, setIsOpen] = (0, import_react29.useState)(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Sidebar,
     {
       isOpen,
@@ -2134,7 +2796,9 @@ var Layout_default = Layout;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ApiEndpointsProvider,
+  AssignmentRulePage,
   Layout,
   Sidebar,
+  TaskPermissionPage,
   WorkflowPage
 });