flowcore-fn 10.3.9 → 10.4.2

package/dist/pkg-index.js

@@ -149,8 +149,8 @@ __export(pkg_index_exports, {
 module.exports = __toCommonJS(pkg_index_exports);
 
 // src/components/Sidebar.jsx
-var import_react137 = require("react");
-var import_react138 = require("@remixicon/react");
+var import_react138 = require("react");
+var import_react139 = require("@remixicon/react");
 var import_router = require("next/router");
 
 // src/components/workflow/WorkflowMain.jsx
@@ -7654,7 +7654,7 @@ function DocumentConfigTable({
             onClick: () => handleSort("workflowName"),
             className: "fc:py-4 fc:px-2 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-38",
             children: [
-              "Workflow Name",
+              "Workflow",
               " ",
               sortKey === "workflowName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
             ]
@@ -7678,7 +7678,7 @@ function DocumentConfigTable({
             onClick: () => handleSort("stepId"),
             className: "fc:py-4 fc:px-2 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-38",
             children: [
-              "Workflow Step Name",
+              "Step Name",
               " ",
               sortKey === "stepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
             ]
@@ -9190,8 +9190,8 @@ function Table({
   const q = searchQuery.toLowerCase().trim();
   const filtered = apiData.filter(
     (item) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      return !q || String((_b = (_a = item.stepPermissionId) != null ? _a : item.id) != null ? _b : "").toLowerCase().includes(q) || String((_c = item.workflowStepId) != null ? _c : "").toLowerCase().includes(q) || String((_g = (_f = (_e = (_d = item.stepName) != null ? _d : item.StepName) != null ? _e : item.workflowStepName) != null ? _f : item.WorkflowStepName) != null ? _g : "").toLowerCase().includes(q);
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      return !q || String((_b = (_a = item.stepPermissionId) != null ? _a : item.id) != null ? _b : "").toLowerCase().includes(q) || String((_c = item.workflowStepId) != null ? _c : "").toLowerCase().includes(q) || String((_e = (_d = item.workflowName) != null ? _d : item.WorkflowName) != null ? _e : "").toLowerCase().includes(q) || String((_g = (_f = item.workflowTypeName) != null ? _f : item.WorkflowTypeName) != null ? _g : "").toLowerCase().includes(q) || String((_k = (_j = (_i = (_h = item.stepName) != null ? _h : item.StepName) != null ? _i : item.workflowStepName) != null ? _j : item.WorkflowStepName) != null ? _k : "").toLowerCase().includes(q);
     }
   );
   const sorted = [...filtered].sort((a, b) => {
@@ -9216,7 +9216,9 @@ function Table({
   );
   const columns = [
     // { label: "ID", key: "stepPermissionId" },
-    { label: "Workflow Step", key: "workflowStepId" },
+    { label: "Workflow Type", key: "workflowTypeName" },
+    { label: "Workflow", key: "workflowName" },
+    { label: "Step Name", key: "workflowStepId" },
     { label: "Can View", key: "canView" },
     { label: "Can Edit", key: "canEdit" },
     { label: "Can Approve", key: "canApprove" },
@@ -9294,14 +9296,16 @@ function Table({
           children: "No step permissions found."
         }
       ) }) : visibleData.map((item, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "tr",
           {
             className: "hover:fc:bg-slate-50/50 fc:transition-colors",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-bold fc:text-slate-600 fc:whitespace-nowrap", children: (_h = (_e = (_d = (_c = item.stepName) != null ? _c : item.StepName) != null ? _d : item.workflowStepName) != null ? _e : item.WorkflowStepName) != null ? _h : (_g = (_f = item.workflowStepId) != null ? _f : item.WorkflowStepId) != null ? _g : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-medium fc:text-slate-600 fc:whitespace-nowrap", children: (_d = (_c = item.workflowName) != null ? _c : item.WorkflowName) != null ? _d : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-medium fc:text-slate-600 fc:whitespace-nowrap", children: (_f = (_e = item.workflowTypeName) != null ? _e : item.WorkflowTypeName) != null ? _f : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-bold fc:text-slate-600 fc:whitespace-nowrap", children: (_l = (_i = (_h = (_g = item.stepName) != null ? _g : item.StepName) != null ? _h : item.stepName) != null ? _i : item.stepName) != null ? _l : (_k = (_j = item.stepName) != null ? _j : item.stepName) != null ? _k : "-" }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BoolBadge, { val: item.canView }) }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BoolBadge, { val: item.canEdit }) }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BoolBadge, { val: item.canApprove }) }),
@@ -9517,21 +9521,21 @@ function Popup({ isOpen, onClose, onSave }) {
     }
   };
   const permissionCards = [
-    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs & details", field: "canView" },
-    { icon: "\u2713", title: "Can Approve", desc: "Pass states & approve", field: "canApprove" },
-    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify properties", field: "canEdit" },
-    { icon: "\u2715", title: "Can Reject", desc: "Cancel / reject tasks", field: "canReject" },
-    { icon: "\u27A1\uFE0F", title: "Can Forward", desc: "Forward to next step", field: "canForward" },
-    { icon: "\u23E9", title: "Can Free Forward", desc: "Forward freely to any step", field: "canFreeForward" },
-    { icon: "\u21A9\uFE0F", title: "Can Return", desc: "Return to previous step", field: "canReturn" },
-    { icon: "\u{1F464}", title: "Can Return To Applicant", desc: "Send back to applicant", field: "canReturnToApplicant" },
-    { icon: "\u{1F465}", title: "Can Delegate", desc: "Reassign or delegate task", field: "canDelegate" },
-    { icon: "\u23F8\uFE0F", title: "Can Hold", desc: "Put execution on hold", field: "canHold" }
+    { title: "Can View", field: "canView", labelField: "viewLabel" },
+    { title: "Can Approve", field: "canApprove", labelField: "approveLabel" },
+    { title: "Can Edit", field: "canEdit", labelField: "editLabel" },
+    { title: "Can Reject", field: "canReject", labelField: "rejectLabel" },
+    { title: "Can Forward", field: "canForward", labelField: "forwardLabel" },
+    { title: "Can Free Forward", field: "canFreeForward", labelField: "freeForwardLabel" },
+    { title: "Can Return", field: "canReturn", labelField: "returnLabel" },
+    { title: "Can Return To Applicant", field: "canReturnToApplicant", labelField: "returnToApplicantLabel" },
+    { title: "Can Delegate", field: "canDelegate", labelField: "delegateLabel" },
+    { title: "Can Hold", field: "canHold", labelField: "holdLabel" }
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-6xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[96vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-4 fc:border-b fc:border-slate-100", children: [
         /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:w-12 fc:h-12 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm fc:text-xl", children: "\u{1F511}" }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
@@ -9541,10 +9545,10 @@ function Popup({ isOpen, onClose, onSave }) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("form", { onSubmit: handleSubmit, className: "fc:flex fc:flex-col fc:flex-1 fc:overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsxs)("form", { onSubmit: handleSubmit, className: "fc:flex fc:min-h-0 fc:flex-1 fc:flex-col fc:overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:min-h-0 fc:flex-1 fc:space-y-4 fc:overflow-y-auto fc:bg-slate-50/30 fc:p-4 md:fc:p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u{1F4CB}" }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Step Information" })
             ] }),
@@ -9577,56 +9581,57 @@ function Popup({ isOpen, onClose, onSave }) {
               errors.workflowStepId && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.workflowStepId })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u2699\uFE0F" }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Set Initial Matrix Access Rules" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionCards.map(({ icon, title, desc, field }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-blue-50 fc:text-blue-600 fc:flex fc:items-center fc:justify-center fc:text-xs", children: icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: title }),
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400", children: desc })
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => handleChange(field, !formData[field]),
-                  className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${formData[field] ? "fc:bg-blue-600" : "fc:bg-gray-300"}`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                    "span",
-                    {
-                      className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${formData[field] ? "fc:translate-x-4.5" : "fc:translate-x-0"}`
-                    }
-                  )
-                }
-              )
-            ] }, field)) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u{1F3F7}\uFE0F" }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Action Labels" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionLabelFields.map(({ field, label, fallback }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: label }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                "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__ */ (0, import_jsx_runtime41.jsx)(
+              "div",
+              {
+                className: "fc:grid fc:gap-3",
+                style: { gridTemplateColumns: "repeat(auto-fit, minmax(max(200px, calc((100% - 36px) / 4)), 1fr))" },
+                children: permissionCards.map(({ title, field, labelField }) => {
+                  var _a, _b;
+                  const actionLabel = permissionLabelFields.find((item) => item.field === labelField);
+                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:flex-col fc:gap-2 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50 fc:p-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-[11px] fc:font-extrabold fc:text-slate-700", children: title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        "input",
+                        {
+                          type: "text",
+                          "aria-label": (_a = actionLabel == null ? void 0 : actionLabel.label) != null ? _a : `${title} label`,
+                          value: (_b = formData[labelField]) != null ? _b : "",
+                          placeholder: actionLabel == null ? void 0 : actionLabel.fallback,
+                          onChange: (event) => handleChange(labelField, event.target.value),
+                          className: "fc:min-w-0 fc:flex-1 fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:px-2 fc:py-1.5 fc:text-[11px] fc:text-slate-700 focus:fc:border-indigo-500 focus:fc:outline-none"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-label": `${title}: ${formData[field] ? "enabled" : "disabled"}`,
+                          "aria-pressed": Boolean(formData[field]),
+                          onClick: () => handleChange(field, !formData[field]),
+                          className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${formData[field] ? "fc:bg-blue-600" : "fc:bg-gray-300"}`,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                            "span",
+                            {
+                              className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${formData[field] ? "fc:translate-x-4.5" : "fc:translate-x-0"}`
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ] }, field);
+                })
+              }
+            )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u{1F518}" }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Status" })
             ] }),
@@ -9650,7 +9655,7 @@ function Popup({ isOpen, onClose, onSave }) {
             )) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-3 fc:border-t fc:border-slate-100 fc:bg-white fc:px-6 fc:py-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "button",
             {
@@ -10433,12 +10438,12 @@ function FormFieldMain() {
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         CommonHeader,
         {
-          title: "Update Permission",
+          title: "Applicant Form Fields",
           breadcrumbs: [
             { label: "Dashboard", href: "/dashboard" },
             { label: "Masters", href: "/masters" },
             { label: "Permissions", href: "/permissions" },
-            { label: "Update Permission", href: "/form-field" }
+            { label: "Applicant Form Fields", href: "/form-field" }
           ],
           buttonText: "Add Form Field",
           onButtonClick: openCreate
@@ -16424,7 +16429,9 @@ function Table4({
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:max-h-[420px] fc:overflow-auto fc:rounded-2xl fc:border fc:border-slate-200", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("table", { className: "fc:w-full fc:bg-white fc:text-left", children: [
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("tr", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { className: "fc:bg-slate-50 fc:px-4 fc:py-4 fc:text-xs", children: "S.NO" }),
-        heading("WORKFLOW STEP Name", "stepName"),
+        heading("WORKFLOW TYPE", "workflowTypeName"),
+        heading("WORKFLOW", "workflowName"),
+        heading("STEP NAME", "stepName"),
         heading("ASSIGNMENT TYPE", "assignmentType"),
         heading("NODE TYPE", "hierarchyNodeType"),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { className: "fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-xs", children: "POOL ENABLED" }),
@@ -16433,51 +16440,56 @@ function Table4({
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tbody", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "td",
         {
-          colSpan: "6",
+          colSpan: "8",
           className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-500",
           children: "Loading assignment rules..."
         }
       ) }) : visibleRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "td",
         {
-          colSpan: "6",
+          colSpan: "8",
           className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-400",
           children: "No assignment rules found."
         }
-      ) }) : visibleRows.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
-        "tr",
-        {
-          className: "fc:border-t fc:border-slate-100",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.stepName }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onEdit(item),
-                  className: "fc:mr-2 fc:rounded-lg fc:bg-blue-50 fc:px-3 fc:py-1 fc:text-blue-600",
-                  children: "Edit"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onDelete(item),
-                  className: "fc:rounded-lg fc:bg-rose-50 fc:px-3 fc:py-1 fc:text-rose-600",
-                  children: "Delete"
-                }
-              )
-            ] })
-          ]
-        },
-        item.assignmentRuleId
-      )) })
+      ) }) : visibleRows.map((item, index) => {
+        var _a, _b;
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+          "tr",
+          {
+            className: "fc:border-t fc:border-slate-100",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: (_a = item.workflowTypeName) != null ? _a : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: (_b = item.workflowName) != null ? _b : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.stepName }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onEdit(item),
+                    className: "fc:mr-2 fc:rounded-lg fc:bg-blue-50 fc:px-3 fc:py-1 fc:text-blue-600",
+                    children: "Edit"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onDelete(item),
+                    className: "fc:rounded-lg fc:bg-rose-50 fc:px-3 fc:py-1 fc:text-rose-600",
+                    children: "Delete"
+                  }
+                )
+              ] })
+            ]
+          },
+          item.assignmentRuleId
+        );
+      }) })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-2 fc:text-sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
@@ -17019,7 +17031,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     }
   };
   const filteredMappings = mappings.filter((mapping) => {
-    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
     const query = searchQuery.trim().toLowerCase();
     const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
     const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
@@ -17028,6 +17040,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     const stepCode = (_p = (_o = mapping.workflowCode) != null ? _o : mapping.WorkflowCode) != null ? _p : workflowCodeMap[stepId];
     return !query || [
       (_q = mapping.workflowHierarchyNodeMappingId) != null ? _q : mapping.WorkflowHierarchyNodeMappingId,
+      (_r = mapping.workflowTypeName) != null ? _r : mapping.WorkflowTypeName,
       stepId,
       stepName,
       stepCode,
@@ -17114,6 +17127,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { ref: tableRef, className: "fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("table", { className: "fc:w-full fc:text-sm", children: [
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("tr", { className: "fc:bg-slate-100 fc:text-slate-600", children: [
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "#" }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Type" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Name" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Code" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Hierarchy Node Name" }),
@@ -17123,19 +17137,19 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "td",
             {
-              colSpan: 6,
+              colSpan: 7,
               className: "fc:p-8 fc:text-center fc:text-slate-400",
               children: "Loading mappings..."
             }
           ) }) : visibleMappings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "td",
             {
-              colSpan: 6,
+              colSpan: 7,
               className: "fc:p-8 fc:text-center fc:text-slate-400",
               children: "No workflow step hierarchy mappings found."
             }
           ) }) : visibleMappings.map((mapping, index) => {
-            var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+            var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
             const mappingId = getMappingId(mapping);
             const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
             const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
@@ -17149,6 +17163,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
                 className: "fc:border-t fc:border-slate-100 hover:fc:bg-slate-50",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: (safePage - 1) * pageSize + index + 1 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: (_v = (_u = mapping.workflowTypeName) != null ? _u : mapping.WorkflowTypeName) != null ? _v : "-" }),
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: stepDisplayName }),
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: stepCodeDisplayName }),
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: nodeDisplayName }),
@@ -18800,7 +18815,9 @@ function AddStatusModal({
   isOpen,
   onClose,
   onSave,
-  modules = []
+  modules = [],
+  actionCodes = [],
+  isLoadingActionCodes = false
 }) {
   const [formData, setFormData] = (0, import_react94.useState)(INITIAL_FORM4);
   const [errors, setErrors] = (0, import_react94.useState)({});
@@ -18848,9 +18865,6 @@ function AddStatusModal({
     if (!formData.moduleId) {
       errs.moduleId = "Module is required.";
     }
-    if (!formData.statusName.trim()) {
-      errs.statusName = "Status Name is required.";
-    }
     if (!formData.statusCode.trim()) {
       errs.statusCode = "Status Code is required.";
     }
@@ -18863,7 +18877,7 @@ function AddStatusModal({
     if (!validate()) return;
     const payload = {
       moduleId: Number(formData.moduleId),
-      statusName: formData.statusName.trim(),
+      statusName: formData.statusCode.trim().toUpperCase(),
       statusCode: formData.statusCode.trim().toUpperCase(),
       description: formData.description.trim(),
       createdBy: "System"
@@ -18963,15 +18977,21 @@ function AddStatusModal({
                 /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fc:text-red-500", children: "*" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-                  "input",
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+                  "select",
                   {
-                    type: "text",
                     name: "statusCode",
                     value: formData.statusCode,
                     onChange: handleChange,
-                    placeholder: "e.g. ST_01, COMPLETED",
-                    className: `${inputCls(errors.statusCode)} uppercase`
+                    disabled: isLoadingActionCodes,
+                    className: `${inputCls(errors.statusCode)} fc:bg-white disabled:fc:opacity-60`,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("option", { value: "", children: isLoadingActionCodes ? "Loading action codes..." : "Select an action code" }),
+                      actionCodes.map((action) => {
+                        var _a;
+                        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("option", { value: action.name, children: action.name }, (_a = action.value) != null ? _a : action.name);
+                      })
+                    ]
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) })
@@ -18979,27 +18999,6 @@ function AddStatusModal({
               errors.statusCode && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusCode })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: [
-              "Status Name ",
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fc:text-red-500", children: "*" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-                "input",
-                {
-                  type: "text",
-                  name: "statusName",
-                  value: formData.statusName,
-                  onChange: handleChange,
-                  placeholder: "Enter status name (e.g. In Progress, Completed)",
-                  className: inputCls(errors.statusName)
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) })
-            ] }),
-            errors.statusName && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusName })
-          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Description" }),
             /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:relative", children: [
@@ -19075,6 +19074,8 @@ function EditStatusModal({
   onSave,
   selectedData,
   modules = [],
+  actionCodes = [],
+  isLoadingActionCodes = false,
   isFetchingById = false
 }) {
   const [formData, setFormData] = (0, import_react95.useState)(() => getInitialFormData3(selectedData));
@@ -19131,9 +19132,6 @@ function EditStatusModal({
     if (!formData.moduleId) {
       errs.moduleId = "Module is required.";
     }
-    if (!String(formData.statusName).trim()) {
-      errs.statusName = "Status Name is required.";
-    }
     if (!String(formData.statusCode).trim()) {
       errs.statusCode = "Status Code is required.";
     }
@@ -19147,7 +19145,7 @@ function EditStatusModal({
     const payload = {
       statusId: Number(formData.statusId) || 0,
       moduleId: Number(formData.moduleId) || 0,
-      statusName: String(formData.statusName).trim(),
+      statusName: String(formData.statusCode).trim().toUpperCase(),
       statusCode: String(formData.statusCode).trim().toUpperCase(),
       description: String(formData.description).trim(),
       isActive: Boolean(formData.isActive),
@@ -19253,15 +19251,22 @@ function EditStatusModal({
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fc:text-red-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-                    "input",
+                  /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+                    "select",
                     {
-                      type: "text",
                       name: "statusCode",
                       value: formData.statusCode,
                       onChange: handleChange,
-                      placeholder: "e.g. ST_01, COMPLETED",
-                      className: `${inputCls(errors.statusCode)} uppercase`
+                      disabled: true,
+                      className: `${inputCls(errors.statusCode)} fc:bg-white disabled:fc:opacity-60`,
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: "", children: isLoadingActionCodes ? "Loading action codes..." : "Select an action code" }),
+                        formData.statusCode && !actionCodes.some((action) => action.name.toUpperCase() === String(formData.statusCode).toUpperCase()) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: formData.statusCode, children: formData.statusCode }),
+                        actionCodes.map((action) => {
+                          var _a;
+                          return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: action.name, children: action.name }, (_a = action.value) != null ? _a : action.name);
+                        })
+                      ]
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) })
@@ -19269,45 +19274,7 @@ function EditStatusModal({
                 errors.statusCode && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusCode })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-3.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: [
-                  "Status Name ",
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-                    "input",
-                    {
-                      type: "text",
-                      name: "statusName",
-                      value: formData.statusName,
-                      onChange: handleChange,
-                      placeholder: "Enter status name",
-                      className: inputCls(errors.statusName)
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) })
-                ] }),
-                errors.statusName && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusName })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Status ID" }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-                    "input",
-                    {
-                      type: "text",
-                      name: "statusId",
-                      value: formData.statusId,
-                      disabled: true,
-                      className: "fc:w-full fc:py-2.5 fc:px-3 fc:pl-9 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-slate-100 fc:text-slate-500 fc:cursor-not-allowed"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 20l4-16m2 16l4-16M6 9h14M4 15h14" }) })
-                ] })
-              ] })
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-3.5" }),
             /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Description" }),
               /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
@@ -19421,7 +19388,8 @@ var DEFAULT_ENDPOINTS2 = {
   update: "/api/flowcore/Status/Update",
   getList: "/api/flowcore/Status/GetList",
   getById: "/api/flowcore/Status/GetById",
-  moduleList: "/api/flowcore/Module/GetList"
+  moduleList: "/api/flowcore/Module/GetList",
+  actionCodeList: "/api/flowcore/WorkflowExecution/GetActionCodeList"
 };
 function StatusMain() {
   const tableRef = (0, import_react96.useRef)(null);
@@ -19429,6 +19397,9 @@ function StatusMain() {
   const [isLoading, setIsLoading] = (0, import_react96.useState)(false);
   const [apiData, setApiData] = (0, import_react96.useState)([]);
   const [modules, setModules] = (0, import_react96.useState)([]);
+  const [actionCodes, setActionCodes] = (0, import_react96.useState)([]);
+  const [isLoadingActionCodes, setIsLoadingActionCodes] = (0, import_react96.useState)(false);
+  const [hasLoadedActionCodes, setHasLoadedActionCodes] = (0, import_react96.useState)(false);
   const [selectedModuleId, setSelectedModuleId] = (0, import_react96.useState)("");
   const [pageSize, setPageSize] = (0, import_react96.useState)(5);
   const [searchQuery, setSearchQuery] = (0, import_react96.useState)("");
@@ -19466,9 +19437,50 @@ function StatusMain() {
       return DEFAULT_ENDPOINTS2.moduleList;
     }
   };
+  const getActionCodeListEndpoint = () => {
+    var _a, _b;
+    try {
+      const flowCore = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
+      return ((_b = flowCore == null ? void 0 : flowCore.inbox) == null ? void 0 : _b.GetPermisiionLabelWithCodeAll) || DEFAULT_ENDPOINTS2.actionCodeList;
+    } catch (e) {
+      return DEFAULT_ENDPOINTS2.actionCodeList;
+    }
+  };
   const handleRefresh = () => {
     setRefreshKey((prev) => prev + 1);
   };
+  const handleOpenAdd = async () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    setIsAddOpen(true);
+    if (hasLoadedActionCodes || isLoadingActionCodes) return;
+    try {
+      setIsLoadingActionCodes(true);
+      let endpoint3 = getActionCodeListEndpoint();
+      if (typeof endpoint3 === "function") endpoint3 = endpoint3();
+      const response = await getApiService().get(endpoint3);
+      const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+      const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+      setActionCodes(rows.filter((item) => {
+        var _a2;
+        return (_a2 = item == null ? void 0 : item.name) != null ? _a2 : item == null ? void 0 : item.Name;
+      }).map((item) => {
+        var _a2, _b2;
+        return {
+          value: (_a2 = item.value) != null ? _a2 : item.Value,
+          name: String((_b2 = item.name) != null ? _b2 : item.Name)
+        };
+      }));
+      setHasLoadedActionCodes(true);
+    } catch (error) {
+      await import_sweetalert229.default.fire(
+        "Error",
+        ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || "Unable to load action codes.",
+        "error"
+      );
+    } finally {
+      setIsLoadingActionCodes(false);
+    }
+  };
   (0, import_react96.useEffect)(() => {
     let isMounted = true;
     (async () => {
@@ -19683,7 +19695,7 @@ function StatusMain() {
           { label: "Status", href: "/status" }
         ],
         buttonText: "Add Status",
-        onButtonClick: () => setIsAddOpen(true)
+        onButtonClick: handleOpenAdd
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
@@ -19816,7 +19828,9 @@ function StatusMain() {
         isOpen: isAddOpen,
         onClose: () => setIsAddOpen(false),
         onSave: handleCreate,
-        modules
+        modules,
+        actionCodes,
+        isLoadingActionCodes
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
@@ -19829,6 +19843,8 @@ function StatusMain() {
         },
         selectedData: selectedItem,
         modules,
+        actionCodes,
+        isLoadingActionCodes,
         onSave: handleUpdate
       }
     )
@@ -19836,9 +19852,9 @@ function StatusMain() {
 }
 
 // src/components/inbox/InboxMain.jsx
-var import_react125 = __toESM(require("react"));
+var import_react126 = __toESM(require("react"));
 var import_sweetalert231 = __toESM(require("sweetalert2"));
-var import_react126 = require("@remixicon/react");
+var import_react127 = require("@remixicon/react");
 
 // src/components/inbox/PoolConfirmationModal.jsx
 var import_react97 = __toESM(require("react"));
@@ -20726,7 +20742,7 @@ function NotificationPopover({
         className: `fc:relative fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:rounded-xl fc:transition-all ${isOpen ? "fc:border-blue-400 fc:bg-blue-50 fc:text-blue-600 fc:shadow-sm" : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-slate-600 fc:shadow-sm"}`,
         children: [
           isOpen ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react104.RiNotification3Fill, { size: 17 }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react104.RiNotification3Line, { size: 17 }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "fc:absolute fc:-top-1.5 fc:-right-1.5 fc:min-w-[18px] fc:h-[18px] fc:px-1 fc:flex fc:items-center fc:justify-center fc:bg-rose-500 fc:text-white fc:text-[10px] fc:font-extrabold fc:rounded-full fc:shadow-sm fc:border-2 fc:border-white fc:leading-none", children: unreadCount > 0 ? unreadCount > 99 ? "99+" : unreadCount : 6 })
+          unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "fc:absolute fc:-top-1.5 fc:-right-1.5 fc:min-w-[18px] fc:h-[18px] fc:px-1 fc:flex fc:items-center fc:justify-center fc:bg-rose-500 fc:text-white fc:text-[10px] fc:font-extrabold fc:rounded-full fc:shadow-sm fc:border-2 fc:border-white fc:leading-none", children: unreadCount > 99 ? "99+" : unreadCount })
         ]
       }
     ),
@@ -20934,12 +20950,120 @@ function NotificationPopover({
 }
 
 // src/components/inbox/ReviewApplication.jsx
-var import_react123 = __toESM(require("react"));
-var import_react124 = require("@remixicon/react");
+var import_react124 = __toESM(require("react"));
+var import_react125 = require("@remixicon/react");
+
+// src/components/inbox/ReviewHeaderBar.jsx
+var import_react106 = __toESM(require("react"));
+var import_react107 = require("@remixicon/react");
+
+// src/components/Service/UserProfileService.js
+var import_react105 = require("react");
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
+var PROFILE_STORAGE_KEY = "FLOWCORE_USER_PROFILE";
+var memoryCachedProfile = null;
+var inflightPromise = null;
+var getProfileEndpoint = () => {
+  var _a, _b, _c;
+  try {
+    const endpoints = getApiEndpoints();
+    if (endpoints == null ? void 0 : endpoints.ProfileApi) return endpoints.ProfileApi;
+    if (endpoints == null ? void 0 : endpoints.profileApi) return endpoints.profileApi;
+    if ((_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.profileApi) return endpoints.flowCore.profileApi;
+    if ((_b = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _b.ProfileApi) return endpoints.flowCore.ProfileApi;
+    if ((_c = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _c.getDashboardProfile) return endpoints.flowCore.getDashboardProfile;
+  } catch (err) {
+  }
+  return null;
+};
+var extractName = (data) => {
+  if (!data || typeof data !== "object") return "";
+  return data.name || data.Name || data.userName || data.fullName || "";
+};
+var fetchUserProfile = async (forceRefresh = false) => {
+  if (!forceRefresh) {
+    if (memoryCachedProfile) {
+      return memoryCachedProfile;
+    }
+    if (typeof window !== "undefined") {
+      try {
+        const stored = sessionStorage.getItem(PROFILE_STORAGE_KEY);
+        if (stored) {
+          memoryCachedProfile = JSON.parse(stored);
+          return memoryCachedProfile;
+        }
+      } catch (e) {
+      }
+    }
+  }
+  if (inflightPromise) {
+    return inflightPromise;
+  }
+  inflightPromise = (async () => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint3 = getProfileEndpoint();
+      if (!endpoint3) return null;
+      const apiService2 = getApiService();
+      const res = await apiService2.get(endpoint3);
+      const data = (_e = (_d = (_c = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) != null ? _c : (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.result) != null ? _d : res == null ? void 0 : res.data) != null ? _e : res;
+      if (data && typeof data === "object") {
+        memoryCachedProfile = data;
+        if (typeof window !== "undefined") {
+          try {
+            sessionStorage.setItem(PROFILE_STORAGE_KEY, JSON.stringify(data));
+          } catch (e) {
+          }
+        }
+        return data;
+      }
+      return null;
+    } catch (error) {
+      console.warn("Failed to fetch dashboard profile:", error);
+      return null;
+    } finally {
+      inflightPromise = null;
+    }
+  })();
+  return inflightPromise;
+};
+var useUserProfile = () => {
+  const [profile, setProfile] = (0, import_react105.useState)(() => {
+    if (memoryCachedProfile) return memoryCachedProfile;
+    if (typeof window !== "undefined") {
+      try {
+        const stored = sessionStorage.getItem(PROFILE_STORAGE_KEY);
+        if (stored) return JSON.parse(stored);
+      } catch (e) {
+      }
+    }
+    return null;
+  });
+  const [userName, setUserName] = (0, import_react105.useState)(() => extractName(profile));
+  (0, import_react105.useEffect)(() => {
+    let isCurrent = true;
+    fetchUserProfile().then((data) => {
+      if (!isCurrent || !data) return;
+      setProfile(data);
+      const name = extractName(data);
+      if (name) {
+        setUserName(name);
+      }
+    });
+    return () => {
+      isCurrent = false;
+    };
+  }, []);
+  const initial = userName ? userName.trim().charAt(0).toUpperCase() : "U";
+  return {
+    profile,
+    userName,
+    initial
+  };
+};
 
 // src/components/inbox/ReviewHeaderBar.jsx
-var import_react105 = __toESM(require("react"));
-var import_react106 = require("@remixicon/react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 function ReviewHeaderBar({
   onBackToInbox,
@@ -20947,11 +21071,15 @@ function ReviewHeaderBar({
   activeStepName,
   assignedSteps = [],
   onSelectWorkflowStepId,
-  refreshKey
+  refreshKey,
+  userName: propUserName
 }) {
-  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react105.useState)(false);
-  const roleDropdownRef = (0, import_react105.useRef)(null);
-  (0, import_react105.useEffect)(() => {
+  const { userName: hookUserName, initial: hookInitial } = useUserProfile();
+  const userName = propUserName || hookUserName;
+  const userInitial = userName ? userName.trim().charAt(0).toUpperCase() : hookInitial;
+  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react106.useState)(false);
+  const roleDropdownRef = (0, import_react106.useRef)(null);
+  (0, import_react106.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (roleDropdownRef.current && !roleDropdownRef.current.contains(e.target)) {
         setRoleDropdownOpen(false);
@@ -20972,12 +21100,12 @@ function ReviewHeaderBar({
           title: "Back to My Files",
           className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-2.5 fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:text-slate-600 hover:fc:bg-slate-50 hover:fc:text-blue-600 fc:transition-colors fc:shrink-0 fc:font-semibold",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiArrowGoBackLine, { size: 15 }),
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiArrowGoBackLine, { size: 15 }),
             /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: "My Files" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiArrowRightSLine, { size: 14, className: "fc:text-slate-400" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiArrowRightSLine, { size: 14, className: "fc:text-slate-400" }),
       /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:font-bold fc:text-slate-800", children: "Review Application" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
@@ -20996,12 +21124,12 @@ function ReviewHeaderBar({
           className: "fc:relative fc:flex fc:items-center fc:gap-2.5 fc:bg-slate-50 fc:border fc:border-slate-200 fc:rounded-xl fc:p-1.5 fc:pr-3",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:relative fc:shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-full fc:bg-blue-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: "D" }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-full fc:bg-blue-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: userInitial }),
               /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:absolute fc:-bottom-0.5 fc:-right-0.5 fc:w-2 fc:h-2 fc:bg-emerald-500 fc:border-2 fc:border-white fc:rounded-full" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: userName || "User" }),
                 /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
                   "button",
                   {
@@ -21012,7 +21140,7 @@ function ReviewHeaderBar({
                     className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:rounded fc:border fc:border-blue-200 fc:bg-blue-50 fc:px-1.5 fc:py-0.2 fc:text-[10px] fc:font-bold fc:text-blue-700 hover:fc:bg-blue-100",
                     children: [
                       activeStepName || "Scruitny",
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiArrowDownSLine, { size: 11 })
+                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiArrowDownSLine, { size: 11 })
                     ]
                   }
                 )
@@ -21075,7 +21203,7 @@ function ReviewHeaderBar({
           type: "button",
           title: "Settings",
           className: "fc:w-8 fc:h-8 fc:flex fc:items-center fc:justify-center fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-slate-600 fc:transition-colors",
-          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiSettings4Line, { size: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiSettings4Line, { size: 16 })
         }
       )
     ] })
@@ -21083,8 +21211,8 @@ function ReviewHeaderBar({
 }
 
 // src/components/inbox/FileInfoStrip.jsx
-var import_react107 = __toESM(require("react"));
-var import_react108 = require("@remixicon/react");
+var import_react108 = __toESM(require("react"));
+var import_react109 = require("@remixicon/react");
 var import_jsx_runtime102 = require("react/jsx-runtime");
 function FileInfoStrip({
   fileNo,
@@ -21155,7 +21283,7 @@ function FileInfoStrip({
             type: "button",
             className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:rounded-xl fc:border fc:border-blue-200 fc:bg-white hover:fc:bg-blue-50 fc:text-blue-600 fc:text-xs fc:font-bold fc:shrink-0 fc:shadow-sm fc:transition-colors fc:whitespace-nowrap fc:ml-2",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react108.RiEyeLine, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react109.RiEyeLine, { size: 14 }),
               /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: "Preview Form (Read Only)" })
             ]
           }
@@ -21166,8 +21294,8 @@ function FileInfoStrip({
 }
 
 // src/components/inbox/WorkflowStepper.jsx
-var import_react109 = __toESM(require("react"));
-var import_react110 = require("@remixicon/react");
+var import_react110 = __toESM(require("react"));
+var import_react111 = require("@remixicon/react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function WorkflowStepper({
   workflowSteps,
@@ -21202,7 +21330,7 @@ function WorkflowStepper({
       const markerClass = isComplete ? "fc:border-emerald-600 fc:bg-emerald-600 fc:text-white" : isCurrent ? "fc:border-blue-600 fc:bg-blue-600 fc:text-white fc:ring-4 fc:ring-blue-100" : "fc:border-slate-300 fc:bg-white fc:text-slate-500";
       const labelClass = isComplete ? "fc:font-bold fc:text-emerald-700" : isCurrent ? "fc:font-bold fc:text-blue-600" : "fc:font-medium fc:text-slate-600";
       return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:flex-col fc:items-center fc:px-1 fc:text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-full fc:border-2 fc:text-xs fc:font-bold ${markerClass}`, children: isComplete ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react110.RiCheckLine, { size: 17 }) : sequence }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-full fc:border-2 fc:text-xs fc:font-bold ${markerClass}`, children: isComplete ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react111.RiCheckLine, { size: 17 }) : sequence }),
         /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: `fc:mt-2 fc:max-w-full fc:text-xs ${labelClass}`, children: [
           sequence,
           " ",
@@ -21215,8 +21343,8 @@ function WorkflowStepper({
 }
 
 // src/components/inbox/ReviewTabs.jsx
-var import_react111 = __toESM(require("react"));
-var import_react112 = require("@remixicon/react");
+var import_react112 = __toESM(require("react"));
+var import_react113 = require("@remixicon/react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 function ReviewTabs({ activeTab, setActiveTab }) {
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-200 fc:px-1 fc:pt-2", children: [
@@ -21228,7 +21356,7 @@ function ReviewTabs({ activeTab, setActiveTab }) {
           onClick: () => setActiveTab("fileDetails"),
           className: `fc:inline-flex fc:items-center fc:gap-2 fc:pb-3 fc:text-sm fc:transition-all fc:border-b-2 ${activeTab === "fileDetails" ? "fc:border-blue-600 fc:text-blue-600 fc:font-bold -fc:mb-[2px]" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800 fc:font-medium"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiFileTextLine, { size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiFileTextLine, { size: 16 }),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: "File Details" })
           ]
         }
@@ -21240,7 +21368,7 @@ function ReviewTabs({ activeTab, setActiveTab }) {
           onClick: () => setActiveTab("workflowHistory"),
           className: `fc:inline-flex fc:items-center fc:gap-2 fc:pb-3 fc:text-sm fc:transition-all fc:border-b-2 ${activeTab === "workflowHistory" ? "fc:border-blue-600 fc:text-blue-600 fc:font-bold -fc:mb-[2px]" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800 fc:font-medium"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiHistoryLine, { size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiHistoryLine, { size: 16 }),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: "Workflow History" })
           ]
         }
@@ -21252,9 +21380,9 @@ function ReviewTabs({ activeTab, setActiveTab }) {
         type: "button",
         className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiFilterLine, { size: 14, className: "fc:text-slate-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiFilterLine, { size: 14, className: "fc:text-slate-400" }),
           /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: "All movements" }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiArrowDownSLine, { size: 14, className: "fc:text-slate-400" })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiArrowDownSLine, { size: 14, className: "fc:text-slate-400" })
         ]
       }
     )
@@ -21262,8 +21390,8 @@ function ReviewTabs({ activeTab, setActiveTab }) {
 }
 
 // src/components/inbox/WorkflowHistoryTab.jsx
-var import_react113 = __toESM(require("react"));
-var import_react114 = require("@remixicon/react");
+var import_react114 = __toESM(require("react"));
+var import_react115 = require("@remixicon/react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function WorkflowHistoryTab({
   fileHistory,
@@ -21299,7 +21427,7 @@ function WorkflowHistoryTab({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-7 fc:h-7 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: item.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiTimeLine, { size: 19, className: "fc:text-slate-800" }) : item.type === "return" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#DC2626] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiArrowGoBackLine, { size: 13 }) }) : item.type === "submit" || item.type === "resubmit" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#059669] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiSendPlane2Fill, { size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#2563EB] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiArrowRightLine, { size: 13 }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-7 fc:h-7 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: item.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiTimeLine, { size: 19, className: "fc:text-slate-800" }) : item.type === "return" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#DC2626] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiArrowGoBackLine, { size: 13 }) }) : item.type === "submit" || item.type === "resubmit" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#059669] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiSendPlane2Fill, { size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#2563EB] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiArrowRightLine, { size: 13 }) }) }),
               /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "fc:w-[155px] fc:text-xs fc:text-slate-600 fc:shrink-0", children: item.date }),
               /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "fc:w-[145px] fc:shrink-0", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900 fc:block fc:leading-tight", children: item.userName }),
@@ -21321,7 +21449,7 @@ function WorkflowHistoryTab({
                   onClick: () => onViewDetails(item),
                   className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700 fc:shrink-0 fc:cursor-pointer",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiEyeLine, { size: 15 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiEyeLine, { size: 15 }),
                     /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: "View details" })
                   ]
                 }
@@ -21336,85 +21464,191 @@ function WorkflowHistoryTab({
 }
 
 // src/components/inbox/FileDetailsTab.jsx
-var import_react117 = __toESM(require("react"));
-var import_react118 = require("@remixicon/react");
+var import_react118 = __toESM(require("react"));
+var import_react119 = require("@remixicon/react");
 
 // src/components/inbox/DynamicFormDisplay.jsx
-var import_react115 = __toESM(require("react"));
-var import_react116 = require("@remixicon/react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var STATIC_FORM_JSON = {
-  formId: "election-petition",
-  formName: "Election Petition Application",
-  schemaVersion: "1.0",
-  layout: { columns: 2, collapsibleSections: true, defaultExpanded: true },
-  sections: [
-    {
-      id: "basic-information",
-      title: "Basic Information",
-      type: "section",
-      fields: [
-        { id: "applicant-name", label: "Applicant Name", type: "text", value: "Mohit Sharma", colSpan: 1 },
-        { id: "mobile-number", label: "Mobile Number", type: "tel", value: "9876543210", colSpan: 1 },
-        { id: "email-address", label: "Email Address", type: "email", value: "mohit.sharma@example.com", colSpan: 1 },
-        { id: "address", label: "Address", type: "text", value: "Sector 22, Chandigarh, 160022", colSpan: 1 }
-      ]
-    },
-    {
-      id: "petition-details",
-      title: "Petition Details",
-      type: "section",
-      fields: [
-        { id: "category", label: "Category", type: "text", value: "General", colSpan: 1 },
-        { id: "payment-challan-number", label: "Payment Challan Number", type: "text", value: "CHN2026001234", colSpan: 1 },
-        { id: "deposit-date", label: "Deposit Date", type: "date", value: "2026-09-28", displayValue: "28 Sep 2026", colSpan: 1 },
-        { id: "election-type", label: "Election Type", type: "text", value: "Municipal Election", colSpan: 1 },
-        { id: "ward-number", label: "Ward Number", type: "number", value: 22, colSpan: 1 },
-        { id: "description", label: "Description", type: "textarea", value: "Election petition for ward no. 22", colSpan: 2 },
-        { id: "declaration-accepted", label: "Applicant Declaration Accepted", type: "boolean", value: true, displayValue: "Yes", colSpan: 2 }
-      ]
-    },
-    {
-      id: "beneficiaries",
-      title: "Beneficiaries",
-      type: "table",
-      columns: [
-        { id: "col-1", key: "name", label: "Name", type: "text" },
-        { id: "col-2", key: "gender", label: "Gender", type: "text" },
-        { id: "col-3", key: "date-of-birth", label: "Date of Birth", type: "date" },
-        { id: "col-4", key: "is-active", label: "Is Active", type: "boolean" }
-      ],
-      rows: [
-        { id: "row-1", values: ["Ramesh Kumar", "Male", "1985-01-12", true] },
-        { id: "row-2", values: ["Priya Devi", "Female", "1990-03-04", true] },
-        { id: "row-3", values: ["Amit Singh", "Male", "1988-08-21", false] }
-      ]
-    },
-    {
-      id: "attachments",
-      title: "Applicant Attachments",
-      type: "attachments",
-      files: [
-        { id: "file-1", label: "Fee Challan File", fileName: "fee_challan_1234.pdf", contentType: "application/pdf", sizeBytes: 250880, downloadUrl: "/api/applications/TASK-31/files/file-1" },
-        { id: "file-2", label: "Supporting Document", fileName: "petition_document.pdf", contentType: "application/pdf", sizeBytes: 1258291, downloadUrl: "/api/applications/TASK-31/files/file-2" }
-      ]
-    },
-    {
-      id: "additional-information",
-      title: "Additional Information",
-      type: "section",
-      fields: [
-        { id: "additional-comments", label: "Additional Comments", type: "textarea", value: "Please find the attached documents for election petition.", colSpan: 2 }
-      ]
-    }
-  ]
-};
-var formatSize = (bytes) => {
-  if (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;
-  if (bytes >= 1024) return `${Math.round(bytes / 1024)} KB`;
-  return `${bytes} B`;
+var import_react116 = __toESM(require("react"));
+var import_react117 = require("@remixicon/react");
+init_ApiServicepackage();
+
+// src/components/inbox/reviewHelpers.js
+init_ApiEndpointsProvider();
+var getAvailableActions2 = (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;
+  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+  return rows.map((action) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    return {
+      label: (_d2 = (_c2 = (_b2 = (_a2 = action.label) != null ? _a2 : action.Label) != null ? _b2 : action.actionName) != null ? _c2 : action.ActionName) != null ? _d2 : "",
+      actionCode: (_f2 = (_e2 = action.actionCode) != null ? _e2 : action.ActionCode) != null ? _f2 : ""
+    };
+  }).filter((action) => action.label && action.actionCode);
 };
-var FieldCard = ({ field }) => {
+var getWorkflowStepsStatusEndpoint = () => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const endpoint3 = (_k = (_j = (_i = (_g = (_e = (_c = flowCore.getWorkflowStepsBarStatus) == null ? void 0 : _c.getStatus) != null ? _e : (_d = flowCore.workflowStepsBarStatus) == null ? void 0 : _d.getStatus) != null ? _g : (_f = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _f.GetStatus) != null ? _i : (_h = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _h.getStatus) != null ? _j : flowCore.GetWorkflowStepsBarStatus) != null ? _k : flowCore.getWorkflowStepsBarStatus;
+  if (!endpoint3) throw new Error("Workflow steps bar status endpoint is not configured.");
+  return endpoint3;
+};
+var getWorkflowSteps = (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;
+  const steps = (_g = (_f = value == null ? void 0 : value.steps) != null ? _f : value == null ? void 0 : value.Steps) != null ? _g : [];
+  return Array.isArray(steps) ? [...steps].sort((first, second) => {
+    var _a2, _b2, _c2, _d2;
+    return Number((_b2 = (_a2 = first.sequenceNo) != null ? _a2 : first.SequenceNo) != null ? _b2 : 0) - Number((_d2 = (_c2 = second.sequenceNo) != null ? _c2 : second.SequenceNo) != null ? _d2 : 0);
+  }) : [];
+};
+var getFileHistoryEndpoint = () => {
+  var _a, _b, _c, _d, _e;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const configured = (_c = flowCore.getFileHistory) != null ? _c : flowCore.GetFileHistory;
+  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getFileHistory) != null ? _d : configured == null ? void 0 : configured.GetFileHistory) != null ? _e : configured;
+  if (!endpoint3) throw new Error("Get File History endpoint is not configured.");
+  return endpoint3;
+};
+var getDocumentHistoryEndpoint = () => {
+  var _a, _b, _c, _d, _e;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const configured = (_c = flowCore.getDocumentAndWorkFlow) != null ? _c : flowCore.GetDocumentAndWorkFlow;
+  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getDocumentHistoryByHistoryId) != null ? _d : configured == null ? void 0 : configured.GetDocumentHistoryByHistoryId) != null ? _e : configured;
+  if (!endpoint3) throw new Error("Document history details endpoint is not configured.");
+  return endpoint3;
+};
+var getApplicantFormPreviewEndpoint = () => {
+  var _a, _b;
+  const endpoint3 = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.applicantFormPreview;
+  if (!endpoint3) throw new Error("Applicant form preview endpoint is not configured.");
+  return endpoint3;
+};
+var getConfigValue = (source, key) => {
+  if (!source || typeof source !== "object") return void 0;
+  const matchingKey = Object.keys(source).find((candidate) => candidate.toLowerCase() === key.toLowerCase());
+  return matchingKey ? source[matchingKey] : void 0;
+};
+var findConfigEntry = (source, key, path = [], visited = /* @__PURE__ */ new WeakSet()) => {
+  if (!source || typeof source !== "object" || visited.has(source)) return null;
+  visited.add(source);
+  const entries = Object.entries(source);
+  const matchingEntry = entries.find(([candidate]) => candidate.toLowerCase() === key.toLowerCase());
+  if (matchingEntry) return { value: matchingEntry[1], path: [...path, matchingEntry[0]] };
+  for (const [candidate, value] of entries) {
+    const result = findConfigEntry(value, key, [...path, candidate], visited);
+    if (result) return result;
+  }
+  return null;
+};
+var getStepDocumentsEndpoint = () => {
+  var _a, _b, _c;
+  const suppliedEndpoints = getApiEndpoints();
+  const root = (_a = getConfigValue(suppliedEndpoints, "apiEndpoints")) != null ? _a : suppliedEndpoints;
+  const flowCore = (_b = getConfigValue(root, "flowCore")) != null ? _b : root;
+  const inbox = getConfigValue(flowCore, "inbox");
+  const documentConfiguration = getConfigValue(flowCore, "documentConfiguration");
+  const configuredEndpoint = (_c = getConfigValue(inbox, "getDocumentsByWorkFlowStepId")) != null ? _c : getConfigValue(documentConfiguration, "getDocumentsByWorkFlowStepId");
+  const endpoint3 = configuredEndpoint ? { value: configuredEndpoint, path: ["flowCore", "inbox", "getDocumentsByWorkFlowStepId"] } : findConfigEntry(suppliedEndpoints, "getDocumentsByWorkFlowStepId");
+  if (!(endpoint3 == null ? void 0 : endpoint3.value)) {
+    const configKeys = Object.keys(flowCore != null ? flowCore : {}).join(", ") || "none";
+    const inboxKeys = Object.keys(inbox != null ? inbox : {}).join(", ") || "none";
+    throw new Error(`Documents endpoint missing at runtime. flowCore keys: ${configKeys}. inbox keys: ${inboxKeys}.`);
+  }
+  if (typeof endpoint3.value !== "string" && typeof endpoint3.value !== "function") {
+    throw new Error(`Configured document endpoint at ${endpoint3.path.join(".")} must be a URL string or function.`);
+  }
+  return endpoint3.value;
+};
+var getUploadDocumentEndpoint = () => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const execution = (_c = flowCore.workflowExecution) != null ? _c : flowCore.WorkflowExecution;
+  const endpoint3 = (_l = (_j = (_h = (_f = (_d = execution == null ? void 0 : execution.uploadDocument) != null ? _d : execution == null ? void 0 : execution.UploadDocument) != null ? _f : (_e = flowCore.inbox) == null ? void 0 : _e.uploadDocument) != null ? _h : (_g = flowCore.inbox) == null ? void 0 : _g.UploadDocument) != null ? _j : (_i = flowCore.Inbox) == null ? void 0 : _i.uploadDocument) != null ? _l : (_k = flowCore.Inbox) == null ? void 0 : _k.UploadDocument;
+  if (!endpoint3) throw new Error("Workflow document upload endpoint is not configured.");
+  return endpoint3;
+};
+var getConfiguredDocuments = (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;
+  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+  return rows.map((document2) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l;
+    return __spreadProps(__spreadValues({}, document2), {
+      documentConfigurationId: Number((_b2 = (_a2 = document2.documentConfigurationId) != null ? _a2 : document2.DocumentConfigurationId) != null ? _b2 : document2.id),
+      documentName: (_d2 = (_c2 = document2.documentName) != null ? _c2 : document2.DocumentName) != null ? _d2 : "Document",
+      allowedExtensions: (_f2 = (_e2 = document2.allowedExtensions) != null ? _e2 : document2.AllowedExtensions) != null ? _f2 : "",
+      maxSizeMB: Number((_h = (_g2 = document2.maxSizeMB) != null ? _g2 : document2.MaxSizeMB) != null ? _h : 0),
+      isMandatory: Boolean((_j = (_i = document2.isMandatory) != null ? _i : document2.IsMandatory) != null ? _j : false),
+      isActive: Boolean((_l = (_k = document2.isActive) != null ? _k : document2.IsActive) != null ? _l : true)
+    });
+  }).filter((document2) => Number.isInteger(document2.documentConfigurationId) && document2.isActive);
+};
+var getDocumentAcceptValue = (extensions) => String(extensions != null ? extensions : "").split(/[,;\s]+/).map((extension) => extension.trim().toLowerCase()).filter(Boolean).map((extension) => extension.startsWith(".") ? extension : `.${extension}`).join(",");
+var getFileHistoryMovements = (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;
+  const movements = (_g = (_f = value == null ? void 0 : value.movements) != null ? _f : value == null ? void 0 : value.Movements) != null ? _g : [];
+  return Array.isArray(movements) ? movements : [];
+};
+var formatMovementDate = (value) => {
+  if (!value) return "-";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+};
+var mapFileHistoryMovement = (movement, index) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  const actionCode = String((_d = (_c = (_b = (_a = movement.actionCode) != null ? _a : movement.ActionCode) != null ? _b : movement.actionName) != null ? _c : movement.ActionName) != null ? _d : "Action");
+  const normalizedAction = actionCode.toUpperCase().replace(/[\s-]/g, "_");
+  const isReturn = normalizedAction.includes("RETURN") || normalizedAction === "PULL";
+  const isResubmit = normalizedAction.includes("RESUBMIT");
+  const isSubmit = !isResubmit && normalizedAction.includes("SUBMIT");
+  const status = isReturn ? "Returned to Applicant" : isResubmit ? "Resubmitted" : isSubmit ? "Submitted" : normalizedAction.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (letter) => letter.toUpperCase());
+  const applicantActor = isResubmit || movement.applicantName && !movement.officialName;
+  const userName = (_l = (_k = (_j = (_i = (_h = (_g = (_f = (_e = movement.userregistrationName) != null ? _e : movement.UserRegistrationName) != null ? _f : movement.UserName) != null ? _g : movement.userName) != null ? _h : applicantActor ? movement.applicantName : movement.officialName) != null ? _i : movement.officialName) != null ? _j : movement.applicantName) != null ? _k : movement.performedBy) != null ? _l : "Unknown user";
+  const comments = (_p = (_o = (_n = (_m = movement.officialComment) != null ? _m : movement.applicantComment) != null ? _n : movement.comments) != null ? _o : movement.Comments) != null ? _p : "-";
+  const stepId = (_q = movement.fromWorkflowStepId) != null ? _q : movement.FromWorkflowStepId;
+  const stepName = (_s = (_r = movement.workflowStepName) != null ? _r : movement.WorkflowStepName) != null ? _s : "";
+  return {
+    id: (_u = (_t = movement.movementHistoryId) != null ? _t : movement.MovementHistoryId) != null ? _u : index + 1,
+    type: isReturn ? "return" : isSubmit ? "submit" : isResubmit ? "resubmit" : "forward",
+    date: formatMovementDate((_v = movement.movedOn) != null ? _v : movement.MovedOn),
+    userName,
+    userRole: applicantActor ? "Applicant" : "Official",
+    status,
+    stepNum: stepId != null && Number(stepId) > 0 ? `Step ${stepId}` : null,
+    stepName: stepName || null,
+    remarks: comments,
+    isAlert: isReturn,
+    isCurrent: false,
+    title: status,
+    by: `By ${userName}${applicantActor ? " (Applicant)" : ""}`
+  };
+};
+var DEFAULT_ACTIONS = [
+  { label: "Approve kro", actionCode: "APPROVE" },
+  { label: "Reject", actionCode: "REJECT" },
+  { label: "Forward", actionCode: "FORWARD" },
+  { label: "Free Forward", actionCode: "FREE_FORWARD" },
+  { label: "Return To Applicant", actionCode: "RETURN_TO_APPLICANT" }
+];
+
+// src/components/inbox/DynamicFormDisplay.jsx
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var formatSize = (bytes) => {
+  const size = Number(bytes);
+  if (!Number.isFinite(size)) return "";
+  if (size >= 1048576) return `${(size / 1048576).toFixed(1)} MB`;
+  if (size >= 1024) return `${Math.round(size / 1024)} KB`;
+  return `${size} B`;
+};
+var FieldCard = ({ field }) => {
   var _a;
   const label = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[11px] fc:font-bold fc:text-slate-500 fc:block", children: field.label });
   const span = field.colSpan === 2 ? "fc:col-span-2" : "";
@@ -21439,48 +21673,106 @@ var FieldCard = ({ field }) => {
   ] });
 };
 var TableSection = ({ section }) => {
+  var _a, _b;
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:overflow-x-auto fc:rounded-xl fc:border fc:border-slate-200/80 fc-custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("table", { className: "fc:min-w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { children: section.columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("th", { className: "fc:px-3 fc:py-2.5 fc:text-[11px] fc:font-bold fc:text-slate-600 fc:text-left fc:whitespace-nowrap fc:border-b fc:border-slate-200", children: col.label }, col.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100", children: section.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { className: "hover:fc:bg-slate-50/50", children: section.columns.map((col, index) => {
-      const val = row.values[index];
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("td", { className: "fc:px-3 fc:py-2 fc:text-xs fc:text-slate-700 fc:whitespace-nowrap", children: col.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:inline-flex fc:items-center fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[10px] fc:font-bold ${val ? "fc:bg-emerald-50 fc:text-emerald-600 fc:border fc:border-emerald-200" : "fc:bg-red-50 fc:text-red-500 fc:border fc:border-red-200"}`, children: val ? "Active" : "Inactive" }) : val !== null && val !== void 0 ? String(val) : "-" }, col.id);
-    }) }, row.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { children: ((_a = section.columns) != null ? _a : []).map((col) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("th", { className: "fc:px-3 fc:py-2.5 fc:text-[11px] fc:font-bold fc:text-slate-600 fc:text-left fc:whitespace-nowrap fc:border-b fc:border-slate-200", children: col.label }, col.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100", children: ((_b = section.rows) != null ? _b : []).map((row) => {
+      var _a2;
+      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { className: "hover:fc:bg-slate-50/50", children: ((_a2 = section.columns) != null ? _a2 : []).map((col, index) => {
+        var _a3;
+        const val = (_a3 = row.values) == null ? void 0 : _a3[index];
+        return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("td", { className: "fc:px-3 fc:py-2 fc:text-xs fc:text-slate-700 fc:whitespace-nowrap", children: col.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:inline-flex fc:items-center fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[10px] fc:font-bold ${val ? "fc:bg-emerald-50 fc:text-emerald-600 fc:border fc:border-emerald-200" : "fc:bg-red-50 fc:text-red-500 fc:border fc:border-red-200"}`, children: val ? "Active" : "Inactive" }) : col.key === "profilePath" && val ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("a", { href: String(val), target: "_blank", rel: "noreferrer", className: "fc:text-blue-600 hover:fc:underline", children: "View profile" }) : val !== null && val !== void 0 ? String(val) : "-" }, col.id);
+      }) }, row.id);
+    }) })
   ] }) });
 };
-var AttachmentsSection = ({ section }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:space-y-3", children: section.files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-lg fc:bg-red-100 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFileTextLine, { size: 18, className: "fc:text-red-500" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "fc:block fc:text-[11px] fc:text-slate-500", children: [
-        file.fileName,
-        " (",
-        formatSize(file.sizeBytes),
-        ")"
+var AttachmentsSection = ({ section }) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:space-y-3", children: ((_a = section.files) != null ? _a : []).map((file) => {
+    const size = formatSize(file.sizeBytes);
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3 fc:min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-lg fc:bg-red-100 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFileTextLine, { size: 18, className: "fc:text-red-500" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "fc:block fc:text-[11px] fc:text-slate-500 fc:break-all", children: [
+            file.fileName,
+            size ? ` (${size})` : ""
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("a", { href: file.downloadUrl, download: true, className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700 fc:shrink-0 fc:ml-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiDownload2Line, { size: 15 }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: "Download" })
       ] })
-    ] })
-  ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("a", { href: file.downloadUrl, download: true, className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700 fc:shrink-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiDownload2Line, { size: 15 }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: "Download" })
-  ] })
-] }, file.id)) });
-function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
-  const [activeTab, setActiveTab] = (0, import_react115.useState)(STATIC_FORM_JSON.sections[0].id);
-  const [expandedSections, setExpandedSections] = (0, import_react115.useState)(() => {
-    const map = {};
-    STATIC_FORM_JSON.sections.forEach((s) => {
-      map[s.id] = true;
-    });
-    return map;
-  });
+    ] }, file.id);
+  }) });
+};
+function DynamicFormDisplay({ fileNo, maximized = false, onToggleMaximize }) {
+  const [displayData, setDisplayData] = (0, import_react116.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react116.useState)("");
+  const [expandedSections, setExpandedSections] = (0, import_react116.useState)({});
+  const [isLoading, setIsLoading] = (0, import_react116.useState)(false);
+  const [loadError, setLoadError] = (0, import_react116.useState)("");
+  (0, import_react116.useEffect)(() => {
+    if (!fileNo) {
+      setDisplayData(null);
+      setActiveTab("");
+      setIsLoading(false);
+      setLoadError("File number is unavailable.");
+      return void 0;
+    }
+    let isCurrent = true;
+    const loadPreview = async () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      setIsLoading(true);
+      setLoadError("");
+      setDisplayData(null);
+      setActiveTab("");
+      try {
+        const endpoint3 = getApplicantFormPreviewEndpoint();
+        const url = typeof endpoint3 === "function" ? endpoint3() : String(endpoint3);
+        const response = await getApiService().post(url, { fileNo });
+        const preview = (_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;
+        if (!Array.isArray(preview == null ? void 0 : preview.sections)) {
+          throw new Error("The applicant form preview response is invalid.");
+        }
+        if (isCurrent) {
+          setDisplayData(preview);
+          setActiveTab((_g = (_f = preview.sections[0]) == null ? void 0 : _f.id) != null ? _g : "");
+          setExpandedSections(Object.fromEntries(
+            preview.sections.map((section) => {
+              var _a2;
+              return [section.id, ((_a2 = preview.layout) == null ? void 0 : _a2.defaultExpanded) !== false];
+            })
+          ));
+        }
+      } catch (error) {
+        if (isCurrent) {
+          setLoadError(((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || "Unable to load applicant form preview.");
+        }
+      } finally {
+        if (isCurrent) setIsLoading(false);
+      }
+    };
+    loadPreview();
+    return () => {
+      isCurrent = false;
+    };
+  }, [fileNo]);
   const toggleSection = (id) => setExpandedSections((prev) => __spreadProps(__spreadValues({}, prev), { [id]: !prev[id] }));
-  const displayData = STATIC_FORM_JSON;
   const isMax = !!maximized;
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { role: "status", className: "fc:rounded-2xl fc:border fc:border-slate-200 fc:bg-white fc:p-6 fc:text-center fc:text-sm fc:text-slate-500", children: "Loading applicant form preview..." });
+  }
+  if (loadError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { role: "alert", className: "fc:rounded-2xl fc:border fc:border-rose-200 fc:bg-white fc:p-6 fc:text-center fc:text-sm fc:text-rose-600", children: loadError });
+  }
+  if (!displayData) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:overflow-hidden ${isMax ? "fc:w-full" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-5 fc:py-4 fc:border-b fc:border-slate-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFileTextLine, { size: 20, className: "fc:text-blue-600" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFileTextLine, { size: 20, className: "fc:text-blue-600" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h2", { className: "fc:text-[16px] fc:font-extrabold fc:text-slate-900", children: displayData.formName }),
           /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400", children: [
@@ -21498,14 +21790,14 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:border fc:border-slate-200 fc:rounded-lg fc:px-2.5 fc:py-1 fc:text-xs fc:font-semibold fc:text-slate-600 hover:fc:bg-slate-50 fc:transition-colors fc:shrink-0",
           title: isMax ? "Restore" : "Maximize",
           children: [
-            isMax ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFullscreenExitLine, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFullscreenLine, { size: 14 }),
+            isMax ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFullscreenExitLine, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFullscreenLine, { size: 14 }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: isMax ? "Restore" : "Maximize" })
           ]
         }
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:flex fc:items-center fc:gap-1 fc:px-5 fc:border-b fc:border-slate-200 fc:overflow-x-auto fc:pb-1 fc-custom-scrollbar", children: displayData.sections.map((section) => {
-      var _a;
+      var _a, _b, _c, _d, _e;
       return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
         "button",
         {
@@ -21514,24 +21806,25 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-2.5 fc:text-xs fc:font-semibold fc:whitespace-nowrap fc:border-b-2 fc:transition-colors ${activeTab === section.id ? "fc:border-blue-600 fc:text-blue-600" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800"}`,
           children: [
             section.title,
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:rounded-full fc:px-1.5 fc:py-0.5 fc:text-[9px] fc:font-bold ${activeTab === section.id ? "fc:bg-blue-50 fc:text-blue-600" : "fc:bg-slate-100 fc:text-slate-400"}`, children: section.type === "table" ? section.rows.length : section.type === "attachments" ? section.files.length : ((_a = section.fields) == null ? void 0 : _a.length) || 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:rounded-full fc:px-1.5 fc:py-0.5 fc:text-[9px] fc:font-bold ${activeTab === section.id ? "fc:bg-blue-50 fc:text-blue-600" : "fc:bg-slate-100 fc:text-slate-400"}`, children: section.type === "table" ? (_b = (_a = section.rows) == null ? void 0 : _a.length) != null ? _b : 0 : section.type === "attachments" ? (_d = (_c = section.files) == null ? void 0 : _c.length) != null ? _d : 0 : ((_e = section.fields) == null ? void 0 : _e.length) || 0 })
           ]
         },
         section.id
       );
     }) }),
     /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:p-5", children: displayData.sections.map((section) => {
-      var _a, _b;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (section.id !== activeTab) return null;
       if (section.type === "table") {
         return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:flex fc:items-center fc:justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
-              section.rows.length,
+              (_b = (_a = section.rows) == null ? void 0 : _a.length) != null ? _b : 0,
               " records"
             ] })
-          ] }) }),
+          ] }),
+          ((_c = section.fields) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: `fc:grid fc:gap-3 ${isMax ? "fc:grid-cols-3" : "fc:grid-cols-2"}`, children: section.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FieldCard, { field }, field.id)) }),
           /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(TableSection, { section })
         ] }, section.id);
       }
@@ -21540,7 +21833,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
-              section.files.length,
+              (_e = (_d = section.files) == null ? void 0 : _d.length) != null ? _e : 0,
               " files"
             ] })
           ] }),
@@ -21552,11 +21845,11 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
-              ((_a = section.fields) == null ? void 0 : _a.length) || 0,
+              ((_f = section.fields) == null ? void 0 : _f.length) || 0,
               " fields"
             ] })
           ] }),
-          displayData.layout.collapsibleSections && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          ((_g = displayData.layout) == null ? void 0 : _g.collapsibleSections) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "button",
             {
               type: "button",
@@ -21566,7 +21859,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
             }
           )
         ] }),
-        (!displayData.layout.collapsibleSections || expandedSections[section.id]) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: `fc:grid fc:gap-3 ${isMax ? "fc:grid-cols-3" : "fc:grid-cols-2"}`, children: (_b = section.fields) == null ? void 0 : _b.map((field) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FieldCard, { field }, field.id)) })
+        (!((_h = displayData.layout) == null ? void 0 : _h.collapsibleSections) || expandedSections[section.id]) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: `fc:grid fc:gap-3 ${isMax ? "fc:grid-cols-3" : "fc:grid-cols-2"}`, children: (_i = section.fields) == null ? void 0 : _i.map((field) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FieldCard, { field }, field.id)) })
       ] }, section.id);
     }) })
   ] });
@@ -21575,6 +21868,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
 // src/components/inbox/FileDetailsTab.jsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
 function FileDetailsTab({
+  fileNo,
   fileHistory,
   isLoadingFileHistory,
   fileHistoryError,
@@ -21601,6 +21895,7 @@ function FileDetailsTab({
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           DynamicFormDisplay,
           {
+            fileNo,
             maximized: isMaximized,
             onToggleMaximize: () => setIsMaximized(!isMaximized)
           }
@@ -21654,7 +21949,7 @@ function FileDetailsTab({
                             "div",
                             {
                               className: `fc:w-6 fc:h-6 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:shrink-0 ${m.type === "alert" ? "fc:bg-[#EF4444] fc:text-white" : m.type === "check" ? "fc:bg-[#059669] fc:text-white" : "fc:bg-[#2563EB] fc:text-white"}`,
-                              children: m.type === "alert" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiArrowGoBackLine, { size: 13, className: "fc:stroke-[1.5]" }) : m.type === "check" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiCheckLine, { size: 13, className: "fc:stroke-[2.5]" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiArrowRightLine, { size: 13, className: "fc:stroke-2" })
+                              children: m.type === "alert" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiArrowGoBackLine, { size: 13, className: "fc:stroke-[1.5]" }) : m.type === "check" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiCheckLine, { size: 13, className: "fc:stroke-[2.5]" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiArrowRightLine, { size: 13, className: "fc:stroke-2" })
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "fc:min-w-0", children: [
@@ -21677,7 +21972,7 @@ function FileDetailsTab({
                             style: { fontSize: "10px", lineHeight: "1" },
                             className: "fc:inline-flex fc:items-center fc:gap-1 fc:text-[10px] fc:font-medium fc:text-blue-600 hover:fc:underline fc:shrink-0 fc:ml-2 fc:z-10",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiEyeLine, { size: 12 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiEyeLine, { size: 12 }),
                               /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "View details" })
                             ]
                           }
@@ -21697,7 +21992,7 @@ function FileDetailsTab({
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: showAllMovements ? "Show fewer movements" : "Show more movements" }),
                     /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-                      import_react118.RiArrowDownSLine,
+                      import_react119.RiArrowDownSLine,
                       {
                         size: 15,
                         className: `fc:text-blue-600 fc:transition-transform ${showAllMovements ? "fc:rotate-180" : ""}`
@@ -21715,171 +22010,8 @@ function FileDetailsTab({
 }
 
 // src/components/inbox/MovementDetailModal.jsx
-var import_react119 = __toESM(require("react"));
-var import_react120 = require("@remixicon/react");
-
-// src/components/inbox/reviewHelpers.js
-init_ApiEndpointsProvider();
-var getAvailableActions2 = (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;
-  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
-  return rows.map((action) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    return {
-      label: (_d2 = (_c2 = (_b2 = (_a2 = action.label) != null ? _a2 : action.Label) != null ? _b2 : action.actionName) != null ? _c2 : action.ActionName) != null ? _d2 : "",
-      actionCode: (_f2 = (_e2 = action.actionCode) != null ? _e2 : action.ActionCode) != null ? _f2 : ""
-    };
-  }).filter((action) => action.label && action.actionCode);
-};
-var getWorkflowStepsStatusEndpoint = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const endpoint3 = (_k = (_j = (_i = (_g = (_e = (_c = flowCore.getWorkflowStepsBarStatus) == null ? void 0 : _c.getStatus) != null ? _e : (_d = flowCore.workflowStepsBarStatus) == null ? void 0 : _d.getStatus) != null ? _g : (_f = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _f.GetStatus) != null ? _i : (_h = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _h.getStatus) != null ? _j : flowCore.GetWorkflowStepsBarStatus) != null ? _k : flowCore.getWorkflowStepsBarStatus;
-  if (!endpoint3) throw new Error("Workflow steps bar status endpoint is not configured.");
-  return endpoint3;
-};
-var getWorkflowSteps = (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;
-  const steps = (_g = (_f = value == null ? void 0 : value.steps) != null ? _f : value == null ? void 0 : value.Steps) != null ? _g : [];
-  return Array.isArray(steps) ? [...steps].sort((first, second) => {
-    var _a2, _b2, _c2, _d2;
-    return Number((_b2 = (_a2 = first.sequenceNo) != null ? _a2 : first.SequenceNo) != null ? _b2 : 0) - Number((_d2 = (_c2 = second.sequenceNo) != null ? _c2 : second.SequenceNo) != null ? _d2 : 0);
-  }) : [];
-};
-var getFileHistoryEndpoint = () => {
-  var _a, _b, _c, _d, _e;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const configured = (_c = flowCore.getFileHistory) != null ? _c : flowCore.GetFileHistory;
-  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getFileHistory) != null ? _d : configured == null ? void 0 : configured.GetFileHistory) != null ? _e : configured;
-  if (!endpoint3) throw new Error("Get File History endpoint is not configured.");
-  return endpoint3;
-};
-var getDocumentHistoryEndpoint = () => {
-  var _a, _b, _c, _d, _e;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const configured = (_c = flowCore.getDocumentAndWorkFlow) != null ? _c : flowCore.GetDocumentAndWorkFlow;
-  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getDocumentHistoryByHistoryId) != null ? _d : configured == null ? void 0 : configured.GetDocumentHistoryByHistoryId) != null ? _e : configured;
-  if (!endpoint3) throw new Error("Document history details endpoint is not configured.");
-  return endpoint3;
-};
-var getConfigValue = (source, key) => {
-  if (!source || typeof source !== "object") return void 0;
-  const matchingKey = Object.keys(source).find((candidate) => candidate.toLowerCase() === key.toLowerCase());
-  return matchingKey ? source[matchingKey] : void 0;
-};
-var findConfigEntry = (source, key, path = [], visited = /* @__PURE__ */ new WeakSet()) => {
-  if (!source || typeof source !== "object" || visited.has(source)) return null;
-  visited.add(source);
-  const entries = Object.entries(source);
-  const matchingEntry = entries.find(([candidate]) => candidate.toLowerCase() === key.toLowerCase());
-  if (matchingEntry) return { value: matchingEntry[1], path: [...path, matchingEntry[0]] };
-  for (const [candidate, value] of entries) {
-    const result = findConfigEntry(value, key, [...path, candidate], visited);
-    if (result) return result;
-  }
-  return null;
-};
-var getStepDocumentsEndpoint = () => {
-  var _a, _b, _c;
-  const suppliedEndpoints = getApiEndpoints();
-  const root = (_a = getConfigValue(suppliedEndpoints, "apiEndpoints")) != null ? _a : suppliedEndpoints;
-  const flowCore = (_b = getConfigValue(root, "flowCore")) != null ? _b : root;
-  const inbox = getConfigValue(flowCore, "inbox");
-  const documentConfiguration = getConfigValue(flowCore, "documentConfiguration");
-  const configuredEndpoint = (_c = getConfigValue(inbox, "getDocumentsByWorkFlowStepId")) != null ? _c : getConfigValue(documentConfiguration, "getDocumentsByWorkFlowStepId");
-  const endpoint3 = configuredEndpoint ? { value: configuredEndpoint, path: ["flowCore", "inbox", "getDocumentsByWorkFlowStepId"] } : findConfigEntry(suppliedEndpoints, "getDocumentsByWorkFlowStepId");
-  if (!(endpoint3 == null ? void 0 : endpoint3.value)) {
-    const configKeys = Object.keys(flowCore != null ? flowCore : {}).join(", ") || "none";
-    const inboxKeys = Object.keys(inbox != null ? inbox : {}).join(", ") || "none";
-    throw new Error(`Documents endpoint missing at runtime. flowCore keys: ${configKeys}. inbox keys: ${inboxKeys}.`);
-  }
-  if (typeof endpoint3.value !== "string" && typeof endpoint3.value !== "function") {
-    throw new Error(`Configured document endpoint at ${endpoint3.path.join(".")} must be a URL string or function.`);
-  }
-  return endpoint3.value;
-};
-var getUploadDocumentEndpoint = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const execution = (_c = flowCore.workflowExecution) != null ? _c : flowCore.WorkflowExecution;
-  const endpoint3 = (_l = (_j = (_h = (_f = (_d = execution == null ? void 0 : execution.uploadDocument) != null ? _d : execution == null ? void 0 : execution.UploadDocument) != null ? _f : (_e = flowCore.inbox) == null ? void 0 : _e.uploadDocument) != null ? _h : (_g = flowCore.inbox) == null ? void 0 : _g.UploadDocument) != null ? _j : (_i = flowCore.Inbox) == null ? void 0 : _i.uploadDocument) != null ? _l : (_k = flowCore.Inbox) == null ? void 0 : _k.UploadDocument;
-  if (!endpoint3) throw new Error("Workflow document upload endpoint is not configured.");
-  return endpoint3;
-};
-var getConfiguredDocuments = (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;
-  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
-  return rows.map((document2) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l;
-    return __spreadProps(__spreadValues({}, document2), {
-      documentConfigurationId: Number((_b2 = (_a2 = document2.documentConfigurationId) != null ? _a2 : document2.DocumentConfigurationId) != null ? _b2 : document2.id),
-      documentName: (_d2 = (_c2 = document2.documentName) != null ? _c2 : document2.DocumentName) != null ? _d2 : "Document",
-      allowedExtensions: (_f2 = (_e2 = document2.allowedExtensions) != null ? _e2 : document2.AllowedExtensions) != null ? _f2 : "",
-      maxSizeMB: Number((_h = (_g2 = document2.maxSizeMB) != null ? _g2 : document2.MaxSizeMB) != null ? _h : 0),
-      isMandatory: Boolean((_j = (_i = document2.isMandatory) != null ? _i : document2.IsMandatory) != null ? _j : false),
-      isActive: Boolean((_l = (_k = document2.isActive) != null ? _k : document2.IsActive) != null ? _l : true)
-    });
-  }).filter((document2) => Number.isInteger(document2.documentConfigurationId) && document2.isActive);
-};
-var getDocumentAcceptValue = (extensions) => String(extensions != null ? extensions : "").split(/[,;\s]+/).map((extension) => extension.trim().toLowerCase()).filter(Boolean).map((extension) => extension.startsWith(".") ? extension : `.${extension}`).join(",");
-var getFileHistoryMovements = (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;
-  const movements = (_g = (_f = value == null ? void 0 : value.movements) != null ? _f : value == null ? void 0 : value.Movements) != null ? _g : [];
-  return Array.isArray(movements) ? movements : [];
-};
-var formatMovementDate = (value) => {
-  if (!value) return "-";
-  const date = new Date(value);
-  return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString("en-GB", {
-    day: "2-digit",
-    month: "short",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-};
-var mapFileHistoryMovement = (movement, index) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const actionCode = String((_d = (_c = (_b = (_a = movement.actionCode) != null ? _a : movement.ActionCode) != null ? _b : movement.actionName) != null ? _c : movement.ActionName) != null ? _d : "Action");
-  const normalizedAction = actionCode.toUpperCase().replace(/[\s-]/g, "_");
-  const isReturn = normalizedAction.includes("RETURN") || normalizedAction === "PULL";
-  const isResubmit = normalizedAction.includes("RESUBMIT");
-  const isSubmit = !isResubmit && normalizedAction.includes("SUBMIT");
-  const status = isReturn ? "Returned to Applicant" : isResubmit ? "Resubmitted" : isSubmit ? "Submitted" : normalizedAction.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (letter) => letter.toUpperCase());
-  const applicantActor = isResubmit || movement.applicantName && !movement.officialName;
-  const userName = (_l = (_k = (_j = (_i = (_h = (_g = (_f = (_e = movement.userregistrationName) != null ? _e : movement.UserRegistrationName) != null ? _f : movement.UserName) != null ? _g : movement.userName) != null ? _h : applicantActor ? movement.applicantName : movement.officialName) != null ? _i : movement.officialName) != null ? _j : movement.applicantName) != null ? _k : movement.performedBy) != null ? _l : "Unknown user";
-  const comments = (_p = (_o = (_n = (_m = movement.officialComment) != null ? _m : movement.applicantComment) != null ? _n : movement.comments) != null ? _o : movement.Comments) != null ? _p : "-";
-  const stepId = (_q = movement.fromWorkflowStepId) != null ? _q : movement.FromWorkflowStepId;
-  const stepName = (_s = (_r = movement.workflowStepName) != null ? _r : movement.WorkflowStepName) != null ? _s : "";
-  return {
-    id: (_u = (_t = movement.movementHistoryId) != null ? _t : movement.MovementHistoryId) != null ? _u : index + 1,
-    type: isReturn ? "return" : isSubmit ? "submit" : isResubmit ? "resubmit" : "forward",
-    date: formatMovementDate((_v = movement.movedOn) != null ? _v : movement.MovedOn),
-    userName,
-    userRole: applicantActor ? "Applicant" : "Official",
-    status,
-    stepNum: stepId != null && Number(stepId) > 0 ? `Step ${stepId}` : null,
-    stepName: stepName || null,
-    remarks: comments,
-    isAlert: isReturn,
-    isCurrent: false,
-    title: status,
-    by: `By ${userName}${applicantActor ? " (Applicant)" : ""}`
-  };
-};
-var DEFAULT_ACTIONS = [
-  { label: "Approve kro", actionCode: "APPROVE" },
-  { label: "Reject", actionCode: "REJECT" },
-  { label: "Forward", actionCode: "FORWARD" },
-  { label: "Free Forward", actionCode: "FREE_FORWARD" },
-  { label: "Return To Applicant", actionCode: "RETURN_TO_APPLICANT" }
-];
-
-// src/components/inbox/MovementDetailModal.jsx
+var import_react120 = __toESM(require("react"));
+var import_react121 = require("@remixicon/react");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function MovementDetailModal({
   selectedHistoryItem,
@@ -21910,7 +22042,7 @@ function MovementDetailModal({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("header", { className: "fc:flex fc:items-center fc:justify-between fc:gap-4 fc:border-b fc:border-slate-100 fc:bg-slate-50 fc:px-6 fc:py-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-10 fc:w-10 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-blue-700", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react120.RiHistoryLine, { size: 19 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-10 fc:w-10 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-blue-700", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react121.RiHistoryLine, { size: 19 }) }),
               /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "fc:min-w-0", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("h2", { id: "movement-detail-title", className: "fc:truncate fc:text-base fc:font-bold fc:text-slate-900", children: (_d = (_c = (_a = historyDetail == null ? void 0 : historyDetail.movement) == null ? void 0 : _a.actionName) != null ? _c : (_b = historyDetail == null ? void 0 : historyDetail.movement) == null ? void 0 : _b.ActionName) != null ? _d : selectedHistoryItem.title }),
                 /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("p", { className: "fc:mt-0.5 fc:text-xs fc:text-slate-500", children: [
@@ -21926,7 +22058,7 @@ function MovementDetailModal({
                 onClick: onClose,
                 "aria-label": "Close",
                 className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:text-slate-500 hover:fc:bg-slate-200/70",
-                children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react120.RiCloseLine, { size: 20 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react121.RiCloseLine, { size: 20 })
               }
             )
           ] }),
@@ -21994,7 +22126,7 @@ function MovementDetailModal({
                         className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:px-3.5 fc:py-3",
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:bg-slate-100 fc:text-slate-600", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react120.RiFileTextLine, { size: 17 }) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:bg-slate-100 fc:text-slate-600", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react121.RiFileTextLine, { size: 17 }) }),
                             /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "fc:min-w-0", children: [
                               /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:block fc:truncate fc:text-sm fc:font-medium fc:text-slate-800", children: name }),
                               kind && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:block fc:text-xs fc:text-slate-500", children: kind })
@@ -22026,9 +22158,9 @@ function MovementDetailModal({
 }
 
 // src/components/inbox/TakeActionPanel.jsx
-var import_react121 = __toESM(require("react"));
+var import_react122 = __toESM(require("react"));
 var import_sweetalert230 = __toESM(require("sweetalert2"));
-var import_react122 = require("@remixicon/react");
+var import_react123 = require("@remixicon/react");
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 var import_jsx_runtime109 = require("react/jsx-runtime");
@@ -22042,24 +22174,24 @@ function TakeActionPanel({
   onMinimize
 }) {
   var _a;
-  const [actions, setActions] = (0, import_react121.useState)(DEFAULT_ACTIONS);
-  const [actionCode, setActionCode] = (0, import_react121.useState)("RETURN_TO_APPLICANT");
-  const [remarks, setRemarks] = (0, import_react121.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react121.useState)(false);
-  const [editableFields, setEditableFields] = (0, import_react121.useState)([]);
-  const [selectedEditableFields, setSelectedEditableFields] = (0, import_react121.useState)([]);
-  const [isLoadingEditableFields, setIsLoadingEditableFields] = (0, import_react121.useState)(false);
-  const [editableFieldsError, setEditableFieldsError] = (0, import_react121.useState)("");
-  const [officialDocuments, setOfficialDocuments] = (0, import_react121.useState)([]);
-  const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] = (0, import_react121.useState)(false);
-  const [officialDocumentsError, setOfficialDocumentsError] = (0, import_react121.useState)("");
-  const [uploadedDocuments, setUploadedDocuments] = (0, import_react121.useState)([]);
-  const [uploadingDocumentId, setUploadingDocumentId] = (0, import_react121.useState)(null);
-  const [documentUploadErrors, setDocumentUploadErrors] = (0, import_react121.useState)({});
-  const documentInputRefs = (0, import_react121.useRef)({});
+  const [actions, setActions] = (0, import_react122.useState)(DEFAULT_ACTIONS);
+  const [actionCode, setActionCode] = (0, import_react122.useState)("RETURN_TO_APPLICANT");
+  const [remarks, setRemarks] = (0, import_react122.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react122.useState)(false);
+  const [editableFields, setEditableFields] = (0, import_react122.useState)([]);
+  const [selectedEditableFields, setSelectedEditableFields] = (0, import_react122.useState)([]);
+  const [isLoadingEditableFields, setIsLoadingEditableFields] = (0, import_react122.useState)(false);
+  const [editableFieldsError, setEditableFieldsError] = (0, import_react122.useState)("");
+  const [officialDocuments, setOfficialDocuments] = (0, import_react122.useState)([]);
+  const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] = (0, import_react122.useState)(false);
+  const [officialDocumentsError, setOfficialDocumentsError] = (0, import_react122.useState)("");
+  const [uploadedDocuments, setUploadedDocuments] = (0, import_react122.useState)([]);
+  const [uploadingDocumentId, setUploadingDocumentId] = (0, import_react122.useState)(null);
+  const [documentUploadErrors, setDocumentUploadErrors] = (0, import_react122.useState)({});
+  const documentInputRefs = (0, import_react122.useRef)({});
   const selectedAction = actions.find((a) => a.actionCode === actionCode);
   const isReturnToApplicant = ((_a = selectedAction == null ? void 0 : selectedAction.label) == null ? void 0 : _a.toLowerCase().includes("return")) || ["PULL", "RETURN_TO_APPLICANT"].includes(actionCode == null ? void 0 : actionCode.toUpperCase());
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     let isCurrent = true;
     (async () => {
       var _a2, _b, _c, _d, _e, _f, _g;
@@ -22084,7 +22216,7 @@ function TakeActionPanel({
       isCurrent = false;
     };
   }, [workflowStepId, activeWorkflowStepId]);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     if (!isReturnToApplicant) {
       setEditableFields([]);
       setSelectedEditableFields([]);
@@ -22113,7 +22245,7 @@ function TakeActionPanel({
       isCurrent = false;
     };
   }, [isReturnToApplicant]);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     const normalizedStepId = Number(workflowStepId);
     setOfficialDocuments([]);
     setUploadedDocuments([]);
@@ -22293,7 +22425,7 @@ function TakeActionPanel({
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:border-b fc:border-slate-100 fc:pb-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-[#ECFDF5] fc:text-[#059669] fc:flex fc:items-center fc:justify-center fc:border fc:border-[#A7F3D0]", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiCheckboxLine, { size: 18 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-[#ECFDF5] fc:text-[#059669] fc:flex fc:items-center fc:justify-center fc:border fc:border-[#A7F3D0]", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiCheckboxLine, { size: 18 }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h2", { style: { fontSize: "15px", lineHeight: "1.25", margin: 0 }, className: "fc:text-base fc:font-bold fc:text-slate-900 fc:leading-tight", children: "Take Action" }),
                   /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: [
@@ -22309,7 +22441,7 @@ function TakeActionPanel({
                   onClick: onMinimize || onBackToInbox,
                   title: "Minimize panel",
                   className: "fc:text-slate-400 hover:fc:text-slate-700 fc:p-1 fc:rounded-lg fc:transition-colors",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiCloseLine, { size: 19 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiCloseLine, { size: 19 })
                 }
               )
             ] }),
@@ -22468,7 +22600,7 @@ function TakeActionPanel({
                               border: isChecked ? "none" : "1.5px solid #CBD5E1",
                               color: "#ffffff"
                             },
-                            children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiCheckLine, { size: 12, className: "fc:stroke-[3]" })
+                            children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiCheckLine, { size: 12, className: "fc:stroke-[3]" })
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
@@ -22489,7 +22621,7 @@ function TakeActionPanel({
             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:border-t fc:border-slate-100 fc:pt-3 fc:space-y-1.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900", children: "Official attachments" }),
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiInformationFill, { size: 14, className: "fc:text-slate-600" })
+                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiInformationFill, { size: 14, className: "fc:text-slate-600" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:space-y-2 fc:pt-1", children: [
                 isLoadingOfficialDocuments && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "fc:py-3 fc:text-center fc:text-[11px] fc:text-slate-500", children: "Loading required documents..." }),
@@ -22529,7 +22661,7 @@ function TakeActionPanel({
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-2.5", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiFileTextLine, { size: 18, className: `fc:shrink-0 ${uploaded ? "fc:text-emerald-600" : "fc:text-slate-400"}` }),
+                            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiFileTextLine, { size: 18, className: `fc:shrink-0 ${uploaded ? "fc:text-emerald-600" : "fc:text-slate-400"}` }),
                             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:min-w-0", children: [
                               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:flex-wrap fc:items-center fc:gap-1.5", children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "fc:max-w-[180px] fc:truncate fc:text-xs fc:font-bold fc:text-slate-800", children: documentConfig.documentName }),
@@ -22550,7 +22682,7 @@ function TakeActionPanel({
                               disabled: isSubmitting || isLoadingOfficialDocuments || uploadingDocumentId != null,
                               className: "fc:inline-flex fc:shrink-0 fc:items-center fc:gap-1 fc:rounded-lg fc:border fc:border-blue-200 fc:bg-white fc:px-2.5 fc:py-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 fc:shadow-sm hover:fc:bg-blue-50 disabled:fc:cursor-not-allowed disabled:fc:opacity-50",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiUpload2Line, { size: 13 }),
+                                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiUpload2Line, { size: 13 }),
                                 /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: isUploading ? "Uploading..." : uploaded ? "Replace" : "Upload" })
                               ]
                             }
@@ -22599,7 +22731,7 @@ function TakeActionPanel({
                   disabled: isSubmitting,
                   className: "fc:inline-flex fc:items-center fc:gap-2 fc:px-6 fc:py-2.5 fc:bg-[#009E60] hover:fc:bg-[#008752] fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all hover:fc:scale-[1.01] active:fc:scale-95 disabled:fc:opacity-50",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiSendPlane2Fill, { size: 15 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiSendPlane2Fill, { size: 15 }),
                     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: isSubmitting ? "Submitting..." : "Submit Action" })
                   ]
                 }
@@ -22623,23 +22755,24 @@ function ReviewApplication({
   onSelectWorkflowStepId,
   onBackToInbox,
   onSubmitAction,
-  refreshKey
+  refreshKey,
+  userName
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [activeTab, setActiveTab] = (0, import_react123.useState)("workflowHistory");
-  const [showAllMovements, setShowAllMovements] = (0, import_react123.useState)(false);
-  const [isApplicantFormMaximized, setIsApplicantFormMaximized] = (0, import_react123.useState)(false);
-  const [isTakeActionMinimized, setIsTakeActionMinimized] = (0, import_react123.useState)(false);
-  const [workflowSteps, setWorkflowSteps] = (0, import_react123.useState)([]);
-  const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = (0, import_react123.useState)(false);
-  const [workflowStepsError, setWorkflowStepsError] = (0, import_react123.useState)("");
-  const [fileHistory, setFileHistory] = (0, import_react123.useState)([]);
-  const [isLoadingFileHistory, setIsLoadingFileHistory] = (0, import_react123.useState)(false);
-  const [fileHistoryError, setFileHistoryError] = (0, import_react123.useState)("");
-  const [selectedHistoryItem, setSelectedHistoryItem] = (0, import_react123.useState)(null);
-  const [historyDetail, setHistoryDetail] = (0, import_react123.useState)(null);
-  const [historyDetailError, setHistoryDetailError] = (0, import_react123.useState)("");
-  const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] = (0, import_react123.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react124.useState)("workflowHistory");
+  const [showAllMovements, setShowAllMovements] = (0, import_react124.useState)(false);
+  const [isApplicantFormMaximized, setIsApplicantFormMaximized] = (0, import_react124.useState)(false);
+  const [isTakeActionMinimized, setIsTakeActionMinimized] = (0, import_react124.useState)(false);
+  const [workflowSteps, setWorkflowSteps] = (0, import_react124.useState)([]);
+  const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = (0, import_react124.useState)(false);
+  const [workflowStepsError, setWorkflowStepsError] = (0, import_react124.useState)("");
+  const [fileHistory, setFileHistory] = (0, import_react124.useState)([]);
+  const [isLoadingFileHistory, setIsLoadingFileHistory] = (0, import_react124.useState)(false);
+  const [fileHistoryError, setFileHistoryError] = (0, import_react124.useState)("");
+  const [selectedHistoryItem, setSelectedHistoryItem] = (0, import_react124.useState)(null);
+  const [historyDetail, setHistoryDetail] = (0, import_react124.useState)(null);
+  const [historyDetailError, setHistoryDetailError] = (0, import_react124.useState)("");
+  const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] = (0, import_react124.useState)(false);
   const fileNo = file == null ? void 0 : file.fileNo;
   const subject = (file == null ? void 0 : file.subject) || "ElectionPetition #41";
   const department = (file == null ? void 0 : file.department) && file.department !== "-" ? file.department : "Nodal 19";
@@ -22649,7 +22782,7 @@ function ReviewApplication({
   const createdOn = (file == null ? void 0 : file.receivedDate) && file.receivedDate !== "-" ? file.receivedDate : "01 Oct 2026, 10:24 AM";
   const workflowStepId = (_b = (_a = file == null ? void 0 : file.workflowStepId) != null ? _a : file == null ? void 0 : file.WorkflowStepId) != null ? _b : activeWorkflowStepId;
   const fileInstanceId = (_g = (_e = (_c = file == null ? void 0 : file.fileInstanceId) != null ? _c : file == null ? void 0 : file.FileInstanceId) != null ? _e : (_d = file == null ? void 0 : file.fileInstance) == null ? void 0 : _d.fileInstanceId) != null ? _g : (_f = file == null ? void 0 : file.FileInstance) == null ? void 0 : _f.FileInstanceId;
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     if (!workflowStepId) {
       setWorkflowSteps([]);
       setWorkflowStepsError("Workflow step ID is unavailable.");
@@ -22680,7 +22813,7 @@ function ReviewApplication({
     };
   }, [workflowStepId]);
   const historyNeeded = activeTab === "workflowHistory" || activeTab === "fileDetails";
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     if (!historyNeeded) return void 0;
     const normalizedFileInstanceId = Number(fileInstanceId);
     if (!Number.isInteger(normalizedFileInstanceId) || normalizedFileInstanceId <= 0) {
@@ -22756,7 +22889,8 @@ function ReviewApplication({
         activeStepName,
         assignedSteps,
         onSelectWorkflowStepId,
-        refreshKey
+        refreshKey,
+        userName
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "fc:p-3 md:fc:p-4 fc:flex fc:flex-row fc:gap-4 fc:items-start fc:w-full fc:min-w-0", children: [
@@ -22771,12 +22905,12 @@ function ReviewApplication({
                 title: "Back to My Files",
                 className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-9 fc:px-3 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:text-slate-600 hover:fc:bg-slate-50 hover:fc:text-blue-600 fc:transition-colors fc:shrink-0 fc:font-bold fc:text-xs",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react124.RiArrowGoBackLine, { size: 15 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react125.RiArrowGoBackLine, { size: 15 }),
                   /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "My Files" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:text-blue-600 fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react124.RiFileTextLine, { size: 22, className: "fc:text-blue-600" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:text-blue-600 fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react125.RiFileTextLine, { size: 22, className: "fc:text-blue-600" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-slate-900 fc:leading-tight", children: "Review Application" }),
               /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "fc:text-xs fc:text-slate-500 fc:mt-0.5", children: "View application details, workflow history and take action" })
@@ -22822,6 +22956,7 @@ function ReviewApplication({
         activeTab === "fileDetails" && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           FileDetailsTab,
           {
+            fileNo,
             fileHistory,
             isLoadingFileHistory,
             fileHistoryError,
@@ -22854,7 +22989,7 @@ function ReviewApplication({
         onClick: () => setIsTakeActionMinimized(false),
         className: "fc:fixed fc:bottom-6 fc:right-6 fc:z-40 fc:inline-flex fc:items-center fc:gap-2 fc:bg-[#009E60] hover:fc:bg-[#008752] fc:text-white fc:px-5 fc:py-3 fc:rounded-full fc:shadow-lg fc:shadow-emerald-600/30 fc:font-bold fc:text-sm fc:transition-all hover:fc:scale-105 active:fc:scale-95",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react124.RiCheckboxLine, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react125.RiCheckboxLine, { size: 18 }),
           /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Take Action" })
         ]
       }
@@ -22976,33 +23111,34 @@ function InboxMain({
   icon: PropIcon,
   iconBg
 }) {
-  const HeaderIcon = PropIcon || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? import_react126.RiUserReceivedLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? import_react126.RiInboxArchiveLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? import_react126.RiFileUploadLine : import_react126.RiInboxLine);
+  const HeaderIcon = PropIcon || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? import_react127.RiUserReceivedLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? import_react127.RiInboxArchiveLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? import_react127.RiFileUploadLine : import_react127.RiInboxLine);
   const headerTitle = title || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "My Files" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "Unclaimed Files" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "Completed Files" : "Inbox");
   const headerSubtitle = subtitle || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "View and process files currently assigned to your queue" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "Available files in the pool waiting to be claimed" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "Archive of all completed and processed workflow files" : "Manage, claim, and process workflow files across stages");
   const headerIconBg = iconBg || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "fc:bg-gradient-to-br fc:from-emerald-500 fc:to-teal-600" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "fc:bg-gradient-to-br fc:from-slate-700 fc:to-slate-900" : "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600");
-  const [activeTab, setActiveTab] = (0, import_react125.useState)(initialTab);
-  const [viewMode, setViewMode] = (0, import_react125.useState)(initialView);
-  const [reviewingFile, setReviewingFile] = (0, import_react125.useState)(null);
-  (0, import_react125.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react126.useState)(initialTab);
+  const [viewMode, setViewMode] = (0, import_react126.useState)(initialView);
+  const [reviewingFile, setReviewingFile] = (0, import_react126.useState)(null);
+  (0, import_react126.useEffect)(() => {
     if (initialTab) setActiveTab(initialTab);
   }, [initialTab]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     if (initialView) setViewMode(initialView);
   }, [initialView]);
-  const [assignedSteps, setAssignedSteps] = (0, import_react125.useState)([]);
-  const [activeWorkflowStepId, setActiveWorkflowStepId] = (0, import_react125.useState)(null);
-  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react125.useState)(false);
-  const roleDropdownRef = (0, import_react125.useRef)(null);
+  const { userName, initial: userInitial } = useUserProfile();
+  const [assignedSteps, setAssignedSteps] = (0, import_react126.useState)([]);
+  const [activeWorkflowStepId, setActiveWorkflowStepId] = (0, import_react126.useState)(null);
+  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react126.useState)(false);
+  const roleDropdownRef = (0, import_react126.useRef)(null);
   const activeRoleDetails = assignedSteps.find(
     (step) => Number(step.workflowStepId) === Number(activeWorkflowStepId)
   );
   const activeRole = (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "No Assigned Step";
-  const [filePoolFiles, setFilePoolFiles] = (0, import_react125.useState)([]);
-  const [myFiles, setMyFiles] = (0, import_react125.useState)([]);
-  const [totalFiles, setTotalFiles] = (0, import_react125.useState)([]);
-  const [refreshKey, setRefreshKey] = (0, import_react125.useState)(0);
-  const [isUnclaiming, setIsUnclaiming] = (0, import_react125.useState)(false);
-  (0, import_react125.useEffect)(() => {
+  const [filePoolFiles, setFilePoolFiles] = (0, import_react126.useState)([]);
+  const [myFiles, setMyFiles] = (0, import_react126.useState)([]);
+  const [totalFiles, setTotalFiles] = (0, import_react126.useState)([]);
+  const [refreshKey, setRefreshKey] = (0, import_react126.useState)(0);
+  const [isUnclaiming, setIsUnclaiming] = (0, import_react126.useState)(false);
+  (0, import_react126.useEffect)(() => {
     let isCurrent = true;
     const loadAssignedSteps = async () => {
       var _a, _b;
@@ -23061,7 +23197,7 @@ function InboxMain({
       isCurrent = false;
     };
   }, []);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     let isCurrent = true;
     const loadStepFiles = async () => {
       var _a, _b;
@@ -23120,31 +23256,31 @@ function InboxMain({
       isCurrent = false;
     };
   }, [activeWorkflowStepId, refreshKey]);
-  const [dynamicColumns, setDynamicColumns] = (0, import_react125.useState)([
+  const [dynamicColumns, setDynamicColumns] = (0, import_react126.useState)([
     { key: "department", label: "Department", width: "190px", visible: true },
     { key: "applicant", label: "Applicant / Entity", width: "210px", visible: true },
     { key: "category", label: "Category / Type", width: "170px", visible: true },
     { key: "financialYear", label: "Financial Year", width: "120px", visible: true }
   ]);
-  const [columnDropdownOpen, setColumnDropdownOpen] = (0, import_react125.useState)(false);
-  const columnDropdownRef = (0, import_react125.useRef)(null);
-  const [searchQuery, setSearchQuery] = (0, import_react125.useState)("");
-  const [priorityFilter, setPriorityFilter] = (0, import_react125.useState)("all");
-  const [pageSize, setPageSize] = (0, import_react125.useState)(10);
-  const [currentPage, setCurrentPage] = (0, import_react125.useState)(1);
-  const [sortColumn, setSortColumn] = (0, import_react125.useState)("");
-  const [sortDirection, setSortDirection] = (0, import_react125.useState)("asc");
-  const [poolModalOpen, setPoolModalOpen] = (0, import_react125.useState)(false);
-  const [selectedPoolFile, setSelectedPoolFile] = (0, import_react125.useState)(null);
-  const [isClaimingPool, setIsClaimingPool] = (0, import_react125.useState)(false);
-  const [actionModalOpen, setActionModalOpen] = (0, import_react125.useState)(false);
-  const [selectedActionFile, setSelectedActionFile] = (0, import_react125.useState)(null);
-  const [viewModalOpen, setViewModalOpen] = (0, import_react125.useState)(false);
-  const [selectedViewFile, setSelectedViewFile] = (0, import_react125.useState)(null);
-  const tableRef = (0, import_react125.useRef)(null);
-  const [hoveredFileCard, setHoveredFileCard] = (0, import_react125.useState)(null);
-  const [hoverTimeoutId, setHoverTimeoutId] = (0, import_react125.useState)(null);
-  const hiddenDynamicColumns = (0, import_react125.useMemo)(
+  const [columnDropdownOpen, setColumnDropdownOpen] = (0, import_react126.useState)(false);
+  const columnDropdownRef = (0, import_react126.useRef)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react126.useState)("");
+  const [priorityFilter, setPriorityFilter] = (0, import_react126.useState)("all");
+  const [pageSize, setPageSize] = (0, import_react126.useState)(10);
+  const [currentPage, setCurrentPage] = (0, import_react126.useState)(1);
+  const [sortColumn, setSortColumn] = (0, import_react126.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react126.useState)("asc");
+  const [poolModalOpen, setPoolModalOpen] = (0, import_react126.useState)(false);
+  const [selectedPoolFile, setSelectedPoolFile] = (0, import_react126.useState)(null);
+  const [isClaimingPool, setIsClaimingPool] = (0, import_react126.useState)(false);
+  const [actionModalOpen, setActionModalOpen] = (0, import_react126.useState)(false);
+  const [selectedActionFile, setSelectedActionFile] = (0, import_react126.useState)(null);
+  const [viewModalOpen, setViewModalOpen] = (0, import_react126.useState)(false);
+  const [selectedViewFile, setSelectedViewFile] = (0, import_react126.useState)(null);
+  const tableRef = (0, import_react126.useRef)(null);
+  const [hoveredFileCard, setHoveredFileCard] = (0, import_react126.useState)(null);
+  const [hoverTimeoutId, setHoverTimeoutId] = (0, import_react126.useState)(null);
+  const hiddenDynamicColumns = (0, import_react126.useMemo)(
     () => dynamicColumns.filter((col) => !col.visible),
     [dynamicColumns]
   );
@@ -23202,12 +23338,12 @@ function InboxMain({
     }, 120);
     setHoverTimeoutId(timer);
   };
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     return () => {
       if (hoverTimeoutId) clearTimeout(hoverTimeoutId);
     };
   }, [hoverTimeoutId]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     const handleScroll = () => {
       if (hoveredFileCard) {
         setHoveredFileCard(null);
@@ -23216,7 +23352,7 @@ function InboxMain({
     window.addEventListener("scroll", handleScroll, true);
     return () => window.removeEventListener("scroll", handleScroll, true);
   }, [hoveredFileCard]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (columnDropdownRef.current && !columnDropdownRef.current.contains(e.target)) {
         setColumnDropdownOpen(false);
@@ -23227,7 +23363,7 @@ function InboxMain({
     }
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, [columnDropdownOpen]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (roleDropdownRef.current && !roleDropdownRef.current.contains(e.target)) {
         setRoleDropdownOpen(false);
@@ -23246,7 +23382,7 @@ function InboxMain({
   const handleSelectAllColumns = (val) => {
     setDynamicColumns((prev) => prev.map((col) => __spreadProps(__spreadValues({}, col), { visible: val })));
   };
-  const currentTabRawData = (0, import_react125.useMemo)(() => {
+  const currentTabRawData = (0, import_react126.useMemo)(() => {
     switch (activeTab) {
       case "filePool":
         return filePoolFiles;
@@ -23258,7 +23394,7 @@ function InboxMain({
         return filePoolFiles;
     }
   }, [activeTab, filePoolFiles, myFiles, totalFiles]);
-  const filteredData = (0, import_react125.useMemo)(() => {
+  const filteredData = (0, import_react126.useMemo)(() => {
     let result = [...currentTabRawData];
     if (searchQuery.trim()) {
       const q = searchQuery.toLowerCase().trim();
@@ -23302,9 +23438,9 @@ function InboxMain({
   };
   const renderSortIndicator = (column) => {
     if (sortColumn !== column) {
-      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-300 fc:ml-1" });
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-300 fc:ml-1" });
     }
-    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowUpSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowDownSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" });
+    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowUpSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowDownSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" });
   };
   const handleOpenPoolModal = (file) => {
     setSelectedPoolFile(file);
@@ -23489,7 +23625,7 @@ function InboxMain({
     link.click();
     document.body.removeChild(link);
   };
-  const visibleDynamicColumns = (0, import_react125.useMemo)(
+  const visibleDynamicColumns = (0, import_react126.useMemo)(
     () => dynamicColumns.filter((c) => c.visible),
     [dynamicColumns]
   );
@@ -23507,7 +23643,8 @@ function InboxMain({
         },
         onBackToInbox: () => setViewMode("table"),
         onSubmitAction: handleActionSubmit,
-        refreshKey
+        refreshKey,
+        userName
       }
     );
   }
@@ -23534,12 +23671,12 @@ function InboxMain({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:relative fc:flex fc:items-center fc:gap-3 fc:bg-slate-50/90 fc:border fc:border-slate-200/80 fc:rounded-2xl fc:p-1.5 fc:pr-3.5 fc:shadow-sm", ref: roleDropdownRef, children: [
               /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:relative fc:shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: "D" }),
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: userInitial }),
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:absolute fc:-bottom-0.5 fc:-right-0.5 fc:w-2.5 fc:h-2.5 fc:bg-emerald-500 fc:border-2 fc:border-white fc:rounded-full" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: userName || "User" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
                     "button",
                     {
@@ -23550,7 +23687,7 @@ function InboxMain({
                       className: "fc:inline-flex fc:items-center fc:gap-1 fc:rounded-lg fc:border fc:border-blue-200 fc:bg-blue-50 fc:px-2 fc:py-1 fc:text-[10px] fc:font-bold fc:text-blue-700 fc:transition-colors hover:fc:bg-blue-100 focus-visible:fc:outline-none focus-visible:fc:ring-2 focus-visible:fc:ring-blue-400",
                       children: [
                         activeRole,
-                        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowDownSLine, { size: 12 })
+                        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowDownSLine, { size: 12 })
                       ]
                     }
                   )
@@ -23613,7 +23750,7 @@ function InboxMain({
                 onClick: handleRefresh,
                 title: "Refresh Table",
                 className: "fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:border-slate-200 fc:rounded-xl fc:text-slate-600 hover:fc:bg-slate-50 fc:bg-white fc:shadow-sm fc:transition-all",
-                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiRefreshLine, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiRefreshLine, { size: 16 })
               }
             )
           ] })
@@ -23629,7 +23766,7 @@ function InboxMain({
                 onClick: () => handleTabChange("filePool"),
                 className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "filePool" ? "fc:bg-blue-600 fc:text-white fc:shadow-md fc:shadow-blue-500/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiInboxArchiveLine, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiInboxArchiveLine, { size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Unclaimed Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "span",
@@ -23652,7 +23789,7 @@ function InboxMain({
                 onClick: () => handleTabChange("myFiles"),
                 className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "myFiles" ? "fc:bg-emerald-600 fc:text-white fc:shadow-md fc:shadow-emerald-500/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiUserReceivedLine, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiUserReceivedLine, { size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "My Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "span",
@@ -23675,7 +23812,7 @@ function InboxMain({
                 onClick: () => handleTabChange("totalFiles"),
                 className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "totalFiles" ? "fc:bg-slate-800 fc:text-white fc:shadow-md fc:shadow-slate-800/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiFileUploadLine, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiFileUploadLine, { size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Completed Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "span",
@@ -23709,7 +23846,7 @@ function InboxMain({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-                import_react126.RiSearchLine,
+                import_react127.RiSearchLine,
                 {
                   size: 15,
                   className: "fc:absolute fc:left-3 fc:top-2.5 fc:text-slate-400 fc:pointer-events-none"
@@ -23724,7 +23861,7 @@ function InboxMain({
                   onClick: () => setColumnDropdownOpen((prev) => !prev),
                   className: `fc:h-9 fc:px-3 fc:flex fc:items-center fc:gap-2 fc:border fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${columnDropdownOpen ? "fc:border-blue-500 fc:bg-blue-50/60 fc:text-blue-700 fc:ring-2 fc:ring-blue-500/10" : "fc:border-slate-200 fc:bg-white fc:text-slate-700 hover:fc:bg-slate-50"}`,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiLayoutColumnLine, { size: 15, className: "fc:text-blue-600" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiLayoutColumnLine, { size: 15, className: "fc:text-blue-600" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Dynamic Columns" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "fc:bg-blue-100 fc:text-blue-700 fc:text-[10px] fc:font-extrabold fc:px-1.5 fc:py-0.2 fc:rounded-full", children: [
                       visibleDynamicColumns.length,
@@ -23807,7 +23944,7 @@ function InboxMain({
                 title: "Export as CSV",
                 className: "fc:h-9 fc:px-3 fc:flex fc:items-center fc:gap-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:font-bold fc:text-slate-700 hover:fc:bg-slate-50 fc:transition-all",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiDownload2Line, { size: 15 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiDownload2Line, { size: 15 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:hidden sm:fc:inline", children: "Export" })
                 ]
               }
@@ -23988,7 +24125,7 @@ function InboxMain({
                   colSpan: 10 + visibleDynamicColumns.length + (activeTab === "totalFiles" ? 1 : 0),
                   className: "fc:py-12 fc:text-center",
                   children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-slate-400", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiInboxLine, { size: 36, className: "fc:text-slate-300" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiInboxLine, { size: 36, className: "fc:text-slate-300" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "fc:text-sm fc:font-bold fc:text-slate-600", children: "No Files Found" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "fc:text-xs", children: searchQuery ? `No records matching "${searchQuery}" in ${activeTab}` : `There are currently no files in ${activeTab}` })
                   ] })
@@ -24025,7 +24162,7 @@ function InboxMain({
                               children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-xs fc:font-extrabold hover:fc:underline", children: row.fileNumber }),
                                 hasHiddenDynamicColumns && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("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__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiEyeOffLine, { size: 10 }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiEyeOffLine, { size: 10 }),
                                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: hiddenDynamicColumns.length })
                                 ] })
                               ]
@@ -24211,7 +24348,7 @@ function InboxMain({
                                 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__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiInboxArchiveLine, { size: 14 }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiInboxArchiveLine, { size: 14 }),
                                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Claim" })
                                 ]
                               }
@@ -24225,7 +24362,7 @@ function InboxMain({
                                   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__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiFileUploadLine, { size: 13 }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiFileUploadLine, { size: 13 }),
                                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Take Action" })
                                   ]
                                 }
@@ -24250,7 +24387,7 @@ function InboxMain({
                                 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__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiEyeLine, { size: 14 }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiEyeLine, { size: 14 }),
                                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "View" })
                                 ]
                               }
@@ -24290,7 +24427,7 @@ function InboxMain({
               ),
               Array.from({ length: totalPages }, (_, i) => i + 1).filter((p) => p === 1 || p === totalPages || Math.abs(p - currentPage) <= 1).map((p, idx, arr) => {
                 const prev = arr[idx - 1];
-                return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react125.default.Fragment, { children: [
+                return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react126.default.Fragment, { children: [
                   prev && p - prev > 1 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:px-1 fc:text-xs fc:text-slate-400", children: "..." }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "button",
@@ -24374,7 +24511,7 @@ function InboxMain({
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-[11px] fc:font-bold fc:text-slate-600", children: "Hidden Fields" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "fc:inline-flex fc:items-center fc:gap-1 fc:text-[10px] fc:font-extrabold fc:px-2 fc:py-0.5 fc:rounded-md fc:bg-amber-50 fc:text-amber-800 fc:border fc:border-amber-200/80", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiEyeOffLine, { size: 11 }),
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiEyeOffLine, { size: 11 }),
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { children: [
                   hiddenDynamicColumns.length,
                   " Hidden"
@@ -24412,8 +24549,8 @@ function InboxMain({
 }
 
 // src/components/inbox/MyFilesMain.jsx
-var import_react127 = __toESM(require("react"));
-var import_react128 = require("@remixicon/react");
+var import_react128 = __toESM(require("react"));
+var import_react129 = require("@remixicon/react");
 var import_jsx_runtime112 = require("react/jsx-runtime");
 function MyFilesMain(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
@@ -24424,15 +24561,15 @@ function MyFilesMain(props) {
       allowedTabs: ["myFiles"],
       title: "My Files",
       subtitle: "View and process files currently assigned to your queue",
-      icon: import_react128.RiUserReceivedLine,
+      icon: import_react129.RiUserReceivedLine,
       iconBg: "fc:bg-gradient-to-br fc:from-emerald-500 fc:to-teal-600"
     }, props)
   );
 }
 
 // src/components/inbox/UnclaimedFilesMain.jsx
-var import_react129 = __toESM(require("react"));
-var import_react130 = require("@remixicon/react");
+var import_react130 = __toESM(require("react"));
+var import_react131 = require("@remixicon/react");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 function UnclaimedFilesMain(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
@@ -24443,15 +24580,15 @@ function UnclaimedFilesMain(props) {
       allowedTabs: ["filePool"],
       title: "Unclaimed Files",
       subtitle: "Available files in the pool waiting to be claimed by users",
-      icon: import_react130.RiInboxArchiveLine,
+      icon: import_react131.RiInboxArchiveLine,
       iconBg: "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600"
     }, props)
   );
 }
 
 // src/components/inbox/CompletedFilesMain.jsx
-var import_react131 = __toESM(require("react"));
-var import_react132 = require("@remixicon/react");
+var import_react132 = __toESM(require("react"));
+var import_react133 = require("@remixicon/react");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 function CompletedFilesMain(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -24462,23 +24599,23 @@ function CompletedFilesMain(props) {
       allowedTabs: ["totalFiles"],
       title: "Completed Files",
       subtitle: "Archive of all completed and processed workflow files",
-      icon: import_react132.RiFileUploadLine,
+      icon: import_react133.RiFileUploadLine,
       iconBg: "fc:bg-gradient-to-br fc:from-slate-700 fc:to-slate-900"
     }, props)
   );
 }
 
 // src/components/track-application/TrackApplicationMain.jsx
-var import_react135 = __toESM(require("react"));
+var import_react136 = __toESM(require("react"));
 var import_sweetalert232 = __toESM(require("sweetalert2"));
-var import_react136 = require("@remixicon/react");
+var import_react137 = require("@remixicon/react");
 
 // src/components/track-application/TrackingSlipModal.jsx
-var import_react133 = __toESM(require("react"));
-var import_react134 = require("@remixicon/react");
+var import_react134 = __toESM(require("react"));
+var import_react135 = require("@remixicon/react");
 var import_jsx_runtime115 = require("react/jsx-runtime");
 function TrackingSlipModal({ isOpen, onClose, application }) {
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") onClose();
@@ -24501,7 +24638,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
     /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:flex fc:flex-col fc:z-10 fc:shadow-2xl fc:overflow-hidden print:fc:shadow-none print:fc:rounded-none print:fc:max-w-none print:fc:w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-4 fc:border-b fc:border-slate-100 fc:bg-slate-50/70 print:fc:bg-white", children: [
         /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "fc:w-10 fc:h-10 fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-md fc:shadow-blue-500/20", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiRouteLine, { size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "fc:w-10 fc:h-10 fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-md fc:shadow-blue-500/20", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiRouteLine, { size: 20 }) }),
           /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Application Tracking Acknowledgement" }),
             /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("p", { className: "fc:text-xs fc:text-slate-500", children: [
@@ -24518,7 +24655,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
               onClick: handlePrint,
               className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-1.5 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiPrinterLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiPrinterLine, { size: 15 }),
                 /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { children: "Print Slip" })
               ]
             }
@@ -24529,7 +24666,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
               type: "button",
               onClick: onClose,
               className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-1.5 fc:rounded-full fc:transition-all",
-              children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiCloseLine, { size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiCloseLine, { size: 20 })
             }
           )
         ] })
@@ -24547,7 +24684,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:p-4 fc:bg-slate-50/70 fc:rounded-2xl fc:border fc:border-slate-100", children: [
           /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-bold fc:text-slate-500 fc:mb-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiFileTextLine, { size: 15 }),
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiFileTextLine, { size: 15 }),
             /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { children: "Subject / Proposal" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "fc:text-sm fc:font-semibold fc:text-slate-800 fc:leading-relaxed", children: application.subject })
@@ -24644,7 +24781,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
             onClick: handlePrint,
             className: "fc:flex fc:items-center fc:gap-1.5 fc:px-4 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiPrinterLine, { size: 15 }),
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiPrinterLine, { size: 15 }),
               /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { children: "Print Receipt" })
             ]
           }
@@ -24659,17 +24796,17 @@ var import_jsx_runtime116 = require("react/jsx-runtime");
 var APPLICATION_DATABASE = [];
 function TrackApplicationMain() {
   var _a, _b, _c;
-  const [trackQuery, setTrackQuery] = (0, import_react135.useState)("");
-  const [selectedApplication, setSelectedApplication] = (0, import_react135.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react135.useState)("timeline");
-  const [viewMode, setViewMode] = (0, import_react135.useState)("tracker");
-  const [tableSearch, setTableSearch] = (0, import_react135.useState)("");
-  const [priorityFilter, setPriorityFilter] = (0, import_react135.useState)("all");
-  const [pageSize, setPageSize] = (0, import_react135.useState)(10);
-  const [currentPage, setCurrentPage] = (0, import_react135.useState)(1);
-  const [sortColumn, setSortColumn] = (0, import_react135.useState)("");
-  const [sortDirection, setSortDirection] = (0, import_react135.useState)("asc");
-  const [slipModalOpen, setSlipModalOpen] = (0, import_react135.useState)(false);
+  const [trackQuery, setTrackQuery] = (0, import_react136.useState)("");
+  const [selectedApplication, setSelectedApplication] = (0, import_react136.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react136.useState)("timeline");
+  const [viewMode, setViewMode] = (0, import_react136.useState)("tracker");
+  const [tableSearch, setTableSearch] = (0, import_react136.useState)("");
+  const [priorityFilter, setPriorityFilter] = (0, import_react136.useState)("all");
+  const [pageSize, setPageSize] = (0, import_react136.useState)(10);
+  const [currentPage, setCurrentPage] = (0, import_react136.useState)(1);
+  const [sortColumn, setSortColumn] = (0, import_react136.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react136.useState)("asc");
+  const [slipModalOpen, setSlipModalOpen] = (0, import_react136.useState)(false);
   const handleTrack = async (fileNoToTrack) => {
     const targetNo = (fileNoToTrack || trackQuery).trim().toUpperCase();
     if (!targetNo) {
@@ -24702,7 +24839,7 @@ function TrackApplicationMain() {
       showConfirmButton: false
     });
   };
-  const filteredRegistryData = (0, import_react135.useMemo)(() => {
+  const filteredRegistryData = (0, import_react136.useMemo)(() => {
     return APPLICATION_DATABASE.filter((app) => {
       const q = tableSearch.toLowerCase();
       const matchSearch = !q || app.fileNumber.toLowerCase().includes(q) || app.subject.toLowerCase().includes(q) || app.workflowName.toLowerCase().includes(q) || app.applicant.toLowerCase().includes(q) || app.department.toLowerCase().includes(q) || app.status.toLowerCase().includes(q);
@@ -24731,9 +24868,9 @@ function TrackApplicationMain() {
   };
   const getSortIcon = (col) => {
     if (sortColumn !== col) {
-      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-400" });
+      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-400" });
     }
-    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiArrowUpSLine, { size: 14, className: "fc:text-blue-600" }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiArrowDownSLine, { size: 14, className: "fc:text-blue-600" });
+    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiArrowUpSLine, { size: 14, className: "fc:text-blue-600" }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiArrowDownSLine, { size: 14, className: "fc:text-blue-600" });
   };
   const handleExportCSV = () => {
     const headers = [
@@ -24773,7 +24910,7 @@ function TrackApplicationMain() {
         /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "fc:absolute fc:inset-x-0 fc:top-0 fc:h-1 fc:bg-gradient-to-r fc:from-blue-600 fc:via-cyan-500 fc:to-indigo-600" }),
         /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:relative fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-3 fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "fc:flex fc:h-11 fc:w-11 fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:shadow-md fc:shadow-blue-500/20 fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 22 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "fc:flex fc:h-11 fc:w-11 fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:shadow-md fc:shadow-blue-500/20 fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 22 }) }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h1", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800 fc:tracking-tight fc:leading-tight", children: "Track Application" }),
               /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "fc:text-[11px] fc:text-slate-500 fc:mt-0.5", children: "Real-time lifecycle tracking, stage progression, SLA timeline, and movement audit" })
@@ -24788,7 +24925,7 @@ function TrackApplicationMain() {
                 onClick: () => handleTrack(selectedApplication == null ? void 0 : selectedApplication.fileNumber),
                 title: "Refresh Tracking Data",
                 className: "fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:border-slate-200 fc:rounded-xl fc:text-slate-600 hover:fc:bg-slate-50 fc:bg-white fc:shadow-sm fc:transition-all fc:cursor-pointer",
-                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRefreshLine, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRefreshLine, { size: 16 })
               }
             )
           ] })
@@ -24803,7 +24940,7 @@ function TrackApplicationMain() {
               onClick: () => setViewMode("tracker"),
               className: `fc:flex fc:items-center fc:gap-2 fc:px-3.5 fc:py-2 fc:rounded-lg fc:text-xs fc:font-bold fc:transition-all ${viewMode === "tracker" ? "fc:bg-blue-600 fc:text-white fc:shadow-sm" : "fc:text-slate-600 hover:fc:text-slate-900"}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 15 }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Tracking Dashboard" })
               ]
             }
@@ -24815,7 +24952,7 @@ function TrackApplicationMain() {
               onClick: () => setViewMode("registry"),
               className: `fc:flex fc:items-center fc:gap-2 fc:px-3.5 fc:py-2 fc:rounded-lg fc:text-xs fc:font-bold fc:transition-all ${viewMode === "registry" ? "fc:bg-blue-600 fc:text-white fc:shadow-sm" : "fc:text-slate-600 hover:fc:text-slate-900"}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileListLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileListLine, { size: 15 }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Applications Registry" }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                   "span",
@@ -24830,7 +24967,7 @@ function TrackApplicationMain() {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-1 lg:fc:max-w-md", children: [
           /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:relative fc:flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiSearchLine, { size: 16 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiSearchLine, { size: 16 }) }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
               "input",
               {
@@ -24848,7 +24985,7 @@ function TrackApplicationMain() {
                 type: "button",
                 onClick: () => setTrackQuery(""),
                 className: "fc:absolute fc:right-2.5 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400 hover:fc:text-slate-600",
-                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiCloseLine, { size: 14 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiCloseLine, { size: 14 })
               }
             )
           ] }),
@@ -24859,7 +24996,7 @@ function TrackApplicationMain() {
               onClick: () => handleTrack(),
               className: "fc:flex fc:items-center fc:gap-1.5 fc:px-4 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all fc:shrink-0 fc:cursor-pointer disabled:fc:opacity-50",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 14 }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 14 }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Track Now" })
               ]
             }
@@ -24876,7 +25013,7 @@ function TrackApplicationMain() {
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:flex-wrap", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-wrap", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:bg-blue-600 fc:text-white fc:text-xs fc:font-bold fc:px-3 fc:py-1 fc:rounded-lg fc:shadow-sm", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 13 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 13 }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { children: [
                       "App No: ",
                       selectedApplication.fileNumber
@@ -24889,7 +25026,7 @@ function TrackApplicationMain() {
                       onClick: () => handleCopyFileNumber(selectedApplication.fileNumber),
                       title: "Copy Application Number",
                       className: "fc:text-blue-600 hover:fc:text-blue-800 fc:p-1 fc:rounded-md hover:fc:bg-blue-100/70 fc:transition-all",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileCopyLine, { size: 14 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileCopyLine, { size: 14 })
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:bg-white fc:border fc:border-slate-200 fc:text-slate-800", children: selectedApplication.workflowName }),
@@ -24915,7 +25052,7 @@ function TrackApplicationMain() {
                     onClick: () => setSlipModalOpen(true),
                     className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all fc:shrink-0",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiPrinterLine, { size: 13 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiPrinterLine, { size: 13 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Print Tracking Slip" })
                     ]
                   }
@@ -24925,17 +25062,17 @@ function TrackApplicationMain() {
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:mt-2.5 fc:pt-2.5 fc:border-t fc:border-blue-100/70 fc:text-xs fc:text-slate-600 fc:flex-wrap", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4 fc:flex-wrap", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiBuildingLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiBuildingLine, { size: 13, className: "fc:text-slate-400" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-slate-400", children: "Dept:" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.department })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiUserLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiUserLine, { size: 13, className: "fc:text-slate-400" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-slate-400", children: "Applicant:" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.applicant })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiTimeLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiTimeLine, { size: 13, className: "fc:text-slate-400" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-slate-400", children: "Submitted:" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.receivedDate })
                   ] })
@@ -25003,7 +25140,7 @@ function TrackApplicationMain() {
                               "span",
                               {
                                 className: `fc:w-5 fc:h-5 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:text-[10px] fc:font-extrabold fc:shrink-0 ${isCompleted ? "fc:bg-emerald-600 fc:text-white" : isInProgress ? "fc:bg-blue-600 fc:text-white" : "fc:bg-slate-200 fc:text-slate-600"}`,
-                                children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiCheckLine, { size: 12 }) : idx + 1
+                                children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiCheckLine, { size: 12 }) : idx + 1
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
@@ -25053,7 +25190,7 @@ function TrackApplicationMain() {
                     onClick: () => setActiveTab("timeline"),
                     className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "timeline" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 14 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Movement History & Audit Trail" }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:bg-slate-200 fc:text-slate-700 fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[9px]", children: ((_b = selectedApplication.movementHistory) == null ? void 0 : _b.length) || 0 })
                     ]
@@ -25066,7 +25203,7 @@ function TrackApplicationMain() {
                     onClick: () => setActiveTab("details"),
                     className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "details" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileListLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileListLine, { size: 14 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Application Full Attributes" })
                     ]
                   }
@@ -25078,7 +25215,7 @@ function TrackApplicationMain() {
                     onClick: () => setActiveTab("documents"),
                     className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "documents" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileTextLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileTextLine, { size: 14 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Uploaded Documents" }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:bg-slate-200 fc:text-slate-700 fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[9px]", children: ((_c = selectedApplication.documents) == null ? void 0 : _c.length) || 0 })
                     ]
@@ -25183,7 +25320,7 @@ function TrackApplicationMain() {
             ] })
           ] }),
           !selectedApplication && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:min-h-72 fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 28, className: "fc:text-slate-300" }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 28, className: "fc:text-slate-300" }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h2", { className: "fc:text-sm fc:font-bold fc:text-slate-700", children: "No tracking data available" }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "fc:max-w-md fc:text-xs fc:text-slate-500", children: "Configure the application tracking endpoint to load real application status and movement details." })
           ] })
@@ -25196,7 +25333,7 @@ function TrackApplicationMain() {
           /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:gap-3 fc:pb-3 fc:border-b fc:border-slate-100 fc:flex-wrap", children: [
             /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:flex-1 fc:max-w-md", children: [
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:relative fc:w-full", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiSearchLine, { size: 15 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiSearchLine, { size: 15 }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                   "input",
                   {
@@ -25238,7 +25375,7 @@ function TrackApplicationMain() {
                   onClick: handleExportCSV,
                   className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:font-bold fc:text-slate-600 hover:fc:bg-slate-50 fc:transition-all",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiDownload2Line, { size: 14 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiDownload2Line, { size: 14 }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Export CSV" })
                   ]
                 }
@@ -25383,7 +25520,7 @@ function TrackApplicationMain() {
                       onClick: () => handleTrack(item.fileNumber),
                       className: "fc:inline-flex fc:items-center fc:gap-1 fc:px-3 fc:py-1 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-bold fc:text-xs fc:rounded-full fc:transition-all fc:shadow-sm",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 13 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 13 }),
                         /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Track" })
                       ]
                     }
@@ -25458,48 +25595,48 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const router = (0, import_router.useRouter)();
   const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
   const masterWorkflowItems = [
-    { name: "Workflow Type", component: "workflowType", icon: import_react138.RiGitMergeLine, configKey: "isWorkflowType" },
-    { name: "Workflow", component: "workflow", icon: import_react138.RiNodeTree, configKey: "isWorkflow" },
-    { name: "Workflow Step", component: "workflowStep", icon: import_react138.RiGitBranchLine, configKey: "isWorkflowStep" },
-    { name: "Workflow Transition", component: "workflowTransition", icon: import_react138.RiCornerDownRightLine, configKey: "isWorkflowTransition" },
-    { name: "Module", component: "module", icon: import_react138.RiFolder3Line, configKey: "isModule" },
-    { name: "Status", component: "status", icon: import_react138.RiCheckboxCircleLine, configKey: "isStatus" }
+    { name: "Workflow Type", component: "workflowType", icon: import_react139.RiGitMergeLine, configKey: "isWorkflowType" },
+    { name: "Workflow", component: "workflow", icon: import_react139.RiNodeTree, configKey: "isWorkflow" },
+    { name: "Workflow Step", component: "workflowStep", icon: import_react139.RiGitBranchLine, configKey: "isWorkflowStep" },
+    { name: "Workflow Transition", component: "workflowTransition", icon: import_react139.RiCornerDownRightLine, configKey: "isWorkflowTransition" },
+    { name: "Module", component: "module", icon: import_react139.RiFolder3Line, configKey: "isModule" },
+    { name: "Status", component: "status", icon: import_react139.RiCheckboxCircleLine, configKey: "isStatus" }
   ];
   const masterPermissionItems = [
-    { name: "Step Permission", component: "step_permission_main", icon: import_react138.RiUserSettingsLine, configKey: "isStepPermission" },
-    { name: "Update Permission", component: "FormFieldMain", icon: import_react138.RiFileList3Line, configKey: "isFormField" },
-    { name: "Assignment Rule", component: "AssignmentRuleMain", icon: import_react138.RiFileShieldLine, configKey: "isAssignmentRule" }
+    { name: "Step Permission", component: "step_permission_main", icon: import_react139.RiUserSettingsLine, configKey: "isStepPermission" },
+    { name: "Applicant Editable Fields", component: "FormFieldMain", icon: import_react139.RiFileList3Line, configKey: "isFormField" },
+    { name: "Assignment Rule", component: "AssignmentRuleMain", icon: import_react139.RiFileShieldLine, configKey: "isAssignmentRule" }
   ];
   const masterHierarchyItems = [
-    { name: "Hierarchy Node", component: "HierarchyNodeMain", icon: import_react138.RiNodeTree, configKey: "isHierarchyNode" },
-    { name: "Workflow Hierarchy Node Mapping", component: "Workflow_Step_Hierarchy_Mapping_Main", icon: import_react138.RiUserSharedLine, configKey: "isWorkflowHierarchyMapping" },
-    { name: "Workflow Step User Mapping", component: "User_hierarchy_mapping_main", icon: import_react138.RiUserSharedLine, configKey: "isUserHierarchyMapping" },
-    { name: "Workflow Settings", component: "WorkflowSettingMain", icon: import_react138.RiSettings4Line, configKey: "isWorkflowSettings" }
+    { name: "Hierarchy Node", component: "HierarchyNodeMain", icon: import_react139.RiNodeTree, configKey: "isHierarchyNode" },
+    { name: "Workflow Hierarchy Node Mapping", component: "Workflow_Step_Hierarchy_Mapping_Main", icon: import_react139.RiUserSharedLine, configKey: "isWorkflowHierarchyMapping" },
+    { name: "Workflow Step User Mapping", component: "User_hierarchy_mapping_main", icon: import_react139.RiUserSharedLine, configKey: "isUserHierarchyMapping" },
+    { name: "Workflow Settings", component: "WorkflowSettingMain", icon: import_react139.RiSettings4Line, configKey: "isWorkflowSettings" }
   ];
   const masterDocumentItems = [
-    { name: "Document Configuration", component: "DocumentConfigurationmain", icon: import_react138.RiFileSettingsLine, configKey: "isDocumentConfiguration" }
+    { name: "Document Configuration", component: "DocumentConfigurationmain", icon: import_react139.RiFileSettingsLine, configKey: "isDocumentConfiguration" }
   ];
   const masterFileItems = [
     // { name: "Inbox", component: "InboxMain", icon: RiInboxLine, configKey: "isInbox", badge: 6 },
-    { name: "My Files", component: "MyFilesMain", icon: import_react138.RiUserReceivedLine, configKey: "isMyFiles" },
-    { name: "Unclaimed Files", component: "UnclaimedFilesMain", icon: import_react138.RiInboxArchiveLine, configKey: "isUnclaimedFiles", badge: 2 },
-    { name: "Completed Files", component: "CompletedFilesMain", icon: import_react138.RiFileUploadLine, configKey: "isCompletedFiles", badge: 19 },
-    { name: "Business Entity", component: "BusinessEntitymain", icon: import_react138.RiFileList3Line, configKey: "isBusinessEntity" },
-    { name: "File Instance", component: "FileInstanceMain", icon: import_react138.RiFileList3Line, configKey: "isFileInstance" },
-    { name: "File Pool", component: "FilePoolMain", icon: import_react138.RiDatabase2Line, configKey: "isFilePool" },
-    { name: "Uploaded Document", component: "UploadedDocumentMain", icon: import_react138.RiFileUploadLine, configKey: "isUploadedDocument" }
+    { name: "My Files", component: "MyFilesMain", icon: import_react139.RiUserReceivedLine, configKey: "isMyFiles" },
+    { name: "Unclaimed Files", component: "UnclaimedFilesMain", icon: import_react139.RiInboxArchiveLine, configKey: "isUnclaimedFiles" },
+    { name: "Completed Files", component: "CompletedFilesMain", icon: import_react139.RiFileUploadLine, configKey: "isCompletedFiles" },
+    { name: "Business Entity", component: "BusinessEntitymain", icon: import_react139.RiFileList3Line, configKey: "isBusinessEntity" },
+    { name: "File Instance", component: "FileInstanceMain", icon: import_react139.RiFileList3Line, configKey: "isFileInstance" },
+    { name: "File Pool", component: "FilePoolMain", icon: import_react139.RiDatabase2Line, configKey: "isFilePool" },
+    { name: "Uploaded Document", component: "UploadedDocumentMain", icon: import_react139.RiFileUploadLine, configKey: "isUploadedDocument" }
   ];
   const masterCommunicationItems = [
-    { name: "Notification", component: "Notification_main", icon: import_react138.RiNotification4Line, configKey: "isNotification" },
-    { name: "Comment", component: "Comment_main", icon: import_react138.RiChat3Line, configKey: "isComment" }
+    { name: "Notification", component: "Notification_main", icon: import_react139.RiNotification4Line, configKey: "isNotification" },
+    { name: "Comment", component: "Comment_main", icon: import_react139.RiChat3Line, configKey: "isComment" }
   ];
   const masterTaskItems = [
-    { name: "Task Instance", component: "TaskInstanceMain", icon: import_react138.RiCheckboxMultipleLine, configKey: "isTaskInstance" }
+    { name: "Task Instance", component: "TaskInstanceMain", icon: import_react139.RiCheckboxMultipleLine, configKey: "isTaskInstance" }
   ];
   const masterTrackingItems = [
-    { name: "Audit Log", component: "AuditLogmain", icon: import_react138.RiShieldCheckLine, configKey: "isAuditLog" },
-    { name: "Movement History", component: "MovementHistorymain", icon: import_react138.RiHistoryLine, configKey: "isMovementHistory" },
-    { name: "Track Application", component: "TrackApplicationMain", icon: import_react138.RiHistoryLine, configKey: "isTrackApplication" }
+    { name: "Audit Log", component: "AuditLogmain", icon: import_react139.RiShieldCheckLine, configKey: "isAuditLog" },
+    { name: "Movement History", component: "MovementHistorymain", icon: import_react139.RiHistoryLine, configKey: "isMovementHistory" },
+    { name: "Track Application", component: "TrackApplicationMain", icon: import_react139.RiHistoryLine, configKey: "isTrackApplication" }
   ];
   const getConfigObject = () => {
     if (!resolvedSidebarConfig) return null;
@@ -25537,21 +25674,21 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
     ...trackingItems,
     ...communicationItems
   ];
-  const [activeComponent, setActiveComponent] = (0, import_react137.useState)(() => {
+  const [activeComponent, setActiveComponent] = (0, import_react138.useState)(() => {
     const all = getAllAvailableItems();
     const inboxItem = all.find((item) => item.component === "InboxMain");
     if (inboxItem) return "InboxMain";
     return all.length > 0 ? all[0].component : null;
   });
-  const [workflowOpen, setWorkflowOpen] = (0, import_react137.useState)(false);
-  const [permissionOpen, setPermissionOpen] = (0, import_react137.useState)(false);
-  const [hierarchyOpen, setHierarchyOpen] = (0, import_react137.useState)(false);
-  const [documentOpen, setDocumentOpen] = (0, import_react137.useState)(false);
-  const [filesOpen, setFilesOpen] = (0, import_react137.useState)(true);
-  const [tasksOpen, setTasksOpen] = (0, import_react137.useState)(false);
-  const [trackingOpen, setTrackingOpen] = (0, import_react137.useState)(false);
-  const [communicationOpen, setCommunicationOpen] = (0, import_react137.useState)(false);
-  (0, import_react137.useEffect)(() => {
+  const [workflowOpen, setWorkflowOpen] = (0, import_react138.useState)(false);
+  const [permissionOpen, setPermissionOpen] = (0, import_react138.useState)(false);
+  const [hierarchyOpen, setHierarchyOpen] = (0, import_react138.useState)(false);
+  const [documentOpen, setDocumentOpen] = (0, import_react138.useState)(false);
+  const [filesOpen, setFilesOpen] = (0, import_react138.useState)(true);
+  const [tasksOpen, setTasksOpen] = (0, import_react138.useState)(false);
+  const [trackingOpen, setTrackingOpen] = (0, import_react138.useState)(false);
+  const [communicationOpen, setCommunicationOpen] = (0, import_react138.useState)(false);
+  (0, import_react138.useEffect)(() => {
     if (workflowItems.some((item) => item.component === activeComponent)) {
       setWorkflowOpen(true);
     } else if (permissionItems.some((item) => item.component === activeComponent)) {
@@ -25610,7 +25747,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const renderContent = () => {
     if (!hasAnyAccess) {
       return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:h-full fc:p-6 fc:text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:bg-red-50 fc:text-red-500 fc:p-4 fc:rounded-full fc:mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiLockPasswordLine, { size: 32 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:bg-red-50 fc:text-red-500 fc:p-4 fc:rounded-full fc:mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiLockPasswordLine, { size: 32 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { className: "fc:text-lg fc:font-bold fc:text-[#101318] fc:mb-1", children: "Access Restricted" }),
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "fc:text-sm fc:text-[#64748B] fc:max-w-md", children: "You do not have permission to access any modules or workflow sections. Please contact your administrator for access rights." })
       ] });
@@ -25710,7 +25847,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
               "span",
               {
                 className: `fc:text-[#7E8B9E] text-[#7E8B9E] fc:shrink-0 shrink-0 fc:ml-2 ml-2 fc:transition-transform transition-transform fc:duration-200 duration-200 ${open ? "fc:rotate-90 rotate-90 fc:text-[#344261] text-[#344261]" : "rotate-0"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiArrowRightSLine, { size: 18 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiArrowRightSLine, { size: 18 })
               }
             )
           ]
@@ -25741,7 +25878,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   };
   if (configObj && !hasSidebarAccess) {
     return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:flex fc:min-h-screen fc:w-full fc:items-center fc:justify-center fc:bg-[#F5F7FB] fc:p-6", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:max-w-md fc:rounded-2xl fc:border fc:border-red-200 fc:bg-red-50 fc:p-6 fc:text-center fc:shadow-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:mb-4 fc:flex fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-full fc:bg-red-100 fc:text-red-500", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiLockPasswordLine, { size: 28 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:mb-4 fc:flex fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-full fc:bg-red-100 fc:text-red-500", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiLockPasswordLine, { size: 28 }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { className: "fc:mb-2 fc:text-lg fc:font-bold fc:text-red-600", children: "Access Restricted" }),
       /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "fc:text-sm fc:text-[#405170]", children: "You do not have permission to access FlowCore. Please contact your administrator." })
     ] }) });
@@ -25778,7 +25915,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
                 type: "button",
                 onClick: onToggle,
                 className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors",
-                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiMenuLine, { size: 18 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiMenuLine, { size: 18 })
               }
             )
           ] }),
@@ -25786,19 +25923,19 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
             (workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("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__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-                renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react138.RiNodeTree),
-                renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react138.RiShieldUserLine),
-                renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react138.RiFileSettingsLine),
-                renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react138.RiNodeTree)
+                renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react139.RiNodeTree),
+                renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react139.RiShieldUserLine),
+                renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react139.RiFileSettingsLine),
+                renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react139.RiNodeTree)
               ] })
             ] }),
             (fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("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__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-                renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react138.RiFolder3Line),
-                renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react138.RiCheckboxCircleLine),
-                renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react138.RiRouteLine),
-                renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react138.RiMessage2Line)
+                renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react139.RiFolder3Line),
+                renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react139.RiCheckboxCircleLine),
+                renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react139.RiRouteLine),
+                renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react139.RiMessage2Line)
               ] })
             ] })
           ] }),
@@ -25808,7 +25945,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
               type: "button",
               className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiSettings4Line, { size: 20 }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiSettings4Line, { size: 20 }),
                 /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { children: "Settings" })
               ]
             }
@@ -25831,17 +25968,17 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
         onClick: onToggle,
         "aria-label": "Open sidebar",
         className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100",
-        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiMenuLine, { size: 18 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiMenuLine, { size: 18 })
       }
     )
   ] });
 }
 
 // src/components/Layout.jsx
-var import_react139 = require("react");
+var import_react140 = require("react");
 var import_jsx_runtime118 = require("react/jsx-runtime");
 var Layout = ({ children, sidebar, sidebarConfig }) => {
-  const [isOpen, setIsOpen] = (0, import_react139.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react140.useState)(true);
   const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "div",