flowcore-fn 10.3.9 → 10.4.2

package/dist/pkg-index.mjs

@@ -12,7 +12,7 @@ import {
 } from "./chunk-I4E63NIC.mjs";
 
 // src/components/Sidebar.jsx
-import { useState as useState81, useEffect as useEffect60 } from "react";
+import { useState as useState82, useEffect as useEffect62 } from "react";
 import {
   RiShieldUserLine,
   RiFolder3Line,
@@ -7516,7 +7516,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"
             ]
@@ -7540,7 +7540,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"
             ]
@@ -9050,8 +9050,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) => {
@@ -9076,7 +9076,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" },
@@ -9154,14 +9156,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__ */ jsxs39(
           "tr",
           {
             className: "hover:fc:bg-slate-50/50 fc:transition-colors",
             children: [
               /* @__PURE__ */ jsx40("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-              /* @__PURE__ */ jsx40("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__ */ jsx40("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__ */ jsx40("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__ */ jsx40("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__ */ jsx40("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx40(BoolBadge, { val: item.canView }) }),
               /* @__PURE__ */ jsx40("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx40(BoolBadge, { val: item.canEdit }) }),
               /* @__PURE__ */ jsx40("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx40(BoolBadge, { val: item.canApprove }) }),
@@ -9375,21 +9379,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__ */ jsxs40("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx41("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__ */ jsxs40("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__ */ jsxs40("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__ */ jsxs40("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__ */ jsxs40("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__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ jsx41("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__ */ jsxs40("div", { children: [
@@ -9399,10 +9403,10 @@ function Popup({ isOpen, onClose, onSave }) {
         ] }),
         /* @__PURE__ */ jsx41("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__ */ jsxs40("form", { onSubmit: handleSubmit, className: "fc:flex fc:flex-col fc:flex-1 fc:overflow-hidden", children: [
-        /* @__PURE__ */ jsxs40("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__ */ jsxs40("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
-            /* @__PURE__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+      /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit, className: "fc:flex fc:min-h-0 fc:flex-1 fc:flex-col fc:overflow-hidden", children: [
+        /* @__PURE__ */ jsxs40("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__ */ jsxs40("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__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-2", children: [
               /* @__PURE__ */ jsx41("span", { children: "\u{1F4CB}" }),
               /* @__PURE__ */ jsx41("span", { children: "Step Information" })
             ] }),
@@ -9435,56 +9439,57 @@ function Popup({ isOpen, onClose, onSave }) {
               errors.workflowStepId && /* @__PURE__ */ jsx41("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.workflowStepId })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs40("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
+          /* @__PURE__ */ jsxs40("div", { className: "fc:bg-white fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
             /* @__PURE__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
               /* @__PURE__ */ jsx41("span", { children: "\u2699\uFE0F" }),
               /* @__PURE__ */ jsx41("span", { children: "Set Initial Matrix Access Rules" })
             ] }),
-            /* @__PURE__ */ jsx41("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionCards.map(({ icon, title, desc, field }) => /* @__PURE__ */ jsxs40("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__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                /* @__PURE__ */ jsx41("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__ */ jsxs40("div", { children: [
-                  /* @__PURE__ */ jsx41("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: title }),
-                  /* @__PURE__ */ jsx41("p", { className: "fc:text-[9px] fc:text-slate-400", children: desc })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx41(
-                "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__ */ jsx41(
-                    "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__ */ jsxs40("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
-            /* @__PURE__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
-              /* @__PURE__ */ jsx41("span", { children: "\u{1F3F7}\uFE0F" }),
-              /* @__PURE__ */ jsx41("span", { children: "Action Labels" })
-            ] }),
-            /* @__PURE__ */ jsx41("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionLabelFields.map(({ field, label, fallback }) => /* @__PURE__ */ jsxs40("div", { children: [
-              /* @__PURE__ */ jsx41("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: label }),
-              /* @__PURE__ */ jsx41(
-                "input",
-                {
-                  type: "text",
-                  value: formData[field],
-                  onChange: (event) => handleChange(field, event.target.value),
-                  placeholder: fallback,
-                  className: "fc:w-full fc:px-3 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500"
-                }
-              )
-            ] }, field)) })
+            /* @__PURE__ */ jsx41(
+              "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__ */ jsxs40("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__ */ jsx41("p", { className: "fc:text-[11px] fc:font-extrabold fc:text-slate-700", children: title }),
+                    /* @__PURE__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+                      /* @__PURE__ */ jsx41(
+                        "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__ */ jsx41(
+                        "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__ */ jsx41(
+                            "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__ */ jsxs40("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
-            /* @__PURE__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+          /* @__PURE__ */ jsxs40("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__ */ jsxs40("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-2", children: [
               /* @__PURE__ */ jsx41("span", { children: "\u{1F518}" }),
               /* @__PURE__ */ jsx41("span", { children: "Status" })
             ] }),
@@ -9508,7 +9513,7 @@ function Popup({ isOpen, onClose, onSave }) {
             )) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs40("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__ */ jsxs40("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__ */ jsxs40(
             "button",
             {
@@ -10285,12 +10290,12 @@ function FormFieldMain() {
       /* @__PURE__ */ jsx46(
         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
@@ -16262,7 +16267,9 @@ function Table4({
     /* @__PURE__ */ jsx85("div", { className: "fc:max-h-[420px] fc:overflow-auto fc:rounded-2xl fc:border fc:border-slate-200", children: /* @__PURE__ */ jsxs84("table", { className: "fc:w-full fc:bg-white fc:text-left", children: [
       /* @__PURE__ */ jsx85("thead", { className: "fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ jsxs84("tr", { children: [
         /* @__PURE__ */ jsx85("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__ */ jsx85("th", { className: "fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-xs", children: "POOL ENABLED" }),
@@ -16271,51 +16278,56 @@ function Table4({
       /* @__PURE__ */ jsx85("tbody", { children: loading ? /* @__PURE__ */ jsx85("tr", { children: /* @__PURE__ */ jsx85(
         "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__ */ jsx85("tr", { children: /* @__PURE__ */ jsx85(
         "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__ */ jsxs84(
-        "tr",
-        {
-          className: "fc:border-t fc:border-slate-100",
-          children: [
-            /* @__PURE__ */ jsx85("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
-            /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.stepName }),
-            /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
-            /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
-            /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
-            /* @__PURE__ */ jsxs84("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
-              /* @__PURE__ */ jsx85(
-                "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__ */ jsx85(
-                "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__ */ jsxs84(
+          "tr",
+          {
+            className: "fc:border-t fc:border-slate-100",
+            children: [
+              /* @__PURE__ */ jsx85("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
+              /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: (_a = item.workflowTypeName) != null ? _a : "-" }),
+              /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: (_b = item.workflowName) != null ? _b : "-" }),
+              /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.stepName }),
+              /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
+              /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
+              /* @__PURE__ */ jsx85("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
+              /* @__PURE__ */ jsxs84("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
+                /* @__PURE__ */ jsx85(
+                  "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__ */ jsx85(
+                  "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__ */ jsxs84("div", { className: "fc:flex fc:justify-end fc:gap-2 fc:text-sm", children: [
       /* @__PURE__ */ jsx85(
@@ -16851,7 +16863,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;
@@ -16860,6 +16872,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,
@@ -16946,6 +16959,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
         /* @__PURE__ */ jsx88("div", { ref: tableRef, className: "fc:overflow-x-auto", children: /* @__PURE__ */ jsxs87("table", { className: "fc:w-full fc:text-sm", children: [
           /* @__PURE__ */ jsx88("thead", { children: /* @__PURE__ */ jsxs87("tr", { className: "fc:bg-slate-100 fc:text-slate-600", children: [
             /* @__PURE__ */ jsx88("th", { className: "fc:p-3 fc:text-left", children: "#" }),
+            /* @__PURE__ */ jsx88("th", { className: "fc:p-3 fc:text-left", children: "Workflow Type" }),
             /* @__PURE__ */ jsx88("th", { className: "fc:p-3 fc:text-left", children: "Workflow Name" }),
             /* @__PURE__ */ jsx88("th", { className: "fc:p-3 fc:text-left", children: "Workflow Code" }),
             /* @__PURE__ */ jsx88("th", { className: "fc:p-3 fc:text-left", children: "Hierarchy Node Name" }),
@@ -16955,19 +16969,19 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
           /* @__PURE__ */ jsx88("tbody", { children: isLoading ? /* @__PURE__ */ jsx88("tr", { children: /* @__PURE__ */ jsx88(
             "td",
             {
-              colSpan: 6,
+              colSpan: 7,
               className: "fc:p-8 fc:text-center fc:text-slate-400",
               children: "Loading mappings..."
             }
           ) }) : visibleMappings.length === 0 ? /* @__PURE__ */ jsx88("tr", { children: /* @__PURE__ */ jsx88(
             "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;
@@ -16981,6 +16995,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
                 className: "fc:border-t fc:border-slate-100 hover:fc:bg-slate-50",
                 children: [
                   /* @__PURE__ */ jsx88("td", { className: "fc:p-3", children: (safePage - 1) * pageSize + index + 1 }),
+                  /* @__PURE__ */ jsx88("td", { className: "fc:p-3", children: (_v = (_u = mapping.workflowTypeName) != null ? _u : mapping.WorkflowTypeName) != null ? _v : "-" }),
                   /* @__PURE__ */ jsx88("td", { className: "fc:p-3", children: stepDisplayName }),
                   /* @__PURE__ */ jsx88("td", { className: "fc:p-3", children: stepCodeDisplayName }),
                   /* @__PURE__ */ jsx88("td", { className: "fc:p-3", children: nodeDisplayName }),
@@ -18630,7 +18645,9 @@ function AddStatusModal({
   isOpen,
   onClose,
   onSave,
-  modules = []
+  modules = [],
+  actionCodes = [],
+  isLoadingActionCodes = false
 }) {
   const [formData, setFormData] = useState70(INITIAL_FORM4);
   const [errors, setErrors] = useState70({});
@@ -18678,9 +18695,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.";
     }
@@ -18693,7 +18707,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"
@@ -18793,15 +18807,21 @@ function AddStatusModal({
                 /* @__PURE__ */ jsx94("span", { className: "fc:text-red-500", children: "*" })
               ] }),
               /* @__PURE__ */ jsxs93("div", { className: "fc:relative", children: [
-                /* @__PURE__ */ jsx94(
-                  "input",
+                /* @__PURE__ */ jsxs93(
+                  "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__ */ jsx94("option", { value: "", children: isLoadingActionCodes ? "Loading action codes..." : "Select an action code" }),
+                      actionCodes.map((action) => {
+                        var _a;
+                        return /* @__PURE__ */ jsx94("option", { value: action.name, children: action.name }, (_a = action.value) != null ? _a : action.name);
+                      })
+                    ]
                   }
                 ),
                 /* @__PURE__ */ jsx94("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__ */ jsx94("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) })
@@ -18809,27 +18829,6 @@ function AddStatusModal({
               errors.statusCode && /* @__PURE__ */ jsx94("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusCode })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs93("div", { children: [
-            /* @__PURE__ */ jsxs93("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: [
-              "Status Name ",
-              /* @__PURE__ */ jsx94("span", { className: "fc:text-red-500", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsxs93("div", { className: "fc:relative", children: [
-              /* @__PURE__ */ jsx94(
-                "input",
-                {
-                  type: "text",
-                  name: "statusName",
-                  value: formData.statusName,
-                  onChange: handleChange,
-                  placeholder: "Enter status name (e.g. In Progress, Completed)",
-                  className: inputCls(errors.statusName)
-                }
-              ),
-              /* @__PURE__ */ jsx94("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__ */ jsx94("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__ */ jsx94("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusName })
-          ] }),
           /* @__PURE__ */ jsxs93("div", { children: [
             /* @__PURE__ */ jsx94("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Description" }),
             /* @__PURE__ */ jsxs93("div", { className: "fc:relative", children: [
@@ -18905,6 +18904,8 @@ function EditStatusModal({
   onSave,
   selectedData,
   modules = [],
+  actionCodes = [],
+  isLoadingActionCodes = false,
   isFetchingById = false
 }) {
   const [formData, setFormData] = useState71(() => getInitialFormData3(selectedData));
@@ -18961,9 +18962,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.";
     }
@@ -18977,7 +18975,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),
@@ -19083,15 +19081,22 @@ function EditStatusModal({
                   /* @__PURE__ */ jsx95("span", { className: "fc:text-red-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ jsxs94("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ jsx95(
-                    "input",
+                  /* @__PURE__ */ jsxs94(
+                    "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__ */ jsx95("option", { value: "", children: isLoadingActionCodes ? "Loading action codes..." : "Select an action code" }),
+                        formData.statusCode && !actionCodes.some((action) => action.name.toUpperCase() === String(formData.statusCode).toUpperCase()) && /* @__PURE__ */ jsx95("option", { value: formData.statusCode, children: formData.statusCode }),
+                        actionCodes.map((action) => {
+                          var _a;
+                          return /* @__PURE__ */ jsx95("option", { value: action.name, children: action.name }, (_a = action.value) != null ? _a : action.name);
+                        })
+                      ]
                     }
                   ),
                   /* @__PURE__ */ jsx95("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__ */ jsx95("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) })
@@ -19099,45 +19104,7 @@ function EditStatusModal({
                 errors.statusCode && /* @__PURE__ */ jsx95("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusCode })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs94("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-3.5", children: [
-              /* @__PURE__ */ jsxs94("div", { children: [
-                /* @__PURE__ */ jsxs94("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: [
-                  "Status Name ",
-                  /* @__PURE__ */ jsx95("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ jsxs94("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ jsx95(
-                    "input",
-                    {
-                      type: "text",
-                      name: "statusName",
-                      value: formData.statusName,
-                      onChange: handleChange,
-                      placeholder: "Enter status name",
-                      className: inputCls(errors.statusName)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx95("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__ */ jsx95("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__ */ jsx95("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusName })
-              ] }),
-              /* @__PURE__ */ jsxs94("div", { children: [
-                /* @__PURE__ */ jsx95("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Status ID" }),
-                /* @__PURE__ */ jsxs94("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ jsx95(
-                    "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__ */ jsx95("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__ */ jsx95("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 20l4-16m2 16l4-16M6 9h14M4 15h14" }) })
-                ] })
-              ] })
-            ] }),
+            /* @__PURE__ */ jsx95("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-3.5" }),
             /* @__PURE__ */ jsxs94("div", { children: [
               /* @__PURE__ */ jsx95("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Description" }),
               /* @__PURE__ */ jsxs94("div", { className: "fc:relative", children: [
@@ -19249,7 +19216,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 = useRef24(null);
@@ -19257,6 +19225,9 @@ function StatusMain() {
   const [isLoading, setIsLoading] = useState72(false);
   const [apiData, setApiData] = useState72([]);
   const [modules, setModules] = useState72([]);
+  const [actionCodes, setActionCodes] = useState72([]);
+  const [isLoadingActionCodes, setIsLoadingActionCodes] = useState72(false);
+  const [hasLoadedActionCodes, setHasLoadedActionCodes] = useState72(false);
   const [selectedModuleId, setSelectedModuleId] = useState72("");
   const [pageSize, setPageSize] = useState72(5);
   const [searchQuery, setSearchQuery] = useState72("");
@@ -19294,9 +19265,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 Swal29.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);
+    }
+  };
   useEffect50(() => {
     let isMounted = true;
     (async () => {
@@ -19511,7 +19523,7 @@ function StatusMain() {
           { label: "Status", href: "/status" }
         ],
         buttonText: "Add Status",
-        onButtonClick: () => setIsAddOpen(true)
+        onButtonClick: handleOpenAdd
       }
     ),
     /* @__PURE__ */ jsxs95("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: [
@@ -19644,7 +19656,9 @@ function StatusMain() {
         isOpen: isAddOpen,
         onClose: () => setIsAddOpen(false),
         onSave: handleCreate,
-        modules
+        modules,
+        actionCodes,
+        isLoadingActionCodes
       }
     ),
     /* @__PURE__ */ jsx96(
@@ -19657,6 +19671,8 @@ function StatusMain() {
         },
         selectedData: selectedItem,
         modules,
+        actionCodes,
+        isLoadingActionCodes,
         onSave: handleUpdate
       }
     )
@@ -19664,7 +19680,7 @@ function StatusMain() {
 }
 
 // src/components/inbox/InboxMain.jsx
-import React111, { useState as useState79, useMemo as useMemo8, useRef as useRef29, useEffect as useEffect58 } from "react";
+import React111, { useState as useState80, useMemo as useMemo8, useRef as useRef28, useEffect as useEffect60 } from "react";
 import Swal31 from "sweetalert2";
 import {
   RiInboxArchiveLine as RiInboxArchiveLine2,
@@ -20575,7 +20591,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__ */ jsx100(RiNotification3Fill, { size: 17 }) : /* @__PURE__ */ jsx100(RiNotification3Line, { size: 17 }),
-          /* @__PURE__ */ jsx100("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__ */ jsx100("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 })
         ]
       }
     ),
@@ -20783,12 +20799,118 @@ function NotificationPopover({
 }
 
 // src/components/inbox/ReviewApplication.jsx
-import React110, { useState as useState78, useEffect as useEffect57 } from "react";
+import React110, { useState as useState79, useEffect as useEffect59 } from "react";
 import { RiFileTextLine as RiFileTextLine7, RiCheckboxLine as RiCheckboxLine2, RiArrowGoBackLine as RiArrowGoBackLine4 } from "@remixicon/react";
 
 // src/components/inbox/ReviewHeaderBar.jsx
-import React101, { useState as useState75, useEffect as useEffect55, useRef as useRef26 } from "react";
+import React101, { useState as useState76, useEffect as useEffect56, useRef as useRef26 } from "react";
 import { RiArrowRightSLine, RiArrowDownSLine, RiSettings4Line, RiArrowGoBackLine } from "@remixicon/react";
+
+// src/components/Service/UserProfileService.js
+import { useState as useState75, useEffect as useEffect55 } from "react";
+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 apiService = getApiService();
+      const res = await apiService.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] = useState75(() => {
+    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] = useState75(() => extractName(profile));
+  useEffect55(() => {
+    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
 import { jsx as jsx101, jsxs as jsxs100 } from "react/jsx-runtime";
 function ReviewHeaderBar({
   onBackToInbox,
@@ -20796,11 +20918,15 @@ function ReviewHeaderBar({
   activeStepName,
   assignedSteps = [],
   onSelectWorkflowStepId,
-  refreshKey
+  refreshKey,
+  userName: propUserName
 }) {
-  const [roleDropdownOpen, setRoleDropdownOpen] = useState75(false);
+  const { userName: hookUserName, initial: hookInitial } = useUserProfile();
+  const userName = propUserName || hookUserName;
+  const userInitial = userName ? userName.trim().charAt(0).toUpperCase() : hookInitial;
+  const [roleDropdownOpen, setRoleDropdownOpen] = useState76(false);
   const roleDropdownRef = useRef26(null);
-  useEffect55(() => {
+  useEffect56(() => {
     const handleOutsideClick = (e) => {
       if (roleDropdownRef.current && !roleDropdownRef.current.contains(e.target)) {
         setRoleDropdownOpen(false);
@@ -20845,12 +20971,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__ */ jsxs100("div", { className: "fc:relative fc:shrink-0", children: [
-              /* @__PURE__ */ jsx101("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__ */ jsx101("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__ */ jsx101("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__ */ jsxs100("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
               /* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
-                /* @__PURE__ */ jsx101("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
+                /* @__PURE__ */ jsx101("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: userName || "User" }),
                 /* @__PURE__ */ jsxs100(
                   "button",
                   {
@@ -21195,84 +21321,188 @@ import React107 from "react";
 import { RiEyeLine as RiEyeLine4, RiArrowGoBackLine as RiArrowGoBackLine3, RiCheckLine as RiCheckLine4, RiArrowRightLine as RiArrowRightLine2, RiArrowDownSLine as RiArrowDownSLine3 } from "@remixicon/react";
 
 // src/components/inbox/DynamicFormDisplay.jsx
-import React106, { useState as useState76, useRef as useRef27 } from "react";
+import React106, { useEffect as useEffect57, useState as useState77 } from "react";
 import { RiFullscreenLine, RiFullscreenExitLine, RiDownload2Line, RiFileTextLine as RiFileTextLine4 } from "@remixicon/react";
-import { jsx as jsx106, jsxs as jsxs105 } from "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`;
+
+// src/components/inbox/reviewHelpers.js
+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 _a;
-  const label = /* @__PURE__ */ jsx106("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" : "";
+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
+import { jsx as jsx106, jsxs as jsxs105 } from "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__ */ jsx106("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" : "";
   if (field.type === "boolean") {
     return /* @__PURE__ */ jsxs105("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
       label,
@@ -21294,44 +21524,102 @@ var FieldCard = ({ field }) => {
   ] });
 };
 var TableSection = ({ section }) => {
+  var _a, _b;
   return /* @__PURE__ */ jsx106("div", { className: "fc:overflow-x-auto fc:rounded-xl fc:border fc:border-slate-200/80 fc-custom-scrollbar", children: /* @__PURE__ */ jsxs105("table", { className: "fc:min-w-full", children: [
-    /* @__PURE__ */ jsx106("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ jsx106("tr", { children: section.columns.map((col) => /* @__PURE__ */ jsx106("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__ */ jsx106("tbody", { className: "fc:divide-y fc:divide-slate-100", children: section.rows.map((row) => /* @__PURE__ */ jsx106("tr", { className: "hover:fc:bg-slate-50/50", children: section.columns.map((col, index) => {
-      const val = row.values[index];
-      return /* @__PURE__ */ jsx106("td", { className: "fc:px-3 fc:py-2 fc:text-xs fc:text-slate-700 fc:whitespace-nowrap", children: col.type === "boolean" ? /* @__PURE__ */ jsx106("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__ */ jsx106("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ jsx106("tr", { children: ((_a = section.columns) != null ? _a : []).map((col) => /* @__PURE__ */ jsx106("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__ */ jsx106("tbody", { className: "fc:divide-y fc:divide-slate-100", children: ((_b = section.rows) != null ? _b : []).map((row) => {
+      var _a2;
+      return /* @__PURE__ */ jsx106("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__ */ jsx106("td", { className: "fc:px-3 fc:py-2 fc:text-xs fc:text-slate-700 fc:whitespace-nowrap", children: col.type === "boolean" ? /* @__PURE__ */ jsx106("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__ */ jsx106("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__ */ jsx106("div", { className: "fc:space-y-3", children: section.files.map((file) => /* @__PURE__ */ jsxs105("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__ */ jsxs105("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-    /* @__PURE__ */ jsx106("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__ */ jsx106(RiFileTextLine4, { size: 18, className: "fc:text-red-500" }) }),
-    /* @__PURE__ */ jsxs105("div", { children: [
-      /* @__PURE__ */ jsx106("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
-      /* @__PURE__ */ jsxs105("span", { className: "fc:block fc:text-[11px] fc:text-slate-500", children: [
-        file.fileName,
-        " (",
-        formatSize(file.sizeBytes),
-        ")"
+var AttachmentsSection = ({ section }) => {
+  var _a;
+  return /* @__PURE__ */ jsx106("div", { className: "fc:space-y-3", children: ((_a = section.files) != null ? _a : []).map((file) => {
+    const size = formatSize(file.sizeBytes);
+    return /* @__PURE__ */ jsxs105("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__ */ jsxs105("div", { className: "fc:flex fc:items-center fc:gap-3 fc:min-w-0", children: [
+        /* @__PURE__ */ jsx106("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__ */ jsx106(RiFileTextLine4, { size: 18, className: "fc:text-red-500" }) }),
+        /* @__PURE__ */ jsxs105("div", { className: "fc:min-w-0", children: [
+          /* @__PURE__ */ jsx106("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
+          /* @__PURE__ */ jsxs105("span", { className: "fc:block fc:text-[11px] fc:text-slate-500 fc:break-all", children: [
+            file.fileName,
+            size ? ` (${size})` : ""
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs105("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__ */ jsx106(RiDownload2Line, { size: 15 }),
+        /* @__PURE__ */ jsx106("span", { children: "Download" })
       ] })
-    ] })
-  ] }),
-  /* @__PURE__ */ jsxs105("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__ */ jsx106(RiDownload2Line, { size: 15 }),
-    /* @__PURE__ */ jsx106("span", { children: "Download" })
-  ] })
-] }, file.id)) });
-function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
-  const [activeTab, setActiveTab] = useState76(STATIC_FORM_JSON.sections[0].id);
-  const [expandedSections, setExpandedSections] = useState76(() => {
-    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] = useState77(null);
+  const [activeTab, setActiveTab] = useState77("");
+  const [expandedSections, setExpandedSections] = useState77({});
+  const [isLoading, setIsLoading] = useState77(false);
+  const [loadError, setLoadError] = useState77("");
+  useEffect57(() => {
+    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__ */ jsx106("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__ */ jsx106("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__ */ jsxs105("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__ */ jsxs105("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__ */ jsxs105("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
@@ -21360,7 +21648,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
       )
     ] }),
     /* @__PURE__ */ jsx106("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__ */ jsxs105(
         "button",
         {
@@ -21369,24 +21657,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__ */ jsx106("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__ */ jsx106("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__ */ jsx106("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__ */ jsxs105("div", { className: "fc:space-y-3", children: [
-          /* @__PURE__ */ jsx106("div", { className: "fc:flex fc:items-center fc:justify-between", children: /* @__PURE__ */ jsxs105("div", { children: [
+          /* @__PURE__ */ jsxs105("div", { children: [
             /* @__PURE__ */ jsx106("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ jsxs105("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__ */ jsx106("div", { className: `fc:grid fc:gap-3 ${isMax ? "fc:grid-cols-3" : "fc:grid-cols-2"}`, children: section.fields.map((field) => /* @__PURE__ */ jsx106(FieldCard, { field }, field.id)) }),
           /* @__PURE__ */ jsx106(TableSection, { section })
         ] }, section.id);
       }
@@ -21395,7 +21684,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           /* @__PURE__ */ jsxs105("div", { children: [
             /* @__PURE__ */ jsx106("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ jsxs105("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"
             ] })
           ] }),
@@ -21407,11 +21696,11 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           /* @__PURE__ */ jsxs105("div", { children: [
             /* @__PURE__ */ jsx106("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ jsxs105("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__ */ jsx106(
+          ((_g = displayData.layout) == null ? void 0 : _g.collapsibleSections) && /* @__PURE__ */ jsx106(
             "button",
             {
               type: "button",
@@ -21421,7 +21710,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
             }
           )
         ] }),
-        (!displayData.layout.collapsibleSections || expandedSections[section.id]) && /* @__PURE__ */ jsx106("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__ */ jsx106(FieldCard, { field }, field.id)) })
+        (!((_h = displayData.layout) == null ? void 0 : _h.collapsibleSections) || expandedSections[section.id]) && /* @__PURE__ */ jsx106("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__ */ jsx106(FieldCard, { field }, field.id)) })
       ] }, section.id);
     }) })
   ] });
@@ -21430,6 +21719,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
 // src/components/inbox/FileDetailsTab.jsx
 import { jsx as jsx107, jsxs as jsxs106 } from "react/jsx-runtime";
 function FileDetailsTab({
+  fileNo,
   fileHistory,
   isLoadingFileHistory,
   fileHistoryError,
@@ -21456,6 +21746,7 @@ function FileDetailsTab({
         /* @__PURE__ */ jsx107("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ jsx107(
           DynamicFormDisplay,
           {
+            fileNo,
             maximized: isMaximized,
             onToggleMaximize: () => setIsMaximized(!isMaximized)
           }
@@ -21572,168 +21863,6 @@ function FileDetailsTab({
 // src/components/inbox/MovementDetailModal.jsx
 import React108 from "react";
 import { RiHistoryLine as RiHistoryLine2, RiCloseLine as RiCloseLine5, RiFileTextLine as RiFileTextLine5 } from "@remixicon/react";
-
-// src/components/inbox/reviewHelpers.js
-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
 import { Fragment as Fragment8, jsx as jsx108, jsxs as jsxs107 } from "react/jsx-runtime";
 function MovementDetailModal({
   selectedHistoryItem,
@@ -21880,7 +22009,7 @@ function MovementDetailModal({
 }
 
 // src/components/inbox/TakeActionPanel.jsx
-import React109, { useState as useState77, useEffect as useEffect56, useRef as useRef28 } from "react";
+import React109, { useState as useState78, useEffect as useEffect58, useRef as useRef27 } from "react";
 import Swal30 from "sweetalert2";
 import {
   RiCloseLine as RiCloseLine6,
@@ -21902,24 +22031,24 @@ function TakeActionPanel({
   onMinimize
 }) {
   var _a;
-  const [actions, setActions] = useState77(DEFAULT_ACTIONS);
-  const [actionCode, setActionCode] = useState77("RETURN_TO_APPLICANT");
-  const [remarks, setRemarks] = useState77("");
-  const [isSubmitting, setIsSubmitting] = useState77(false);
-  const [editableFields, setEditableFields] = useState77([]);
-  const [selectedEditableFields, setSelectedEditableFields] = useState77([]);
-  const [isLoadingEditableFields, setIsLoadingEditableFields] = useState77(false);
-  const [editableFieldsError, setEditableFieldsError] = useState77("");
-  const [officialDocuments, setOfficialDocuments] = useState77([]);
-  const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] = useState77(false);
-  const [officialDocumentsError, setOfficialDocumentsError] = useState77("");
-  const [uploadedDocuments, setUploadedDocuments] = useState77([]);
-  const [uploadingDocumentId, setUploadingDocumentId] = useState77(null);
-  const [documentUploadErrors, setDocumentUploadErrors] = useState77({});
-  const documentInputRefs = useRef28({});
+  const [actions, setActions] = useState78(DEFAULT_ACTIONS);
+  const [actionCode, setActionCode] = useState78("RETURN_TO_APPLICANT");
+  const [remarks, setRemarks] = useState78("");
+  const [isSubmitting, setIsSubmitting] = useState78(false);
+  const [editableFields, setEditableFields] = useState78([]);
+  const [selectedEditableFields, setSelectedEditableFields] = useState78([]);
+  const [isLoadingEditableFields, setIsLoadingEditableFields] = useState78(false);
+  const [editableFieldsError, setEditableFieldsError] = useState78("");
+  const [officialDocuments, setOfficialDocuments] = useState78([]);
+  const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] = useState78(false);
+  const [officialDocumentsError, setOfficialDocumentsError] = useState78("");
+  const [uploadedDocuments, setUploadedDocuments] = useState78([]);
+  const [uploadingDocumentId, setUploadingDocumentId] = useState78(null);
+  const [documentUploadErrors, setDocumentUploadErrors] = useState78({});
+  const documentInputRefs = useRef27({});
   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());
-  useEffect56(() => {
+  useEffect58(() => {
     let isCurrent = true;
     (async () => {
       var _a2, _b, _c, _d, _e, _f, _g;
@@ -21944,7 +22073,7 @@ function TakeActionPanel({
       isCurrent = false;
     };
   }, [workflowStepId, activeWorkflowStepId]);
-  useEffect56(() => {
+  useEffect58(() => {
     if (!isReturnToApplicant) {
       setEditableFields([]);
       setSelectedEditableFields([]);
@@ -21973,7 +22102,7 @@ function TakeActionPanel({
       isCurrent = false;
     };
   }, [isReturnToApplicant]);
-  useEffect56(() => {
+  useEffect58(() => {
     const normalizedStepId = Number(workflowStepId);
     setOfficialDocuments([]);
     setUploadedDocuments([]);
@@ -22482,23 +22611,24 @@ function ReviewApplication({
   onSelectWorkflowStepId,
   onBackToInbox,
   onSubmitAction,
-  refreshKey
+  refreshKey,
+  userName
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [activeTab, setActiveTab] = useState78("workflowHistory");
-  const [showAllMovements, setShowAllMovements] = useState78(false);
-  const [isApplicantFormMaximized, setIsApplicantFormMaximized] = useState78(false);
-  const [isTakeActionMinimized, setIsTakeActionMinimized] = useState78(false);
-  const [workflowSteps, setWorkflowSteps] = useState78([]);
-  const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = useState78(false);
-  const [workflowStepsError, setWorkflowStepsError] = useState78("");
-  const [fileHistory, setFileHistory] = useState78([]);
-  const [isLoadingFileHistory, setIsLoadingFileHistory] = useState78(false);
-  const [fileHistoryError, setFileHistoryError] = useState78("");
-  const [selectedHistoryItem, setSelectedHistoryItem] = useState78(null);
-  const [historyDetail, setHistoryDetail] = useState78(null);
-  const [historyDetailError, setHistoryDetailError] = useState78("");
-  const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] = useState78(false);
+  const [activeTab, setActiveTab] = useState79("workflowHistory");
+  const [showAllMovements, setShowAllMovements] = useState79(false);
+  const [isApplicantFormMaximized, setIsApplicantFormMaximized] = useState79(false);
+  const [isTakeActionMinimized, setIsTakeActionMinimized] = useState79(false);
+  const [workflowSteps, setWorkflowSteps] = useState79([]);
+  const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = useState79(false);
+  const [workflowStepsError, setWorkflowStepsError] = useState79("");
+  const [fileHistory, setFileHistory] = useState79([]);
+  const [isLoadingFileHistory, setIsLoadingFileHistory] = useState79(false);
+  const [fileHistoryError, setFileHistoryError] = useState79("");
+  const [selectedHistoryItem, setSelectedHistoryItem] = useState79(null);
+  const [historyDetail, setHistoryDetail] = useState79(null);
+  const [historyDetailError, setHistoryDetailError] = useState79("");
+  const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] = useState79(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";
@@ -22508,7 +22638,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;
-  useEffect57(() => {
+  useEffect59(() => {
     if (!workflowStepId) {
       setWorkflowSteps([]);
       setWorkflowStepsError("Workflow step ID is unavailable.");
@@ -22539,7 +22669,7 @@ function ReviewApplication({
     };
   }, [workflowStepId]);
   const historyNeeded = activeTab === "workflowHistory" || activeTab === "fileDetails";
-  useEffect57(() => {
+  useEffect59(() => {
     if (!historyNeeded) return void 0;
     const normalizedFileInstanceId = Number(fileInstanceId);
     if (!Number.isInteger(normalizedFileInstanceId) || normalizedFileInstanceId <= 0) {
@@ -22615,7 +22745,8 @@ function ReviewApplication({
         activeStepName,
         assignedSteps,
         onSelectWorkflowStepId,
-        refreshKey
+        refreshKey,
+        userName
       }
     ),
     /* @__PURE__ */ jsxs109("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: [
@@ -22681,6 +22812,7 @@ function ReviewApplication({
         activeTab === "fileDetails" && /* @__PURE__ */ jsx110(
           FileDetailsTab,
           {
+            fileNo,
             fileHistory,
             isLoadingFileHistory,
             fileHistoryError,
@@ -22837,29 +22969,30 @@ function InboxMain({
   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] = useState79(initialTab);
-  const [viewMode, setViewMode] = useState79(initialView);
-  const [reviewingFile, setReviewingFile] = useState79(null);
-  useEffect58(() => {
+  const [activeTab, setActiveTab] = useState80(initialTab);
+  const [viewMode, setViewMode] = useState80(initialView);
+  const [reviewingFile, setReviewingFile] = useState80(null);
+  useEffect60(() => {
     if (initialTab) setActiveTab(initialTab);
   }, [initialTab]);
-  useEffect58(() => {
+  useEffect60(() => {
     if (initialView) setViewMode(initialView);
   }, [initialView]);
-  const [assignedSteps, setAssignedSteps] = useState79([]);
-  const [activeWorkflowStepId, setActiveWorkflowStepId] = useState79(null);
-  const [roleDropdownOpen, setRoleDropdownOpen] = useState79(false);
-  const roleDropdownRef = useRef29(null);
+  const { userName, initial: userInitial } = useUserProfile();
+  const [assignedSteps, setAssignedSteps] = useState80([]);
+  const [activeWorkflowStepId, setActiveWorkflowStepId] = useState80(null);
+  const [roleDropdownOpen, setRoleDropdownOpen] = useState80(false);
+  const roleDropdownRef = useRef28(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] = useState79([]);
-  const [myFiles, setMyFiles] = useState79([]);
-  const [totalFiles, setTotalFiles] = useState79([]);
-  const [refreshKey, setRefreshKey] = useState79(0);
-  const [isUnclaiming, setIsUnclaiming] = useState79(false);
-  useEffect58(() => {
+  const [filePoolFiles, setFilePoolFiles] = useState80([]);
+  const [myFiles, setMyFiles] = useState80([]);
+  const [totalFiles, setTotalFiles] = useState80([]);
+  const [refreshKey, setRefreshKey] = useState80(0);
+  const [isUnclaiming, setIsUnclaiming] = useState80(false);
+  useEffect60(() => {
     let isCurrent = true;
     const loadAssignedSteps = async () => {
       var _a, _b;
@@ -22918,7 +23051,7 @@ function InboxMain({
       isCurrent = false;
     };
   }, []);
-  useEffect58(() => {
+  useEffect60(() => {
     let isCurrent = true;
     const loadStepFiles = async () => {
       var _a, _b;
@@ -22977,30 +23110,30 @@ function InboxMain({
       isCurrent = false;
     };
   }, [activeWorkflowStepId, refreshKey]);
-  const [dynamicColumns, setDynamicColumns] = useState79([
+  const [dynamicColumns, setDynamicColumns] = useState80([
     { 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] = useState79(false);
-  const columnDropdownRef = useRef29(null);
-  const [searchQuery, setSearchQuery] = useState79("");
-  const [priorityFilter, setPriorityFilter] = useState79("all");
-  const [pageSize, setPageSize] = useState79(10);
-  const [currentPage, setCurrentPage] = useState79(1);
-  const [sortColumn, setSortColumn] = useState79("");
-  const [sortDirection, setSortDirection] = useState79("asc");
-  const [poolModalOpen, setPoolModalOpen] = useState79(false);
-  const [selectedPoolFile, setSelectedPoolFile] = useState79(null);
-  const [isClaimingPool, setIsClaimingPool] = useState79(false);
-  const [actionModalOpen, setActionModalOpen] = useState79(false);
-  const [selectedActionFile, setSelectedActionFile] = useState79(null);
-  const [viewModalOpen, setViewModalOpen] = useState79(false);
-  const [selectedViewFile, setSelectedViewFile] = useState79(null);
-  const tableRef = useRef29(null);
-  const [hoveredFileCard, setHoveredFileCard] = useState79(null);
-  const [hoverTimeoutId, setHoverTimeoutId] = useState79(null);
+  const [columnDropdownOpen, setColumnDropdownOpen] = useState80(false);
+  const columnDropdownRef = useRef28(null);
+  const [searchQuery, setSearchQuery] = useState80("");
+  const [priorityFilter, setPriorityFilter] = useState80("all");
+  const [pageSize, setPageSize] = useState80(10);
+  const [currentPage, setCurrentPage] = useState80(1);
+  const [sortColumn, setSortColumn] = useState80("");
+  const [sortDirection, setSortDirection] = useState80("asc");
+  const [poolModalOpen, setPoolModalOpen] = useState80(false);
+  const [selectedPoolFile, setSelectedPoolFile] = useState80(null);
+  const [isClaimingPool, setIsClaimingPool] = useState80(false);
+  const [actionModalOpen, setActionModalOpen] = useState80(false);
+  const [selectedActionFile, setSelectedActionFile] = useState80(null);
+  const [viewModalOpen, setViewModalOpen] = useState80(false);
+  const [selectedViewFile, setSelectedViewFile] = useState80(null);
+  const tableRef = useRef28(null);
+  const [hoveredFileCard, setHoveredFileCard] = useState80(null);
+  const [hoverTimeoutId, setHoverTimeoutId] = useState80(null);
   const hiddenDynamicColumns = useMemo8(
     () => dynamicColumns.filter((col) => !col.visible),
     [dynamicColumns]
@@ -23059,12 +23192,12 @@ function InboxMain({
     }, 120);
     setHoverTimeoutId(timer);
   };
-  useEffect58(() => {
+  useEffect60(() => {
     return () => {
       if (hoverTimeoutId) clearTimeout(hoverTimeoutId);
     };
   }, [hoverTimeoutId]);
-  useEffect58(() => {
+  useEffect60(() => {
     const handleScroll = () => {
       if (hoveredFileCard) {
         setHoveredFileCard(null);
@@ -23073,7 +23206,7 @@ function InboxMain({
     window.addEventListener("scroll", handleScroll, true);
     return () => window.removeEventListener("scroll", handleScroll, true);
   }, [hoveredFileCard]);
-  useEffect58(() => {
+  useEffect60(() => {
     const handleOutsideClick = (e) => {
       if (columnDropdownRef.current && !columnDropdownRef.current.contains(e.target)) {
         setColumnDropdownOpen(false);
@@ -23084,7 +23217,7 @@ function InboxMain({
     }
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, [columnDropdownOpen]);
-  useEffect58(() => {
+  useEffect60(() => {
     const handleOutsideClick = (e) => {
       if (roleDropdownRef.current && !roleDropdownRef.current.contains(e.target)) {
         setRoleDropdownOpen(false);
@@ -23364,7 +23497,8 @@ function InboxMain({
         },
         onBackToInbox: () => setViewMode("table"),
         onSubmitAction: handleActionSubmit,
-        refreshKey
+        refreshKey,
+        userName
       }
     );
   }
@@ -23391,12 +23525,12 @@ function InboxMain({
             ),
             /* @__PURE__ */ jsxs110("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__ */ jsxs110("div", { className: "fc:relative fc:shrink-0", children: [
-                /* @__PURE__ */ jsx111("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__ */ jsx111("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__ */ jsx111("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__ */ jsxs110("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
                 /* @__PURE__ */ jsxs110("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-                  /* @__PURE__ */ jsx111("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
+                  /* @__PURE__ */ jsx111("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: userName || "User" }),
                   /* @__PURE__ */ jsxs110(
                     "button",
                     {
@@ -24326,7 +24460,7 @@ function CompletedFilesMain(props) {
 }
 
 // src/components/track-application/TrackApplicationMain.jsx
-import React116, { useState as useState80, useMemo as useMemo9 } from "react";
+import React116, { useState as useState81, useMemo as useMemo9 } from "react";
 import Swal32 from "sweetalert2";
 import {
   RiRouteLine as RiRouteLine2,
@@ -24350,7 +24484,7 @@ import {
 } from "@remixicon/react";
 
 // src/components/track-application/TrackingSlipModal.jsx
-import React115, { useEffect as useEffect59 } from "react";
+import React115, { useEffect as useEffect61 } from "react";
 import {
   RiCloseLine as RiCloseLine7,
   RiPrinterLine,
@@ -24364,7 +24498,7 @@ import {
 } from "@remixicon/react";
 import { jsx as jsx115, jsxs as jsxs111 } from "react/jsx-runtime";
 function TrackingSlipModal({ isOpen, onClose, application }) {
-  useEffect59(() => {
+  useEffect61(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") onClose();
@@ -24545,17 +24679,17 @@ import { Fragment as Fragment9, jsx as jsx116, jsxs as jsxs112 } from "react/jsx
 var APPLICATION_DATABASE = [];
 function TrackApplicationMain() {
   var _a, _b, _c;
-  const [trackQuery, setTrackQuery] = useState80("");
-  const [selectedApplication, setSelectedApplication] = useState80(null);
-  const [activeTab, setActiveTab] = useState80("timeline");
-  const [viewMode, setViewMode] = useState80("tracker");
-  const [tableSearch, setTableSearch] = useState80("");
-  const [priorityFilter, setPriorityFilter] = useState80("all");
-  const [pageSize, setPageSize] = useState80(10);
-  const [currentPage, setCurrentPage] = useState80(1);
-  const [sortColumn, setSortColumn] = useState80("");
-  const [sortDirection, setSortDirection] = useState80("asc");
-  const [slipModalOpen, setSlipModalOpen] = useState80(false);
+  const [trackQuery, setTrackQuery] = useState81("");
+  const [selectedApplication, setSelectedApplication] = useState81(null);
+  const [activeTab, setActiveTab] = useState81("timeline");
+  const [viewMode, setViewMode] = useState81("tracker");
+  const [tableSearch, setTableSearch] = useState81("");
+  const [priorityFilter, setPriorityFilter] = useState81("all");
+  const [pageSize, setPageSize] = useState81(10);
+  const [currentPage, setCurrentPage] = useState81(1);
+  const [sortColumn, setSortColumn] = useState81("");
+  const [sortDirection, setSortDirection] = useState81("asc");
+  const [slipModalOpen, setSlipModalOpen] = useState81(false);
   const handleTrack = async (fileNoToTrack) => {
     const targetNo = (fileNoToTrack || trackQuery).trim().toUpperCase();
     if (!targetNo) {
@@ -25353,7 +25487,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   ];
   const masterPermissionItems = [
     { name: "Step Permission", component: "step_permission_main", icon: RiUserSettingsLine, configKey: "isStepPermission" },
-    { name: "Update Permission", component: "FormFieldMain", icon: RiFileList3Line, configKey: "isFormField" },
+    { name: "Applicant Editable Fields", component: "FormFieldMain", icon: RiFileList3Line, configKey: "isFormField" },
     { name: "Assignment Rule", component: "AssignmentRuleMain", icon: RiFileShieldLine, configKey: "isAssignmentRule" }
   ];
   const masterHierarchyItems = [
@@ -25368,8 +25502,8 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const masterFileItems = [
     // { name: "Inbox", component: "InboxMain", icon: RiInboxLine, configKey: "isInbox", badge: 6 },
     { name: "My Files", component: "MyFilesMain", icon: RiUserReceivedLine4, configKey: "isMyFiles" },
-    { name: "Unclaimed Files", component: "UnclaimedFilesMain", icon: RiInboxArchiveLine4, configKey: "isUnclaimedFiles", badge: 2 },
-    { name: "Completed Files", component: "CompletedFilesMain", icon: RiFileUploadLine3, configKey: "isCompletedFiles", badge: 19 },
+    { name: "Unclaimed Files", component: "UnclaimedFilesMain", icon: RiInboxArchiveLine4, configKey: "isUnclaimedFiles" },
+    { name: "Completed Files", component: "CompletedFilesMain", icon: RiFileUploadLine3, configKey: "isCompletedFiles" },
     { name: "Business Entity", component: "BusinessEntitymain", icon: RiFileList3Line, configKey: "isBusinessEntity" },
     { name: "File Instance", component: "FileInstanceMain", icon: RiFileList3Line, configKey: "isFileInstance" },
     { name: "File Pool", component: "FilePoolMain", icon: RiDatabase2Line, configKey: "isFilePool" },
@@ -25423,21 +25557,21 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
     ...trackingItems,
     ...communicationItems
   ];
-  const [activeComponent, setActiveComponent] = useState81(() => {
+  const [activeComponent, setActiveComponent] = useState82(() => {
     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] = useState81(false);
-  const [permissionOpen, setPermissionOpen] = useState81(false);
-  const [hierarchyOpen, setHierarchyOpen] = useState81(false);
-  const [documentOpen, setDocumentOpen] = useState81(false);
-  const [filesOpen, setFilesOpen] = useState81(true);
-  const [tasksOpen, setTasksOpen] = useState81(false);
-  const [trackingOpen, setTrackingOpen] = useState81(false);
-  const [communicationOpen, setCommunicationOpen] = useState81(false);
-  useEffect60(() => {
+  const [workflowOpen, setWorkflowOpen] = useState82(false);
+  const [permissionOpen, setPermissionOpen] = useState82(false);
+  const [hierarchyOpen, setHierarchyOpen] = useState82(false);
+  const [documentOpen, setDocumentOpen] = useState82(false);
+  const [filesOpen, setFilesOpen] = useState82(true);
+  const [tasksOpen, setTasksOpen] = useState82(false);
+  const [trackingOpen, setTrackingOpen] = useState82(false);
+  const [communicationOpen, setCommunicationOpen] = useState82(false);
+  useEffect62(() => {
     if (workflowItems.some((item) => item.component === activeComponent)) {
       setWorkflowOpen(true);
     } else if (permissionItems.some((item) => item.component === activeComponent)) {
@@ -25724,10 +25858,10 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
 }
 
 // src/components/Layout.jsx
-import { useState as useState82 } from "react";
+import { useState as useState83 } from "react";
 import { jsx as jsx118 } from "react/jsx-runtime";
 var Layout = ({ children, sidebar, sidebarConfig }) => {
-  const [isOpen, setIsOpen] = useState82(true);
+  const [isOpen, setIsOpen] = useState83(true);
   const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
   return /* @__PURE__ */ jsx118(
     "div",