flowcore-fn 10.3.1 → 10.3.4

package/dist/pkg-index.mjs

@@ -4741,7 +4741,7 @@ import Swal9 from "sweetalert2";
 
 // src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
 import React20, { useEffect as useEffect14, useState as useState15 } from "react";
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var rowsFrom = (response) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
@@ -4757,21 +4757,24 @@ var lookupEndpoint = (name, fallback) => {
   }
 };
 function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K;
   const [formData, setFormData] = useState15({
     workflowTypeId: String((_b = (_a = editData == null ? void 0 : editData.workflowTypeId) != null ? _a : editData == null ? void 0 : editData.WorkflowTypeId) != null ? _b : ""),
     workflow: String((_d = (_c = editData == null ? void 0 : editData.workflowId) != null ? _c : editData == null ? void 0 : editData.WorkflowId) != null ? _d : ""),
     fromStep: String((_h = (_g = (_f = (_e = editData == null ? void 0 : editData.fromWorkflowStepId) != null ? _e : editData == null ? void 0 : editData.FromWorkflowStepId) != null ? _f : editData == null ? void 0 : editData.fromStepId) != null ? _g : editData == null ? void 0 : editData.FromStepId) != null ? _h : ""),
     toStep: String((_l = (_k = (_j = (_i = editData == null ? void 0 : editData.toWorkflowStepId) != null ? _i : editData == null ? void 0 : editData.ToWorkflowStepId) != null ? _j : editData == null ? void 0 : editData.toStepId) != null ? _k : editData == null ? void 0 : editData.ToStepId) != null ? _l : ""),
-    actionCode: (_n = (_m = editData == null ? void 0 : editData.actionCode) != null ? _m : editData == null ? void 0 : editData.ActionCode) != null ? _n : "",
-    actionName: (_p = (_o = editData == null ? void 0 : editData.actionName) != null ? _o : editData == null ? void 0 : editData.ActionName) != null ? _p : "",
-    sequenceNo: String((_r = (_q = editData == null ? void 0 : editData.sequenceNo) != null ? _q : editData == null ? void 0 : editData.SequenceNo) != null ? _r : "1"),
-    isDefault: Boolean((_t = (_s = editData == null ? void 0 : editData.isDefault) != null ? _s : editData == null ? void 0 : editData.IsDefault) != null ? _t : false),
-    requireComment: Boolean((_v = (_u = editData == null ? void 0 : editData.requireComment) != null ? _u : editData == null ? void 0 : editData.RequireComment) != null ? _v : false),
-    status: ((_x = (_w = editData == null ? void 0 : editData.isActive) != null ? _w : editData == null ? void 0 : editData.IsActive) != null ? _x : true) ? "active" : "inactive"
+    returnToApplicant: Boolean((_s = (_o = (_n = (_m = editData == null ? void 0 : editData.isReturnToApplicant) != null ? _m : editData == null ? void 0 : editData.IsReturnToApplicant) != null ? _n : editData == null ? void 0 : editData.returnToApplicant) != null ? _o : editData == null ? void 0 : editData.ReturnToApplicant) != null ? _s : Number((_r = (_q = (_p = editData == null ? void 0 : editData.toWorkflowStepId) != null ? _p : editData == null ? void 0 : editData.ToWorkflowStepId) != null ? _q : editData == null ? void 0 : editData.toStepId) != null ? _r : editData == null ? void 0 : editData.ToStepId) === 0),
+    actionCode: (_u = (_t = editData == null ? void 0 : editData.actionCode) != null ? _t : editData == null ? void 0 : editData.ActionCode) != null ? _u : "",
+    actionName: (_w = (_v = editData == null ? void 0 : editData.actionName) != null ? _v : editData == null ? void 0 : editData.ActionName) != null ? _w : "",
+    isDefault: Boolean((_y = (_x = editData == null ? void 0 : editData.isDefault) != null ? _x : editData == null ? void 0 : editData.IsDefault) != null ? _y : false),
+    requireComment: Boolean((_A = (_z = editData == null ? void 0 : editData.requireComment) != null ? _z : editData == null ? void 0 : editData.RequireComment) != null ? _A : false),
+    status: ((_C = (_B = editData == null ? void 0 : editData.isActive) != null ? _B : editData == null ? void 0 : editData.IsActive) != null ? _C : true) ? "active" : "inactive"
   });
   const [errors, setErrors] = useState15({});
   const [isSubmitting, setIsSubmitting] = useState15(false);
+  const [availableActions, setAvailableActions] = useState15([]);
+  const [loadingActions, setLoadingActions] = useState15(false);
+  const [actionFetchError, setActionFetchError] = useState15("");
   const [workflowTypes, setWorkflowTypes] = useState15([]);
   const [loadingWorkflowTypes, setLoadingWorkflowTypes] = useState15(false);
   const [workflowTypeFetchError, setWorkflowTypeFetchError] = useState15("");
@@ -4852,19 +4855,19 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
     };
   }, [formData.workflowTypeId]);
   useEffect14(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2, _x2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2, _x2, _y2, _z2, _A2, _B2, _C2;
     if (editData) {
       setFormData({
         workflowTypeId: String((_b2 = (_a2 = editData == null ? void 0 : editData.workflowTypeId) != null ? _a2 : editData == null ? void 0 : editData.WorkflowTypeId) != null ? _b2 : ""),
         workflow: String((_d2 = (_c2 = editData == null ? void 0 : editData.workflowId) != null ? _c2 : editData == null ? void 0 : editData.WorkflowId) != null ? _d2 : ""),
         fromStep: String((_h2 = (_g2 = (_f2 = (_e2 = editData == null ? void 0 : editData.fromWorkflowStepId) != null ? _e2 : editData == null ? void 0 : editData.FromWorkflowStepId) != null ? _f2 : editData == null ? void 0 : editData.fromStepId) != null ? _g2 : editData == null ? void 0 : editData.FromStepId) != null ? _h2 : ""),
         toStep: String((_l2 = (_k2 = (_j2 = (_i2 = editData == null ? void 0 : editData.toWorkflowStepId) != null ? _i2 : editData == null ? void 0 : editData.ToWorkflowStepId) != null ? _j2 : editData == null ? void 0 : editData.toStepId) != null ? _k2 : editData == null ? void 0 : editData.ToStepId) != null ? _l2 : ""),
-        actionCode: (_n2 = (_m2 = editData == null ? void 0 : editData.actionCode) != null ? _m2 : editData == null ? void 0 : editData.ActionCode) != null ? _n2 : "",
-        actionName: (_p2 = (_o2 = editData == null ? void 0 : editData.actionName) != null ? _o2 : editData == null ? void 0 : editData.ActionName) != null ? _p2 : "",
-        sequenceNo: String((_r2 = (_q2 = editData == null ? void 0 : editData.sequenceNo) != null ? _q2 : editData == null ? void 0 : editData.SequenceNo) != null ? _r2 : "1"),
-        isDefault: Boolean((_t2 = (_s2 = editData == null ? void 0 : editData.isDefault) != null ? _s2 : editData == null ? void 0 : editData.IsDefault) != null ? _t2 : false),
-        requireComment: Boolean((_v2 = (_u2 = editData == null ? void 0 : editData.requireComment) != null ? _u2 : editData == null ? void 0 : editData.RequireComment) != null ? _v2 : false),
-        status: ((_x2 = (_w2 = editData == null ? void 0 : editData.isActive) != null ? _w2 : editData == null ? void 0 : editData.IsActive) != null ? _x2 : true) ? "active" : "inactive"
+        returnToApplicant: Boolean((_s2 = (_o2 = (_n2 = (_m2 = editData == null ? void 0 : editData.isReturnToApplicant) != null ? _m2 : editData == null ? void 0 : editData.IsReturnToApplicant) != null ? _n2 : editData == null ? void 0 : editData.returnToApplicant) != null ? _o2 : editData == null ? void 0 : editData.ReturnToApplicant) != null ? _s2 : Number((_r2 = (_q2 = (_p2 = editData == null ? void 0 : editData.toWorkflowStepId) != null ? _p2 : editData == null ? void 0 : editData.ToWorkflowStepId) != null ? _q2 : editData == null ? void 0 : editData.toStepId) != null ? _r2 : editData == null ? void 0 : editData.ToStepId) === 0),
+        actionCode: (_u2 = (_t2 = editData == null ? void 0 : editData.actionCode) != null ? _t2 : editData == null ? void 0 : editData.ActionCode) != null ? _u2 : "",
+        actionName: (_w2 = (_v2 = editData == null ? void 0 : editData.actionName) != null ? _v2 : editData == null ? void 0 : editData.ActionName) != null ? _w2 : "",
+        isDefault: Boolean((_y2 = (_x2 = editData == null ? void 0 : editData.isDefault) != null ? _x2 : editData == null ? void 0 : editData.IsDefault) != null ? _y2 : false),
+        requireComment: Boolean((_A2 = (_z2 = editData == null ? void 0 : editData.requireComment) != null ? _z2 : editData == null ? void 0 : editData.RequireComment) != null ? _A2 : false),
+        status: ((_C2 = (_B2 = editData == null ? void 0 : editData.isActive) != null ? _B2 : editData == null ? void 0 : editData.IsActive) != null ? _C2 : true) ? "active" : "inactive"
       });
       setErrors({});
     }
@@ -4921,6 +4924,60 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
       active = false;
     };
   }, [formData.workflow]);
+  useEffect14(() => {
+    if (!formData.fromStep) {
+      setAvailableActions([]);
+      setActionFetchError("");
+      setLoadingActions(false);
+      setFormData((current) => __spreadProps(__spreadValues({}, current), { actionCode: "", actionName: "" }));
+      return void 0;
+    }
+    let active = true;
+    const loadActions = async () => {
+      var _a2, _b2, _c2, _d2, _e2, _f2;
+      setAvailableActions([]);
+      setActionFetchError("");
+      setLoadingActions(true);
+      try {
+        const flowCore = (_b2 = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore) != null ? _b2 : {};
+        const endpoint2 = (_d2 = (_c2 = flowCore.inbox) == null ? void 0 : _c2.GetPermisiionLabelWithCodeAll) != null ? _d2 : "/api/flowcore/StepPermission/GetByWorkflowStepId";
+        const url = typeof endpoint2 === "function" ? endpoint2() : String(endpoint2);
+        const actions = rowsFrom(
+          await getApiService().get(url)
+        ).map(({ name }) => ({ name })).filter((action) => action.name);
+        if (!active) return;
+        setAvailableActions(actions);
+        setFormData((current) => {
+          var _a3, _b3;
+          const currentActionValues = [current.actionCode, current.actionName].filter(Boolean).map((value) => String(value).trim().toUpperCase());
+          const selectedAction = actions.find((action) => {
+            const actionName = String(action.name).trim().toUpperCase();
+            return currentActionValues.includes(actionName);
+          });
+          const defaultAction = selectedAction != null ? selectedAction : !editData ? actions[0] : null;
+          return __spreadProps(__spreadValues({}, current), {
+            actionCode: (_a3 = defaultAction == null ? void 0 : defaultAction.name) != null ? _a3 : current.actionCode,
+            actionName: (_b3 = defaultAction == null ? void 0 : defaultAction.name) != null ? _b3 : current.actionName
+          });
+        });
+        if (actions.length === 0) {
+          setActionFetchError("No actions are available for the selected From Step.");
+        }
+      } catch (error) {
+        if (active) {
+          setActionFetchError(
+            ((_f2 = (_e2 = error == null ? void 0 : error.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || (error == null ? void 0 : error.message) || "Unable to load actions for the selected From Step."
+          );
+        }
+      } finally {
+        if (active) setLoadingActions(false);
+      }
+    };
+    loadActions();
+    return () => {
+      active = false;
+    };
+  }, [formData.fromStep]);
   useEffect14(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -4934,10 +4991,23 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
   const filteredSteps = workflowSteps;
   const handleChange = (field, value) => {
     let sanitized = value;
-    if (field === "actionCode" && typeof value === "string") {
-      sanitized = value.toUpperCase().replace(/[^A-Z0-9_-]/g, "");
-    } else if (field === "sequenceNo" && typeof value === "string") {
-      sanitized = value.replace(/^-+/, "");
+    if (field === "returnToApplicant") {
+      setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
+        returnToApplicant: Boolean(value),
+        toStep: value ? "0" : prev.toStep === "0" ? "" : prev.toStep
+      }));
+      if (errors.toStep) setErrors((prev) => __spreadProps(__spreadValues({}, prev), { toStep: "" }));
+      return;
+    }
+    if (field === "fromStep") {
+      setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
+        fromStep: sanitized,
+        actionCode: "",
+        actionName: ""
+      }));
+      if (errors.fromStep) setErrors((prev) => __spreadProps(__spreadValues({}, prev), { fromStep: "" }));
+      if (errors.actionName) setErrors((prev) => __spreadProps(__spreadValues({}, prev), { actionName: "" }));
+      return;
     }
     if (field === "workflowTypeId") {
       setFormData((prev) => {
@@ -4997,11 +5067,9 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
     if (!formData.workflowTypeId) newErrors.workflowTypeId = "Workflow Type is required.";
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
     if (!formData.fromStep) newErrors.fromStep = "From Step is required.";
-    if (!formData.toStep) newErrors.toStep = "To Step is required.";
-    if (!formData.actionCode.trim()) newErrors.actionCode = "Action Code is required.";
-    if (!formData.actionName.trim()) newErrors.actionName = "Action Name is required.";
-    if (!formData.sequenceNo || isNaN(Number(formData.sequenceNo)) || Number(formData.sequenceNo) <= 0) {
-      newErrors.sequenceNo = "Sequence number must be at least 1.";
+    if (!formData.returnToApplicant && !formData.toStep) newErrors.toStep = "To Step is required.";
+    if (!formData.actionCode.trim() || !formData.actionName.trim()) {
+      newErrors.actionName = "Action Name is required.";
     }
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
@@ -5016,10 +5084,10 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
       workflowTypeId: Number(formData.workflowTypeId) || 0,
       workflowId: Number(formData.workflow),
       fromWorkflowStepId: Number(formData.fromStep),
-      toWorkflowStepId: Number(formData.toStep),
-      actionCode: formData.actionCode.trim().toUpperCase(),
+      toWorkflowStepId: formData.returnToApplicant ? 0 : Number(formData.toStep),
+      actionCode: formData.actionCode.trim(),
       actionName: formData.actionName.trim(),
-      sequenceNo: Number(formData.sequenceNo) || 1,
+      isReturnToApplicant: Boolean(formData.returnToApplicant),
       isDefault: Boolean(formData.isDefault),
       requireComment: Boolean(formData.requireComment),
       isActive: formData.status === "active",
@@ -5028,10 +5096,10 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
       workflowTypeId: Number(formData.workflowTypeId) || 0,
       workflowId: Number(formData.workflow),
       fromWorkflowStepId: Number(formData.fromStep),
-      toWorkflowStepId: Number(formData.toStep),
-      actionCode: formData.actionCode.trim().toUpperCase(),
+      toWorkflowStepId: formData.returnToApplicant ? 0 : Number(formData.toStep),
+      actionCode: formData.actionCode.trim(),
       actionName: formData.actionName.trim(),
-      sequenceNo: Number(formData.sequenceNo) || 1,
+      isReturnToApplicant: Boolean(formData.returnToApplicant),
       isDefault: Boolean(formData.isDefault),
       requireComment: Boolean(formData.requireComment),
       isActive: formData.status === "active",
@@ -5045,6 +5113,16 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
     }
   };
   const inputCls = (hasErr) => `fc:w-full fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:border fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:text-slate-700 fc:transition-all ${hasErr ? "fc:border-red-500 fc:text-slate-800" : "fc:border-slate-200 hover:fc:border-slate-300"}`;
+  const inputStyle = (hasErr) => ({
+    width: "100%",
+    height: 42,
+    boxSizing: "border-box",
+    padding: "0 36px",
+    border: `1px solid ${hasErr ? "#ef4444" : "#cbd5e1"}`,
+    borderRadius: 10,
+    backgroundColor: "#fff",
+    color: "#334155"
+  });
   return /* @__PURE__ */ jsxs19("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx20(
       "div",
@@ -5053,411 +5131,410 @@ function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ jsxs19("div", { className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:slide-in-from-bottom-4 fc:duration-300 fc:ring-1 fc:ring-slate-900/5", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100 fc:bg-gradient-to-r fc:from-white fc:via-slate-50/50 fc:to-white", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
-          /* @__PURE__ */ jsx20("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-2xl fc:flex fc:items-center fc:justify-center fc:shadow-inner", children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("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__ */ jsxs19("div", { children: [
-            /* @__PURE__ */ jsx20("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800 fc:tracking-tight", children: editData ? "Edit Workflow Transition" : "Add Workflow Transition" }),
-            /* @__PURE__ */ jsx20("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5 fc:font-medium", children: editData ? "Update workflow transition details and routing" : "Create a new workflow transition and configure its details" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx20(
-          "button",
-          {
-            type: "button",
-            onClick: onClose,
-            className: "fc:group fc:text-slate-400 hover:fc:text-slate-700 hover:fc:bg-slate-100/80 active:fc:scale-95 fc:p-2.5 fc:rounded-full fc:transition-all fc:duration-200",
-            "aria-label": "Close",
-            children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-5 fc:h-5 fc:transition-transform fc:duration-200 group-hover:fc:rotate-90", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs19("form", { onSubmit: handleSubmit, className: "fc:flex fc:flex-col fc:flex-1 fc:overflow-hidden", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/40", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/70 fc:duration-300 fc:space-y-5", children: [
-            /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-100 fc:pb-3", children: [
-              /* @__PURE__ */ jsx20("div", { className: "fc:p-1.5 fc:bg-indigo-50 fc:rounded-lg", children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
-              /* @__PURE__ */ jsx20("span", { children: "Workflow Transition Information" })
-            ] }),
-            /* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-5", children: [
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
-                  "Workflow Type ",
-                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
+    /* @__PURE__ */ jsxs19(
+      "div",
+      {
+        className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:slide-in-from-bottom-4 fc:duration-300 fc:ring-1 fc:ring-slate-900/5",
+        style: { width: "min(840px, calc(100vw - 24px))", maxHeight: "min(700px, calc(100vh - 24px))", boxShadow: "0 24px 64px rgba(15, 23, 42, 0.22)" },
+        children: [
+          /* @__PURE__ */ jsxs19(
+            "div",
+            {
+              className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100 fc:bg-gradient-to-r fc:from-white fc:via-slate-50/50 fc:to-white",
+              style: { flexShrink: 0, padding: "12px 20px" },
+              children: [
+                /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
+                  /* @__PURE__ */ jsx20("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-2xl fc:flex fc:items-center fc:justify-center fc:shadow-inner", children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("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__ */ jsxs19("div", { children: [
+                    /* @__PURE__ */ jsx20("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800 fc:tracking-tight", children: editData ? "Edit Workflow Transition" : "Add Workflow Transition" }),
+                    /* @__PURE__ */ jsx20("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5 fc:font-medium", children: editData ? "Update workflow transition details and routing" : "Create a new workflow transition and configure its details" })
+                  ] })
                 ] }),
-                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
+                /* @__PURE__ */ jsx20(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onClose,
+                    className: "fc:group fc:text-slate-400 hover:fc:text-slate-700 hover:fc:bg-slate-100/80 active:fc:scale-95 fc:p-2.5 fc:rounded-full fc:transition-all fc:duration-200",
+                    "aria-label": "Close",
+                    children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-5 fc:h-5 fc:transition-transform fc:duration-200 group-hover:fc:rotate-90", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs19("form", { onSubmit: handleSubmit, className: "fc:flex fc:flex-col fc:flex-1 fc:overflow-hidden", children: [
+            /* @__PURE__ */ jsxs19(
+              "div",
+              {
+                className: "fc:flex fc:flex-col fc:overflow-y-auto fc:bg-slate-50/40",
+                style: { flex: "1 1 auto", minHeight: 0, padding: "14px 20px", gap: 12 },
+                children: [
                   /* @__PURE__ */ jsxs19(
-                    "select",
+                    "div",
                     {
-                      value: formData.workflowTypeId,
-                      onChange: (e) => handleChange("workflowTypeId", e.target.value),
-                      disabled: loadingWorkflowTypes,
-                      className: inputCls(errors.workflowTypeId),
+                      className: "fc:bg-white fc:rounded-2xl fc:border fc:border-slate-200/70 fc:duration-300",
+                      style: { display: "flex", flexDirection: "column", gap: 12, padding: 16, borderRadius: 14 },
                       children: [
-                        /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflowTypes ? "Loading workflow types..." : "Select Workflow Type" }),
-                        formData.workflowTypeId && !workflowTypes.some(
-                          (t) => {
-                            var _a2, _b2;
-                            return String((_b2 = (_a2 = t.workflowTypeId) != null ? _a2 : t.WorkflowTypeId) != null ? _b2 : t.id) === String(formData.workflowTypeId);
+                        /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-100 fc:pb-3", children: [
+                          /* @__PURE__ */ jsx20("div", { className: "fc:p-1.5 fc:bg-indigo-50 fc:rounded-lg", children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
+                          /* @__PURE__ */ jsx20("span", { children: "Workflow Transition Information" })
+                        ] }),
+                        /* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-5", children: [
+                          /* @__PURE__ */ jsxs19("div", { children: [
+                            /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                              "Workflow Type ",
+                              /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
+                            ] }),
+                            /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
+                              /* @__PURE__ */ jsxs19(
+                                "select",
+                                {
+                                  value: formData.workflowTypeId,
+                                  onChange: (e) => handleChange("workflowTypeId", e.target.value),
+                                  disabled: loadingWorkflowTypes,
+                                  className: inputCls(errors.workflowTypeId),
+                                  style: inputStyle(errors.workflowTypeId),
+                                  children: [
+                                    /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflowTypes ? "Loading workflow types..." : "Select Workflow Type" }),
+                                    formData.workflowTypeId && !workflowTypes.some(
+                                      (t) => {
+                                        var _a2, _b2;
+                                        return String((_b2 = (_a2 = t.workflowTypeId) != null ? _a2 : t.WorkflowTypeId) != null ? _b2 : t.id) === String(formData.workflowTypeId);
+                                      }
+                                    ) && /* @__PURE__ */ jsx20("option", { value: formData.workflowTypeId, children: (_E = (_D = editData == null ? void 0 : editData.workflowTypeName) != null ? _D : editData == null ? void 0 : editData.WorkflowTypeName) != null ? _E : `Type ${formData.workflowTypeId}` }),
+                                    workflowTypes.map((type) => {
+                                      var _a2, _b2, _c2, _d2, _e2, _f2;
+                                      const id = (_b2 = (_a2 = type.workflowTypeId) != null ? _a2 : type.WorkflowTypeId) != null ? _b2 : type.id;
+                                      const label = (_f2 = (_e2 = (_d2 = (_c2 = type.workflowTypeName) != null ? _c2 : type.WorkflowTypeName) != null ? _d2 : type.name) != null ? _e2 : type.typeName) != null ? _f2 : `Type ${id}`;
+                                      return /* @__PURE__ */ jsx20("option", { value: String(id), children: label }, id);
+                                    })
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" }) })
+                            ] }),
+                            workflowTypeFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowTypeFetchError }),
+                            errors.workflowTypeId && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.workflowTypeId })
+                          ] }),
+                          /* @__PURE__ */ jsxs19("div", { children: [
+                            /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                              "Workflow ",
+                              /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
+                            ] }),
+                            /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
+                              /* @__PURE__ */ jsxs19(
+                                "select",
+                                {
+                                  value: formData.workflow,
+                                  onChange: (e) => handleChange("workflow", e.target.value),
+                                  disabled: loadingWorkflows,
+                                  className: inputCls(errors.workflow),
+                                  style: inputStyle(errors.workflow),
+                                  children: [
+                                    /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflows ? "Loading workflows..." : !formData.workflowTypeId ? "Select Workflow Type first" : filteredWorkflows.length === 0 ? "No workflows found for this type" : "Select Workflow" }),
+                                    formData.workflow && !filteredWorkflows.some(
+                                      (w) => {
+                                        var _a2, _b2;
+                                        return String((_b2 = (_a2 = w.workflowId) != null ? _a2 : w.WorkflowId) != null ? _b2 : w.id) === String(formData.workflow);
+                                      }
+                                    ) && /* @__PURE__ */ jsx20("option", { value: formData.workflow, children: (_G = (_F = editData == null ? void 0 : editData.workflowName) != null ? _F : editData == null ? void 0 : editData.WorkflowName) != null ? _G : `Workflow ${formData.workflow}` }),
+                                    filteredWorkflows.map((workflow) => {
+                                      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+                                      const id = (_b2 = (_a2 = workflow.workflowId) != null ? _a2 : workflow.WorkflowId) != null ? _b2 : workflow.id;
+                                      const name = (_h2 = (_g2 = (_f2 = (_e2 = (_d2 = (_c2 = workflow.workflowName) != null ? _c2 : workflow.WorkflowName) != null ? _d2 : workflow.name) != null ? _e2 : workflow.Name) != null ? _f2 : workflow.workflowCode) != null ? _g2 : workflow.WorkflowCode) != null ? _h2 : `Workflow ${id}`;
+                                      return /* @__PURE__ */ jsx20("option", { value: String(id), children: name }, id);
+                                    })
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) })
+                            ] }),
+                            workflowFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowFetchError }),
+                            errors.workflow && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.workflow })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs19(
+                          "div",
+                          {
+                            className: "fc:grid fc:gap-3",
+                            style: {
+                              display: "grid",
+                              gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 300px), 1fr))",
+                              alignItems: "end",
+                              gap: 12
+                            },
+                            children: [
+                              /* @__PURE__ */ jsxs19("div", { children: [
+                                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                                  "From Step ",
+                                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
+                                ] }),
+                                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
+                                  /* @__PURE__ */ jsxs19(
+                                    "select",
+                                    {
+                                      value: formData.fromStep,
+                                      onChange: (e) => handleChange("fromStep", e.target.value),
+                                      disabled: loadingWorkflowSteps,
+                                      className: inputCls(errors.fromStep),
+                                      style: inputStyle(errors.fromStep),
+                                      children: [
+                                        /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflowSteps ? "Loading steps..." : !formData.workflow ? "Select Workflow first" : filteredSteps.length === 0 ? "No steps found for this workflow" : "Select From Step" }),
+                                        formData.fromStep && !filteredSteps.some(
+                                          (s) => {
+                                            var _a2, _b2;
+                                            return String((_b2 = (_a2 = s.workflowStepId) != null ? _a2 : s.WorkflowStepId) != null ? _b2 : s.id) === String(formData.fromStep);
+                                          }
+                                        ) && /* @__PURE__ */ jsx20("option", { value: formData.fromStep, children: (_I = (_H = editData == null ? void 0 : editData.fromStepName) != null ? _H : editData == null ? void 0 : editData.FromStepName) != null ? _I : `Step ${formData.fromStep}` }),
+                                        filteredSteps.map((step) => {
+                                          var _a2, _b2, _c2, _d2, _e2;
+                                          const id = (_b2 = (_a2 = step.workflowStepId) != null ? _a2 : step.WorkflowStepId) != null ? _b2 : step.id;
+                                          const name = (_d2 = (_c2 = step.stepName) != null ? _c2 : step.StepName) != null ? _d2 : `Step ${id}`;
+                                          const code = (_e2 = step.stepCode) != null ? _e2 : step.StepCode;
+                                          return /* @__PURE__ */ jsxs19("option", { value: String(id), children: [
+                                            name,
+                                            " ",
+                                            code ? `(${code})` : ""
+                                          ] }, id);
+                                        })
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" }) })
+                                ] }),
+                                workflowStepFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowStepFetchError }),
+                                errors.fromStep && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.fromStep })
+                              ] }),
+                              /* @__PURE__ */ jsx20("div", { style: { display: "flex", alignItems: "end", minWidth: 0 }, children: /* @__PURE__ */ jsxs19(
+                                "label",
+                                {
+                                  className: "fc:text-xs fc:font-semibold fc:text-slate-700",
+                                  style: { display: "flex", width: "100%", minHeight: 42, alignItems: "center", gap: 9, margin: 0, padding: "0 11px", border: "1px solid #cbd5e1", borderRadius: 10, background: "#f8fafc", cursor: "pointer" },
+                                  children: [
+                                    /* @__PURE__ */ jsx20(
+                                      "input",
+                                      {
+                                        type: "checkbox",
+                                        checked: formData.returnToApplicant,
+                                        onChange: (event) => handleChange("returnToApplicant", event.target.checked),
+                                        className: "fc:h-4 fc:w-4 fc:rounded fc:border-slate-300 fc:text-indigo-600 focus:fc:ring-indigo-500",
+                                        style: { width: 16, height: 16, margin: 0, accentColor: "#4f46e5", flexShrink: 0 }
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx20("span", { style: { lineHeight: 1.25 }, children: "Return to Applicant" })
+                                  ]
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsx20("div", { style: { display: formData.returnToApplicant ? "none" : "block", minWidth: 0 }, children: !formData.returnToApplicant && /* @__PURE__ */ jsxs19(Fragment4, { children: [
+                                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                                  "To Step ",
+                                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
+                                ] }),
+                                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
+                                  /* @__PURE__ */ jsxs19(
+                                    "select",
+                                    {
+                                      value: formData.toStep,
+                                      onChange: (e) => handleChange("toStep", e.target.value),
+                                      disabled: loadingWorkflowSteps,
+                                      className: inputCls(errors.toStep),
+                                      style: inputStyle(errors.toStep),
+                                      children: [
+                                        /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflowSteps ? "Loading steps..." : !formData.workflow ? "Select Workflow first" : filteredSteps.length === 0 ? "No steps found for this workflow" : "Select To Step" }),
+                                        formData.toStep && !filteredSteps.some(
+                                          (s) => {
+                                            var _a2, _b2;
+                                            return String((_b2 = (_a2 = s.workflowStepId) != null ? _a2 : s.WorkflowStepId) != null ? _b2 : s.id) === String(formData.toStep);
+                                          }
+                                        ) && /* @__PURE__ */ jsx20("option", { value: formData.toStep, children: (_K = (_J = editData == null ? void 0 : editData.toStepName) != null ? _J : editData == null ? void 0 : editData.ToStepName) != null ? _K : `Step ${formData.toStep}` }),
+                                        filteredSteps.map((step) => {
+                                          var _a2, _b2, _c2, _d2, _e2;
+                                          const id = (_b2 = (_a2 = step.workflowStepId) != null ? _a2 : step.WorkflowStepId) != null ? _b2 : step.id;
+                                          const name = (_d2 = (_c2 = step.stepName) != null ? _c2 : step.StepName) != null ? _d2 : `Step ${id}`;
+                                          const code = (_e2 = step.stepCode) != null ? _e2 : step.StepCode;
+                                          return /* @__PURE__ */ jsxs19("option", { value: String(id), children: [
+                                            name,
+                                            " ",
+                                            code ? `(${code})` : ""
+                                          ] }, id);
+                                        })
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" }) })
+                                ] }),
+                                workflowStepFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowStepFetchError }),
+                                errors.toStep && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.toStep })
+                              ] }) }),
+                              /* @__PURE__ */ jsxs19("div", { style: { minWidth: 0 }, children: [
+                                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                                  "Action Name ",
+                                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
+                                ] }),
+                                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
+                                  /* @__PURE__ */ jsxs19(
+                                    "select",
+                                    {
+                                      value: formData.actionCode,
+                                      onChange: (event) => {
+                                        const selectedAction = availableActions.find(
+                                          (action) => action.name === event.target.value
+                                        );
+                                        setFormData((current) => {
+                                          var _a2, _b2;
+                                          return __spreadProps(__spreadValues({}, current), {
+                                            actionCode: (_a2 = selectedAction == null ? void 0 : selectedAction.name) != null ? _a2 : "",
+                                            actionName: (_b2 = selectedAction == null ? void 0 : selectedAction.name) != null ? _b2 : ""
+                                          });
+                                        });
+                                        if (errors.actionCode || errors.actionName) {
+                                          setErrors((current) => __spreadProps(__spreadValues({}, current), {
+                                            actionCode: "",
+                                            actionName: ""
+                                          }));
+                                        }
+                                      },
+                                      disabled: loadingActions || !formData.fromStep || availableActions.length === 0,
+                                      className: inputCls(errors.actionCode || errors.actionName),
+                                      style: inputStyle(errors.actionCode || errors.actionName),
+                                      children: [
+                                        /* @__PURE__ */ jsx20("option", { value: "", children: loadingActions ? "Loading actions..." : !formData.fromStep ? "Select From Step first" : availableActions.length === 0 ? "No actions available" : "Select Action" }),
+                                        formData.actionCode && !availableActions.some(
+                                          (action) => action.name === formData.actionCode
+                                        ) && /* @__PURE__ */ jsx20("option", { value: formData.actionCode, children: formData.actionName || formData.actionCode }),
+                                        availableActions.map((action) => /* @__PURE__ */ jsx20("option", { value: action.name, children: action.name }, action.name))
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 7h10M7 12h10M7 17h5" }) })
+                                ] }),
+                                errors.actionName && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.actionName }),
+                                actionFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: actionFetchError })
+                              ] })
+                            ]
                           }
-                        ) && /* @__PURE__ */ jsx20("option", { value: formData.workflowTypeId, children: (_z = (_y = editData == null ? void 0 : editData.workflowTypeName) != null ? _y : editData == null ? void 0 : editData.WorkflowTypeName) != null ? _z : `Type ${formData.workflowTypeId}` }),
-                        workflowTypes.map((type) => {
-                          var _a2, _b2, _c2, _d2, _e2, _f2;
-                          const id = (_b2 = (_a2 = type.workflowTypeId) != null ? _a2 : type.WorkflowTypeId) != null ? _b2 : type.id;
-                          const label = (_f2 = (_e2 = (_d2 = (_c2 = type.workflowTypeName) != null ? _c2 : type.WorkflowTypeName) != null ? _d2 : type.name) != null ? _e2 : type.typeName) != null ? _f2 : `Type ${id}`;
-                          return /* @__PURE__ */ jsx20("option", { value: String(id), children: label }, id);
-                        })
+                        )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" }) })
-                ] }),
-                workflowTypeFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowTypeFetchError }),
-                errors.workflowTypeId && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.workflowTypeId })
-              ] }),
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
-                  "Workflow ",
-                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
                   /* @__PURE__ */ jsxs19(
-                    "select",
+                    "div",
                     {
-                      value: formData.workflow,
-                      onChange: (e) => handleChange("workflow", e.target.value),
-                      disabled: loadingWorkflows,
-                      className: inputCls(errors.workflow),
+                      className: "fc:bg-white fc:rounded-2xl fc:border fc:border-slate-200/70",
+                      style: { display: "flex", flexDirection: "column", gap: 12, padding: 16, borderRadius: 14 },
                       children: [
-                        /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflows ? "Loading workflows..." : !formData.workflowTypeId ? "Select Workflow Type first" : filteredWorkflows.length === 0 ? "No workflows found for this type" : "Select Workflow" }),
-                        formData.workflow && !filteredWorkflows.some(
-                          (w) => {
-                            var _a2, _b2;
-                            return String((_b2 = (_a2 = w.workflowId) != null ? _a2 : w.WorkflowId) != null ? _b2 : w.id) === String(formData.workflow);
-                          }
-                        ) && /* @__PURE__ */ jsx20("option", { value: formData.workflow, children: (_B = (_A = editData == null ? void 0 : editData.workflowName) != null ? _A : editData == null ? void 0 : editData.WorkflowName) != null ? _B : `Workflow ${formData.workflow}` }),
-                        filteredWorkflows.map((workflow) => {
-                          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-                          const id = (_b2 = (_a2 = workflow.workflowId) != null ? _a2 : workflow.WorkflowId) != null ? _b2 : workflow.id;
-                          const name = (_h2 = (_g2 = (_f2 = (_e2 = (_d2 = (_c2 = workflow.workflowName) != null ? _c2 : workflow.WorkflowName) != null ? _d2 : workflow.name) != null ? _e2 : workflow.Name) != null ? _f2 : workflow.workflowCode) != null ? _g2 : workflow.WorkflowCode) != null ? _h2 : `Workflow ${id}`;
-                          return /* @__PURE__ */ jsx20("option", { value: String(id), children: name }, id);
-                        })
+                        /* @__PURE__ */ jsx20("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-100 fc:pb-3", children: /* @__PURE__ */ jsx20("span", { children: "Status & Settings" }) }),
+                        /* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-2 fc:gap-3", children: [
+                          /* @__PURE__ */ jsxs19(
+                            "label",
+                            {
+                              className: "fc:text-xs fc:font-semibold fc:text-slate-700",
+                              style: { display: "flex", minHeight: 42, alignItems: "center", gap: 9, padding: "0 11px", border: "1px solid #cbd5e1", borderRadius: 10, background: "#f8fafc", cursor: "pointer" },
+                              children: [
+                                /* @__PURE__ */ jsx20(
+                                  "input",
+                                  {
+                                    type: "checkbox",
+                                    checked: formData.isDefault,
+                                    onChange: (event) => handleChange("isDefault", event.target.checked),
+                                    style: { width: 16, height: 16, margin: 0, accentColor: "#4f46e5" }
+                                  }
+                                ),
+                                "Is Default"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs19(
+                            "label",
+                            {
+                              className: "fc:text-xs fc:font-semibold fc:text-slate-700",
+                              style: { display: "flex", minHeight: 42, alignItems: "center", gap: 9, padding: "0 11px", border: "1px solid #cbd5e1", borderRadius: 10, background: "#f8fafc", cursor: "pointer" },
+                              children: [
+                                /* @__PURE__ */ jsx20(
+                                  "input",
+                                  {
+                                    type: "checkbox",
+                                    checked: formData.requireComment,
+                                    onChange: (event) => handleChange("requireComment", event.target.checked),
+                                    style: { width: 16, height: 16, margin: 0, accentColor: "#4f46e5" }
+                                  }
+                                ),
+                                "Require Comment"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs19("div", { children: [
+                            /* @__PURE__ */ jsx20("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Status" }),
+                            /* @__PURE__ */ jsxs19(
+                              "select",
+                              {
+                                value: formData.status,
+                                onChange: (event) => handleChange("status", event.target.value),
+                                className: inputCls(false),
+                                style: __spreadProps(__spreadValues({}, inputStyle(false)), { padding: "0 12px" }),
+                                children: [
+                                  /* @__PURE__ */ jsx20("option", { value: "active", children: "Active" }),
+                                  /* @__PURE__ */ jsx20("option", { value: "inactive", children: "Inactive" })
+                                ]
+                              }
+                            )
+                          ] })
+                        ] })
                       ]
                     }
-                  ),
-                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) })
-                ] }),
-                workflowFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowFetchError }),
-                errors.workflow && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.workflow })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-5", children: [
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
-                  "From Step ",
-                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs19(
+              "div",
+              {
+                className: "fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8",
+                style: { flexShrink: 0, padding: "10px 20px" },
+                children: [
                   /* @__PURE__ */ jsxs19(
-                    "select",
+                    "button",
                     {
-                      value: formData.fromStep,
-                      onChange: (e) => handleChange("fromStep", e.target.value),
-                      disabled: loadingWorkflowSteps,
-                      className: inputCls(errors.fromStep),
+                      type: "button",
+                      onClick: onClose,
+                      className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:bg-slate-50 active:fc:scale-95 fc:transition-all fc:duration-200 fc:flex fc:items-center fc:gap-2",
                       children: [
-                        /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflowSteps ? "Loading steps..." : !formData.workflow ? "Select Workflow first" : filteredSteps.length === 0 ? "No steps found for this workflow" : "Select From Step" }),
-                        formData.fromStep && !filteredSteps.some(
-                          (s) => {
-                            var _a2, _b2;
-                            return String((_b2 = (_a2 = s.workflowStepId) != null ? _a2 : s.WorkflowStepId) != null ? _b2 : s.id) === String(formData.fromStep);
-                          }
-                        ) && /* @__PURE__ */ jsx20("option", { value: formData.fromStep, children: (_D = (_C = editData == null ? void 0 : editData.fromStepName) != null ? _C : editData == null ? void 0 : editData.FromStepName) != null ? _D : `Step ${formData.fromStep}` }),
-                        filteredSteps.map((step) => {
-                          var _a2, _b2, _c2, _d2, _e2;
-                          const id = (_b2 = (_a2 = step.workflowStepId) != null ? _a2 : step.WorkflowStepId) != null ? _b2 : step.id;
-                          const name = (_d2 = (_c2 = step.stepName) != null ? _c2 : step.StepName) != null ? _d2 : `Step ${id}`;
-                          const code = (_e2 = step.stepCode) != null ? _e2 : step.StepCode;
-                          return /* @__PURE__ */ jsxs19("option", { value: String(id), children: [
-                            name,
-                            " ",
-                            code ? `(${code})` : ""
-                          ] }, id);
-                        })
+                        /* @__PURE__ */ jsx20("svg", { className: "fc:w-3.5 fc:h-3.5", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }),
+                        "Cancel"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" }) })
-                ] }),
-                workflowStepFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowStepFetchError }),
-                errors.fromStep && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.fromStep })
-              ] }),
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
-                  "To Step ",
-                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
                   /* @__PURE__ */ jsxs19(
-                    "select",
+                    "button",
                     {
-                      value: formData.toStep,
-                      onChange: (e) => handleChange("toStep", e.target.value),
-                      disabled: loadingWorkflowSteps,
-                      className: inputCls(errors.toStep),
+                      type: "submit",
+                      disabled: isSubmitting,
+                      className: "fc:group fc:relative fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 active:fc:scale-95 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:transition-all fc:duration-200 fc:flex fc:items-center fc:gap-2 disabled:fc:opacity-60 disabled:fc:cursor-not-allowed",
                       children: [
-                        /* @__PURE__ */ jsx20("option", { value: "", children: loadingWorkflowSteps ? "Loading steps..." : !formData.workflow ? "Select Workflow first" : filteredSteps.length === 0 ? "No steps found for this workflow" : "Select To Step" }),
-                        formData.toStep && !filteredSteps.some(
-                          (s) => {
-                            var _a2, _b2;
-                            return String((_b2 = (_a2 = s.workflowStepId) != null ? _a2 : s.WorkflowStepId) != null ? _b2 : s.id) === String(formData.toStep);
-                          }
-                        ) && /* @__PURE__ */ jsx20("option", { value: formData.toStep, children: (_F = (_E = editData == null ? void 0 : editData.toStepName) != null ? _E : editData == null ? void 0 : editData.ToStepName) != null ? _F : `Step ${formData.toStep}` }),
-                        filteredSteps.map((step) => {
-                          var _a2, _b2, _c2, _d2, _e2;
-                          const id = (_b2 = (_a2 = step.workflowStepId) != null ? _a2 : step.WorkflowStepId) != null ? _b2 : step.id;
-                          const name = (_d2 = (_c2 = step.stepName) != null ? _c2 : step.StepName) != null ? _d2 : `Step ${id}`;
-                          const code = (_e2 = step.stepCode) != null ? _e2 : step.StepCode;
-                          return /* @__PURE__ */ jsxs19("option", { value: String(id), children: [
-                            name,
-                            " ",
-                            code ? `(${code})` : ""
-                          ] }, id);
-                        })
+                        /* @__PURE__ */ jsx20("svg", { className: "fc:w-3.5 fc:h-3.5 fc:transition-transform fc:duration-200 group-hover:fc:scale-110", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" }) }),
+                        isSubmitting ? "Saving..." : editData ? "Update Transition" : "Save Transition"
                       ]
                     }
-                  ),
-                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" }) })
-                ] }),
-                workflowStepFetchError && /* @__PURE__ */ jsx20("p", { className: "fc:text-amber-600 fc:text-[11px] fc:mt-1 fc:font-medium", children: workflowStepFetchError }),
-                errors.toStep && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.toStep })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-3 md:fc:grid-cols-3 fc:gap-5", children: [
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
-                  "Action Code ",
-                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ jsx20(
-                    "input",
-                    {
-                      type: "text",
-                      placeholder: "Enter Action Code",
-                      value: formData.actionCode,
-                      onChange: (e) => handleChange("actionCode", e.target.value),
-                      className: `${inputCls(errors.actionCode)} uppercase`
-                    }
-                  ),
-                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) })
-                ] }),
-                errors.actionCode && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.actionCode })
-              ] }),
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
-                  "Action Name ",
-                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ jsx20(
-                    "input",
-                    {
-                      type: "text",
-                      placeholder: "Enter Action Name",
-                      value: formData.actionName,
-                      onChange: (e) => handleChange("actionName", e.target.value),
-                      className: inputCls(errors.actionName)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 7h10M7 12h10M7 17h5" }) })
-                ] }),
-                errors.actionName && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.actionName })
-              ] }),
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
-                  "Sequence No ",
-                  /* @__PURE__ */ jsx20("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ jsxs19("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ jsx20(
-                    "input",
-                    {
-                      type: "number",
-                      min: "1",
-                      placeholder: "Enter Sequence No",
-                      value: formData.sequenceNo,
-                      onChange: (e) => handleChange("sequenceNo", e.target.value),
-                      className: inputCls(errors.sequenceNo)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4 fc:text-slate-400 fc:absolute fc:left-3 fc:top-3 pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 20l4-16m2 16l4-16M6 9h14M4 15h14" }) })
-                ] }),
-                errors.sequenceNo && /* @__PURE__ */ jsx20("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.sequenceNo })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/70  fc:transition-shadow fc:duration-300 fc:space-y-5", children: [
-            /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-100 fc:pb-3", children: [
-              /* @__PURE__ */ jsx20("div", { className: "fc:p-1.5 fc:bg-indigo-50 fc:rounded-lg", children: /* @__PURE__ */ jsxs19("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: [
-                /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
-                /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
-              ] }) }),
-              /* @__PURE__ */ jsx20("span", { children: "Status & Settings" })
-            ] }),
-            /* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-5", children: [
-              /* @__PURE__ */ jsxs19(
-                "div",
-                {
-                  onClick: () => handleChange("isDefault", !formData.isDefault),
-                  className: `fc:flex fc:items-center fc:justify-between fc:p-4 fc:rounded-2xl fc:border fc:cursor-pointer fc:transition-all fc:duration-200 fc:select-none hover:fc:shadow-sm active:fc:scale-[0.99] ${formData.isDefault ? "fc:border-indigo-500 fc:bg-indigo-50/40 " : "fc:border-slate-200/80 fc:bg-slate-50/50 hover:fc:bg-slate-100/50"}`,
-                  children: [
-                    /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-                      /* @__PURE__ */ jsx20("div", { className: `fc:w-8 fc:h-8 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:transition-all fc:duration-200 ${formData.isDefault ? "fc:bg-indigo-600 fc:text-white  fc:shadow-indigo-500/20" : "fc:bg-indigo-50 fc:text-indigo-600"}`, children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" }) }) }),
-                      /* @__PURE__ */ jsxs19("div", { children: [
-                        /* @__PURE__ */ jsx20("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: "Is Default" }),
-                        /* @__PURE__ */ jsx20("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Set this action as default transition" })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx20(
-                      "div",
-                      {
-                        className: `fc:w-11 fc:h-6 fc:rounded-full fc:p-1 fc:transition-colors fc:duration-300 fc:ease-in-out ${formData.isDefault ? "fc:bg-indigo-600" : "fc:bg-slate-300"}`,
-                        children: /* @__PURE__ */ jsx20(
-                          "div",
-                          {
-                            className: `fc:w-4 fc:h-4 fc:rounded-full fc:bg-white  fc:transform fc:transition-transform fc:duration-300 fc:ease-in-out ${formData.isDefault ? "fc:translate-x-5" : "fc:translate-x-0"}`
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs19(
-                "div",
-                {
-                  onClick: () => handleChange("requireComment", !formData.requireComment),
-                  className: `fc:flex fc:items-center fc:justify-between fc:p-4 fc:rounded-2xl fc:border fc:cursor-pointer fc:transition-all fc:duration-200 fc:select-none hover:fc:shadow-sm active:fc:scale-[0.99] ${formData.requireComment ? "fc:border-indigo-500 fc:bg-indigo-50/40 " : "fc:border-slate-200/80 fc:bg-slate-50/50 hover:fc:bg-slate-100/50"}`,
-                  children: [
-                    /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-                      /* @__PURE__ */ jsx20("div", { className: `fc:w-8 fc:h-8 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:transition-all fc:duration-200 ${formData.requireComment ? "fc:bg-indigo-600 fc:text-white fc:shadow-indigo-500/20" : "fc:bg-indigo-50 fc:text-indigo-600"}`, children: /* @__PURE__ */ jsx20("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }) }),
-                      /* @__PURE__ */ jsxs19("div", { children: [
-                        /* @__PURE__ */ jsx20("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: "Require Comment" }),
-                        /* @__PURE__ */ jsx20("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Mandatory user remarks on transition" })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx20(
-                      "div",
-                      {
-                        className: `fc:w-11 fc:h-6 fc:rounded-full fc:p-1 fc:transition-colors fc:duration-300 fc:ease-in-out ${formData.requireComment ? "fc:bg-indigo-600" : "fc:bg-slate-300"}`,
-                        children: /* @__PURE__ */ jsx20(
-                          "div",
-                          {
-                            className: `fc:w-4 fc:h-4 fc:rounded-full fc:bg-white fc:transform fc:transition-transform fc:duration-300 fc:ease-in-out ${formData.requireComment ? "fc:translate-x-5" : "fc:translate-x-0"}`
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs19("div", { children: [
-              /* @__PURE__ */ jsx20("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-2.5", children: "Status" }),
-              /* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: [
-                /* @__PURE__ */ jsxs19(
-                  "div",
-                  {
-                    onClick: () => handleChange("status", "active"),
-                    className: `fc:flex fc:items-center fc:justify-between fc:p-3.5 fc:rounded-xl fc:border fc:cursor-pointer fc:transition-all fc:duration-200 active:fc:scale-[0.99] ${formData.status === "active" ? "fc:border-emerald-500 fc:bg-emerald-50/30 fc:ring-2 fc:ring-emerald-500/10 " : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50"}`,
-                    children: [
-                      /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                        /* @__PURE__ */ jsxs19("span", { className: "fc:relative fc:flex fc:h-2.5 fc:w-2.5", children: [
-                          formData.status === "active" && /* @__PURE__ */ jsx20("span", { className: "fc:animate-ping fc:absolute fc:inline-flex fc:h-full fc:w-full fc:rounded-full fc:bg-emerald-400 fc:opacity-75" }),
-                          /* @__PURE__ */ jsx20("span", { className: "fc:relative fc:inline-flex fc:rounded-full fc:h-2.5 fc:w-2.5 fc:bg-emerald-500" })
-                        ] }),
-                        /* @__PURE__ */ jsxs19("div", { children: [
-                          /* @__PURE__ */ jsx20("p", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Active" }),
-                          /* @__PURE__ */ jsx20("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Ready to execute in workflows" })
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsx20(
-                        "div",
-                        {
-                          className: `fc:w-4 fc:h-4 fc:rounded-full fc:border fc:flex fc:items-center fc:justify-center fc:transition-all fc:duration-200 ${formData.status === "active" ? "fc:border-emerald-500 fc:bg-emerald-500 fc:scale-110" : "fc:border-slate-300"}`,
-                          children: formData.status === "active" && /* @__PURE__ */ jsx20("svg", { className: "fc:w-2.5 fc:h-2.5 fc:text-white", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs19(
-                  "div",
-                  {
-                    onClick: () => handleChange("status", "inactive"),
-                    className: `fc:flex fc:items-center fc:justify-between fc:p-3.5 fc:rounded-xl fc:border fc:cursor-pointer fc:transition-all fc:duration-200 active:fc:scale-[0.99] ${formData.status === "inactive" ? "fc:border-slate-400 fc:bg-slate-100/60 fc:ring-2 fc:ring-slate-400/10 " : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50"}`,
-                    children: [
-                      /* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                        /* @__PURE__ */ jsx20("span", { className: "fc:w-2.5 fc:h-2.5 fc:rounded-full fc:bg-slate-400" }),
-                        /* @__PURE__ */ jsxs19("div", { children: [
-                          /* @__PURE__ */ jsx20("p", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Inactive" }),
-                          /* @__PURE__ */ jsx20("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Disabled for processing" })
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsx20(
-                        "div",
-                        {
-                          className: `fc:w-4 fc:h-4 fc:rounded-full fc:border fc:flex fc:items-center fc:justify-center fc:transition-all fc:duration-200 ${formData.status === "inactive" ? "fc:border-slate-500 fc:bg-slate-500 fc:scale-110" : "fc:border-slate-300"}`,
-                          children: formData.status === "inactive" && /* @__PURE__ */ jsx20("svg", { className: "fc:w-2.5 fc:h-2.5 fc:text-white", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] })
-            ] })
+                  )
+                ]
+              }
+            )
           ] })
-        ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
-          /* @__PURE__ */ jsxs19(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:bg-slate-50 active:fc:scale-95 fc:transition-all fc:duration-200 fc:flex fc:items-center fc:gap-2",
-              children: [
-                /* @__PURE__ */ jsx20("svg", { className: "fc:w-3.5 fc:h-3.5", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }),
-                "Cancel"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs19(
-            "button",
-            {
-              type: "submit",
-              disabled: isSubmitting,
-              className: "fc:group fc:relative fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 active:fc:scale-95 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:transition-all fc:duration-200 fc:flex fc:items-center fc:gap-2 disabled:fc:opacity-60 disabled:fc:cursor-not-allowed",
-              children: [
-                /* @__PURE__ */ jsx20("svg", { className: "fc:w-3.5 fc:h-3.5 fc:transition-transform fc:duration-200 group-hover:fc:scale-110", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" }) }),
-                isSubmitting ? "Saving..." : editData ? "Update Transition" : "Save Transition"
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] })
+        ]
+      }
+    )
   ] });
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 var PATHS = {
   create: "/api/flowcore/WorkflowTransition/Create",
   update: "/api/flowcore/WorkflowTransition/Update",
   getById: "/api/flowcore/WorkflowTransition/GetById",
-  getList: "/api/flowcore/WorkflowTransition/GetList"
+  getList: "/api/flowcore/WorkflowTransition/GetList",
+  delete: "/api/flowcore/WorkflowTransition/Delete"
 };
 var getRows = (response) => {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -5479,16 +5556,22 @@ var getByIdUrl = (id) => {
   return typeof endpoint2 === "function" ? endpoint2(id) : `${endpoint2}/${id}`;
 };
 var normalise = (item) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M;
   return __spreadProps(__spreadValues({}, item), {
     transitionId: (_b = (_a = item.transitionId) != null ? _a : item.TransitionId) != null ? _b : item.id,
     workflowTypeId: (_f = (_e = (_c = item.workflowTypeId) != null ? _c : item.WorkflowTypeId) != null ? _e : (_d = item.workflowType) == null ? void 0 : _d.workflowTypeId) != null ? _f : "",
     workflowId: (_h = (_g = item.workflowId) != null ? _g : item.WorkflowId) != null ? _h : "",
-    fromWorkflowStepId: (_l = (_k = (_j = (_i = item.fromWorkflowStepId) != null ? _i : item.FromWorkflowStepId) != null ? _j : item.fromStepId) != null ? _k : item.FromStepId) != null ? _l : "",
-    toWorkflowStepId: (_p = (_o = (_n = (_m = item.toWorkflowStepId) != null ? _m : item.ToWorkflowStepId) != null ? _n : item.toStepId) != null ? _o : item.ToStepId) != null ? _p : "",
-    actionCode: (_r = (_q = item.actionCode) != null ? _q : item.ActionCode) != null ? _r : "",
-    actionName: (_t = (_s = item.actionName) != null ? _s : item.ActionName) != null ? _t : "",
-    isActive: (_v = (_u = item.isActive) != null ? _u : item.IsActive) != null ? _v : true
+    workflowName: (_j = (_i = item.workflowName) != null ? _i : item.WorkflowName) != null ? _j : "",
+    fromWorkflowStepId: (_n = (_m = (_l = (_k = item.fromWorkflowStepId) != null ? _k : item.FromWorkflowStepId) != null ? _l : item.fromStepId) != null ? _m : item.FromStepId) != null ? _n : "",
+    fromStepName: (_p = (_o = item.fromStepName) != null ? _o : item.FromStepName) != null ? _p : "",
+    toWorkflowStepId: (_t = (_s = (_r = (_q = item.toWorkflowStepId) != null ? _q : item.ToWorkflowStepId) != null ? _r : item.toStepId) != null ? _s : item.ToStepId) != null ? _t : "",
+    toStepName: (_v = (_u = item.toStepName) != null ? _u : item.ToStepName) != null ? _v : "",
+    actionCode: (_x = (_w = item.actionCode) != null ? _w : item.ActionCode) != null ? _x : "",
+    actionName: (_z = (_y = item.actionName) != null ? _y : item.ActionName) != null ? _z : "",
+    isReturnToApplicant: (_G = (_C = (_B = (_A = item.isReturnToApplicant) != null ? _A : item.IsReturnToApplicant) != null ? _B : item.returnToApplicant) != null ? _C : item.ReturnToApplicant) != null ? _G : Number((_F = (_E = (_D = item.toWorkflowStepId) != null ? _D : item.ToWorkflowStepId) != null ? _E : item.toStepId) != null ? _F : item.ToStepId) === 0,
+    isDefault: (_I = (_H = item.isDefault) != null ? _H : item.IsDefault) != null ? _I : false,
+    requireComment: (_K = (_J = item.requireComment) != null ? _J : item.RequireComment) != null ? _K : false,
+    isActive: (_M = (_L = item.isActive) != null ? _L : item.IsActive) != null ? _M : true
   });
 };
 function WorkFlowTransition() {
@@ -5497,6 +5580,8 @@ function WorkFlowTransition() {
   const [showModal, setShowModal] = useState16(false);
   const [editingTransition, setEditingTransition] = useState16(null);
   const [loadingEditId, setLoadingEditId] = useState16(null);
+  const [updatingStatusId, setUpdatingStatusId] = useState16(null);
+  const [deletingTransitionId, setDeletingTransitionId] = useState16(null);
   const [pageSize, setPageSize] = useState16(10);
   const [currentPage, setCurrentPage] = useState16(1);
   const [search, setSearch] = useState16("");
@@ -5522,11 +5607,16 @@ function WorkFlowTransition() {
     })();
   }, [refreshKey]);
   const saveTransition = async (payload, isEdit) => {
-    var _a, _b;
+    var _a, _b, _c;
     try {
+      const requestPayload = __spreadProps(__spreadValues({}, payload), {
+        isReturnToApplicant: Boolean(
+          (_a = payload.isReturnToApplicant) != null ? _a : Number(payload.toWorkflowStepId) === 0
+        )
+      });
       await getApiService()[isEdit ? "put" : "post"](
         getEndpoint(isEdit ? "update" : "create"),
-        payload
+        requestPayload
       );
       await Swal9.fire(
         "Success",
@@ -5538,7 +5628,7 @@ function WorkFlowTransition() {
     } catch (error) {
       await Swal9.fire(
         "Error",
-        ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} workflow transition.`,
+        ((_c = (_b = error == null ? void 0 : error.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} workflow transition.`,
         "error"
       );
       return false;
@@ -5564,13 +5654,90 @@ function WorkFlowTransition() {
       setLoadingEditId(null);
     }
   };
+  const toggleTransitionStatus = async (transition) => {
+    var _a, _b, _c, _d, _e, _f;
+    const isActive = !transition.isActive;
+    const result = await Swal9.fire({
+      title: `${isActive ? "Activate" : "Deactivate"} workflow transition?`,
+      text: `Transition #${transition.transitionId} will be ${isActive ? "available" : "inactive"}.`,
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: isActive ? "#059669" : "#e11d48",
+      confirmButtonText: isActive ? "Activate" : "Deactivate"
+    });
+    if (!result.isConfirmed) return;
+    try {
+      setUpdatingStatusId(transition.transitionId);
+      await getApiService().put(getEndpoint("update"), {
+        transitionId: transition.transitionId,
+        workflowTypeId: Number(transition.workflowTypeId) || 0,
+        workflowId: Number(transition.workflowId) || 0,
+        fromWorkflowStepId: Number(transition.fromWorkflowStepId) || 0,
+        toWorkflowStepId: Number(transition.toWorkflowStepId) || 0,
+        actionCode: (_a = transition.actionCode) != null ? _a : "",
+        actionName: (_b = transition.actionName) != null ? _b : "",
+        isReturnToApplicant: Boolean(transition.isReturnToApplicant),
+        isDefault: Boolean(transition.isDefault),
+        requireComment: Boolean(transition.requireComment),
+        isActive,
+        updatedBy: (_d = (_c = transition.updatedBy) != null ? _c : transition.createdBy) != null ? _d : "System"
+      });
+      await Swal9.fire(
+        "Success",
+        `Workflow transition ${isActive ? "activated" : "deactivated"}.`,
+        "success"
+      );
+      refresh();
+    } catch (error) {
+      await Swal9.fire(
+        "Error",
+        ((_f = (_e = error == null ? void 0 : error.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || (error == null ? void 0 : error.message) || "Unable to update workflow transition status.",
+        "error"
+      );
+    } finally {
+      setUpdatingStatusId(null);
+    }
+  };
+  const deleteTransition = async (transition) => {
+    var _a, _b;
+    const confirmation = await Swal9.fire({
+      title: "Delete workflow transition?",
+      text: `Transition ${transition.transitionId} will be permanently deleted.`,
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#dc2626",
+      confirmButtonText: "Delete",
+      cancelButtonText: "Cancel",
+      reverseButtons: true
+    });
+    if (!confirmation.isConfirmed) return;
+    try {
+      setDeletingTransitionId(transition.transitionId);
+      const endpoint2 = getEndpoint("delete");
+      const deleteUrl = typeof endpoint2 === "function" ? endpoint2() : String(endpoint2);
+      await getApiService().delete(deleteUrl, {
+        transitionId: transition.transitionId
+      });
+      await Swal9.fire("Deleted", "Workflow transition deleted successfully.", "success");
+      refresh();
+    } catch (error) {
+      await Swal9.fire(
+        "Error",
+        ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to delete workflow transition.",
+        "error"
+      );
+    } finally {
+      setDeletingTransitionId(null);
+    }
+  };
   const columns = [
     ["Transition ID", "transitionId", "fc:w-[15%]"],
-    ["Workflow ID", "workflowId", "fc:w-[15%]"],
-    ["From Step ID", "fromWorkflowStepId", "fc:w-[15%]"],
-    ["To Step ID", "toWorkflowStepId", "fc:w-[15%]"],
+    ["Workflow Name", "workflowName", "fc:w-[15%]"],
+    ["From Step", "fromStepName", "fc:w-[15%]"],
+    ["To Step", "toStepName", "fc:w-[15%]"],
     ["Action Code", "actionCode", "fc:w-[14%]"],
-    ["Action Name", "actionName", "fc:w-[16%]"]
+    ["Action Name", "actionName", "fc:w-[16%]"],
+    ["Status", "isActive", "fc:w-[10%]"]
   ];
   const visibleRows = rows.filter(
     (item) => Object.values(item).join(" ").toLowerCase().includes(search.toLowerCase())
@@ -5689,24 +5856,53 @@ function WorkFlowTransition() {
                   className: "fc:transition-colors fc:hover:bg-slate-50/50",
                   children: [
                     /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:text-slate-700 fc:whitespace-nowrap", children: item.transitionId || "-" }),
-                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:text-slate-700 fc:whitespace-nowrap", children: item.workflowId || "-" }),
-                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:text-slate-700 fc:whitespace-nowrap", children: item.fromWorkflowStepId || "-" }),
-                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:text-slate-700 fc:whitespace-nowrap", children: item.toWorkflowStepId || "-" }),
+                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:text-slate-700 fc:whitespace-nowrap", children: item.workflowName || "-" }),
+                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:text-slate-700 fc:whitespace-nowrap", children: item.fromStepName || "-" }),
+                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:text-slate-700 fc:whitespace-nowrap", children: item.toStepName || "-" }),
                     /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:font-mono fc:text-slate-700 fc:whitespace-nowrap", children: item.actionCode || "-" }),
                     /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm  fc:text-slate-700 fc:whitespace-nowrap", children: item.actionName || "-" }),
-                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx21("div", { className: "fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ jsx21(
-                      "button",
+                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-sm fc:whitespace-nowrap", children: /* @__PURE__ */ jsx21(
+                      "span",
                       {
-                        type: "button",
-                        onClick: () => editTransition(item),
-                        disabled: loadingEditId === item.transitionId,
-                        className: "fc:inline-flex fc:items-center fc:justify-center fc:gap-1.5 fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-full fc:transition-all fc:duration-150 fc:cursor-pointer disabled:fc:opacity-50 disabled:fc:cursor-not-allowed",
-                        children: loadingEditId === item.transitionId ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
-                          /* @__PURE__ */ jsx21("span", { className: "fc:inline-block fc:w-3 fc:h-3 fc:border-2 fc:border-blue-600 fc:border-t-transparent fc:rounded-full fc:animate-spin" }),
-                          /* @__PURE__ */ jsx21("span", { children: "Loading..." })
-                        ] }) : "Edit"
+                        className: `fc:inline-flex fc:rounded-full fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-semibold ${item.isActive ? "fc:bg-emerald-50 fc:text-emerald-700" : "fc:bg-slate-100 fc:text-slate-500"}`,
+                        children: item.isActive ? "Active" : "Inactive"
                       }
-                    ) }) })
+                    ) }),
+                    /* @__PURE__ */ jsx21("td", { className: "fc:py-3.5 fc:px-4 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsxs20("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
+                      /* @__PURE__ */ jsx21(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => editTransition(item),
+                          disabled: loadingEditId === item.transitionId || deletingTransitionId === item.transitionId,
+                          className: "fc:inline-flex fc:items-center fc:justify-center fc:gap-1.5 fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-full fc:transition-all fc:duration-150 fc:cursor-pointer disabled:fc:opacity-50 disabled:fc:cursor-not-allowed",
+                          children: loadingEditId === item.transitionId ? /* @__PURE__ */ jsxs20(Fragment5, { children: [
+                            /* @__PURE__ */ jsx21("span", { className: "fc:inline-block fc:w-3 fc:h-3 fc:border-2 fc:border-blue-600 fc:border-t-transparent fc:rounded-full fc:animate-spin" }),
+                            /* @__PURE__ */ jsx21("span", { children: "Loading..." })
+                          ] }) : "Edit"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx21(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => toggleTransitionStatus(item),
+                          disabled: updatingStatusId === item.transitionId || deletingTransitionId === item.transitionId,
+                          className: `fc:inline-flex fc:items-center fc:justify-center fc:px-2.5 fc:py-1 fc:font-semibold fc:text-[11px] fc:rounded-full fc:transition-colors disabled:fc:opacity-50 disabled:fc:cursor-not-allowed ${item.isActive ? "fc:bg-rose-50 fc:text-rose-700 hover:fc:bg-rose-100" : "fc:bg-emerald-50 fc:text-emerald-700 hover:fc:bg-emerald-100"}`,
+                          children: updatingStatusId === item.transitionId ? "Saving..." : item.isActive ? "Deactivate" : "Activate"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx21(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => deleteTransition(item),
+                          disabled: deletingTransitionId === item.transitionId || updatingStatusId === item.transitionId,
+                          className: "fc:inline-flex fc:items-center fc:justify-center fc:px-2.5 fc:py-1 fc:bg-rose-600 hover:fc:bg-rose-700 fc:text-white fc:font-semibold fc:text-[11px] fc:rounded-full fc:transition-colors disabled:fc:opacity-50 disabled:fc:cursor-not-allowed",
+                          children: deletingTransitionId === item.transitionId ? "Deleting..." : "Delete"
+                        }
+                      )
+                    ] }) })
                   ]
                 },
                 item.transitionId
@@ -9233,9 +9429,45 @@ function Table({
 // src/components/task-permission/Popup.js
 import React41, { useState as useState30, useEffect as useEffect24 } from "react";
 import Swal13 from "sweetalert2";
+
+// src/components/task-permission/permissionLabels.js
+var permissionLabelFields = [
+  { field: "viewLabel", label: "View Label", fallback: "View" },
+  { field: "editLabel", label: "Edit Label", fallback: "Edit" },
+  { field: "approveLabel", label: "Approve Label", fallback: "Approve" },
+  { field: "rejectLabel", label: "Reject Label", fallback: "Reject" },
+  { field: "forwardLabel", label: "Forward Label", fallback: "Forward" },
+  { field: "freeForwardLabel", label: "Free Forward Label", fallback: "Free Forward" },
+  { field: "returnLabel", label: "Return Label", fallback: "Return" },
+  {
+    field: "returnToApplicantLabel",
+    label: "Return To Applicant Label",
+    fallback: "Return to Applicant"
+  },
+  { field: "delegateLabel", label: "Delegate Label", fallback: "Delegate" },
+  { field: "holdLabel", label: "Hold Label", fallback: "Hold" }
+];
+var getPermissionLabelValues = (source = {}) => Object.fromEntries(
+  permissionLabelFields.map(({ field, fallback }) => {
+    var _a, _b;
+    const pascalField = field.charAt(0).toUpperCase() + field.slice(1);
+    return [field, (_b = (_a = source[field]) != null ? _a : source[pascalField]) != null ? _b : fallback];
+  })
+);
+var getPermissionLabelPayload = (source = {}) => Object.fromEntries(
+  permissionLabelFields.map(({ field, fallback }) => {
+    var _a;
+    return [
+      field,
+      String((_a = source[field]) != null ? _a : "").trim() || fallback
+    ];
+  })
+);
+
+// src/components/task-permission/Popup.js
 import { jsx as jsx41, jsxs as jsxs40 } from "react/jsx-runtime";
 function Popup({ isOpen, onClose, onSave }) {
-  const [formData, setFormData] = useState30({
+  const [formData, setFormData] = useState30(__spreadValues({
     workflowStepId: "",
     canView: false,
     canEdit: false,
@@ -9248,7 +9480,7 @@ function Popup({ isOpen, onClose, onSave }) {
     canDelegate: false,
     canHold: false,
     isActive: true
-  });
+  }, getPermissionLabelValues()));
   const [errors, setErrors] = useState30({});
   const [isSubmitting, setIsSubmitting] = useState30(false);
   const [workflowSteps, setWorkflowSteps] = useState30([]);
@@ -9274,7 +9506,7 @@ function Popup({ isOpen, onClose, onSave }) {
   }, [isOpen]);
   useEffect24(() => {
     if (!isOpen) {
-      setFormData({
+      setFormData(__spreadValues({
         workflowStepId: "",
         canView: false,
         canEdit: false,
@@ -9287,7 +9519,7 @@ function Popup({ isOpen, onClose, onSave }) {
         canDelegate: false,
         canHold: false,
         isActive: true
-      });
+      }, getPermissionLabelValues()));
       setErrors({});
     }
   }, [isOpen]);
@@ -9311,7 +9543,7 @@ function Popup({ isOpen, onClose, onSave }) {
       const flowCore = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
       const endpoint2 = ((_b = flowCore == null ? void 0 : flowCore.stepPermission) == null ? void 0 : _b.create) || ((_c = flowCore == null ? void 0 : flowCore.StepPermission) == null ? void 0 : _c.create);
       if (!endpoint2) throw new Error("Step Permission create endpoint is not configured.");
-      const payload = {
+      const payload = __spreadProps(__spreadValues({
         workflowStepId: Number(formData.workflowStepId) || 0,
         canView: Boolean(formData.canView),
         canEdit: Boolean(formData.canEdit),
@@ -9323,9 +9555,10 @@ function Popup({ isOpen, onClose, onSave }) {
         canReturnToApplicant: Boolean(formData.canReturnToApplicant),
         canDelegate: Boolean(formData.canDelegate),
         canHold: Boolean(formData.canHold),
-        isActive: Boolean(formData.isActive),
+        isActive: Boolean(formData.isActive)
+      }, getPermissionLabelPayload(formData)), {
         createdBy: "System"
-      };
+      });
       await getApiService().post(endpoint2, payload);
       onClose();
       await (onSave == null ? void 0 : onSave());
@@ -9426,6 +9659,25 @@ function Popup({ isOpen, onClose, onSave }) {
               )
             ] }, field)) })
           ] }),
+          /* @__PURE__ */ jsxs40("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
+            /* @__PURE__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+              /* @__PURE__ */ jsx41("span", { children: "\u{1F3F7}\uFE0F" }),
+              /* @__PURE__ */ jsx41("span", { children: "Action Labels" })
+            ] }),
+            /* @__PURE__ */ jsx41("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionLabelFields.map(({ field, label, fallback }) => /* @__PURE__ */ jsxs40("div", { children: [
+              /* @__PURE__ */ jsx41("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: label }),
+              /* @__PURE__ */ jsx41(
+                "input",
+                {
+                  type: "text",
+                  value: formData[field],
+                  onChange: (event) => handleChange(field, event.target.value),
+                  placeholder: fallback,
+                  className: "fc:w-full fc:px-3 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500"
+                }
+              )
+            ] }, field)) })
+          ] }),
           /* @__PURE__ */ jsxs40("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
             /* @__PURE__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
               /* @__PURE__ */ jsx41("span", { children: "\u{1F518}" }),
@@ -9487,7 +9739,7 @@ import React42, { useState as useState31, useEffect as useEffect25 } from "react
 import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
 function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpdate }) {
   var _a, _b, _c, _d, _e;
-  const [formData, setFormData] = useState31({
+  const [formData, setFormData] = useState31(__spreadValues({
     workflowStepId: "",
     canView: false,
     canEdit: false,
@@ -9500,8 +9752,9 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
     canDelegate: false,
     canHold: false,
     isActive: true,
+    createdBy: "System",
     updatedBy: "System"
-  });
+  }, getPermissionLabelValues()));
   const [errors, setErrors] = useState31({});
   const [isSubmitting, setIsSubmitting] = useState31(false);
   const [workflowSteps, setWorkflowSteps] = useState31([]);
@@ -9526,9 +9779,9 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
     })();
   }, [isOpen]);
   useEffect25(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
     if (selectedData) {
-      setFormData({
+      setFormData(__spreadValues({
         workflowStepId: (_b2 = (_a2 = selectedData.workflowStepId) != null ? _a2 : selectedData.WorkflowStepId) != null ? _b2 : "",
         canView: (_d2 = (_c2 = selectedData.canView) != null ? _c2 : selectedData.CanView) != null ? _d2 : false,
         canEdit: (_f = (_e2 = selectedData.canEdit) != null ? _e2 : selectedData.CanEdit) != null ? _f : false,
@@ -9541,8 +9794,9 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         canDelegate: (_t = (_s = selectedData.canDelegate) != null ? _s : selectedData.CanDelegate) != null ? _t : false,
         canHold: (_v = (_u = selectedData.canHold) != null ? _u : selectedData.CanHold) != null ? _v : false,
         isActive: (_x = (_w = selectedData.isActive) != null ? _w : selectedData.IsActive) != null ? _x : true,
-        updatedBy: (_z = (_y = selectedData.updatedBy) != null ? _y : selectedData.UpdatedBy) != null ? _z : "System"
-      });
+        createdBy: (_z = (_y = selectedData.createdBy) != null ? _y : selectedData.CreatedBy) != null ? _z : "System",
+        updatedBy: (_B = (_A = selectedData.updatedBy) != null ? _A : selectedData.UpdatedBy) != null ? _B : "System"
+      }, getPermissionLabelValues(selectedData)));
       setErrors({});
     }
   }, [selectedData]);
@@ -9565,7 +9819,7 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
       const permissionId = Number(
         (_b2 = (_a2 = selectedData == null ? void 0 : selectedData.stepPermissionId) != null ? _a2 : selectedData == null ? void 0 : selectedData.id) != null ? _b2 : 0
       );
-      const payload = __spreadProps(__spreadValues({}, formData), {
+      const payload = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, formData), {
         stepPermissionId: permissionId,
         workflowStepId: Number(formData.workflowStepId) || 0,
         canView: Boolean(formData.canView),
@@ -9579,6 +9833,8 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         canDelegate: Boolean(formData.canDelegate),
         canHold: Boolean(formData.canHold),
         isActive: Boolean(formData.isActive),
+        createdBy: String(formData.createdBy).trim() || "System"
+      }), getPermissionLabelPayload(formData)), {
         updatedBy: String(formData.updatedBy).trim() || "System"
       });
       await onUpdate(payload);
@@ -9683,6 +9939,25 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
             )
           ] }, field)) })
         ] }),
+        /* @__PURE__ */ jsxs41("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
+          /* @__PURE__ */ jsxs41("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+            /* @__PURE__ */ jsx42("span", { children: "\u{1F3F7}\uFE0F" }),
+            /* @__PURE__ */ jsx42("span", { children: "Action Labels" })
+          ] }),
+          /* @__PURE__ */ jsx42("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionLabelFields.map(({ field, label, fallback }) => /* @__PURE__ */ jsxs41("div", { children: [
+            /* @__PURE__ */ jsx42("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: label }),
+            /* @__PURE__ */ jsx42(
+              "input",
+              {
+                type: "text",
+                value: formData[field],
+                onChange: (event) => handleChange(field, event.target.value),
+                placeholder: fallback,
+                className: "fc:w-full fc:px-3 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500"
+              }
+            )
+          ] }, field)) })
+        ] }),
         /* @__PURE__ */ jsxs41("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
           /* @__PURE__ */ jsxs41("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
             /* @__PURE__ */ jsx42("span", { children: "\u{1F518}" }),
@@ -9791,7 +10066,7 @@ function TaskPermissionMain() {
       const permissionId = Number(
         (_c = (_b = item.stepPermissionId) != null ? _b : item.id) != null ? _c : 0
       );
-      await getApiService().put(endpoint2, {
+      await getApiService().put(endpoint2, __spreadProps(__spreadValues({
         stepPermissionId: permissionId,
         workflowStepId: Number(item.workflowStepId) || 0,
         canView: Boolean(item.canView),
@@ -9805,8 +10080,10 @@ function TaskPermissionMain() {
         canDelegate: Boolean(item.canDelegate),
         canHold: Boolean(item.canHold),
         isActive: Boolean(item.isActive),
+        createdBy: item.createdBy || item.CreatedBy || "System"
+      }, getPermissionLabelPayload(item)), {
         updatedBy: item.updatedBy || "System"
-      });
+      }));
       handleRefresh();
       return true;
     } catch (error) {
@@ -19310,7 +19587,7 @@ var formatInboxDate = (value) => {
   });
 };
 var normalizePoolFile = (file) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
   const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
   const filePoolId = (_b = file.filePoolId) != null ? _b : file.FilePoolId;
   const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
@@ -19330,14 +19607,14 @@ var normalizePoolFile = (file) => {
     priority: (_t = file.priority) != null ? _t : "Medium",
     receivedDate: formatInboxDate((_v = (_u = file.addedOn) != null ? _u : file.createdAt) != null ? _v : file.receivedDate),
     dueDate: formatInboxDate(file.dueDate),
-    slaStatus: (_w = file.slaStatus) != null ? _w : "-",
-    status: "Available",
+    slaStatus: (_x = (_w = file.slaStatus) != null ? _w : file.SlaStatus) != null ? _x : "-",
+    status: (_B = (_A = (_z = (_y = file.statusName) != null ? _y : file.StatusName) != null ? _z : file.fileStatus) != null ? _A : file.FileStatus) != null ? _B : "Available",
     assignedTo: "-",
-    currentStep: (_x = file.stepName) != null ? _x : "-"
+    currentStep: (_C = file.stepName) != null ? _C : "-"
   });
 };
 var normalizeMyFile = (file) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K;
   const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
   const businessEntityId = (_b = file.businessEntityId) != null ? _b : file.BusinessEntityId;
   const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
@@ -19355,11 +19632,12 @@ var normalizeMyFile = (file) => {
     sender: (_s = (_r = file.sender) != null ? _r : businessEntity) != null ? _s : "-",
     priority: (_t = file.priority) != null ? _t : "Medium",
     receivedDate: formatInboxDate((_u = file.createdAt) != null ? _u : file.receivedDate),
-    dueDate: formatInboxDate(file.dueDate),
-    slaStatus: (_v = file.slaStatus) != null ? _v : "-",
-    status: (_x = (_w = file.fileStatus) != null ? _w : file.statusName) != null ? _x : "In Progress",
-    assignedTo: (_D = (_C = (_B = (_A = (_z = (_y = file.assignedTo) != null ? _y : file.AssignedTo) != null ? _z : file.assignedUserName) != null ? _A : file.AssignedUserName) != null ? _B : file.assignedUserId) != null ? _C : file.AssignedUserId) != null ? _D : "-",
-    currentStep: (_E = file.stepName) != null ? _E : "-"
+    dueDate: formatInboxDate((_v = file.dueDate) != null ? _v : file.DueDate),
+    slaStatus: (_x = (_w = file.slaStatus) != null ? _w : file.SlaStatus) != null ? _x : "-",
+    status: (_B = (_A = (_z = (_y = file.fileStatus) != null ? _y : file.FileStatus) != null ? _z : file.statusName) != null ? _A : file.StatusName) != null ? _B : "In Progress",
+    fileAt: (_D = (_C = file.fileAt) != null ? _C : file.FileAt) != null ? _D : "-",
+    assignedTo: (_J = (_I = (_H = (_G = (_F = (_E = file.assignedTo) != null ? _E : file.AssignedTo) != null ? _F : file.assignedUserName) != null ? _G : file.AssignedUserName) != null ? _H : file.assignedUserId) != null ? _I : file.AssignedUserId) != null ? _J : "-",
+    currentStep: (_K = file.stepName) != null ? _K : "-"
   });
 };
 function InboxMain() {
@@ -19637,7 +19915,7 @@ function InboxMain() {
     if (searchQuery.trim()) {
       const q = searchQuery.toLowerCase().trim();
       result = result.filter(
-        (f) => f.fileNumber.toLowerCase().includes(q) || f.subject.toLowerCase().includes(q) || f.workflowName.toLowerCase().includes(q) || f.department && f.department.toLowerCase().includes(q) || f.applicant && f.applicant.toLowerCase().includes(q) || f.category && f.category.toLowerCase().includes(q) || f.financialYear && f.financialYear.toLowerCase().includes(q) || f.sender.toLowerCase().includes(q) || f.status && f.status.toLowerCase().includes(q)
+        (f) => f.fileNumber.toLowerCase().includes(q) || f.subject.toLowerCase().includes(q) || f.workflowName.toLowerCase().includes(q) || f.department && f.department.toLowerCase().includes(q) || f.applicant && f.applicant.toLowerCase().includes(q) || f.category && f.category.toLowerCase().includes(q) || f.financialYear && f.financialYear.toLowerCase().includes(q) || f.sender.toLowerCase().includes(q) || f.fileAt && f.fileAt.toLowerCase().includes(q) || f.status && f.status.toLowerCase().includes(q)
       );
     }
     if (priorityFilter !== "all") {
@@ -19794,6 +20072,7 @@ function InboxMain() {
       "Priority",
       "Received Date",
       "Due Date",
+      ...activeTab === "totalFiles" ? ["File At"] : [],
       "SLA Status",
       "Status"
     ];
@@ -19806,6 +20085,7 @@ function InboxMain() {
       `"${f.priority}"`,
       `"${f.receivedDate}"`,
       `"${f.dueDate}"`,
+      ...activeTab === "totalFiles" ? [`"${f.fileAt}"`] : [],
       `"${f.slaStatus}"`,
       `"${f.status}"`
     ]);
@@ -19937,7 +20217,11 @@ function InboxMain() {
                   /* @__PURE__ */ jsx97(
                     "span",
                     {
-                      className: `fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold ${activeTab === "filePool" ? "fc:bg-white/25 fc:text-white" : "fc:bg-slate-200 fc:text-slate-700"}`,
+                      className: "fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold",
+                      style: {
+                        backgroundColor: activeTab === "filePool" ? "rgba(255, 255, 255, 0.25)" : "#e2e8f0",
+                        color: activeTab === "filePool" ? "#ffffff" : "#334155"
+                      },
                       children: filePoolFiles.length
                     }
                   )
@@ -19956,7 +20240,11 @@ function InboxMain() {
                   /* @__PURE__ */ jsx97(
                     "span",
                     {
-                      className: `fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold ${activeTab === "myFiles" ? "fc:bg-white/25 fc:text-white" : "fc:bg-slate-200 fc:text-slate-700"}`,
+                      className: "fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold",
+                      style: {
+                        backgroundColor: activeTab === "myFiles" ? "rgba(255, 255, 255, 0.25)" : "#e2e8f0",
+                        color: activeTab === "myFiles" ? "#ffffff" : "#334155"
+                      },
                       children: myFiles.length
                     }
                   )
@@ -19975,7 +20263,11 @@ function InboxMain() {
                   /* @__PURE__ */ jsx97(
                     "span",
                     {
-                      className: `fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold ${activeTab === "totalFiles" ? "fc:bg-white/25 fc:text-white" : "fc:bg-slate-200 fc:text-slate-700"}`,
+                      className: "fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold",
+                      style: {
+                        backgroundColor: activeTab === "totalFiles" ? "rgba(255, 255, 255, 0.25)" : "#e2e8f0",
+                        color: activeTab === "totalFiles" ? "#ffffff" : "#334155"
+                      },
                       children: totalFiles.length
                     }
                   )
@@ -20124,387 +20416,424 @@ function InboxMain() {
           ] })
         ] }),
         /* @__PURE__ */ jsxs96("div", { ref: tableRef, className: "fc:flex-1 fc:overflow-hidden fc:flex fc:flex-col fc:pt-3", children: [
-          /* @__PURE__ */ jsx97("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto fc:flex-1 fc:relative", children: /* @__PURE__ */ jsxs96("table", { className: "fc:w-max fc:min-w-full fc:border-collapse fc:text-left", children: [
-            /* @__PURE__ */ jsx97("thead", { className: "fc:sticky fc:top-0 fc:z-20 fc:bg-slate-50 fc:border-b fc:border-slate-200", children: /* @__PURE__ */ jsxs96("tr", { children: [
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  style: { width: "48px", minWidth: "48px", maxWidth: "48px" },
-                  className: "fc:sticky fc:left-0 fc:z-30 fc:bg-slate-100 fc:w-12 fc:px-2 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:border-r fc:border-slate-200",
-                  children: "#"
-                }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort("fileNumber"),
-                  style: { width: "144px", minWidth: "144px", maxWidth: "144px" },
-                  className: "fc:sticky fc:left-12 fc:z-30 fc:bg-slate-100 fc:w-36 fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:border-r fc:border-slate-200 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.06)] fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
-                    "File No ",
-                    renderSortIndicator("fileNumber")
-                  ] })
-                }
-              ),
-              visibleDynamicColumns.map((col) => /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort(col.key),
-                  style: {
-                    width: col.width || "180px",
-                    minWidth: col.width || "180px",
-                    maxWidth: col.width || "180px"
+          /* @__PURE__ */ jsxs96("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto fc:flex-1 fc:relative", children: [
+            /* @__PURE__ */ jsx97("style", { children: `
+                  .fc-inbox-table tbody td { border-bottom: 1px solid #e2e8f0; }
+                  .fc-inbox-table tbody tr:hover td { background-color: #f8fafc; }
+                ` }),
+            /* @__PURE__ */ jsxs96("table", { className: "fc-inbox-table fc:w-max fc:min-w-full fc:border-collapse fc:text-left", children: [
+              /* @__PURE__ */ jsx97("thead", { className: "fc:sticky fc:top-0 fc:z-20 fc:bg-slate-50 fc:border-b fc:border-slate-200", children: /* @__PURE__ */ jsxs96("tr", { children: [
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    style: { width: "48px", minWidth: "48px", maxWidth: "48px" },
+                    className: "fc:sticky fc:left-0 fc:z-30 fc:bg-slate-100 fc:w-12 fc:px-2 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:border-r fc:border-slate-200",
+                    children: "#"
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("fileNumber"),
+                    style: { width: "144px", minWidth: "144px", maxWidth: "144px" },
+                    className: "fc:sticky fc:left-12 fc:z-30 fc:bg-slate-100 fc:w-36 fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:border-r fc:border-slate-200 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.06)] fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
+                      "File No ",
+                      renderSortIndicator("fileNumber")
+                    ] })
+                  }
+                ),
+                visibleDynamicColumns.map((col) => /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort(col.key),
+                    style: {
+                      width: col.width || "180px",
+                      minWidth: col.width || "180px",
+                      maxWidth: col.width || "180px"
+                    },
+                    className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-blue-900 fc:bg-blue-50/70 hover:fc:bg-blue-100/60 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:border-r fc:border-blue-100/70 fc:transition-colors",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:overflow-hidden", children: [
+                      /* @__PURE__ */ jsx97("span", { className: "fc:truncate", children: col.label }),
+                      /* @__PURE__ */ jsx97("span", { className: "fc:text-[9px] fc:font-extrabold fc:text-blue-700 fc:bg-blue-100 fc:border fc:border-blue-200/80 fc:px-1.5 fc:py-0.5 fc:rounded-md fc:tracking-wide fc:shrink-0", children: "DYN" }),
+                      renderSortIndicator(col.key)
+                    ] })
                   },
-                  className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-blue-900 fc:bg-blue-50/70 hover:fc:bg-blue-100/60 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:border-r fc:border-blue-100/70 fc:transition-colors",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:overflow-hidden", children: [
-                    /* @__PURE__ */ jsx97("span", { className: "fc:truncate", children: col.label }),
-                    /* @__PURE__ */ jsx97("span", { className: "fc:text-[9px] fc:font-extrabold fc:text-blue-700 fc:bg-blue-100 fc:border fc:border-blue-200/80 fc:px-1.5 fc:py-0.5 fc:rounded-md fc:tracking-wide fc:shrink-0", children: "DYN" }),
-                    renderSortIndicator(col.key)
-                  ] })
-                },
-                col.key
-              )),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort("subject"),
-                  style: { width: "300px", minWidth: "300px", maxWidth: "300px" },
-                  className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
-                    "Subject / Title ",
-                    renderSortIndicator("subject")
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort("workflowName"),
-                  style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
-                  className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
-                    "Workflow ",
-                    renderSortIndicator("workflowName")
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort("sender"),
-                  style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
-                  className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
-                    "Sender / Initiator ",
-                    renderSortIndicator("sender")
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort("priority"),
-                  style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
-                  className: "fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:justify-center", children: [
-                    "Priority ",
-                    renderSortIndicator("priority")
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort("receivedDate"),
-                  style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
-                  className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
-                    "Received On ",
-                    renderSortIndicator("receivedDate")
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  onClick: () => handleSort("dueDate"),
-                  style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
-                  className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
-                    "SLA / Due ",
-                    renderSortIndicator("dueDate")
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
+                  col.key
+                )),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("subject"),
+                    style: { width: "300px", minWidth: "300px", maxWidth: "300px" },
+                    className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
+                      "Subject / Title ",
+                      renderSortIndicator("subject")
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("workflowName"),
+                    style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
+                    className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
+                      "Workflow ",
+                      renderSortIndicator("workflowName")
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("sender"),
+                    style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
+                    className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
+                      "Sender / Initiator ",
+                      renderSortIndicator("sender")
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("priority"),
+                    style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
+                    className: "fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:justify-center", children: [
+                      "Priority ",
+                      renderSortIndicator("priority")
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("receivedDate"),
+                    style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
+                    className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
+                      "Received On ",
+                      renderSortIndicator("receivedDate")
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("dueDate"),
+                    style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
+                    className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
+                      "SLA / Due ",
+                      renderSortIndicator("dueDate")
+                    ] })
+                  }
+                ),
+                activeTab === "totalFiles" && /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("fileAt"),
+                    style: { width: "160px", minWidth: "160px", maxWidth: "160px" },
+                    className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center", children: [
+                      "File At ",
+                      renderSortIndicator("fileAt")
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    onClick: () => handleSort("status"),
+                    style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
+                    className: "fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
+                    children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:justify-center", children: [
+                      "Status ",
+                      renderSortIndicator("status")
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx97(
+                  "th",
+                  {
+                    style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
+                    className: "fc:sticky fc:right-0 fc:z-30 fc:bg-slate-100 fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-700 fc:uppercase fc:tracking-wider fc:border-l fc:border-slate-200 fc:shadow-[-5px_0_10px_-4px_rgba(0,0,0,0.08)]",
+                    children: "Action"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx97("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:bg-white", children: paginatedData.length === 0 ? /* @__PURE__ */ jsx97("tr", { children: /* @__PURE__ */ jsx97(
+                "td",
                 {
-                  onClick: () => handleSort("status"),
-                  style: { width: "120px", minWidth: "120px", maxWidth: "120px" },
-                  className: "fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
-                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:justify-center", children: [
-                    "Status ",
-                    renderSortIndicator("status")
+                  colSpan: 10 + visibleDynamicColumns.length + (activeTab === "totalFiles" ? 1 : 0),
+                  className: "fc:py-12 fc:text-center",
+                  children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-slate-400", children: [
+                    /* @__PURE__ */ jsx97(RiInboxLine, { size: 36, className: "fc:text-slate-300" }),
+                    /* @__PURE__ */ jsx97("p", { className: "fc:text-sm fc:font-bold fc:text-slate-600", children: "No Files Found" }),
+                    /* @__PURE__ */ jsx97("p", { className: "fc:text-xs", children: searchQuery ? `No records matching "${searchQuery}" in ${activeTab}` : `There are currently no files in ${activeTab}` })
                   ] })
                 }
-              ),
-              /* @__PURE__ */ jsx97(
-                "th",
-                {
-                  style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
-                  className: "fc:sticky fc:right-0 fc:z-30 fc:bg-slate-100 fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-700 fc:uppercase fc:tracking-wider fc:border-l fc:border-slate-200 fc:shadow-[-5px_0_10px_-4px_rgba(0,0,0,0.08)]",
-                  children: "Action"
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx97("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:bg-white", children: paginatedData.length === 0 ? /* @__PURE__ */ jsx97("tr", { children: /* @__PURE__ */ jsx97(
-              "td",
-              {
-                colSpan: 10 + visibleDynamicColumns.length,
-                className: "fc:py-12 fc:text-center",
-                children: /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-slate-400", children: [
-                  /* @__PURE__ */ jsx97(RiInboxLine, { size: 36, className: "fc:text-slate-300" }),
-                  /* @__PURE__ */ jsx97("p", { className: "fc:text-sm fc:font-bold fc:text-slate-600", children: "No Files Found" }),
-                  /* @__PURE__ */ jsx97("p", { className: "fc:text-xs", children: searchQuery ? `No records matching "${searchQuery}" in ${activeTab}` : `There are currently no files in ${activeTab}` })
-                ] })
-              }
-            ) }) : paginatedData.map((row, index) => {
-              const rowIndex = startIndex + index + 1;
-              return /* @__PURE__ */ jsxs96(
-                "tr",
-                {
-                  className: "fc:group hover:fc:bg-slate-50/80 fc:transition-colors",
-                  children: [
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "48px", minWidth: "48px", maxWidth: "48px" },
-                        className: "fc:sticky fc:left-0 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50 fc:w-12 fc:px-2 fc:py-3 fc:text-center fc:align-middle fc:text-xs fc:font-semibold fc:text-slate-400 fc:border-r fc:border-slate-100",
-                        children: rowIndex
-                      }
-                    ),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "144px", minWidth: "144px", maxWidth: "144px" },
-                        className: "fc:sticky fc:left-12 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50 fc:w-36 fc:px-4 fc:py-3 fc:align-middle fc:whitespace-nowrap fc:border-r fc:border-slate-100 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.05)]",
-                        children: /* @__PURE__ */ jsxs96(
-                          "div",
-                          {
-                            onMouseEnter: hasHiddenDynamicColumns ? (e) => handleFileMouseEnter(row, e) : void 0,
-                            onMouseLeave: hasHiddenDynamicColumns ? handleFileMouseLeave : void 0,
-                            className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-2.5 fc:py-1 fc:rounded-lg fc:transition-all ${hasHiddenDynamicColumns ? "fc:bg-blue-50 hover:fc:bg-blue-100/90 fc:border fc:border-blue-200/90 hover:fc:border-blue-300 fc:text-blue-700 fc:cursor-pointer hover:fc:shadow-sm" : "fc:bg-blue-50 fc:border fc:border-blue-100/90 fc:text-blue-600"}`,
-                            children: [
-                              /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:font-extrabold", children: row.fileNumber }),
-                              hasHiddenDynamicColumns && /* @__PURE__ */ jsxs96("span", { className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:px-1.5 fc:py-0.2 fc:rounded fc:bg-amber-100/90 fc:text-amber-800 fc:text-[9px] fc:font-black fc:border fc:border-amber-200/80", children: [
-                                /* @__PURE__ */ jsx97(RiEyeOffLine, { size: 10 }),
-                                /* @__PURE__ */ jsx97("span", { children: hiddenDynamicColumns.length })
-                              ] })
-                            ]
-                          }
-                        )
-                      }
-                    ),
-                    visibleDynamicColumns.map((col) => {
-                      const colWidthNum = parseInt(col.width || "180", 10);
-                      const contentWidth = `${Math.max(colWidthNum - 32, 80)}px`;
-                      return /* @__PURE__ */ jsx97(
+              ) }) : paginatedData.map((row, index) => {
+                const rowIndex = startIndex + index + 1;
+                return /* @__PURE__ */ jsxs96(
+                  "tr",
+                  {
+                    className: "fc:group hover:fc:bg-slate-50/80 fc:transition-colors",
+                    children: [
+                      /* @__PURE__ */ jsx97(
                         "td",
                         {
-                          style: {
-                            width: col.width || "180px",
-                            minWidth: col.width || "180px",
-                            maxWidth: col.width || "180px"
-                          },
-                          className: "fc:px-4 fc:py-3 fc:align-middle fc:border-r fc:border-blue-100/60 fc:bg-blue-50/30 group-hover:fc:bg-blue-50/60 fc:transition-colors",
-                          children: /* @__PURE__ */ jsx97(
+                          style: { width: "48px", minWidth: "48px", maxWidth: "48px" },
+                          className: "fc:sticky fc:left-0 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50 fc:w-12 fc:px-2 fc:py-3 fc:text-center fc:align-middle fc:text-xs fc:font-semibold fc:text-slate-400 fc:border-r fc:border-slate-100",
+                          children: rowIndex
+                        }
+                      ),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "144px", minWidth: "144px", maxWidth: "144px" },
+                          className: "fc:sticky fc:left-12 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50 fc:w-36 fc:px-4 fc:py-3 fc:align-middle fc:whitespace-nowrap fc:border-r fc:border-slate-100 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.05)]",
+                          children: /* @__PURE__ */ jsxs96(
                             "div",
                             {
-                              style: {
-                                width: contentWidth,
-                                wordBreak: "break-word",
-                                overflowWrap: "anywhere"
-                              },
-                              className: "fc:whitespace-normal",
-                              children: /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:font-medium fc:text-slate-800 fc:leading-relaxed", children: row[col.key] || "-" })
+                              onMouseEnter: hasHiddenDynamicColumns ? (e) => handleFileMouseEnter(row, e) : void 0,
+                              onMouseLeave: hasHiddenDynamicColumns ? handleFileMouseLeave : void 0,
+                              className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-2.5 fc:py-1 fc:rounded-lg fc:transition-all ${hasHiddenDynamicColumns ? "fc:bg-blue-50 hover:fc:bg-blue-100/90 fc:border fc:border-blue-200/90 hover:fc:border-blue-300 fc:text-blue-700 fc:cursor-pointer hover:fc:shadow-sm" : "fc:bg-blue-50 fc:border fc:border-blue-100/90 fc:text-blue-600"}`,
+                              children: [
+                                /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:font-extrabold", children: row.fileNumber }),
+                                hasHiddenDynamicColumns && /* @__PURE__ */ jsxs96("span", { className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:px-1.5 fc:py-0.2 fc:rounded fc:bg-amber-100/90 fc:text-amber-800 fc:text-[9px] fc:font-black fc:border fc:border-amber-200/80", children: [
+                                  /* @__PURE__ */ jsx97(RiEyeOffLine, { size: 10 }),
+                                  /* @__PURE__ */ jsx97("span", { children: hiddenDynamicColumns.length })
+                                ] })
+                              ]
                             }
                           )
-                        },
-                        col.key
-                      );
-                    }),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "300px", minWidth: "300px", maxWidth: "300px" },
-                        className: "fc:px-4 fc:py-3 fc:align-middle",
-                        children: /* @__PURE__ */ jsx97(
-                          "div",
-                          {
-                            style: {
-                              width: "268px",
-                              wordBreak: "break-word",
-                              overflowWrap: "anywhere"
-                            },
-                            className: "fc:whitespace-normal",
-                            children: /* @__PURE__ */ jsx97("p", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:leading-relaxed", children: row.subject })
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
-                        className: "fc:px-4 fc:py-3 fc:align-middle",
-                        children: /* @__PURE__ */ jsx97(
-                          "div",
-                          {
-                            style: {
-                              width: "158px",
-                              wordBreak: "break-word",
-                              overflowWrap: "anywhere"
-                            },
-                            className: "fc:whitespace-normal",
-                            children: /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:font-medium fc:text-slate-700 fc:leading-relaxed", children: row.workflowName })
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
-                        className: "fc:px-4 fc:py-3 fc:align-middle",
-                        children: /* @__PURE__ */ jsx97(
-                          "div",
-                          {
-                            style: {
-                              width: "158px",
-                              wordBreak: "break-word",
-                              overflowWrap: "anywhere"
-                            },
-                            className: "fc:whitespace-normal",
-                            children: /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:text-slate-600 fc:font-medium fc:leading-relaxed", children: row.sender })
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
-                        className: "fc:px-3 fc:py-3 fc:text-center fc:align-middle",
-                        children: /* @__PURE__ */ jsx97(
-                          "span",
-                          {
-                            className: `fc:inline-block fc:text-[10px] fc:font-extrabold fc:px-2 fc:py-0.5 fc:rounded-full ${row.priority === "Urgent" ? "fc:bg-red-50 fc:text-red-600 fc:border fc:border-red-200" : row.priority === "High" ? "fc:bg-amber-50 fc:text-amber-600 fc:border fc:border-amber-200" : row.priority === "Medium" ? "fc:bg-blue-50 fc:text-blue-600 fc:border fc:border-blue-200" : "fc:bg-slate-100 fc:text-slate-600 fc:border fc:border-slate-200"}`,
-                            children: row.priority
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
-                        className: "fc:px-4 fc:py-3 fc:align-middle",
-                        children: /* @__PURE__ */ jsx97("div", { style: { width: "118px" }, className: "fc:whitespace-normal", children: /* @__PURE__ */ jsx97("span", { className: "fc:text-[11px] fc:text-slate-500 fc:font-medium fc:leading-relaxed", children: row.receivedDate }) })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
-                        className: "fc:px-4 fc:py-3 fc:align-middle",
-                        children: /* @__PURE__ */ jsx97(
-                          "div",
+                        }
+                      ),
+                      visibleDynamicColumns.map((col) => {
+                        const colWidthNum = parseInt(col.width || "180", 10);
+                        const contentWidth = `${Math.max(colWidthNum - 32, 80)}px`;
+                        return /* @__PURE__ */ jsx97(
+                          "td",
                           {
                             style: {
-                              width: "118px",
-                              wordBreak: "break-word",
-                              overflowWrap: "anywhere"
+                              width: col.width || "180px",
+                              minWidth: col.width || "180px",
+                              maxWidth: col.width || "180px"
                             },
-                            className: "fc:whitespace-normal",
+                            className: "fc:px-4 fc:py-3 fc:align-middle fc:border-r fc:border-blue-100/60 fc:bg-blue-50/30 group-hover:fc:bg-blue-50/60 fc:transition-colors",
                             children: /* @__PURE__ */ jsx97(
-                              "span",
+                              "div",
                               {
-                                className: `fc:inline-block fc:text-[11px] fc:font-semibold fc:leading-relaxed ${String(row.slaStatus).includes("Critical") ? "fc:text-red-600 fc:font-bold" : String(row.slaStatus).includes("Met") ? "fc:text-emerald-600" : "fc:text-slate-600"}`,
-                                children: row.slaStatus
+                                style: {
+                                  width: contentWidth,
+                                  wordBreak: "break-word",
+                                  overflowWrap: "anywhere"
+                                },
+                                className: "fc:whitespace-normal",
+                                children: /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:font-medium fc:text-slate-800 fc:leading-relaxed", children: row[col.key] || "-" })
                               }
                             )
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx97(
-                      "td",
-                      {
-                        style: { width: "120px", minWidth: "120px", maxWidth: "120px" },
-                        className: "fc:px-3 fc:py-3 fc:text-center fc:align-middle",
-                        children: /* @__PURE__ */ jsx97(
-                          "span",
-                          {
-                            className: `fc:inline-block fc:text-[10px] fc:font-bold fc:px-2 fc:py-0.5 fc:rounded-full ${row.status === "Available" ? "fc:bg-blue-50 fc:text-blue-700 fc:border fc:border-blue-100" : row.status === "In Progress" || row.status === "Assigned to Me" ? "fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-100" : "fc:bg-slate-100 fc:text-slate-600 fc:border fc:border-slate-200"}`,
-                            children: row.status
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs96(
-                      "td",
-                      {
-                        style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
-                        className: "fc:sticky fc:right-0 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50/95 fc:px-3 fc:py-3 fc:text-center fc:align-middle fc:border-l fc:border-slate-100 fc:shadow-[-5px_0_10px_-4px_rgba(0,0,0,0.06)]",
-                        children: [
-                          activeTab === "filePool" && /* @__PURE__ */ jsxs96(
-                            "button",
+                          },
+                          col.key
+                        );
+                      }),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "300px", minWidth: "300px", maxWidth: "300px" },
+                          className: "fc:px-4 fc:py-3 fc:align-middle",
+                          children: /* @__PURE__ */ jsx97(
+                            "div",
                             {
-                              type: "button",
-                              onClick: () => handleOpenPoolModal(row),
-                              style: { fontSize: "12px" },
-                              className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-bold fc:rounded-xl fc:shadow-sm fc:shadow-blue-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
-                              children: [
-                                /* @__PURE__ */ jsx97(RiInboxArchiveLine2, { size: 14 }),
-                                /* @__PURE__ */ jsx97("span", { children: "Pool" })
-                              ]
+                              style: {
+                                width: "268px",
+                                wordBreak: "break-word",
+                                overflowWrap: "anywhere"
+                              },
+                              className: "fc:whitespace-normal",
+                              children: /* @__PURE__ */ jsx97("p", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:leading-relaxed", children: row.subject })
                             }
-                          ),
-                          activeTab === "myFiles" && /* @__PURE__ */ jsxs96(
-                            "button",
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
+                          className: "fc:px-4 fc:py-3 fc:align-middle",
+                          children: /* @__PURE__ */ jsx97(
+                            "div",
                             {
-                              type: "button",
-                              onClick: () => handleOpenTakeAction(row),
-                              style: { fontSize: "12px" },
-                              className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-emerald-600 hover:fc:bg-emerald-700 fc:text-white fc:font-bold fc:rounded-xl fc:shadow-sm fc:shadow-emerald-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
-                              children: [
-                                /* @__PURE__ */ jsx97(RiFileUploadLine, { size: 14 }),
-                                /* @__PURE__ */ jsx97("span", { children: "Take Action" })
-                              ]
+                              style: {
+                                width: "158px",
+                                wordBreak: "break-word",
+                                overflowWrap: "anywhere"
+                              },
+                              className: "fc:whitespace-normal",
+                              children: /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:font-medium fc:text-slate-700 fc:leading-relaxed", children: row.workflowName })
                             }
-                          ),
-                          activeTab === "totalFiles" && /* @__PURE__ */ jsxs96(
-                            "button",
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
+                          className: "fc:px-4 fc:py-3 fc:align-middle",
+                          children: /* @__PURE__ */ jsx97(
+                            "div",
                             {
-                              type: "button",
-                              onClick: () => handleOpenView(row),
-                              style: { fontSize: "12px" },
-                              className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-slate-100 hover:fc:bg-slate-200 fc:text-slate-700 fc:font-bold fc:rounded-xl fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
-                              children: [
-                                /* @__PURE__ */ jsx97(RiEyeLine2, { size: 14 }),
-                                /* @__PURE__ */ jsx97("span", { children: "View" })
-                              ]
+                              style: {
+                                width: "158px",
+                                wordBreak: "break-word",
+                                overflowWrap: "anywhere"
+                              },
+                              className: "fc:whitespace-normal",
+                              children: /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:text-slate-600 fc:font-medium fc:leading-relaxed", children: row.sender })
                             }
                           )
-                        ]
-                      }
-                    )
-                  ]
-                },
-                row.fileId || row.fileNumber
-              );
-            }) })
-          ] }) }),
+                        }
+                      ),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
+                          className: "fc:px-3 fc:py-3 fc:text-center fc:align-middle",
+                          children: /* @__PURE__ */ jsx97(
+                            "span",
+                            {
+                              className: `fc:inline-block fc:text-[10px] fc:font-extrabold fc:px-2 fc:py-0.5 fc:rounded-full ${row.priority === "Urgent" ? "fc:bg-red-50 fc:text-red-600 fc:border fc:border-red-200" : row.priority === "High" ? "fc:bg-amber-50 fc:text-amber-600 fc:border fc:border-amber-200" : row.priority === "Medium" ? "fc:bg-blue-50 fc:text-blue-600 fc:border fc:border-blue-200" : "fc:bg-slate-100 fc:text-slate-600 fc:border fc:border-slate-200"}`,
+                              children: row.priority
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
+                          className: "fc:px-4 fc:py-3 fc:align-middle",
+                          children: /* @__PURE__ */ jsx97("div", { style: { width: "118px" }, className: "fc:whitespace-normal", children: /* @__PURE__ */ jsx97("span", { className: "fc:text-[11px] fc:text-slate-500 fc:font-medium fc:leading-relaxed", children: row.receivedDate }) })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
+                          className: "fc:px-4 fc:py-3 fc:align-middle",
+                          children: /* @__PURE__ */ jsx97(
+                            "div",
+                            {
+                              style: {
+                                width: "118px",
+                                wordBreak: "break-word",
+                                overflowWrap: "anywhere"
+                              },
+                              className: "fc:whitespace-normal",
+                              children: /* @__PURE__ */ jsx97(
+                                "span",
+                                {
+                                  className: `fc:inline-block fc:text-[11px] fc:font-semibold fc:leading-relaxed ${String(row.slaStatus).includes("Critical") ? "fc:text-red-600 fc:font-bold" : String(row.slaStatus).includes("Met") ? "fc:text-emerald-600" : "fc:text-slate-600"}`,
+                                  children: row.slaStatus
+                                }
+                              )
+                            }
+                          )
+                        }
+                      ),
+                      activeTab === "totalFiles" && /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "160px", minWidth: "160px", maxWidth: "160px" },
+                          className: "fc:px-4 fc:py-3 fc:align-middle",
+                          children: /* @__PURE__ */ jsx97("span", { className: "fc:text-xs fc:font-medium fc:text-slate-700", children: row.fileAt })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx97(
+                        "td",
+                        {
+                          style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
+                          className: "fc:px-3 fc:py-3 fc:text-center fc:align-middle",
+                          children: /* @__PURE__ */ jsx97(
+                            "span",
+                            {
+                              className: `fc:inline-block fc:whitespace-nowrap fc:text-[10px] fc:font-bold fc:px-2 fc:py-0.5 fc:rounded-full ${row.status === "Available" ? "fc:bg-blue-50 fc:text-blue-700 fc:border fc:border-blue-100" : row.status === "In Progress" || row.status === "Assigned to Me" ? "fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-100" : row.status === "RETURN_TO_APPLICANT" ? "fc:bg-amber-50 fc:text-amber-700 fc:border fc:border-amber-200" : "fc:bg-slate-100 fc:text-slate-600 fc:border fc:border-slate-200"}`,
+                              children: row.status
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs96(
+                        "td",
+                        {
+                          style: { width: "195px", minWidth: "195px", maxWidth: "195px" },
+                          className: "fc:sticky fc:right-0 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50/95 fc:px-2 fc:py-3 fc:align-middle fc:border-l fc:border-slate-100 fc:shadow-[-5px_0_10px_-4px_rgba(0,0,0,0.06)]",
+                          children: [
+                            activeTab === "filePool" && /* @__PURE__ */ jsxs96(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: () => handleOpenPoolModal(row),
+                                style: { fontSize: "12px" },
+                                className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-bold fc:rounded-xl fc:shadow-sm fc:shadow-blue-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
+                                children: [
+                                  /* @__PURE__ */ jsx97(RiInboxArchiveLine2, { size: 14 }),
+                                  /* @__PURE__ */ jsx97("span", { children: "Claim" })
+                                ]
+                              }
+                            ),
+                            activeTab === "myFiles" && /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1.5", children: [
+                              /* @__PURE__ */ jsxs96(
+                                "button",
+                                {
+                                  type: "button",
+                                  onClick: () => handleOpenTakeAction(row),
+                                  style: { fontSize: "11px" },
+                                  className: "fc:inline-flex fc:items-center fc:justify-center fc:gap-1 fc:h-8 fc:px-2 fc:whitespace-nowrap fc:bg-emerald-600 hover:fc:bg-emerald-700 fc:text-white fc:font-bold fc:rounded-lg fc:shadow-sm fc:shadow-emerald-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
+                                  children: [
+                                    /* @__PURE__ */ jsx97(RiFileUploadLine, { size: 13 }),
+                                    /* @__PURE__ */ jsx97("span", { children: "Take Action" })
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsx97(
+                                "button",
+                                {
+                                  type: "button",
+                                  style: { fontSize: "11px" },
+                                  className: "fc:inline-flex fc:items-center fc:justify-center fc:h-8 fc:px-2 fc:whitespace-nowrap fc:border fc:border-rose-200 fc:bg-rose-50 fc:text-rose-700 fc:font-bold fc:rounded-lg hover:fc:bg-rose-100 hover:fc:border-rose-300 fc:transition-colors active:fc:scale-95",
+                                  children: "Unclaim"
+                                }
+                              )
+                            ] }),
+                            activeTab === "totalFiles" && /* @__PURE__ */ jsxs96(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: () => handleOpenView(row),
+                                style: { fontSize: "12px" },
+                                className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-slate-100 hover:fc:bg-slate-200 fc:text-slate-700 fc:font-bold fc:rounded-xl fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
+                                children: [
+                                  /* @__PURE__ */ jsx97(RiEyeLine2, { size: 14 }),
+                                  /* @__PURE__ */ jsx97("span", { children: "View" })
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  row.fileId || row.fileNumber
+                );
+              }) })
+            ] })
+          ] }),
           /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:flex-col sm:fc:flex-row fc:items-center fc:justify-between fc:gap-3 fc:pt-3 fc:px-1", children: [
             /* @__PURE__ */ jsxs96("span", { className: "fc:text-xs fc:text-slate-500 fc:font-medium", children: [
               "Showing ",
@@ -20867,7 +21196,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
 }
 
 // src/components/track-application/TrackApplicationMain.jsx
-import { Fragment as Fragment5, jsx as jsx99, jsxs as jsxs98 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx99, jsxs as jsxs98 } from "react/jsx-runtime";
 var APPLICATION_DATABASE = [];
 function TrackApplicationMain() {
   var _a, _b, _c;
@@ -21083,7 +21412,7 @@ function TrackApplicationMain() {
            VIEW 1: LIVE TRACKING DASHBOARD
            ======================================================== */
         /* @__PURE__ */ jsxs98("div", { className: "fc:space-y-4", children: [
-          selectedApplication && /* @__PURE__ */ jsxs98(Fragment5, { children: [
+          selectedApplication && /* @__PURE__ */ jsxs98(Fragment6, { children: [
             /* @__PURE__ */ jsxs98("div", { className: "fc:rounded-2xl fc:border fc:border-blue-100 fc:bg-gradient-to-r fc:from-blue-50/80 fc:via-indigo-50/40 fc:to-white fc:p-4.5 fc:shadow-sm", children: [
               /* @__PURE__ */ jsxs98("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:flex-wrap", children: [
                 /* @__PURE__ */ jsxs98("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-wrap", children: [
@@ -21665,7 +21994,7 @@ function TrackApplicationMain() {
 }
 
 // src/components/Sidebar.jsx
-import { Fragment as Fragment6, jsx as jsx100, jsxs as jsxs99 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx100, jsxs as jsxs99 } from "react/jsx-runtime";
 function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const router = useRouter();
   const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
@@ -21934,7 +22263,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
       /* @__PURE__ */ jsx100("p", { className: "fc:text-sm fc:text-[#405170]", children: "You do not have permission to access FlowCore. Please contact your administrator." })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs99(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs99(Fragment7, { children: [
     /* @__PURE__ */ jsxs99(
       "aside",
       {
@@ -21964,7 +22293,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
             )
           ] }),
           /* @__PURE__ */ jsxs99("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
-            (workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */ jsxs99(Fragment6, { children: [
+            (workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */ jsxs99(Fragment7, { children: [
               /* @__PURE__ */ jsx100("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
               /* @__PURE__ */ jsxs99("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
                 renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, RiNodeTree),
@@ -21973,7 +22302,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
                 renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, RiNodeTree)
               ] })
             ] }),
-            (fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */ jsxs99(Fragment6, { children: [
+            (fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */ jsxs99(Fragment7, { children: [
               /* @__PURE__ */ jsx100("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
               /* @__PURE__ */ jsxs99("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
                 renderDropdown("Files", filesOpen, setFilesOpen, fileItems, RiFolder3Line),