flowcore-fn 3.2.0 → 3.3.0

package/dist/pkg-index.mjs

@@ -498,8 +498,668 @@ function WorkflowPage() {
   ] });
 }
 
+// src/pages/TaskPermissionPage.js
+import React10, { useState as useState5 } from "react";
+
+// src/components/task-permission/SearchBar.js
+import React6 from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "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__ */ jsxs6("div", { className: "relative max-w-sm w-full", children: [
+    /* @__PURE__ */ jsx6("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ jsx6("svg", { className: "w-4.5 h-4.5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+    /* @__PURE__ */ jsx6(
+      "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
+import React7, { useState as useState3, useEffect } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "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] = useState3(initialData);
+  const [sortOrder, setSortOrder] = useState3("asc");
+  const [sortKey, setSortKey] = useState3("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);
+  });
+  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__ */ jsxs7("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsx7("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ jsxs7("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
+      /* @__PURE__ */ jsx7("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs7("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
+        /* @__PURE__ */ jsx7("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
+        /* @__PURE__ */ jsxs7("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__ */ jsxs7("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__ */ jsxs7("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__ */ jsxs7("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__ */ jsx7("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "STATUS" })
+      ] }) }),
+      /* @__PURE__ */ jsxs7("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: [
+        visibleData.map((item, index) => /* @__PURE__ */ jsxs7("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
+          /* @__PURE__ */ jsx7("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
+          /* @__PURE__ */ jsxs7("td", { className: "py-4 px-5 font-mono text-xs font-bold text-slate-700 whitespace-nowrap", children: [
+            "TASK-",
+            item.taskId
+          ] }),
+          /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 text-slate-900 font-bold whitespace-nowrap", children: item.role }),
+          /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.taskName }),
+          /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 text-slate-800 text-center whitespace-nowrap", children: /* @__PURE__ */ jsx7("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__ */ jsx7("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ jsx7(
+            "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__ */ jsx7("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__ */ jsx7("tr", { children: /* @__PURE__ */ jsx7("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__ */ jsxs7("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__ */ jsx7("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__ */ jsx7(
+        "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__ */ jsx7("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
+import React8, { useState as useState4 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function Popup({ isOpen, onClose, onSave }) {
+  if (!isOpen) return null;
+  const [stepName, setStepName] = useState4("");
+  const [stepCode, setStepCode] = useState4("");
+  const [workflow, setWorkflow] = useState4("");
+  const [canView, setCanView] = useState4(false);
+  const [canEdit, setCanEdit] = useState4(false);
+  const [canApprove, setCanApprove] = useState4(false);
+  const [canReject, setCanReject] = useState4(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__ */ jsxs8("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx8("div", { className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity duration-200", onClick: onClose }),
+    /* @__PURE__ */ jsxs8("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__ */ jsxs8("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsx8("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add Task Permission" }),
+            /* @__PURE__ */ jsx8("p", { className: "text-xs text-slate-400 mt-0.5", children: "Configure step details and initial user control access rules" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx8("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__ */ jsxs8("form", { onSubmit: handleSubmit, className: "flex flex-col flex-1 overflow-hidden", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+            /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-blue-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+              /* @__PURE__ */ jsx8("span", { children: "\u{1F4CB}" }),
+              /* @__PURE__ */ jsx8("span", { children: "Step Information" })
+            ] }),
+            /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+              /* @__PURE__ */ jsxs8("div", { children: [
+                /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+                  "Step Name ",
+                  /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+                ] }),
+                /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { children: [
+                /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+                  "Step Code ",
+                  /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+                ] }),
+                /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+                "Workflow Definition Relation ",
+                /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsxs8("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__ */ jsx8("option", { value: "", children: "Select associated master workflow" }),
+                /* @__PURE__ */ jsx8("option", { value: "Citizen Petition Workflow", children: "Citizen Petition Workflow" }),
+                /* @__PURE__ */ jsx8("option", { value: "Building Permission Workflow", children: "Building Permission Workflow" }),
+                /* @__PURE__ */ jsx8("option", { value: "Leave Application Workflow", children: "Leave Application Workflow" }),
+                /* @__PURE__ */ jsx8("option", { value: "Public Grievance Workflow", children: "Public Grievance Workflow" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+            /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-blue-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+              /* @__PURE__ */ jsx8("span", { children: "\u2699\uFE0F" }),
+              /* @__PURE__ */ jsx8("span", { children: "Set Initial Matrix Access Rules" })
+            ] }),
+            /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ jsx8("div", { className: "w-8 h-8 rounded-lg bg-blue-50 text-blue-600 flex items-center justify-center text-xs", children: icon }),
+                /* @__PURE__ */ jsxs8("div", { children: [
+                  /* @__PURE__ */ jsx8("p", { className: "text-xs font-bold text-slate-700", children: title }),
+                  /* @__PURE__ */ jsx8("p", { className: "text-[9px] text-slate-400", children: desc })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs8("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ jsx8("input", { type: "checkbox", checked: val, onChange: (e) => setVal(e.target.checked), className: "sr-only peer" }),
+                /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
+          /* @__PURE__ */ jsx8("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__ */ jsx8("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
+import React9 from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function AddButton2({ onOpen }) {
+  return /* @__PURE__ */ jsxs9(
+    "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__ */ jsx9("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx9("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+        "Add Task Permission"
+      ]
+    }
+  );
+}
+
+// src/pages/TaskPermissionPage.js
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function TaskPermissionPage() {
+  const [modalOpen, setModalOpen] = useState5(false);
+  const [pageSize, setPageSize] = useState5(10);
+  const [searchQuery, setSearchQuery] = useState5("");
+  const [currentPage, setCurrentPage] = useState5(1);
+  const [totalEntries, setTotalEntries] = useState5(0);
+  const handlePageSizeChange = (e) => {
+    setPageSize(Number(e.target.value));
+    setCurrentPage(1);
+  };
+  return /* @__PURE__ */ jsxs10("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "w-full space-y-5", children: [
+      /* @__PURE__ */ jsxs10("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__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Task Permission" }),
+          /* @__PURE__ */ jsxs10("p", { className: "text-xs text-slate-400 mt-1", children: [
+            "Dashboard > Settings > ",
+            /* @__PURE__ */ jsx10("span", { className: "text-blue-600 font-semibold", children: "Task Permission Master" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(AddButton2, { onOpen: () => setModalOpen(true) })
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ jsx10("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsx10(SearchBar2, { searchQuery, setSearchQuery, setCurrentPage }) }),
+          /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsxs10(
+            "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__ */ jsx10("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ jsx10("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ jsx10("option", { value: 20, children: "20 Rows" }),
+                /* @__PURE__ */ jsx10("option", { value: 25, children: "25 Rows" })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx10(
+          Table,
+          {
+            pageSize,
+            searchQuery,
+            currentPage,
+            setCurrentPage,
+            setTotalEntries
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(Popup, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+  ] });
+}
+
+// src/pages/AssignmentRulePage.js
+import React15, { useState as useState8 } from "react";
+
+// src/components/assignment-rule/SearchBar.js
+import React11 from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function SearchBar3({ searchQuery, setSearchQuery, setCurrentPage }) {
+  const handleInputChange = (value) => {
+    setSearchQuery(value);
+    if (setCurrentPage) {
+      setCurrentPage(1);
+    }
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: "relative max-w-sm w-full", children: [
+    /* @__PURE__ */ jsx11("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ jsx11("svg", { className: "w-4.5 h-4.5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+    /* @__PURE__ */ jsx11(
+      "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
+import React12, { useState as useState6, useEffect as useEffect2 } from "react";
+import { jsx as jsx12, jsxs as jsxs12 } from "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] = useState6(initialData);
+  const [sortOrder, setSortOrder] = useState6("asc");
+  const [sortKey, setSortKey] = useState6("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);
+  });
+  useEffect2(() => {
+    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__ */ jsxs12("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsx12("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ jsxs12("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
+      /* @__PURE__ */ jsx12("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs12("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
+        /* @__PURE__ */ jsx12("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
+        /* @__PURE__ */ jsxs12("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__ */ jsxs12("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__ */ jsxs12("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__ */ jsxs12("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__ */ jsx12("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "POOL ENABLED" })
+      ] }) }),
+      /* @__PURE__ */ jsxs12("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: [
+        visibleData.map((item, index) => /* @__PURE__ */ jsxs12("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
+          /* @__PURE__ */ jsx12("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
+          /* @__PURE__ */ jsxs12("td", { className: "py-4 px-5 font-mono text-xs font-bold text-slate-700 whitespace-nowrap", children: [
+            "STEP-",
+            item.workflowStepId
+          ] }),
+          /* @__PURE__ */ jsx12("td", { className: "py-4 px-5 text-slate-900 text-[14px] font-bold whitespace-nowrap", children: /* @__PURE__ */ jsx12("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__ */ jsx12("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.hierarchyNodeType }),
+          /* @__PURE__ */ jsx12("td", { className: "py-4 px-5 text-slate-800 font-bold text-center whitespace-nowrap", children: item.dynamicFunctionId === "N/A" ? /* @__PURE__ */ jsx12("span", { className: "text-slate-400 font-normal", children: "N/A" }) : /* @__PURE__ */ jsxs12("span", { className: "bg-slate-100 text-slate-700 px-2 py-0.5 rounded text-xs", children: [
+            "FN-",
+            item.dynamicFunctionId
+          ] }) }),
+          /* @__PURE__ */ jsx12("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ jsx12(
+            "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__ */ jsx12("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__ */ jsx12("tr", { children: /* @__PURE__ */ jsx12("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__ */ jsxs12("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__ */ jsx12("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__ */ jsx12(
+        "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__ */ jsx12("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
+import React13, { useState as useState7 } from "react";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+function Popup2({ isOpen, onClose, onSave }) {
+  if (!isOpen) return null;
+  const [workflowStepId, setWorkflowStepId] = useState7("");
+  const [assignmentType, setAssignmentType] = useState7("");
+  const [hierarchyNodeType, setHierarchyNodeType] = useState7("");
+  const [dynamicFunctionId, setDynamicFunctionId] = useState7("");
+  const [isPoolEnabled, setIsPoolEnabled] = useState7(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__ */ jsxs13("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx13("div", { className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity", onClick: onClose }),
+    /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "flex justify-between items-center px-8 py-5 border-b border-slate-100", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx13("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__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsx13("h2", { className: "text-lg font-extrabold text-slate-800", children: "Add Assignment Rule" }),
+            /* @__PURE__ */ jsx13("p", { className: "text-[10px] text-slate-400", children: "Configure core task routing constraints" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx13("button", { type: "button", onClick: onClose, className: "text-slate-400 hover:text-slate-600 font-semibold text-sm", children: "\u2715" })
+      ] }),
+      /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "p-6 space-y-4 overflow-y-auto bg-slate-50/30", children: [
+          /* @__PURE__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsx13("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Workflow Step ID *" }),
+            /* @__PURE__ */ jsx13("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__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsx13("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Assignment Type *" }),
+            /* @__PURE__ */ jsxs13("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__ */ jsx13("option", { value: "", children: "Select Assignment Engine Type" }),
+              /* @__PURE__ */ jsx13("option", { value: "Hierarchy", children: "Hierarchy" }),
+              /* @__PURE__ */ jsx13("option", { value: "Dynamic", children: "Dynamic" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsx13("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Hierarchy Node Type *" }),
+            /* @__PURE__ */ jsxs13("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__ */ jsx13("option", { value: "", children: "Select Node Level" }),
+              /* @__PURE__ */ jsx13("option", { value: "Block", children: "Block" }),
+              /* @__PURE__ */ jsx13("option", { value: "District", children: "District" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsx13("label", { className: "block text-xs font-bold text-slate-700 mb-1", children: "Dynamic Function ID" }),
+            /* @__PURE__ */ jsx13("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__ */ jsxs13("div", { className: "flex items-center gap-2 pt-1", children: [
+            /* @__PURE__ */ jsx13("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__ */ jsx13("label", { htmlFor: "isPoolEnabled", className: "text-xs font-bold text-slate-700 select-none cursor-pointer", children: "Enable Task Pooling" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs13("div", { className: "p-4 bg-white border-t border-slate-100 flex items-center justify-end gap-2.5 px-6", children: [
+          /* @__PURE__ */ jsx13("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__ */ jsx13("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
+import React14 from "react";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+function AddButton3({ onOpen }) {
+  return /* @__PURE__ */ jsxs14(
+    "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__ */ jsx14("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+        "Add Assignment Rule"
+      ]
+    }
+  );
+}
+
+// src/pages/AssignmentRulePage.js
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+function AssignmentRulePage() {
+  const [modalOpen, setModalOpen] = useState8(false);
+  const [pageSize, setPageSize] = useState8(10);
+  const [searchQuery, setSearchQuery] = useState8("");
+  const [currentPage, setCurrentPage] = useState8(1);
+  const [totalEntries, setTotalEntries] = useState8(0);
+  const handlePageSizeChange = (e) => {
+    setPageSize(Number(e.target.value));
+    setCurrentPage(1);
+  };
+  return /* @__PURE__ */ jsxs15("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "w-full space-y-5", children: [
+      /* @__PURE__ */ jsxs15("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__ */ jsxs15("div", { children: [
+          /* @__PURE__ */ jsx15("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Assignment Rule" }),
+          /* @__PURE__ */ jsxs15("p", { className: "text-xs text-slate-400 mt-1", children: [
+            "Dashboard > Settings > ",
+            /* @__PURE__ */ jsx15("span", { className: "text-blue-600 font-semibold", children: "Assignment Rule Master" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx15(AddButton3, { onOpen: () => setModalOpen(true) })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ jsx15("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsx15(SearchBar3, { searchQuery, setSearchQuery, setCurrentPage }) }),
+          /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsxs15(
+            "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__ */ jsx15("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ jsx15("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ jsx15("option", { value: 20, children: "20 Rows" }),
+                /* @__PURE__ */ jsx15("option", { value: 25, children: "25 Rows" })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx15(
+          Table2,
+          {
+            pageSize,
+            searchQuery,
+            currentPage,
+            setCurrentPage,
+            setTotalEntries
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx15(Popup2, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+  ] });
+}
+
 // src/components/Sidebar.jsx
-import { useState as useState7 } from "react";
+import { useState as useState13 } from "react";
 import {
   RiMenuLine,
   RiGitMergeLine,
@@ -525,21 +1185,21 @@ import {
 import { useRouter } from "next/router";
 
 // src/components/WorkflowType/WorkflowTypeMains.js
-import React10, { useState as useState4 } from "react";
+import React20, { useState as useState10 } from "react";
 
 // src/components/WorkflowType/SearchBar.jsx
-import React6 from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function SearchBar2({ searchQuery, setSearchQuery, setCurrentPage }) {
+import React16 from "react";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+function SearchBar4({ searchQuery, setSearchQuery, setCurrentPage }) {
   const handleChange = (e) => {
     setSearchQuery(e.target.value);
     if (setCurrentPage) {
       setCurrentPage(1);
     }
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "relative w-full", children: [
-    /* @__PURE__ */ jsx6("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400", children: /* @__PURE__ */ jsx6("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs16("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ jsx16("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400", children: /* @__PURE__ */ jsx16("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+    /* @__PURE__ */ jsx16(
       "input",
       {
         type: "text",
@@ -549,7 +1209,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__ */ jsx6(
+    searchQuery && /* @__PURE__ */ jsx16(
       "button",
       {
         onClick: () => {
@@ -564,8 +1224,8 @@ function SearchBar2({ searchQuery, setSearchQuery, setCurrentPage }) {
 }
 
 // src/components/WorkflowType/WorkflowTypeTable.jsx
-import React7, { useState as useState3, useEffect } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import React17, { useState as useState9, useEffect as useEffect3 } from "react";
+import { jsx as jsx17, jsxs as jsxs17 } from "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 },
@@ -594,9 +1254,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] = useState3(initialData);
-  const [sortOrder, setSortOrder] = useState3("asc");
-  const [sortKey, setSortKey] = useState3("workflowName");
+  const [data, setData] = useState9(initialData);
+  const [sortOrder, setSortOrder] = useState9("asc");
+  const [sortKey, setSortKey] = useState9("workflowName");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -612,7 +1272,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);
   });
-  useEffect(() => {
+  useEffect3(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -622,46 +1282,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__ */ jsxs7("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsx7("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ jsxs7("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
-      /* @__PURE__ */ jsx7("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs7("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
-        /* @__PURE__ */ jsx7("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
-        /* @__PURE__ */ jsxs7("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__ */ jsxs17("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsx17("div", { className: "w-full overflow-x-auto border border-slate-200 rounded-2xl shadow-sm max-h-[420px] overflow-y-auto", children: /* @__PURE__ */ jsxs17("table", { className: "w-full text-left border-collapse bg-white table-auto", children: [
+      /* @__PURE__ */ jsx17("thead", { className: "sticky top-0 z-10 bg-slate-50 shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs17("tr", { className: "text-xs font-bold uppercase tracking-wider text-slate-500", children: [
+        /* @__PURE__ */ jsx17("th", { className: "py-4 px-4 w-16 text-center bg-slate-50", children: "S.NO" }),
+        /* @__PURE__ */ jsxs17("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__ */ jsxs7("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__ */ jsxs17("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__ */ jsxs7("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__ */ jsxs17("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__ */ jsx7("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "VERSION" }),
-        /* @__PURE__ */ jsx7("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "PUBLISHED" }),
-        /* @__PURE__ */ jsx7("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "STATUS" })
+        /* @__PURE__ */ jsx17("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "VERSION" }),
+        /* @__PURE__ */ jsx17("th", { className: "py-4 px-5 text-sm bg-slate-50 whitespace-nowrap text-center", children: "PUBLISHED" }),
+        /* @__PURE__ */ jsx17("th", { className: "py-4 px-5 text-sm bg-slate-50 text-center whitespace-nowrap", children: "STATUS" })
       ] }) }),
-      /* @__PURE__ */ jsx7("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs7("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
-        /* @__PURE__ */ jsx7("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
-        /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 font-bold text-slate-900 text-[14px] whitespace-nowrap", children: item.workflowName }),
-        /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 text-slate-500 font-mono text-xs whitespace-nowrap", children: item.workflowCode }),
-        /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.workflowType }),
-        /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 font-bold text-slate-800 text-center whitespace-nowrap", children: item.version }),
-        /* @__PURE__ */ jsx7("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ jsx7("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__ */ jsx7("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx17("tbody", { className: "divide-y divide-slate-100 text-sm text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs17("tr", { className: "hover:bg-slate-50/50 transition-colors", children: [
+        /* @__PURE__ */ jsx17("td", { className: "py-4 px-4 text-center font-medium text-slate-400", children: startIndex + index + 1 }),
+        /* @__PURE__ */ jsx17("td", { className: "py-4 px-5 font-bold text-slate-900 text-[14px] whitespace-nowrap", children: item.workflowName }),
+        /* @__PURE__ */ jsx17("td", { className: "py-4 px-5 text-slate-500 font-mono text-xs whitespace-nowrap", children: item.workflowCode }),
+        /* @__PURE__ */ jsx17("td", { className: "py-4 px-5 text-slate-600 font-medium whitespace-nowrap", children: item.workflowType }),
+        /* @__PURE__ */ jsx17("td", { className: "py-4 px-5 font-bold text-slate-800 text-center whitespace-nowrap", children: item.version }),
+        /* @__PURE__ */ jsx17("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ jsx17("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__ */ jsx17("td", { className: "py-4 px-5 text-center whitespace-nowrap", children: /* @__PURE__ */ jsx17(
           "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__ */ jsx7("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__ */ jsx17("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__ */ jsxs7("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__ */ jsx7("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__ */ jsx7(
+    /* @__PURE__ */ jsxs17("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__ */ jsx17("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__ */ jsx17(
         "button",
         {
           onClick: () => setCurrentPage(pageNumber),
@@ -670,34 +1330,34 @@ function WorkflowTypeTable({ pageSize, searchQuery = "", currentPage, setCurrent
         },
         pageNumber
       )),
-      /* @__PURE__ */ jsx7("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__ */ jsx17("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
-import React8 from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import React18 from "react";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function AddWorkflowTypeModal({ isOpen, onClose }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs8("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs18("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx18(
       "div",
       {
         className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity duration-200",
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ jsxs8("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__ */ jsxs8("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx8("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ jsx8("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add Workflow" }),
-            /* @__PURE__ */ jsx8("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflow and configure its details" })
+    /* @__PURE__ */ jsxs18("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__ */ jsxs18("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx18("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ jsx18("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("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__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx18("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add Workflow" }),
+            /* @__PURE__ */ jsx18("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflow and configure its details" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx18(
           "button",
           {
             onClick: onClose,
@@ -706,32 +1366,32 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ jsx8("span", { children: "\u{1F4CB}" }),
-            /* @__PURE__ */ jsx8("span", { children: "Workflow Information" })
+      /* @__PURE__ */ jsxs18("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ jsx18("span", { children: "\u{1F4CB}" }),
+            /* @__PURE__ */ jsx18("span", { children: "Workflow Information" })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ jsxs8("div", { children: [
-              /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ jsxs18("div", { children: [
+              /* @__PURE__ */ jsxs18("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Workflow Type ",
-                /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsxs8("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__ */ jsx8("option", { value: "", children: "Select workflow type" }),
-                /* @__PURE__ */ jsx8("option", { value: "petition", children: "Petition" }),
-                /* @__PURE__ */ jsx8("option", { value: "building", children: "Building Permission" }),
-                /* @__PURE__ */ jsx8("option", { value: "leave", children: "Leave" })
+              /* @__PURE__ */ jsxs18("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__ */ jsx18("option", { value: "", children: "Select workflow type" }),
+                /* @__PURE__ */ jsx18("option", { value: "petition", children: "Petition" }),
+                /* @__PURE__ */ jsx18("option", { value: "building", children: "Building Permission" }),
+                /* @__PURE__ */ jsx18("option", { value: "leave", children: "Leave" })
               ] }),
-              /* @__PURE__ */ jsx8("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflow belongs to" })
+              /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflow belongs to" })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { children: [
-              /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ jsxs18("div", { children: [
+              /* @__PURE__ */ jsxs18("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Workflow Code ",
-                /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx18(
                 "input",
                 {
                   type: "text",
@@ -739,15 +1399,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__ */ jsx8("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflow (e.g., PET-001)" })
+              /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflow (e.g., PET-001)" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsxs18("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
               "Workflow Name ",
-              /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+              /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx18(
               "input",
               {
                 type: "text",
@@ -755,15 +1415,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__ */ jsx8("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflow" })
+            /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflow" })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ jsxs8("div", { children: [
-              /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ jsxs18("div", { children: [
+              /* @__PURE__ */ jsxs18("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Version ",
-                /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx18(
                 "input",
                 {
                   type: "text",
@@ -771,27 +1431,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__ */ jsx8("p", { className: "text-[10px] text-slate-400 mt-1", children: "Workflow version number" })
+              /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400 mt-1", children: "Workflow version number" })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { children: [
-              /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ jsxs18("div", { children: [
+              /* @__PURE__ */ jsxs18("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Published ",
-                /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsxs8("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__ */ jsx8("option", { value: "false", children: "No" }),
-                /* @__PURE__ */ jsx8("option", { value: "true", children: "Yes" })
+              /* @__PURE__ */ jsxs18("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__ */ jsx18("option", { value: "false", children: "No" }),
+                /* @__PURE__ */ jsx18("option", { value: "true", children: "Yes" })
               ] }),
-              /* @__PURE__ */ jsx8("p", { className: "text-[10px] text-slate-400 mt-1", children: "Make workflow active for use" })
+              /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400 mt-1", children: "Make workflow active for use" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx8("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
-            /* @__PURE__ */ jsx8("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
+        /* @__PURE__ */ jsxs18("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx18("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
+            /* @__PURE__ */ jsx18("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
           ] }),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx18(
             "textarea",
             {
               rows: 3,
@@ -799,86 +1459,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__ */ jsx8("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this workflow" })
+          /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this workflow" })
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ jsx8("span", { children: "\u2699\uFE0F" }),
-            /* @__PURE__ */ jsx8("span", { children: "Status & Settings" })
+        /* @__PURE__ */ jsxs18("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ jsx18("span", { children: "\u2699\uFE0F" }),
+            /* @__PURE__ */ jsx18("span", { children: "Status & Settings" })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ jsxs8("div", { children: [
-              /* @__PURE__ */ jsxs8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ jsxs18("div", { children: [
+              /* @__PURE__ */ jsxs18("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Status ",
-                /* @__PURE__ */ jsx8("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsxs8("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__ */ jsx8("option", { value: "active", children: "Active" }),
-                /* @__PURE__ */ jsx8("option", { value: "inactive", children: "Inactive" })
+              /* @__PURE__ */ jsxs18("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__ */ jsx18("option", { value: "active", children: "Active" }),
+                /* @__PURE__ */ jsx18("option", { value: "inactive", children: "Inactive" })
               ] }),
-              /* @__PURE__ */ jsx8("p", { className: "text-[10px] text-slate-400 mt-1", children: "Set the initial status of this workflow" })
+              /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400 mt-1", children: "Set the initial status of this workflow" })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { children: [
-              /* @__PURE__ */ jsx8("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
-              /* @__PURE__ */ jsxs8("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__ */ jsx8("option", { value: "medium", children: "Medium" }),
-                /* @__PURE__ */ jsx8("option", { value: "high", children: "High" }),
-                /* @__PURE__ */ jsx8("option", { value: "low", children: "Low" })
+            /* @__PURE__ */ jsxs18("div", { children: [
+              /* @__PURE__ */ jsx18("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
+              /* @__PURE__ */ jsxs18("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__ */ jsx18("option", { value: "medium", children: "Medium" }),
+                /* @__PURE__ */ jsx18("option", { value: "high", children: "High" }),
+                /* @__PURE__ */ jsx18("option", { value: "low", children: "Low" })
               ] }),
-              /* @__PURE__ */ jsx8("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this workflow" })
+              /* @__PURE__ */ jsx18("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this workflow" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ jsx8("span", { children: "\u{1F6E0}\uFE0F" }),
-            /* @__PURE__ */ jsx8("span", { children: "Additional Settings" })
+        /* @__PURE__ */ jsxs18("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ jsx18("span", { children: "\u{1F6E0}\uFE0F" }),
+            /* @__PURE__ */ jsx18("span", { children: "Additional Settings" })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-            /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { children: [
-                  /* @__PURE__ */ jsx8("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
-                  /* @__PURE__ */ jsx8("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
+          /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx18("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__ */ jsxs18("div", { children: [
+                  /* @__PURE__ */ jsx18("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
+                  /* @__PURE__ */ jsx18("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs8("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ jsx8("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ jsx8("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__ */ jsxs18("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ jsx18("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ jsx18("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__ */ jsxs8("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { children: [
-                  /* @__PURE__ */ jsx8("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
-                  /* @__PURE__ */ jsx8("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
+            /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx18("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__ */ jsxs18("div", { children: [
+                  /* @__PURE__ */ jsx18("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
+                  /* @__PURE__ */ jsx18("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs8("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ jsx8("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ jsx8("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__ */ jsxs18("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ jsx18("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ jsx18("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__ */ jsxs8("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { children: [
-                  /* @__PURE__ */ jsx8("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
-                  /* @__PURE__ */ jsx8("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
+            /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx18("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__ */ jsxs18("div", { children: [
+                  /* @__PURE__ */ jsx18("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
+                  /* @__PURE__ */ jsx18("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs8("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ jsx8("input", { type: "checkbox", className: "sr-only peer" }),
-                /* @__PURE__ */ jsx8("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__ */ jsxs18("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ jsx18("input", { type: "checkbox", className: "sr-only peer" }),
+                /* @__PURE__ */ jsx18("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__ */ jsxs8("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs18("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
+        /* @__PURE__ */ jsx18(
           "button",
           {
             onClick: onClose,
@@ -886,7 +1546,7 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
             children: "\u2715 Cancel"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx18(
           "button",
           {
             type: "button",
@@ -900,16 +1560,16 @@ function AddWorkflowTypeModal({ isOpen, onClose }) {
 }
 
 // src/components/WorkflowType/AddButton.jsx
-import React9 from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-function AddButton2({ onOpen }) {
-  return /* @__PURE__ */ jsxs9(
+import React19 from "react";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+function AddButton4({ onOpen }) {
+  return /* @__PURE__ */ jsxs19(
     "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__ */ jsx9("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx9("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+        /* @__PURE__ */ jsx19("svg", { className: "w-4 h-4 stroke-[2.5]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx19("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
         "Add Workflow Type"
       ]
     }
@@ -917,48 +1577,48 @@ function AddButton2({ onOpen }) {
 }
 
 // src/components/WorkflowType/WorkflowTypeMains.js
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 function WorkflowTypeMains() {
-  const [modalOpen, setModalOpen] = useState4(false);
-  const [pageSize, setPageSize] = useState4(10);
-  const [searchQuery, setSearchQuery] = useState4("");
-  const [currentPage, setCurrentPage] = useState4(1);
-  const [totalEntries, setTotalEntries] = useState4(0);
+  const [modalOpen, setModalOpen] = useState10(false);
+  const [pageSize, setPageSize] = useState10(10);
+  const [searchQuery, setSearchQuery] = useState10("");
+  const [currentPage, setCurrentPage] = useState10(1);
+  const [totalEntries, setTotalEntries] = useState10(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "w-full space-y-5", children: [
-      /* @__PURE__ */ jsxs10("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__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Workflow Type" }),
-          /* @__PURE__ */ jsxs10("p", { className: "text-xs text-slate-400 mt-1", children: [
+  return /* @__PURE__ */ jsxs20("div", { className: "min-h-screen bg-slate-50 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "w-full space-y-5", children: [
+      /* @__PURE__ */ jsxs20("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__ */ jsxs20("div", { children: [
+          /* @__PURE__ */ jsx20("h1", { className: "text-2xl font-extrabold text-slate-900 tracking-tight", children: "Workflow Type" }),
+          /* @__PURE__ */ jsxs20("p", { className: "text-xs text-slate-400 mt-1", children: [
             "Dashboard > Types > ",
-            /* @__PURE__ */ jsx10("span", { className: "text-blue-600 font-semibold", children: "Workflow Type" })
+            /* @__PURE__ */ jsx20("span", { className: "text-blue-600 font-semibold", children: "Workflow Type" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx10(AddButton2, { onOpen: () => setModalOpen(true) })
+        /* @__PURE__ */ jsx20(AddButton4, { onOpen: () => setModalOpen(true) })
       ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "flex justify-between items-center w-full gap-4", children: [
-          /* @__PURE__ */ jsx10("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsx10(SearchBar2, { searchQuery, setSearchQuery, setCurrentPage }) }),
-          /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsxs20("div", { className: "bg-white p-6 rounded-2xl border border-slate-200/80 shadow-sm space-y-5", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ jsx20("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsx20(SearchBar4, { searchQuery, setSearchQuery, setCurrentPage }) }),
+          /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsxs20(
             "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__ */ jsx10("option", { value: 5, children: "5 Rows" }),
-                /* @__PURE__ */ jsx10("option", { value: 10, children: "10 Rows" }),
-                /* @__PURE__ */ jsx10("option", { value: 20, children: "20 Rows" }),
-                /* @__PURE__ */ jsx10("option", { value: 25, children: "25 Rows" })
+                /* @__PURE__ */ jsx20("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ jsx20("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ jsx20("option", { value: 20, children: "20 Rows" }),
+                /* @__PURE__ */ jsx20("option", { value: 25, children: "25 Rows" })
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx20(
           WorkflowTypeTable,
           {
             pageSize,
@@ -970,7 +1630,7 @@ function WorkflowTypeMains() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx20(
       AddWorkflowTypeModal,
       {
         isOpen: modalOpen,
@@ -981,21 +1641,21 @@ function WorkflowTypeMains() {
 }
 
 // src/components/WorkflowStep/main.js
-import React14, { useState as useState5 } from "react";
+import React24, { useState as useState11 } from "react";
 
 // src/components/Common/footer.js
-import React11 from "react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import React21 from "react";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function Footer() {
-  return /* @__PURE__ */ jsxs11("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__ */ jsx11("div", { className: "text-sm text-slate-500", children: "Showing 1 to 5 entries" }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx11("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__ */ jsx11("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__ */ jsx11("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__ */ jsx11("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__ */ jsx11("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__ */ jsx11("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__ */ jsxs21("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__ */ jsx21("div", { className: "text-sm text-slate-500", children: "Showing 1 to 5 entries" }),
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21("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__ */ jsx21("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__ */ jsx21("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__ */ jsx21("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" })
     ] })
   ] });
 }
@@ -1004,27 +1664,27 @@ function Footer() {
 import Link2 from "next/link";
 
 // src/components/WorkflowStep/AddWorkflowStepModal.js
-import React12 from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import React22 from "react";
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 function AddWorkflowStepModal({ onClose }) {
-  return /* @__PURE__ */ jsxs12("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs22("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx22(
       "div",
       {
         className: "fixed inset-0 bg-slate-900/50 backdrop-blur-sm transition-opacity duration-200",
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ jsxs12("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__ */ jsxs12("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx12("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ jsx12("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx12("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__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx12("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add WorkflowStep" }),
-            /* @__PURE__ */ jsx12("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflowStep and configure its details" })
+    /* @__PURE__ */ jsxs22("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__ */ jsxs22("div", { className: "flex justify-between items-center px-8 py-6 border-b border-slate-100", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx22("div", { className: "w-12 h-12 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center shadow-sm", children: /* @__PURE__ */ jsx22("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
+          /* @__PURE__ */ jsxs22("div", { children: [
+            /* @__PURE__ */ jsx22("h2", { className: "text-xl font-extrabold text-slate-800", children: "Add WorkflowStep" }),
+            /* @__PURE__ */ jsx22("p", { className: "text-xs text-slate-400 mt-0.5", children: "Create a new workflowStep and configure its details" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: onClose,
@@ -1033,31 +1693,31 @@ function AddWorkflowStepModal({ onClose }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ jsx12("span", { children: "\u{1F4CB}" }),
-            /* @__PURE__ */ jsx12("span", { children: "WorkflowStep Information" })
+      /* @__PURE__ */ jsxs22("div", { className: "p-8 space-y-8 overflow-y-auto max-h-[calc(92vh-170px)] bg-slate-50/30", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ jsx22("span", { children: "\u{1F4CB}" }),
+            /* @__PURE__ */ jsx22("span", { children: "WorkflowStep Information" })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsxs12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsxs22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "SLA Type ",
-                /* @__PURE__ */ jsx12("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsxs12("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__ */ jsx12("option", { value: "", children: "Select SLA type" }),
-                /* @__PURE__ */ jsx12("option", { value: "petition", children: "Hours" }),
-                /* @__PURE__ */ jsx12("option", { value: "building", children: "Days" })
+              /* @__PURE__ */ jsxs22("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__ */ jsx22("option", { value: "", children: "Select SLA type" }),
+                /* @__PURE__ */ jsx22("option", { value: "petition", children: "Hours" }),
+                /* @__PURE__ */ jsx22("option", { value: "building", children: "Days" })
               ] }),
-              /* @__PURE__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflowStep belongs to" })
+              /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "Choose the category this workflowStep belongs to" })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsxs12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsxs22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Step Code ",
-                /* @__PURE__ */ jsx12("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx22(
                 "input",
                 {
                   type: "text",
@@ -1065,15 +1725,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__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflowStep (e.g., APR,SCR)" })
+              /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "Unique code for this workflowStep (e.g., APR,SCR)" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsxs12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ jsxs22("div", { children: [
+            /* @__PURE__ */ jsxs22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
               "StepName ",
-              /* @__PURE__ */ jsx12("span", { className: "text-red-500", children: "*" })
+              /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx22(
               "input",
               {
                 type: "text",
@@ -1081,15 +1741,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__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflowStep" })
+            /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter a descriptive name for this workflowStep" })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsxs12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsxs22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "ReminderBefore",
-                /* @__PURE__ */ jsx12("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx22(
                 "input",
                 {
                   type: "text",
@@ -1097,14 +1757,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__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Reminder" })
+              /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Reminder" })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsxs12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsxs22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "EscalationAfter",
-                /* @__PURE__ */ jsx12("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx22(
                 "input",
                 {
                   type: "text",
@@ -1112,14 +1772,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__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Escalation" })
+              /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "WorkflowStep Escalation" })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsxs12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsxs22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Working Hours Only",
-                /* @__PURE__ */ jsx12("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx22(
                 "input",
                 {
                   type: "text",
@@ -1127,14 +1787,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__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Working Hours" })
+              /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Working Hours" })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsxs12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsxs22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: [
                 "Exclude Holidays",
-                /* @__PURE__ */ jsx12("span", { className: "text-red-500", children: "*" })
+                /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx22(
                 "input",
                 {
                   type: "text",
@@ -1142,16 +1802,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__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Holidays" })
+              /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "Enter Holidays" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx12("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
-            /* @__PURE__ */ jsx12("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
+        /* @__PURE__ */ jsxs22("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-3", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx22("label", { className: "block text-xs font-bold text-slate-700", children: "Description" }),
+            /* @__PURE__ */ jsx22("span", { className: "text-[10px] text-slate-400", children: "0 / 500" })
           ] }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx22(
             "textarea",
             {
               rows: 3,
@@ -1159,73 +1819,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__ */ jsx12("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this WorkflowStep" })
+          /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400", children: "Provide additional information about this WorkflowStep" })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ jsx12("span", { children: "\u2699\uFE0F" }),
-            /* @__PURE__ */ jsx12("span", { children: "Status & Settings" })
+        /* @__PURE__ */ jsxs22("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ jsx22("span", { children: "\u2699\uFE0F" }),
+            /* @__PURE__ */ jsx22("span", { children: "Status & Settings" })
           ] }),
-          /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx12("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
-            /* @__PURE__ */ jsxs12("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__ */ jsx12("option", { value: "medium", children: "Medium" }),
-              /* @__PURE__ */ jsx12("option", { value: "high", children: "High" }),
-              /* @__PURE__ */ jsx12("option", { value: "low", children: "Low" })
+          /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: /* @__PURE__ */ jsxs22("div", { children: [
+            /* @__PURE__ */ jsx22("label", { className: "block text-xs font-bold text-slate-700 mb-1.5", children: "Default Priority" }),
+            /* @__PURE__ */ jsxs22("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__ */ jsx22("option", { value: "medium", children: "Medium" }),
+              /* @__PURE__ */ jsx22("option", { value: "high", children: "High" }),
+              /* @__PURE__ */ jsx22("option", { value: "low", children: "Low" })
             ] }),
-            /* @__PURE__ */ jsx12("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this WorkflowStep" })
+            /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-slate-400 mt-1", children: "Default priority for tasks in this WorkflowStep" })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
-            /* @__PURE__ */ jsx12("span", { children: "\u{1F6E0}\uFE0F" }),
-            /* @__PURE__ */ jsx12("span", { children: "Additional Settings" })
+        /* @__PURE__ */ jsxs22("div", { className: "bg-white p-6 rounded-2xl border border-slate-100/80 shadow-sm space-y-5", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 text-indigo-600 text-sm font-bold border-b border-slate-50 pb-3", children: [
+            /* @__PURE__ */ jsx22("span", { children: "\u{1F6E0}\uFE0F" }),
+            /* @__PURE__ */ jsx22("span", { children: "Additional Settings" })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx12("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__ */ jsxs12("div", { children: [
-                  /* @__PURE__ */ jsx12("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
-                  /* @__PURE__ */ jsx12("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
+          /* @__PURE__ */ jsxs22("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx22("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__ */ jsxs22("div", { children: [
+                  /* @__PURE__ */ jsx22("p", { className: "text-xs font-bold text-slate-700", children: "Enable SLA" }),
+                  /* @__PURE__ */ jsx22("p", { className: "text-[9px] text-slate-400", children: "Enable SLA for workflow" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs12("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ jsx12("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ jsx12("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__ */ jsxs22("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ jsx22("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ jsx22("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__ */ jsxs12("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx12("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__ */ jsxs12("div", { children: [
-                  /* @__PURE__ */ jsx12("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
-                  /* @__PURE__ */ jsx12("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx22("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__ */ jsxs22("div", { children: [
+                  /* @__PURE__ */ jsx22("p", { className: "text-xs font-bold text-slate-700", children: "Allow Rework" }),
+                  /* @__PURE__ */ jsx22("p", { className: "text-[9px] text-slate-400", children: "Allow files to be sent back" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs12("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ jsx12("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
-                /* @__PURE__ */ jsx12("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__ */ jsxs22("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ jsx22("input", { type: "checkbox", defaultChecked: true, className: "sr-only peer" }),
+                /* @__PURE__ */ jsx22("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__ */ jsxs12("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
-              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx12("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__ */ jsxs12("div", { children: [
-                  /* @__PURE__ */ jsx12("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
-                  /* @__PURE__ */ jsx12("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between p-4 bg-slate-50/50 border border-slate-100 rounded-2xl", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx22("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__ */ jsxs22("div", { children: [
+                  /* @__PURE__ */ jsx22("p", { className: "text-xs font-bold text-slate-700", children: "Allow File Delegation" }),
+                  /* @__PURE__ */ jsx22("p", { className: "text-[9px] text-slate-400", children: "Allow users to delegate tasks" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs12("label", { className: "relative inline-flex items-center cursor-pointer", children: [
-                /* @__PURE__ */ jsx12("input", { type: "checkbox", className: "sr-only peer" }),
-                /* @__PURE__ */ jsx12("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__ */ jsxs22("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ jsx22("input", { type: "checkbox", className: "sr-only peer" }),
+                /* @__PURE__ */ jsx22("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__ */ jsxs12("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
-        /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs22("div", { className: "p-5 bg-white border-t border-slate-100 flex items-center justify-end gap-3 px-8", children: [
+        /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: onClose,
@@ -1233,7 +1893,7 @@ function AddWorkflowStepModal({ onClose }) {
             children: "\u2715 Cancel"
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -1247,7 +1907,7 @@ function AddWorkflowStepModal({ onClose }) {
 }
 
 // src/components/Common/commonheader.js
-import React13 from "react";
+import React23 from "react";
 import Link from "next/link";
 import {
   FolderKanban,
@@ -1255,36 +1915,36 @@ import {
   ChevronRight,
   Plus
 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 function CommonHeader({
   title,
   breadcrumbs = [],
   buttonText,
   onButtonClick
 }) {
-  return /* @__PURE__ */ jsxs13("div", { className: "relative overflow-hidden rounded-2xl border border-slate-200 bg-white/90 backdrop-blur-xl shadow-lg mb-6", children: [
-    /* @__PURE__ */ jsx13("div", { className: "absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-blue-500 via-cyan-400 to-indigo-500" }),
-    /* @__PURE__ */ jsx13("div", { className: "absolute -top-12 -right-12 h-40 w-40 rounded-full bg-blue-200/20 blur-3xl" }),
-    /* @__PURE__ */ jsx13("div", { className: "absolute -bottom-10 -left-10 h-32 w-32 rounded-full bg-cyan-200/20 blur-3xl" }),
-    /* @__PURE__ */ jsxs13("div", { className: "relative flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx13("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__ */ jsx13(FolderKanban, { size: 22 }) }),
-        /* @__PURE__ */ jsxs13("div", { children: [
-          /* @__PURE__ */ jsx13("h1", { className: "text-2xl font-bold text-slate-800 tracking-tight", children: title }),
-          /* @__PURE__ */ jsxs13("div", { className: "mt-2 flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ jsxs13("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__ */ jsx13(Home, { size: 13 }),
+  return /* @__PURE__ */ jsxs23("div", { className: "relative overflow-hidden rounded-2xl border border-slate-200 bg-white/90 backdrop-blur-xl shadow-lg mb-6", children: [
+    /* @__PURE__ */ jsx23("div", { className: "absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-blue-500 via-cyan-400 to-indigo-500" }),
+    /* @__PURE__ */ jsx23("div", { className: "absolute -top-12 -right-12 h-40 w-40 rounded-full bg-blue-200/20 blur-3xl" }),
+    /* @__PURE__ */ jsx23("div", { className: "absolute -bottom-10 -left-10 h-32 w-32 rounded-full bg-cyan-200/20 blur-3xl" }),
+    /* @__PURE__ */ jsxs23("div", { className: "relative flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx23("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__ */ jsx23(FolderKanban, { size: 22 }) }),
+        /* @__PURE__ */ jsxs23("div", { children: [
+          /* @__PURE__ */ jsx23("h1", { className: "text-2xl font-bold text-slate-800 tracking-tight", children: title }),
+          /* @__PURE__ */ jsxs23("div", { className: "mt-2 flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ jsxs23("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__ */ jsx23(Home, { size: 13 }),
               "Home"
             ] }),
-            breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs13(React13.Fragment, { children: [
-              /* @__PURE__ */ jsx13(
+            breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs23(React23.Fragment, { children: [
+              /* @__PURE__ */ jsx23(
                 ChevronRight,
                 {
                   size: 15,
                   className: "text-slate-300"
                 }
               ),
-              index === breadcrumbs.length - 1 ? /* @__PURE__ */ jsx13("span", { className: "rounded-full bg-blue-600 px-3 py-1 text-xs font-semibold text-white shadow-md", children: item.label }) : /* @__PURE__ */ jsx13(
+              index === breadcrumbs.length - 1 ? /* @__PURE__ */ jsx23("span", { className: "rounded-full bg-blue-600 px-3 py-1 text-xs font-semibold text-white shadow-md", children: item.label }) : /* @__PURE__ */ jsx23(
                 Link,
                 {
                   href: item.href,
@@ -1296,15 +1956,15 @@ function CommonHeader({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs23(
         "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__ */ jsx13("span", { className: "absolute inset-0 -translate-x-full skew-x-12 bg-white/20 transition-transform duration-1000 group-hover:translate-x-[250%]" }),
-            /* @__PURE__ */ jsxs13("span", { className: "relative flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx23("span", { className: "absolute inset-0 -translate-x-full skew-x-12 bg-white/20 transition-transform duration-1000 group-hover:translate-x-[250%]" }),
+            /* @__PURE__ */ jsxs23("span", { className: "relative flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx23(
                 Plus,
                 {
                   size: 18,
@@ -1321,7 +1981,7 @@ function CommonHeader({
 }
 
 // src/components/WorkflowStep/main.js
-import { Fragment, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
 var workflowSteps = [
   {
     workflowStepId: 1,
@@ -1455,9 +2115,9 @@ var workflowSteps = [
   }
 ];
 function WorkflowStep() {
-  const [showModal, setShowModal] = useState5(false);
-  const [pageSize, setPageSize] = useState5(5);
-  const [sortConfig, setSortConfig] = useState5({
+  const [showModal, setShowModal] = useState11(false);
+  const [pageSize, setPageSize] = useState11(5);
+  const [sortConfig, setSortConfig] = useState11({
     key: "",
     direction: "asc"
   });
@@ -1468,9 +2128,9 @@ function WorkflowStep() {
     }
     setSortConfig({ key, direction });
   };
-  return /* @__PURE__ */ jsxs14(Fragment, { children: [
-    /* @__PURE__ */ jsxs14("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs24(Fragment, { children: [
+    /* @__PURE__ */ jsxs24("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: [
+      /* @__PURE__ */ jsx24(
         CommonHeader,
         {
           title: "Workflow",
@@ -1483,11 +2143,11 @@ function WorkflowStep() {
           onButtonClick: () => setShowModal(true)
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "relative max-w-xs w-full", children: [
-            /* @__PURE__ */ jsx14("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ jsx14("svg", { className: "w-4 h-5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-            /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs24("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "relative max-w-xs w-full", children: [
+            /* @__PURE__ */ jsx24("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ jsx24("svg", { className: "w-4 h-5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+            /* @__PURE__ */ jsx24(
               "input",
               {
                 type: "text",
@@ -1496,22 +2156,22 @@ function WorkflowStep() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx14("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ jsxs24(
             "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__ */ jsx14("option", { value: 5, children: "5 Rows" }),
-                /* @__PURE__ */ jsx14("option", { value: 10, children: "10 Rows" }),
-                /* @__PURE__ */ jsx14("option", { value: 25, children: "25 Rows" })
+                /* @__PURE__ */ jsx24("option", { value: 5, children: "5 Rows" }),
+                /* @__PURE__ */ jsx24("option", { value: 10, children: "10 Rows" }),
+                /* @__PURE__ */ jsx24("option", { value: 25, children: "25 Rows" })
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx14("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: /* @__PURE__ */ jsx14("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ jsxs14("table", { className: "min-w-max w-full border-collapse", children: [
-          /* @__PURE__ */ jsx14("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ jsx14("tr", { className: "text-[11px] font-bold uppercase tracking-wider text-slate-400", children: [
+        /* @__PURE__ */ jsx24("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: /* @__PURE__ */ jsx24("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ jsxs24("table", { className: "min-w-max w-full border-collapse", children: [
+          /* @__PURE__ */ jsx24("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ jsx24("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" },
@@ -1523,49 +2183,49 @@ function WorkflowStep() {
             { label: "Escalation After", key: "escalationAfter" },
             { label: "Working Hours Only", key: "workingHoursOnly" },
             { label: "Exclude Holidays", key: "excludeHolidays" }
-          ].map((column) => /* @__PURE__ */ jsx14(
+          ].map((column) => /* @__PURE__ */ jsx24(
             "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__ */ jsxs14("div", { className: "flex items-center justify-center gap-1.5", children: [
-                /* @__PURE__ */ jsx14("span", { className: "truncate", children: column.label }),
-                /* @__PURE__ */ jsx14("span", { className: "text-slate-300 text-[10px]", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
+              children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-center gap-1.5", children: [
+                /* @__PURE__ */ jsx24("span", { className: "truncate", children: column.label }),
+                /* @__PURE__ */ jsx24("span", { className: "text-slate-300 text-[10px]", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
               ] })
             },
             column.key
           )) }) }),
-          /* @__PURE__ */ jsx14("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs14("tr", { className: "hover:bg-slate-50/80 transition-colors border-b border-slate-100 last:border-0", children: [
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowStepId }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
-            /* @__PURE__ */ jsx14("td", { className: "px-2 py-4 text-center text-[14px]", children: /* @__PURE__ */ jsx14("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__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold ", children: item.stepName }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.sequenceNo }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold", children: item.slaType }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.slaValue }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.reminderBefore }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.escalationAfter }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workingHoursOnly }),
-            /* @__PURE__ */ jsx14("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.excludeHolidays })
+          /* @__PURE__ */ jsx24("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs24("tr", { className: "hover:bg-slate-50/80 transition-colors border-b border-slate-100 last:border-0", children: [
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowStepId }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
+            /* @__PURE__ */ jsx24("td", { className: "px-2 py-4 text-center text-[14px]", children: /* @__PURE__ */ jsx24("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__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold ", children: item.stepName }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.sequenceNo }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-500 font-semibold", children: item.slaType }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.slaValue }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.reminderBefore }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.escalationAfter }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.workingHoursOnly }),
+            /* @__PURE__ */ jsx24("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.excludeHolidays })
           ] }, item.workflowStepId)) })
         ] }) }) }),
-        /* @__PURE__ */ jsx14("div", { className: "rounded-xl bg-slate-50/50", children: /* @__PURE__ */ jsx14(Footer, {}) })
+        /* @__PURE__ */ jsx24("div", { className: "rounded-xl bg-slate-50/50", children: /* @__PURE__ */ jsx24(Footer, {}) })
       ] })
     ] }),
-    showModal && /* @__PURE__ */ jsx14(AddWorkflowStepModal, { onClose: () => setShowModal(false) })
+    showModal && /* @__PURE__ */ jsx24(AddWorkflowStepModal, { onClose: () => setShowModal(false) })
   ] });
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import React16, { useState as useState6 } from "react";
+import React26, { useState as useState12 } from "react";
 import Link3 from "next/link";
 
 // src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
-import React15 from "react";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import React25 from "react";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
 var WorkflowTransition = [
   {
     TransitionId: 1,
@@ -1649,9 +2309,9 @@ var WorkflowTransition = [
   }
 ];
 function WorkFlowTransition() {
-  const [showModal, setShowModal] = useState6(false);
-  const [pageSize, setPageSize] = useState6(5);
-  const [sortConfig, setSortConfig] = useState6({
+  const [showModal, setShowModal] = useState12(false);
+  const [pageSize, setPageSize] = useState12(5);
+  const [sortConfig, setSortConfig] = useState12({
     key: "",
     direction: "asc"
   });
@@ -1665,8 +2325,8 @@ function WorkFlowTransition() {
       direction
     });
   };
-  return /* @__PURE__ */ jsx16("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: /* @__PURE__ */ jsxs16("div", { className: "p-6", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx26("div", { className: "p-5 bg-[#f5f7fb] min-h-screen font-sans text-slate-700 flex flex-col ", children: /* @__PURE__ */ jsxs26("div", { className: "p-6", children: [
+    /* @__PURE__ */ jsx26(
       CommonHeader,
       {
         title: "WorkFlow Transition",
@@ -1688,11 +2348,11 @@ function WorkFlowTransition() {
         onButtonClick: () => setShowModal(true)
       }
     ),
-    /* @__PURE__ */ jsxs16("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "relative max-w-xs w-full", children: [
-          /* @__PURE__ */ jsx16("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ jsx16("svg", { className: "w-4 h-5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-          /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs26("div", { className: "bg-white rounded-3xl shadow-sm border border-slate-100 p-6 flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex justify-between items-center flex-wrap gap-3", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "relative max-w-xs w-full", children: [
+          /* @__PURE__ */ jsx26("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none", children: /* @__PURE__ */ jsx26("svg", { className: "w-4 h-5 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx26("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
+          /* @__PURE__ */ jsx26(
             "input",
             {
               type: "text",
@@ -1701,51 +2361,51 @@ function WorkFlowTransition() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsx26("div", { className: "flex items-center gap-2 text-xs text-slate-500 font-semibold", children: /* @__PURE__ */ jsxs26(
           "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__ */ jsx16("option", { value: 5, children: "5 Rows" }),
-              /* @__PURE__ */ jsx16("option", { value: 10, children: "10 Rows" }),
-              /* @__PURE__ */ jsx16("option", { value: 25, children: "25 Rows" })
+              /* @__PURE__ */ jsx26("option", { value: 5, children: "5 Rows" }),
+              /* @__PURE__ */ jsx26("option", { value: 10, children: "10 Rows" }),
+              /* @__PURE__ */ jsx26("option", { value: 25, children: "25 Rows" })
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: [
-        /* @__PURE__ */ jsx16("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ jsxs16("table", { className: "min-w-max w-full border-collapse", children: [
-          /* @__PURE__ */ jsx16("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ jsx16("tr", { className: "text-[11px] font-bold uppercase tracking-wider text-slate-400", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "border border-slate-200 rounded-2xl overflow-hidden bg-white shadow-md", children: [
+        /* @__PURE__ */ jsx26("div", { className: "max-h-[350px] overflow-y-auto overflow-x-auto", children: /* @__PURE__ */ jsxs26("table", { className: "min-w-max w-full border-collapse", children: [
+          /* @__PURE__ */ jsx26("thead", { className: "bg-slate-50 sticky top-0 z-10", children: /* @__PURE__ */ jsx26("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__ */ jsx16(
+          ].map((column) => /* @__PURE__ */ jsx26(
             "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__ */ jsxs16("div", { className: "flex items-center justify-center gap-2", children: [
-                /* @__PURE__ */ jsx16("span", { children: column.label }),
-                /* @__PURE__ */ jsx16("span", { className: "text-gray-400 text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
+              children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ jsx26("span", { children: column.label }),
+                /* @__PURE__ */ jsx26("span", { className: "text-gray-400 text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
               ] })
             },
             column.key
           )) }) }),
-          /* @__PURE__ */ jsx16("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsx26("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs26(
             "tr",
             {
               className: "hover:bg-slate-50/80 transition-colors border-b border-slate-100 last:border-0",
               children: [
-                /* @__PURE__ */ jsx16("td", { className: "px-6 p-4  text-center text-[14px] text-slate-600 font-bold", children: item.TransitionId }),
-                /* @__PURE__ */ jsx16("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
-                /* @__PURE__ */ jsx16("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.FromStepId }),
-                /* @__PURE__ */ jsx16("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.ToStepId }),
-                /* @__PURE__ */ jsx16("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx26("td", { className: "px-6 p-4  text-center text-[14px] text-slate-600 font-bold", children: item.TransitionId }),
+                /* @__PURE__ */ jsx26("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.workflowId }),
+                /* @__PURE__ */ jsx26("td", { className: "px-6 py-4 text-center text-[14px] text-slate-600 font-bold", children: item.FromStepId }),
+                /* @__PURE__ */ jsx26("td", { className: "px-6 py-4 text-center text-align center text-[14px] text-slate-600 font-bold", children: item.ToStepId }),
+                /* @__PURE__ */ jsx26("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ jsx26(
                   "span",
                   {
                     className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold
@@ -1753,7 +2413,7 @@ function WorkFlowTransition() {
                     children: item.ActionCode
                   }
                 ) }),
-                /* @__PURE__ */ jsx16("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx26("td", { className: "px-6 py-4 text-center ", children: /* @__PURE__ */ jsx26(
                   "span",
                   {
                     className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold
@@ -1768,8 +2428,8 @@ function WorkFlowTransition() {
         ] }) }),
         " "
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "p-5 sticky bottom-0 bg-white z-10", children: [
-        /* @__PURE__ */ jsx16(Footer, {}),
+      /* @__PURE__ */ jsxs26("div", { className: "p-5 sticky bottom-0 bg-white z-10", children: [
+        /* @__PURE__ */ jsx26(Footer, {}),
         " "
       ] })
     ] })
@@ -1777,7 +2437,7 @@ function WorkFlowTransition() {
 }
 
 // src/components/Sidebar.jsx
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
 var workflowItems = [
   { name: "Workflow Type", component: "workflowType", icon: RiGitMergeLine },
   { name: "Workflow", component: "workflow", icon: RiNodeTree },
@@ -1814,18 +2474,18 @@ var trackingItems = [
 ];
 function Sidebar({ isOpen, onToggle, childrens }) {
   const router = useRouter();
-  const [workflowOpen, setWorkflowOpen] = useState7(false);
-  const [permissionOpen, setPermissionOpen] = useState7(false);
-  const [hierarchyOpen, setHierarchyOpen] = useState7(false);
-  const [documentOpen, setDocumentOpen] = useState7(false);
-  const [filesOpen, setFilesOpen] = useState7(false);
-  const [tasksOpen, setTasksOpen] = useState7(false);
-  const [trackingOpen, setTrackingOpen] = useState7(false);
-  const [communicationOpen, setCommunicationOpen] = useState7(false);
-  const [activeComponent, setActiveComponent] = useState7("workflowType");
+  const [workflowOpen, setWorkflowOpen] = useState13(false);
+  const [permissionOpen, setPermissionOpen] = useState13(false);
+  const [hierarchyOpen, setHierarchyOpen] = useState13(false);
+  const [documentOpen, setDocumentOpen] = useState13(false);
+  const [filesOpen, setFilesOpen] = useState13(false);
+  const [tasksOpen, setTasksOpen] = useState13(false);
+  const [trackingOpen, setTrackingOpen] = useState13(false);
+  const [communicationOpen, setCommunicationOpen] = useState13(false);
+  const [activeComponent, setActiveComponent] = useState13("workflowType");
   const renderMenuItemold = (item) => {
     const Icon = item.icon;
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs27(
       "button",
       {
         type: "button",
@@ -1837,14 +2497,14 @@ function Sidebar({ isOpen, onToggle, childrens }) {
       `,
         onClick: () => router.push(item.path),
         children: [
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx27(
             "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__ */ jsx17(Icon, { size: 17 })
+              children: /* @__PURE__ */ jsx27(Icon, { size: 17 })
             }
           ),
-          /* @__PURE__ */ jsx17("span", { className: "whitespace-nowrap text-[14px] font-medium leading-[22px]", children: item.name })
+          /* @__PURE__ */ jsx27("span", { className: "whitespace-nowrap text-[14px] font-medium leading-[22px]", children: item.name })
         ]
       },
       item.name
@@ -1861,7 +2521,7 @@ function Sidebar({ isOpen, onToggle, childrens }) {
         router.push(item.path);
       }
     };
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs27(
       "button",
       {
         onClick: handleClick,
@@ -1871,8 +2531,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__ */ jsx17(Icon, { size: 17 }),
-          /* @__PURE__ */ jsx17("span", { children: item.name })
+          /* @__PURE__ */ jsx27(Icon, { size: 17 }),
+          /* @__PURE__ */ jsx27("span", { children: item.name })
         ]
       },
       item.name
@@ -1881,36 +2541,36 @@ function Sidebar({ isOpen, onToggle, childrens }) {
   const renderContent = () => {
     switch (activeComponent) {
       case "workflowType":
-        return /* @__PURE__ */ jsx17(WorkflowTypeMains, {});
+        return /* @__PURE__ */ jsx27(WorkflowTypeMains, {});
       case "workflow":
-        return /* @__PURE__ */ jsx17(WorkflowPage, {});
+        return /* @__PURE__ */ jsx27(WorkflowPage, {});
       case "workflowStep":
-        return /* @__PURE__ */ jsx17(WorkflowStep, {});
+        return /* @__PURE__ */ jsx27(WorkflowStep, {});
       case "workflowTransition":
-        return /* @__PURE__ */ jsx17(WorkFlowTransition, {});
+        return /* @__PURE__ */ jsx27(WorkFlowTransition, {});
       default:
         return childrens;
     }
   };
   const renderDropdown = (title, open, setOpen, items) => {
-    return /* @__PURE__ */ jsxs17("div", { className: "mb-2", children: [
-      /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs27("div", { className: "mb-2", children: [
+      /* @__PURE__ */ jsxs27(
         "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__ */ jsx17("span", { className: "text-[16px] font-semibold", children: title }),
-            open ? /* @__PURE__ */ jsx17(RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ jsx17(RiArrowRightSLine, { size: 18 })
+            /* @__PURE__ */ jsx27("span", { className: "text-[16px] font-semibold", children: title }),
+            open ? /* @__PURE__ */ jsx27(RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ jsx27(RiArrowRightSLine, { size: 18 })
           ]
         }
       ),
-      open && /* @__PURE__ */ jsx17("div", { className: "ml-[8px] border-l border-[#E5E9F1] pl-[4px]", children: items.map(renderMenuItem) })
+      open && /* @__PURE__ */ jsx27("div", { className: "ml-[8px] border-l border-[#E5E9F1] pl-[4px]", children: items.map(renderMenuItem) })
     ] });
   };
-  return /* @__PURE__ */ jsxs17(Fragment2, { children: [
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs27(Fragment2, { children: [
+    /* @__PURE__ */ jsxs27(
       "aside",
       {
         className: `
@@ -1921,13 +2581,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__ */ jsxs17(
+          /* @__PURE__ */ jsxs27(
             "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__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxs17(
+                /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs27(
                     "svg",
                     {
                       width: "36",
@@ -1935,28 +2595,28 @@ function Sidebar({ isOpen, onToggle, childrens }) {
                       viewBox: "0 0 48 56",
                       fill: "none",
                       children: [
-                        /* @__PURE__ */ jsx17(
+                        /* @__PURE__ */ jsx27(
                           "path",
                           {
                             d: "M24 2L45 12.5L24 23L3 12.5L24 2Z",
                             fill: "#356AF3"
                           }
                         ),
-                        /* @__PURE__ */ jsx17(
+                        /* @__PURE__ */ jsx27(
                           "path",
                           {
                             d: "M24 8L34 13L24 18L14 13L24 8Z",
                             fill: "white"
                           }
                         ),
-                        /* @__PURE__ */ jsx17(
+                        /* @__PURE__ */ jsx27(
                           "path",
                           {
                             d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z",
                             fill: "#356AF3"
                           }
                         ),
-                        /* @__PURE__ */ jsx17(
+                        /* @__PURE__ */ jsx27(
                           "path",
                           {
                             d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z",
@@ -1966,36 +2626,36 @@ function Sidebar({ isOpen, onToggle, childrens }) {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs17("div", { children: [
-                    /* @__PURE__ */ jsx17("h1", { className: "text-[18px] font-extrabold text-[#101318]", children: "FLOWCORE" }),
-                    /* @__PURE__ */ jsx17("p", { className: "text-[12px] text-[#344261]", children: "Workflow Engine" })
+                  /* @__PURE__ */ jsxs27("div", { children: [
+                    /* @__PURE__ */ jsx27("h1", { className: "text-[18px] font-extrabold text-[#101318]", children: "FLOWCORE" }),
+                    /* @__PURE__ */ jsx27("p", { className: "text-[12px] text-[#344261]", children: "Workflow Engine" })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx27(
                   "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__ */ jsx17(RiMenuLine, { size: 18 })
+                    children: /* @__PURE__ */ jsx27(RiMenuLine, { size: 18 })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs27(
             "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__ */ jsx17(
+                /* @__PURE__ */ jsx27(
                   "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__ */ jsxs17("div", { className: "flex flex-col gap-[3px]", children: [
+                /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-[3px]", children: [
                   renderDropdown(
                     "Workflow",
                     workflowOpen,
@@ -2021,14 +2681,14 @@ function Sidebar({ isOpen, onToggle, childrens }) {
                     hierarchyItems
                   )
                 ] }),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx27(
                   "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__ */ jsxs17("div", { className: "flex flex-col gap-[3px]", children: [
+                /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-[3px]", children: [
                   renderDropdown(
                     "Files",
                     filesOpen,
@@ -2057,18 +2717,18 @@ function Sidebar({ isOpen, onToggle, childrens }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx27(
             "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__ */ jsxs17(
+              children: /* @__PURE__ */ jsxs27(
                 "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__ */ jsx17(RiSettings4Line, { size: 20 }),
-                    /* @__PURE__ */ jsx17("span", { children: "Settings" })
+                    /* @__PURE__ */ jsx27(RiSettings4Line, { size: 20 }),
+                    /* @__PURE__ */ jsx27("span", { children: "Settings" })
                   ]
                 }
               )
@@ -2077,15 +2737,15 @@ function Sidebar({ isOpen, onToggle, childrens }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx17("div", { className: "flex-1 overflow-auto bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx27("div", { className: "flex-1 overflow-auto bg-[#F5F7FB]", children: renderContent() }),
+    !isOpen && /* @__PURE__ */ jsx27(
       "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__ */ jsx17(RiMenuLine, { size: 18 })
+        children: /* @__PURE__ */ jsx27(RiMenuLine, { size: 18 })
       }
     )
   ] });
@@ -2107,11 +2767,11 @@ var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
 var ApiEndpointsProvider_default = ApiEndpointsProvider;
 
 // src/components/Layout.jsx
-import { useState as useState8 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var Layout = ({ children }) => {
-  const [isOpen, setIsOpen] = useState8(true);
-  return /* @__PURE__ */ jsx18("div", { className: "flex min-h-screen", children: /* @__PURE__ */ jsx18(
+  const [isOpen, setIsOpen] = useState14(true);
+  return /* @__PURE__ */ jsx28("div", { className: "flex min-h-screen", children: /* @__PURE__ */ jsx28(
     Sidebar,
     {
       isOpen,
@@ -2123,7 +2783,9 @@ var Layout = ({ children }) => {
 var Layout_default = Layout;
 export {
   ApiEndpointsProvider_default as ApiEndpointsProvider,
+  AssignmentRulePage,
   Layout_default as Layout,
   Sidebar,
+  TaskPermissionPage,
   WorkflowPage
 };