flowcore-fn 10.4.1 → 10.4.2

package/dist/pkg-index.js

@@ -149,8 +149,8 @@ __export(pkg_index_exports, {
 module.exports = __toCommonJS(pkg_index_exports);
 
 // src/components/Sidebar.jsx
-var import_react137 = require("react");
-var import_react138 = require("@remixicon/react");
+var import_react138 = require("react");
+var import_react139 = require("@remixicon/react");
 var import_router = require("next/router");
 
 // src/components/workflow/WorkflowMain.jsx
@@ -7654,7 +7654,7 @@ function DocumentConfigTable({
             onClick: () => handleSort("workflowName"),
             className: "fc:py-4 fc:px-2 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-38",
             children: [
-              "Workflow Name",
+              "Workflow",
               " ",
               sortKey === "workflowName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
             ]
@@ -7678,7 +7678,7 @@ function DocumentConfigTable({
             onClick: () => handleSort("stepId"),
             className: "fc:py-4 fc:px-2 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-38",
             children: [
-              "Workflow Step Name",
+              "Step Name",
               " ",
               sortKey === "stepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
             ]
@@ -9190,8 +9190,8 @@ function Table({
   const q = searchQuery.toLowerCase().trim();
   const filtered = apiData.filter(
     (item) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      return !q || String((_b = (_a = item.stepPermissionId) != null ? _a : item.id) != null ? _b : "").toLowerCase().includes(q) || String((_c = item.workflowStepId) != null ? _c : "").toLowerCase().includes(q) || String((_g = (_f = (_e = (_d = item.stepName) != null ? _d : item.StepName) != null ? _e : item.workflowStepName) != null ? _f : item.WorkflowStepName) != null ? _g : "").toLowerCase().includes(q);
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      return !q || String((_b = (_a = item.stepPermissionId) != null ? _a : item.id) != null ? _b : "").toLowerCase().includes(q) || String((_c = item.workflowStepId) != null ? _c : "").toLowerCase().includes(q) || String((_e = (_d = item.workflowName) != null ? _d : item.WorkflowName) != null ? _e : "").toLowerCase().includes(q) || String((_g = (_f = item.workflowTypeName) != null ? _f : item.WorkflowTypeName) != null ? _g : "").toLowerCase().includes(q) || String((_k = (_j = (_i = (_h = item.stepName) != null ? _h : item.StepName) != null ? _i : item.workflowStepName) != null ? _j : item.WorkflowStepName) != null ? _k : "").toLowerCase().includes(q);
     }
   );
   const sorted = [...filtered].sort((a, b) => {
@@ -9216,7 +9216,9 @@ function Table({
   );
   const columns = [
     // { label: "ID", key: "stepPermissionId" },
-    { label: "Workflow Step", key: "workflowStepId" },
+    { label: "Workflow Type", key: "workflowTypeName" },
+    { label: "Workflow", key: "workflowName" },
+    { label: "Step Name", key: "workflowStepId" },
     { label: "Can View", key: "canView" },
     { label: "Can Edit", key: "canEdit" },
     { label: "Can Approve", key: "canApprove" },
@@ -9294,14 +9296,16 @@ function Table({
           children: "No step permissions found."
         }
       ) }) : visibleData.map((item, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "tr",
           {
             className: "hover:fc:bg-slate-50/50 fc:transition-colors",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-bold fc:text-slate-600 fc:whitespace-nowrap", children: (_h = (_e = (_d = (_c = item.stepName) != null ? _c : item.StepName) != null ? _d : item.workflowStepName) != null ? _e : item.WorkflowStepName) != null ? _h : (_g = (_f = item.workflowStepId) != null ? _f : item.WorkflowStepId) != null ? _g : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-medium fc:text-slate-600 fc:whitespace-nowrap", children: (_d = (_c = item.workflowName) != null ? _c : item.WorkflowName) != null ? _d : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-medium fc:text-slate-600 fc:whitespace-nowrap", children: (_f = (_e = item.workflowTypeName) != null ? _e : item.WorkflowTypeName) != null ? _f : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:text-[13px] fc:font-bold fc:text-slate-600 fc:whitespace-nowrap", children: (_l = (_i = (_h = (_g = item.stepName) != null ? _g : item.StepName) != null ? _h : item.stepName) != null ? _i : item.stepName) != null ? _l : (_k = (_j = item.stepName) != null ? _j : item.stepName) != null ? _k : "-" }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BoolBadge, { val: item.canView }) }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BoolBadge, { val: item.canEdit }) }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BoolBadge, { val: item.canApprove }) }),
@@ -16425,7 +16429,9 @@ function Table4({
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:max-h-[420px] fc:overflow-auto fc:rounded-2xl fc:border fc:border-slate-200", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("table", { className: "fc:w-full fc:bg-white fc:text-left", children: [
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("tr", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { className: "fc:bg-slate-50 fc:px-4 fc:py-4 fc:text-xs", children: "S.NO" }),
-        heading("WORKFLOW STEP Name", "stepName"),
+        heading("WORKFLOW TYPE", "workflowTypeName"),
+        heading("WORKFLOW", "workflowName"),
+        heading("STEP NAME", "stepName"),
         heading("ASSIGNMENT TYPE", "assignmentType"),
         heading("NODE TYPE", "hierarchyNodeType"),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("th", { className: "fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-xs", children: "POOL ENABLED" }),
@@ -16434,51 +16440,56 @@ function Table4({
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tbody", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "td",
         {
-          colSpan: "6",
+          colSpan: "8",
           className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-500",
           children: "Loading assignment rules..."
         }
       ) }) : visibleRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "td",
         {
-          colSpan: "6",
+          colSpan: "8",
           className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-400",
           children: "No assignment rules found."
         }
-      ) }) : visibleRows.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
-        "tr",
-        {
-          className: "fc:border-t fc:border-slate-100",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.stepName }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onEdit(item),
-                  className: "fc:mr-2 fc:rounded-lg fc:bg-blue-50 fc:px-3 fc:py-1 fc:text-blue-600",
-                  children: "Edit"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onDelete(item),
-                  className: "fc:rounded-lg fc:bg-rose-50 fc:px-3 fc:py-1 fc:text-rose-600",
-                  children: "Delete"
-                }
-              )
-            ] })
-          ]
-        },
-        item.assignmentRuleId
-      )) })
+      ) }) : visibleRows.map((item, index) => {
+        var _a, _b;
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+          "tr",
+          {
+            className: "fc:border-t fc:border-slate-100",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: (_a = item.workflowTypeName) != null ? _a : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: (_b = item.workflowName) != null ? _b : "-" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.stepName }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onEdit(item),
+                    className: "fc:mr-2 fc:rounded-lg fc:bg-blue-50 fc:px-3 fc:py-1 fc:text-blue-600",
+                    children: "Edit"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onDelete(item),
+                    className: "fc:rounded-lg fc:bg-rose-50 fc:px-3 fc:py-1 fc:text-rose-600",
+                    children: "Delete"
+                  }
+                )
+              ] })
+            ]
+          },
+          item.assignmentRuleId
+        );
+      }) })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-2 fc:text-sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
@@ -17020,7 +17031,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     }
   };
   const filteredMappings = mappings.filter((mapping) => {
-    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
     const query = searchQuery.trim().toLowerCase();
     const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
     const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
@@ -17029,6 +17040,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     const stepCode = (_p = (_o = mapping.workflowCode) != null ? _o : mapping.WorkflowCode) != null ? _p : workflowCodeMap[stepId];
     return !query || [
       (_q = mapping.workflowHierarchyNodeMappingId) != null ? _q : mapping.WorkflowHierarchyNodeMappingId,
+      (_r = mapping.workflowTypeName) != null ? _r : mapping.WorkflowTypeName,
       stepId,
       stepName,
       stepCode,
@@ -17115,6 +17127,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { ref: tableRef, className: "fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("table", { className: "fc:w-full fc:text-sm", children: [
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("tr", { className: "fc:bg-slate-100 fc:text-slate-600", children: [
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "#" }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Type" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Name" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Code" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Hierarchy Node Name" }),
@@ -17124,19 +17137,19 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
           /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "td",
             {
-              colSpan: 6,
+              colSpan: 7,
               className: "fc:p-8 fc:text-center fc:text-slate-400",
               children: "Loading mappings..."
             }
           ) }) : visibleMappings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "td",
             {
-              colSpan: 6,
+              colSpan: 7,
               className: "fc:p-8 fc:text-center fc:text-slate-400",
               children: "No workflow step hierarchy mappings found."
             }
           ) }) : visibleMappings.map((mapping, index) => {
-            var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+            var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
             const mappingId = getMappingId(mapping);
             const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
             const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
@@ -17150,6 +17163,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
                 className: "fc:border-t fc:border-slate-100 hover:fc:bg-slate-50",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: (safePage - 1) * pageSize + index + 1 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: (_v = (_u = mapping.workflowTypeName) != null ? _u : mapping.WorkflowTypeName) != null ? _v : "-" }),
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: stepDisplayName }),
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: stepCodeDisplayName }),
                   /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { className: "fc:p-3", children: nodeDisplayName }),
@@ -19838,9 +19852,9 @@ function StatusMain() {
 }
 
 // src/components/inbox/InboxMain.jsx
-var import_react125 = __toESM(require("react"));
+var import_react126 = __toESM(require("react"));
 var import_sweetalert231 = __toESM(require("sweetalert2"));
-var import_react126 = require("@remixicon/react");
+var import_react127 = require("@remixicon/react");
 
 // src/components/inbox/PoolConfirmationModal.jsx
 var import_react97 = __toESM(require("react"));
@@ -20728,7 +20742,7 @@ function NotificationPopover({
         className: `fc:relative fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:rounded-xl fc:transition-all ${isOpen ? "fc:border-blue-400 fc:bg-blue-50 fc:text-blue-600 fc:shadow-sm" : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-slate-600 fc:shadow-sm"}`,
         children: [
           isOpen ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react104.RiNotification3Fill, { size: 17 }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react104.RiNotification3Line, { size: 17 }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "fc:absolute fc:-top-1.5 fc:-right-1.5 fc:min-w-[18px] fc:h-[18px] fc:px-1 fc:flex fc:items-center fc:justify-center fc:bg-rose-500 fc:text-white fc:text-[10px] fc:font-extrabold fc:rounded-full fc:shadow-sm fc:border-2 fc:border-white fc:leading-none", children: unreadCount > 0 ? unreadCount > 99 ? "99+" : unreadCount : 6 })
+          unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "fc:absolute fc:-top-1.5 fc:-right-1.5 fc:min-w-[18px] fc:h-[18px] fc:px-1 fc:flex fc:items-center fc:justify-center fc:bg-rose-500 fc:text-white fc:text-[10px] fc:font-extrabold fc:rounded-full fc:shadow-sm fc:border-2 fc:border-white fc:leading-none", children: unreadCount > 99 ? "99+" : unreadCount })
         ]
       }
     ),
@@ -20936,12 +20950,120 @@ function NotificationPopover({
 }
 
 // src/components/inbox/ReviewApplication.jsx
-var import_react123 = __toESM(require("react"));
-var import_react124 = require("@remixicon/react");
+var import_react124 = __toESM(require("react"));
+var import_react125 = require("@remixicon/react");
+
+// src/components/inbox/ReviewHeaderBar.jsx
+var import_react106 = __toESM(require("react"));
+var import_react107 = require("@remixicon/react");
+
+// src/components/Service/UserProfileService.js
+var import_react105 = require("react");
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
+var PROFILE_STORAGE_KEY = "FLOWCORE_USER_PROFILE";
+var memoryCachedProfile = null;
+var inflightPromise = null;
+var getProfileEndpoint = () => {
+  var _a, _b, _c;
+  try {
+    const endpoints = getApiEndpoints();
+    if (endpoints == null ? void 0 : endpoints.ProfileApi) return endpoints.ProfileApi;
+    if (endpoints == null ? void 0 : endpoints.profileApi) return endpoints.profileApi;
+    if ((_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.profileApi) return endpoints.flowCore.profileApi;
+    if ((_b = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _b.ProfileApi) return endpoints.flowCore.ProfileApi;
+    if ((_c = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _c.getDashboardProfile) return endpoints.flowCore.getDashboardProfile;
+  } catch (err) {
+  }
+  return null;
+};
+var extractName = (data) => {
+  if (!data || typeof data !== "object") return "";
+  return data.name || data.Name || data.userName || data.fullName || "";
+};
+var fetchUserProfile = async (forceRefresh = false) => {
+  if (!forceRefresh) {
+    if (memoryCachedProfile) {
+      return memoryCachedProfile;
+    }
+    if (typeof window !== "undefined") {
+      try {
+        const stored = sessionStorage.getItem(PROFILE_STORAGE_KEY);
+        if (stored) {
+          memoryCachedProfile = JSON.parse(stored);
+          return memoryCachedProfile;
+        }
+      } catch (e) {
+      }
+    }
+  }
+  if (inflightPromise) {
+    return inflightPromise;
+  }
+  inflightPromise = (async () => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint3 = getProfileEndpoint();
+      if (!endpoint3) return null;
+      const apiService2 = getApiService();
+      const res = await apiService2.get(endpoint3);
+      const data = (_e = (_d = (_c = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) != null ? _c : (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.result) != null ? _d : res == null ? void 0 : res.data) != null ? _e : res;
+      if (data && typeof data === "object") {
+        memoryCachedProfile = data;
+        if (typeof window !== "undefined") {
+          try {
+            sessionStorage.setItem(PROFILE_STORAGE_KEY, JSON.stringify(data));
+          } catch (e) {
+          }
+        }
+        return data;
+      }
+      return null;
+    } catch (error) {
+      console.warn("Failed to fetch dashboard profile:", error);
+      return null;
+    } finally {
+      inflightPromise = null;
+    }
+  })();
+  return inflightPromise;
+};
+var useUserProfile = () => {
+  const [profile, setProfile] = (0, import_react105.useState)(() => {
+    if (memoryCachedProfile) return memoryCachedProfile;
+    if (typeof window !== "undefined") {
+      try {
+        const stored = sessionStorage.getItem(PROFILE_STORAGE_KEY);
+        if (stored) return JSON.parse(stored);
+      } catch (e) {
+      }
+    }
+    return null;
+  });
+  const [userName, setUserName] = (0, import_react105.useState)(() => extractName(profile));
+  (0, import_react105.useEffect)(() => {
+    let isCurrent = true;
+    fetchUserProfile().then((data) => {
+      if (!isCurrent || !data) return;
+      setProfile(data);
+      const name = extractName(data);
+      if (name) {
+        setUserName(name);
+      }
+    });
+    return () => {
+      isCurrent = false;
+    };
+  }, []);
+  const initial = userName ? userName.trim().charAt(0).toUpperCase() : "U";
+  return {
+    profile,
+    userName,
+    initial
+  };
+};
 
 // src/components/inbox/ReviewHeaderBar.jsx
-var import_react105 = __toESM(require("react"));
-var import_react106 = require("@remixicon/react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 function ReviewHeaderBar({
   onBackToInbox,
@@ -20949,11 +21071,15 @@ function ReviewHeaderBar({
   activeStepName,
   assignedSteps = [],
   onSelectWorkflowStepId,
-  refreshKey
+  refreshKey,
+  userName: propUserName
 }) {
-  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react105.useState)(false);
-  const roleDropdownRef = (0, import_react105.useRef)(null);
-  (0, import_react105.useEffect)(() => {
+  const { userName: hookUserName, initial: hookInitial } = useUserProfile();
+  const userName = propUserName || hookUserName;
+  const userInitial = userName ? userName.trim().charAt(0).toUpperCase() : hookInitial;
+  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react106.useState)(false);
+  const roleDropdownRef = (0, import_react106.useRef)(null);
+  (0, import_react106.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (roleDropdownRef.current && !roleDropdownRef.current.contains(e.target)) {
         setRoleDropdownOpen(false);
@@ -20974,12 +21100,12 @@ function ReviewHeaderBar({
           title: "Back to My Files",
           className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-2.5 fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:text-slate-600 hover:fc:bg-slate-50 hover:fc:text-blue-600 fc:transition-colors fc:shrink-0 fc:font-semibold",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiArrowGoBackLine, { size: 15 }),
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiArrowGoBackLine, { size: 15 }),
             /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: "My Files" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiArrowRightSLine, { size: 14, className: "fc:text-slate-400" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiArrowRightSLine, { size: 14, className: "fc:text-slate-400" }),
       /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:font-bold fc:text-slate-800", children: "Review Application" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
@@ -20998,12 +21124,12 @@ function ReviewHeaderBar({
           className: "fc:relative fc:flex fc:items-center fc:gap-2.5 fc:bg-slate-50 fc:border fc:border-slate-200 fc:rounded-xl fc:p-1.5 fc:pr-3",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:relative fc:shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-full fc:bg-blue-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: "D" }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-full fc:bg-blue-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: userInitial }),
               /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:absolute fc:-bottom-0.5 fc:-right-0.5 fc:w-2 fc:h-2 fc:bg-emerald-500 fc:border-2 fc:border-white fc:rounded-full" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: userName || "User" }),
                 /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
                   "button",
                   {
@@ -21014,7 +21140,7 @@ function ReviewHeaderBar({
                     className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:rounded fc:border fc:border-blue-200 fc:bg-blue-50 fc:px-1.5 fc:py-0.2 fc:text-[10px] fc:font-bold fc:text-blue-700 hover:fc:bg-blue-100",
                     children: [
                       activeStepName || "Scruitny",
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiArrowDownSLine, { size: 11 })
+                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiArrowDownSLine, { size: 11 })
                     ]
                   }
                 )
@@ -21077,7 +21203,7 @@ function ReviewHeaderBar({
           type: "button",
           title: "Settings",
           className: "fc:w-8 fc:h-8 fc:flex fc:items-center fc:justify-center fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-slate-600 fc:transition-colors",
-          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react106.RiSettings4Line, { size: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react107.RiSettings4Line, { size: 16 })
         }
       )
     ] })
@@ -21085,8 +21211,8 @@ function ReviewHeaderBar({
 }
 
 // src/components/inbox/FileInfoStrip.jsx
-var import_react107 = __toESM(require("react"));
-var import_react108 = require("@remixicon/react");
+var import_react108 = __toESM(require("react"));
+var import_react109 = require("@remixicon/react");
 var import_jsx_runtime102 = require("react/jsx-runtime");
 function FileInfoStrip({
   fileNo,
@@ -21157,7 +21283,7 @@ function FileInfoStrip({
             type: "button",
             className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:rounded-xl fc:border fc:border-blue-200 fc:bg-white hover:fc:bg-blue-50 fc:text-blue-600 fc:text-xs fc:font-bold fc:shrink-0 fc:shadow-sm fc:transition-colors fc:whitespace-nowrap fc:ml-2",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react108.RiEyeLine, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react109.RiEyeLine, { size: 14 }),
               /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: "Preview Form (Read Only)" })
             ]
           }
@@ -21168,8 +21294,8 @@ function FileInfoStrip({
 }
 
 // src/components/inbox/WorkflowStepper.jsx
-var import_react109 = __toESM(require("react"));
-var import_react110 = require("@remixicon/react");
+var import_react110 = __toESM(require("react"));
+var import_react111 = require("@remixicon/react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function WorkflowStepper({
   workflowSteps,
@@ -21204,7 +21330,7 @@ function WorkflowStepper({
       const markerClass = isComplete ? "fc:border-emerald-600 fc:bg-emerald-600 fc:text-white" : isCurrent ? "fc:border-blue-600 fc:bg-blue-600 fc:text-white fc:ring-4 fc:ring-blue-100" : "fc:border-slate-300 fc:bg-white fc:text-slate-500";
       const labelClass = isComplete ? "fc:font-bold fc:text-emerald-700" : isCurrent ? "fc:font-bold fc:text-blue-600" : "fc:font-medium fc:text-slate-600";
       return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:flex-col fc:items-center fc:px-1 fc:text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-full fc:border-2 fc:text-xs fc:font-bold ${markerClass}`, children: isComplete ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react110.RiCheckLine, { size: 17 }) : sequence }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: `fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-full fc:border-2 fc:text-xs fc:font-bold ${markerClass}`, children: isComplete ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react111.RiCheckLine, { size: 17 }) : sequence }),
         /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: `fc:mt-2 fc:max-w-full fc:text-xs ${labelClass}`, children: [
           sequence,
           " ",
@@ -21217,8 +21343,8 @@ function WorkflowStepper({
 }
 
 // src/components/inbox/ReviewTabs.jsx
-var import_react111 = __toESM(require("react"));
-var import_react112 = require("@remixicon/react");
+var import_react112 = __toESM(require("react"));
+var import_react113 = require("@remixicon/react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 function ReviewTabs({ activeTab, setActiveTab }) {
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-200 fc:px-1 fc:pt-2", children: [
@@ -21230,7 +21356,7 @@ function ReviewTabs({ activeTab, setActiveTab }) {
           onClick: () => setActiveTab("fileDetails"),
           className: `fc:inline-flex fc:items-center fc:gap-2 fc:pb-3 fc:text-sm fc:transition-all fc:border-b-2 ${activeTab === "fileDetails" ? "fc:border-blue-600 fc:text-blue-600 fc:font-bold -fc:mb-[2px]" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800 fc:font-medium"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiFileTextLine, { size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiFileTextLine, { size: 16 }),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: "File Details" })
           ]
         }
@@ -21242,7 +21368,7 @@ function ReviewTabs({ activeTab, setActiveTab }) {
           onClick: () => setActiveTab("workflowHistory"),
           className: `fc:inline-flex fc:items-center fc:gap-2 fc:pb-3 fc:text-sm fc:transition-all fc:border-b-2 ${activeTab === "workflowHistory" ? "fc:border-blue-600 fc:text-blue-600 fc:font-bold -fc:mb-[2px]" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800 fc:font-medium"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiHistoryLine, { size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiHistoryLine, { size: 16 }),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: "Workflow History" })
           ]
         }
@@ -21254,9 +21380,9 @@ function ReviewTabs({ activeTab, setActiveTab }) {
         type: "button",
         className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiFilterLine, { size: 14, className: "fc:text-slate-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiFilterLine, { size: 14, className: "fc:text-slate-400" }),
           /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: "All movements" }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react112.RiArrowDownSLine, { size: 14, className: "fc:text-slate-400" })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react113.RiArrowDownSLine, { size: 14, className: "fc:text-slate-400" })
         ]
       }
     )
@@ -21264,8 +21390,8 @@ function ReviewTabs({ activeTab, setActiveTab }) {
 }
 
 // src/components/inbox/WorkflowHistoryTab.jsx
-var import_react113 = __toESM(require("react"));
-var import_react114 = require("@remixicon/react");
+var import_react114 = __toESM(require("react"));
+var import_react115 = require("@remixicon/react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function WorkflowHistoryTab({
   fileHistory,
@@ -21301,7 +21427,7 @@ function WorkflowHistoryTab({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-7 fc:h-7 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: item.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiTimeLine, { size: 19, className: "fc:text-slate-800" }) : item.type === "return" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#DC2626] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiArrowGoBackLine, { size: 13 }) }) : item.type === "submit" || item.type === "resubmit" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#059669] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiSendPlane2Fill, { size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#2563EB] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiArrowRightLine, { size: 13 }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-7 fc:h-7 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: item.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiTimeLine, { size: 19, className: "fc:text-slate-800" }) : item.type === "return" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#DC2626] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiArrowGoBackLine, { size: 13 }) }) : item.type === "submit" || item.type === "resubmit" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#059669] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiSendPlane2Fill, { size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#2563EB] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiArrowRightLine, { size: 13 }) }) }),
               /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "fc:w-[155px] fc:text-xs fc:text-slate-600 fc:shrink-0", children: item.date }),
               /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "fc:w-[145px] fc:shrink-0", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900 fc:block fc:leading-tight", children: item.userName }),
@@ -21323,7 +21449,7 @@ function WorkflowHistoryTab({
                   onClick: () => onViewDetails(item),
                   className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700 fc:shrink-0 fc:cursor-pointer",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react114.RiEyeLine, { size: 15 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react115.RiEyeLine, { size: 15 }),
                     /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: "View details" })
                   ]
                 }
@@ -21338,12 +21464,12 @@ function WorkflowHistoryTab({
 }
 
 // src/components/inbox/FileDetailsTab.jsx
-var import_react117 = __toESM(require("react"));
-var import_react118 = require("@remixicon/react");
+var import_react118 = __toESM(require("react"));
+var import_react119 = require("@remixicon/react");
 
 // src/components/inbox/DynamicFormDisplay.jsx
-var import_react115 = __toESM(require("react"));
-var import_react116 = require("@remixicon/react");
+var import_react116 = __toESM(require("react"));
+var import_react117 = require("@remixicon/react");
 init_ApiServicepackage();
 
 // src/components/inbox/reviewHelpers.js
@@ -21566,7 +21692,7 @@ var AttachmentsSection = ({ section }) => {
     const size = formatSize(file.sizeBytes);
     return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
       /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3 fc:min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-lg fc:bg-red-100 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFileTextLine, { size: 18, className: "fc:text-red-500" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-lg fc:bg-red-100 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFileTextLine, { size: 18, className: "fc:text-red-500" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
           /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "fc:block fc:text-[11px] fc:text-slate-500 fc:break-all", children: [
@@ -21576,19 +21702,19 @@ var AttachmentsSection = ({ section }) => {
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("a", { href: file.downloadUrl, download: true, className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700 fc:shrink-0 fc:ml-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiDownload2Line, { size: 15 }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiDownload2Line, { size: 15 }),
         /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: "Download" })
       ] })
     ] }, file.id);
   }) });
 };
 function DynamicFormDisplay({ fileNo, maximized = false, onToggleMaximize }) {
-  const [displayData, setDisplayData] = (0, import_react115.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react115.useState)("");
-  const [expandedSections, setExpandedSections] = (0, import_react115.useState)({});
-  const [isLoading, setIsLoading] = (0, import_react115.useState)(false);
-  const [loadError, setLoadError] = (0, import_react115.useState)("");
-  (0, import_react115.useEffect)(() => {
+  const [displayData, setDisplayData] = (0, import_react116.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react116.useState)("");
+  const [expandedSections, setExpandedSections] = (0, import_react116.useState)({});
+  const [isLoading, setIsLoading] = (0, import_react116.useState)(false);
+  const [loadError, setLoadError] = (0, import_react116.useState)("");
+  (0, import_react116.useEffect)(() => {
     if (!fileNo) {
       setDisplayData(null);
       setActiveTab("");
@@ -21646,7 +21772,7 @@ function DynamicFormDisplay({ fileNo, maximized = false, onToggleMaximize }) {
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:overflow-hidden ${isMax ? "fc:w-full" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-5 fc:py-4 fc:border-b fc:border-slate-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFileTextLine, { size: 20, className: "fc:text-blue-600" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFileTextLine, { size: 20, className: "fc:text-blue-600" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h2", { className: "fc:text-[16px] fc:font-extrabold fc:text-slate-900", children: displayData.formName }),
           /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400", children: [
@@ -21664,7 +21790,7 @@ function DynamicFormDisplay({ fileNo, maximized = false, onToggleMaximize }) {
           className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:border fc:border-slate-200 fc:rounded-lg fc:px-2.5 fc:py-1 fc:text-xs fc:font-semibold fc:text-slate-600 hover:fc:bg-slate-50 fc:transition-colors fc:shrink-0",
           title: isMax ? "Restore" : "Maximize",
           children: [
-            isMax ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFullscreenExitLine, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFullscreenLine, { size: 14 }),
+            isMax ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFullscreenExitLine, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react117.RiFullscreenLine, { size: 14 }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: isMax ? "Restore" : "Maximize" })
           ]
         }
@@ -21823,7 +21949,7 @@ function FileDetailsTab({
                             "div",
                             {
                               className: `fc:w-6 fc:h-6 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:shrink-0 ${m.type === "alert" ? "fc:bg-[#EF4444] fc:text-white" : m.type === "check" ? "fc:bg-[#059669] fc:text-white" : "fc:bg-[#2563EB] fc:text-white"}`,
-                              children: m.type === "alert" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiArrowGoBackLine, { size: 13, className: "fc:stroke-[1.5]" }) : m.type === "check" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiCheckLine, { size: 13, className: "fc:stroke-[2.5]" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiArrowRightLine, { size: 13, className: "fc:stroke-2" })
+                              children: m.type === "alert" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiArrowGoBackLine, { size: 13, className: "fc:stroke-[1.5]" }) : m.type === "check" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiCheckLine, { size: 13, className: "fc:stroke-[2.5]" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiArrowRightLine, { size: 13, className: "fc:stroke-2" })
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "fc:min-w-0", children: [
@@ -21846,7 +21972,7 @@ function FileDetailsTab({
                             style: { fontSize: "10px", lineHeight: "1" },
                             className: "fc:inline-flex fc:items-center fc:gap-1 fc:text-[10px] fc:font-medium fc:text-blue-600 hover:fc:underline fc:shrink-0 fc:ml-2 fc:z-10",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react118.RiEyeLine, { size: 12 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react119.RiEyeLine, { size: 12 }),
                               /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "View details" })
                             ]
                           }
@@ -21866,7 +21992,7 @@ function FileDetailsTab({
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: showAllMovements ? "Show fewer movements" : "Show more movements" }),
                     /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-                      import_react118.RiArrowDownSLine,
+                      import_react119.RiArrowDownSLine,
                       {
                         size: 15,
                         className: `fc:text-blue-600 fc:transition-transform ${showAllMovements ? "fc:rotate-180" : ""}`
@@ -21884,8 +22010,8 @@ function FileDetailsTab({
 }
 
 // src/components/inbox/MovementDetailModal.jsx
-var import_react119 = __toESM(require("react"));
-var import_react120 = require("@remixicon/react");
+var import_react120 = __toESM(require("react"));
+var import_react121 = require("@remixicon/react");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function MovementDetailModal({
   selectedHistoryItem,
@@ -21916,7 +22042,7 @@ function MovementDetailModal({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("header", { className: "fc:flex fc:items-center fc:justify-between fc:gap-4 fc:border-b fc:border-slate-100 fc:bg-slate-50 fc:px-6 fc:py-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-10 fc:w-10 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-blue-700", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react120.RiHistoryLine, { size: 19 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-10 fc:w-10 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-blue-700", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react121.RiHistoryLine, { size: 19 }) }),
               /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "fc:min-w-0", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("h2", { id: "movement-detail-title", className: "fc:truncate fc:text-base fc:font-bold fc:text-slate-900", children: (_d = (_c = (_a = historyDetail == null ? void 0 : historyDetail.movement) == null ? void 0 : _a.actionName) != null ? _c : (_b = historyDetail == null ? void 0 : historyDetail.movement) == null ? void 0 : _b.ActionName) != null ? _d : selectedHistoryItem.title }),
                 /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("p", { className: "fc:mt-0.5 fc:text-xs fc:text-slate-500", children: [
@@ -21932,7 +22058,7 @@ function MovementDetailModal({
                 onClick: onClose,
                 "aria-label": "Close",
                 className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:text-slate-500 hover:fc:bg-slate-200/70",
-                children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react120.RiCloseLine, { size: 20 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react121.RiCloseLine, { size: 20 })
               }
             )
           ] }),
@@ -22000,7 +22126,7 @@ function MovementDetailModal({
                         className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:px-3.5 fc:py-3",
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:bg-slate-100 fc:text-slate-600", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react120.RiFileTextLine, { size: 17 }) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:bg-slate-100 fc:text-slate-600", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react121.RiFileTextLine, { size: 17 }) }),
                             /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "fc:min-w-0", children: [
                               /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:block fc:truncate fc:text-sm fc:font-medium fc:text-slate-800", children: name }),
                               kind && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "fc:block fc:text-xs fc:text-slate-500", children: kind })
@@ -22032,9 +22158,9 @@ function MovementDetailModal({
 }
 
 // src/components/inbox/TakeActionPanel.jsx
-var import_react121 = __toESM(require("react"));
+var import_react122 = __toESM(require("react"));
 var import_sweetalert230 = __toESM(require("sweetalert2"));
-var import_react122 = require("@remixicon/react");
+var import_react123 = require("@remixicon/react");
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 var import_jsx_runtime109 = require("react/jsx-runtime");
@@ -22048,24 +22174,24 @@ function TakeActionPanel({
   onMinimize
 }) {
   var _a;
-  const [actions, setActions] = (0, import_react121.useState)(DEFAULT_ACTIONS);
-  const [actionCode, setActionCode] = (0, import_react121.useState)("RETURN_TO_APPLICANT");
-  const [remarks, setRemarks] = (0, import_react121.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react121.useState)(false);
-  const [editableFields, setEditableFields] = (0, import_react121.useState)([]);
-  const [selectedEditableFields, setSelectedEditableFields] = (0, import_react121.useState)([]);
-  const [isLoadingEditableFields, setIsLoadingEditableFields] = (0, import_react121.useState)(false);
-  const [editableFieldsError, setEditableFieldsError] = (0, import_react121.useState)("");
-  const [officialDocuments, setOfficialDocuments] = (0, import_react121.useState)([]);
-  const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] = (0, import_react121.useState)(false);
-  const [officialDocumentsError, setOfficialDocumentsError] = (0, import_react121.useState)("");
-  const [uploadedDocuments, setUploadedDocuments] = (0, import_react121.useState)([]);
-  const [uploadingDocumentId, setUploadingDocumentId] = (0, import_react121.useState)(null);
-  const [documentUploadErrors, setDocumentUploadErrors] = (0, import_react121.useState)({});
-  const documentInputRefs = (0, import_react121.useRef)({});
+  const [actions, setActions] = (0, import_react122.useState)(DEFAULT_ACTIONS);
+  const [actionCode, setActionCode] = (0, import_react122.useState)("RETURN_TO_APPLICANT");
+  const [remarks, setRemarks] = (0, import_react122.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react122.useState)(false);
+  const [editableFields, setEditableFields] = (0, import_react122.useState)([]);
+  const [selectedEditableFields, setSelectedEditableFields] = (0, import_react122.useState)([]);
+  const [isLoadingEditableFields, setIsLoadingEditableFields] = (0, import_react122.useState)(false);
+  const [editableFieldsError, setEditableFieldsError] = (0, import_react122.useState)("");
+  const [officialDocuments, setOfficialDocuments] = (0, import_react122.useState)([]);
+  const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] = (0, import_react122.useState)(false);
+  const [officialDocumentsError, setOfficialDocumentsError] = (0, import_react122.useState)("");
+  const [uploadedDocuments, setUploadedDocuments] = (0, import_react122.useState)([]);
+  const [uploadingDocumentId, setUploadingDocumentId] = (0, import_react122.useState)(null);
+  const [documentUploadErrors, setDocumentUploadErrors] = (0, import_react122.useState)({});
+  const documentInputRefs = (0, import_react122.useRef)({});
   const selectedAction = actions.find((a) => a.actionCode === actionCode);
   const isReturnToApplicant = ((_a = selectedAction == null ? void 0 : selectedAction.label) == null ? void 0 : _a.toLowerCase().includes("return")) || ["PULL", "RETURN_TO_APPLICANT"].includes(actionCode == null ? void 0 : actionCode.toUpperCase());
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     let isCurrent = true;
     (async () => {
       var _a2, _b, _c, _d, _e, _f, _g;
@@ -22090,7 +22216,7 @@ function TakeActionPanel({
       isCurrent = false;
     };
   }, [workflowStepId, activeWorkflowStepId]);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     if (!isReturnToApplicant) {
       setEditableFields([]);
       setSelectedEditableFields([]);
@@ -22119,7 +22245,7 @@ function TakeActionPanel({
       isCurrent = false;
     };
   }, [isReturnToApplicant]);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     const normalizedStepId = Number(workflowStepId);
     setOfficialDocuments([]);
     setUploadedDocuments([]);
@@ -22299,7 +22425,7 @@ function TakeActionPanel({
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:border-b fc:border-slate-100 fc:pb-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-[#ECFDF5] fc:text-[#059669] fc:flex fc:items-center fc:justify-center fc:border fc:border-[#A7F3D0]", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiCheckboxLine, { size: 18 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-[#ECFDF5] fc:text-[#059669] fc:flex fc:items-center fc:justify-center fc:border fc:border-[#A7F3D0]", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiCheckboxLine, { size: 18 }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h2", { style: { fontSize: "15px", lineHeight: "1.25", margin: 0 }, className: "fc:text-base fc:font-bold fc:text-slate-900 fc:leading-tight", children: "Take Action" }),
                   /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: [
@@ -22315,7 +22441,7 @@ function TakeActionPanel({
                   onClick: onMinimize || onBackToInbox,
                   title: "Minimize panel",
                   className: "fc:text-slate-400 hover:fc:text-slate-700 fc:p-1 fc:rounded-lg fc:transition-colors",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiCloseLine, { size: 19 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiCloseLine, { size: 19 })
                 }
               )
             ] }),
@@ -22474,7 +22600,7 @@ function TakeActionPanel({
                               border: isChecked ? "none" : "1.5px solid #CBD5E1",
                               color: "#ffffff"
                             },
-                            children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiCheckLine, { size: 12, className: "fc:stroke-[3]" })
+                            children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiCheckLine, { size: 12, className: "fc:stroke-[3]" })
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
@@ -22495,7 +22621,7 @@ function TakeActionPanel({
             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:border-t fc:border-slate-100 fc:pt-3 fc:space-y-1.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900", children: "Official attachments" }),
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiInformationFill, { size: 14, className: "fc:text-slate-600" })
+                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiInformationFill, { size: 14, className: "fc:text-slate-600" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:space-y-2 fc:pt-1", children: [
                 isLoadingOfficialDocuments && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "fc:py-3 fc:text-center fc:text-[11px] fc:text-slate-500", children: "Loading required documents..." }),
@@ -22535,7 +22661,7 @@ function TakeActionPanel({
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-2.5", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiFileTextLine, { size: 18, className: `fc:shrink-0 ${uploaded ? "fc:text-emerald-600" : "fc:text-slate-400"}` }),
+                            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiFileTextLine, { size: 18, className: `fc:shrink-0 ${uploaded ? "fc:text-emerald-600" : "fc:text-slate-400"}` }),
                             /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:min-w-0", children: [
                               /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "fc:flex fc:flex-wrap fc:items-center fc:gap-1.5", children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "fc:max-w-[180px] fc:truncate fc:text-xs fc:font-bold fc:text-slate-800", children: documentConfig.documentName }),
@@ -22556,7 +22682,7 @@ function TakeActionPanel({
                               disabled: isSubmitting || isLoadingOfficialDocuments || uploadingDocumentId != null,
                               className: "fc:inline-flex fc:shrink-0 fc:items-center fc:gap-1 fc:rounded-lg fc:border fc:border-blue-200 fc:bg-white fc:px-2.5 fc:py-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 fc:shadow-sm hover:fc:bg-blue-50 disabled:fc:cursor-not-allowed disabled:fc:opacity-50",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiUpload2Line, { size: 13 }),
+                                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiUpload2Line, { size: 13 }),
                                 /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: isUploading ? "Uploading..." : uploaded ? "Replace" : "Upload" })
                               ]
                             }
@@ -22605,7 +22731,7 @@ function TakeActionPanel({
                   disabled: isSubmitting,
                   className: "fc:inline-flex fc:items-center fc:gap-2 fc:px-6 fc:py-2.5 fc:bg-[#009E60] hover:fc:bg-[#008752] fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all hover:fc:scale-[1.01] active:fc:scale-95 disabled:fc:opacity-50",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react122.RiSendPlane2Fill, { size: 15 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react123.RiSendPlane2Fill, { size: 15 }),
                     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: isSubmitting ? "Submitting..." : "Submit Action" })
                   ]
                 }
@@ -22629,23 +22755,24 @@ function ReviewApplication({
   onSelectWorkflowStepId,
   onBackToInbox,
   onSubmitAction,
-  refreshKey
+  refreshKey,
+  userName
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [activeTab, setActiveTab] = (0, import_react123.useState)("workflowHistory");
-  const [showAllMovements, setShowAllMovements] = (0, import_react123.useState)(false);
-  const [isApplicantFormMaximized, setIsApplicantFormMaximized] = (0, import_react123.useState)(false);
-  const [isTakeActionMinimized, setIsTakeActionMinimized] = (0, import_react123.useState)(false);
-  const [workflowSteps, setWorkflowSteps] = (0, import_react123.useState)([]);
-  const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = (0, import_react123.useState)(false);
-  const [workflowStepsError, setWorkflowStepsError] = (0, import_react123.useState)("");
-  const [fileHistory, setFileHistory] = (0, import_react123.useState)([]);
-  const [isLoadingFileHistory, setIsLoadingFileHistory] = (0, import_react123.useState)(false);
-  const [fileHistoryError, setFileHistoryError] = (0, import_react123.useState)("");
-  const [selectedHistoryItem, setSelectedHistoryItem] = (0, import_react123.useState)(null);
-  const [historyDetail, setHistoryDetail] = (0, import_react123.useState)(null);
-  const [historyDetailError, setHistoryDetailError] = (0, import_react123.useState)("");
-  const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] = (0, import_react123.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react124.useState)("workflowHistory");
+  const [showAllMovements, setShowAllMovements] = (0, import_react124.useState)(false);
+  const [isApplicantFormMaximized, setIsApplicantFormMaximized] = (0, import_react124.useState)(false);
+  const [isTakeActionMinimized, setIsTakeActionMinimized] = (0, import_react124.useState)(false);
+  const [workflowSteps, setWorkflowSteps] = (0, import_react124.useState)([]);
+  const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = (0, import_react124.useState)(false);
+  const [workflowStepsError, setWorkflowStepsError] = (0, import_react124.useState)("");
+  const [fileHistory, setFileHistory] = (0, import_react124.useState)([]);
+  const [isLoadingFileHistory, setIsLoadingFileHistory] = (0, import_react124.useState)(false);
+  const [fileHistoryError, setFileHistoryError] = (0, import_react124.useState)("");
+  const [selectedHistoryItem, setSelectedHistoryItem] = (0, import_react124.useState)(null);
+  const [historyDetail, setHistoryDetail] = (0, import_react124.useState)(null);
+  const [historyDetailError, setHistoryDetailError] = (0, import_react124.useState)("");
+  const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] = (0, import_react124.useState)(false);
   const fileNo = file == null ? void 0 : file.fileNo;
   const subject = (file == null ? void 0 : file.subject) || "ElectionPetition #41";
   const department = (file == null ? void 0 : file.department) && file.department !== "-" ? file.department : "Nodal 19";
@@ -22655,7 +22782,7 @@ function ReviewApplication({
   const createdOn = (file == null ? void 0 : file.receivedDate) && file.receivedDate !== "-" ? file.receivedDate : "01 Oct 2026, 10:24 AM";
   const workflowStepId = (_b = (_a = file == null ? void 0 : file.workflowStepId) != null ? _a : file == null ? void 0 : file.WorkflowStepId) != null ? _b : activeWorkflowStepId;
   const fileInstanceId = (_g = (_e = (_c = file == null ? void 0 : file.fileInstanceId) != null ? _c : file == null ? void 0 : file.FileInstanceId) != null ? _e : (_d = file == null ? void 0 : file.fileInstance) == null ? void 0 : _d.fileInstanceId) != null ? _g : (_f = file == null ? void 0 : file.FileInstance) == null ? void 0 : _f.FileInstanceId;
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     if (!workflowStepId) {
       setWorkflowSteps([]);
       setWorkflowStepsError("Workflow step ID is unavailable.");
@@ -22686,7 +22813,7 @@ function ReviewApplication({
     };
   }, [workflowStepId]);
   const historyNeeded = activeTab === "workflowHistory" || activeTab === "fileDetails";
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     if (!historyNeeded) return void 0;
     const normalizedFileInstanceId = Number(fileInstanceId);
     if (!Number.isInteger(normalizedFileInstanceId) || normalizedFileInstanceId <= 0) {
@@ -22762,7 +22889,8 @@ function ReviewApplication({
         activeStepName,
         assignedSteps,
         onSelectWorkflowStepId,
-        refreshKey
+        refreshKey,
+        userName
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "fc:p-3 md:fc:p-4 fc:flex fc:flex-row fc:gap-4 fc:items-start fc:w-full fc:min-w-0", children: [
@@ -22777,12 +22905,12 @@ function ReviewApplication({
                 title: "Back to My Files",
                 className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-9 fc:px-3 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:text-slate-600 hover:fc:bg-slate-50 hover:fc:text-blue-600 fc:transition-colors fc:shrink-0 fc:font-bold fc:text-xs",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react124.RiArrowGoBackLine, { size: 15 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react125.RiArrowGoBackLine, { size: 15 }),
                   /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "My Files" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:text-blue-600 fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react124.RiFileTextLine, { size: 22, className: "fc:text-blue-600" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:text-blue-600 fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react125.RiFileTextLine, { size: 22, className: "fc:text-blue-600" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-slate-900 fc:leading-tight", children: "Review Application" }),
               /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "fc:text-xs fc:text-slate-500 fc:mt-0.5", children: "View application details, workflow history and take action" })
@@ -22861,7 +22989,7 @@ function ReviewApplication({
         onClick: () => setIsTakeActionMinimized(false),
         className: "fc:fixed fc:bottom-6 fc:right-6 fc:z-40 fc:inline-flex fc:items-center fc:gap-2 fc:bg-[#009E60] hover:fc:bg-[#008752] fc:text-white fc:px-5 fc:py-3 fc:rounded-full fc:shadow-lg fc:shadow-emerald-600/30 fc:font-bold fc:text-sm fc:transition-all hover:fc:scale-105 active:fc:scale-95",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react124.RiCheckboxLine, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react125.RiCheckboxLine, { size: 18 }),
           /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Take Action" })
         ]
       }
@@ -22983,33 +23111,34 @@ function InboxMain({
   icon: PropIcon,
   iconBg
 }) {
-  const HeaderIcon = PropIcon || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? import_react126.RiUserReceivedLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? import_react126.RiInboxArchiveLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? import_react126.RiFileUploadLine : import_react126.RiInboxLine);
+  const HeaderIcon = PropIcon || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? import_react127.RiUserReceivedLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? import_react127.RiInboxArchiveLine : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? import_react127.RiFileUploadLine : import_react127.RiInboxLine);
   const headerTitle = title || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "My Files" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "Unclaimed Files" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "Completed Files" : "Inbox");
   const headerSubtitle = subtitle || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "View and process files currently assigned to your queue" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "Available files in the pool waiting to be claimed" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "Archive of all completed and processed workflow files" : "Manage, claim, and process workflow files across stages");
   const headerIconBg = iconBg || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "fc:bg-gradient-to-br fc:from-emerald-500 fc:to-teal-600" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "fc:bg-gradient-to-br fc:from-slate-700 fc:to-slate-900" : "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600");
-  const [activeTab, setActiveTab] = (0, import_react125.useState)(initialTab);
-  const [viewMode, setViewMode] = (0, import_react125.useState)(initialView);
-  const [reviewingFile, setReviewingFile] = (0, import_react125.useState)(null);
-  (0, import_react125.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react126.useState)(initialTab);
+  const [viewMode, setViewMode] = (0, import_react126.useState)(initialView);
+  const [reviewingFile, setReviewingFile] = (0, import_react126.useState)(null);
+  (0, import_react126.useEffect)(() => {
     if (initialTab) setActiveTab(initialTab);
   }, [initialTab]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     if (initialView) setViewMode(initialView);
   }, [initialView]);
-  const [assignedSteps, setAssignedSteps] = (0, import_react125.useState)([]);
-  const [activeWorkflowStepId, setActiveWorkflowStepId] = (0, import_react125.useState)(null);
-  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react125.useState)(false);
-  const roleDropdownRef = (0, import_react125.useRef)(null);
+  const { userName, initial: userInitial } = useUserProfile();
+  const [assignedSteps, setAssignedSteps] = (0, import_react126.useState)([]);
+  const [activeWorkflowStepId, setActiveWorkflowStepId] = (0, import_react126.useState)(null);
+  const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react126.useState)(false);
+  const roleDropdownRef = (0, import_react126.useRef)(null);
   const activeRoleDetails = assignedSteps.find(
     (step) => Number(step.workflowStepId) === Number(activeWorkflowStepId)
   );
   const activeRole = (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "No Assigned Step";
-  const [filePoolFiles, setFilePoolFiles] = (0, import_react125.useState)([]);
-  const [myFiles, setMyFiles] = (0, import_react125.useState)([]);
-  const [totalFiles, setTotalFiles] = (0, import_react125.useState)([]);
-  const [refreshKey, setRefreshKey] = (0, import_react125.useState)(0);
-  const [isUnclaiming, setIsUnclaiming] = (0, import_react125.useState)(false);
-  (0, import_react125.useEffect)(() => {
+  const [filePoolFiles, setFilePoolFiles] = (0, import_react126.useState)([]);
+  const [myFiles, setMyFiles] = (0, import_react126.useState)([]);
+  const [totalFiles, setTotalFiles] = (0, import_react126.useState)([]);
+  const [refreshKey, setRefreshKey] = (0, import_react126.useState)(0);
+  const [isUnclaiming, setIsUnclaiming] = (0, import_react126.useState)(false);
+  (0, import_react126.useEffect)(() => {
     let isCurrent = true;
     const loadAssignedSteps = async () => {
       var _a, _b;
@@ -23068,7 +23197,7 @@ function InboxMain({
       isCurrent = false;
     };
   }, []);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     let isCurrent = true;
     const loadStepFiles = async () => {
       var _a, _b;
@@ -23127,31 +23256,31 @@ function InboxMain({
       isCurrent = false;
     };
   }, [activeWorkflowStepId, refreshKey]);
-  const [dynamicColumns, setDynamicColumns] = (0, import_react125.useState)([
+  const [dynamicColumns, setDynamicColumns] = (0, import_react126.useState)([
     { key: "department", label: "Department", width: "190px", visible: true },
     { key: "applicant", label: "Applicant / Entity", width: "210px", visible: true },
     { key: "category", label: "Category / Type", width: "170px", visible: true },
     { key: "financialYear", label: "Financial Year", width: "120px", visible: true }
   ]);
-  const [columnDropdownOpen, setColumnDropdownOpen] = (0, import_react125.useState)(false);
-  const columnDropdownRef = (0, import_react125.useRef)(null);
-  const [searchQuery, setSearchQuery] = (0, import_react125.useState)("");
-  const [priorityFilter, setPriorityFilter] = (0, import_react125.useState)("all");
-  const [pageSize, setPageSize] = (0, import_react125.useState)(10);
-  const [currentPage, setCurrentPage] = (0, import_react125.useState)(1);
-  const [sortColumn, setSortColumn] = (0, import_react125.useState)("");
-  const [sortDirection, setSortDirection] = (0, import_react125.useState)("asc");
-  const [poolModalOpen, setPoolModalOpen] = (0, import_react125.useState)(false);
-  const [selectedPoolFile, setSelectedPoolFile] = (0, import_react125.useState)(null);
-  const [isClaimingPool, setIsClaimingPool] = (0, import_react125.useState)(false);
-  const [actionModalOpen, setActionModalOpen] = (0, import_react125.useState)(false);
-  const [selectedActionFile, setSelectedActionFile] = (0, import_react125.useState)(null);
-  const [viewModalOpen, setViewModalOpen] = (0, import_react125.useState)(false);
-  const [selectedViewFile, setSelectedViewFile] = (0, import_react125.useState)(null);
-  const tableRef = (0, import_react125.useRef)(null);
-  const [hoveredFileCard, setHoveredFileCard] = (0, import_react125.useState)(null);
-  const [hoverTimeoutId, setHoverTimeoutId] = (0, import_react125.useState)(null);
-  const hiddenDynamicColumns = (0, import_react125.useMemo)(
+  const [columnDropdownOpen, setColumnDropdownOpen] = (0, import_react126.useState)(false);
+  const columnDropdownRef = (0, import_react126.useRef)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react126.useState)("");
+  const [priorityFilter, setPriorityFilter] = (0, import_react126.useState)("all");
+  const [pageSize, setPageSize] = (0, import_react126.useState)(10);
+  const [currentPage, setCurrentPage] = (0, import_react126.useState)(1);
+  const [sortColumn, setSortColumn] = (0, import_react126.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react126.useState)("asc");
+  const [poolModalOpen, setPoolModalOpen] = (0, import_react126.useState)(false);
+  const [selectedPoolFile, setSelectedPoolFile] = (0, import_react126.useState)(null);
+  const [isClaimingPool, setIsClaimingPool] = (0, import_react126.useState)(false);
+  const [actionModalOpen, setActionModalOpen] = (0, import_react126.useState)(false);
+  const [selectedActionFile, setSelectedActionFile] = (0, import_react126.useState)(null);
+  const [viewModalOpen, setViewModalOpen] = (0, import_react126.useState)(false);
+  const [selectedViewFile, setSelectedViewFile] = (0, import_react126.useState)(null);
+  const tableRef = (0, import_react126.useRef)(null);
+  const [hoveredFileCard, setHoveredFileCard] = (0, import_react126.useState)(null);
+  const [hoverTimeoutId, setHoverTimeoutId] = (0, import_react126.useState)(null);
+  const hiddenDynamicColumns = (0, import_react126.useMemo)(
     () => dynamicColumns.filter((col) => !col.visible),
     [dynamicColumns]
   );
@@ -23209,12 +23338,12 @@ function InboxMain({
     }, 120);
     setHoverTimeoutId(timer);
   };
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     return () => {
       if (hoverTimeoutId) clearTimeout(hoverTimeoutId);
     };
   }, [hoverTimeoutId]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     const handleScroll = () => {
       if (hoveredFileCard) {
         setHoveredFileCard(null);
@@ -23223,7 +23352,7 @@ function InboxMain({
     window.addEventListener("scroll", handleScroll, true);
     return () => window.removeEventListener("scroll", handleScroll, true);
   }, [hoveredFileCard]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (columnDropdownRef.current && !columnDropdownRef.current.contains(e.target)) {
         setColumnDropdownOpen(false);
@@ -23234,7 +23363,7 @@ function InboxMain({
     }
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, [columnDropdownOpen]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (roleDropdownRef.current && !roleDropdownRef.current.contains(e.target)) {
         setRoleDropdownOpen(false);
@@ -23253,7 +23382,7 @@ function InboxMain({
   const handleSelectAllColumns = (val) => {
     setDynamicColumns((prev) => prev.map((col) => __spreadProps(__spreadValues({}, col), { visible: val })));
   };
-  const currentTabRawData = (0, import_react125.useMemo)(() => {
+  const currentTabRawData = (0, import_react126.useMemo)(() => {
     switch (activeTab) {
       case "filePool":
         return filePoolFiles;
@@ -23265,7 +23394,7 @@ function InboxMain({
         return filePoolFiles;
     }
   }, [activeTab, filePoolFiles, myFiles, totalFiles]);
-  const filteredData = (0, import_react125.useMemo)(() => {
+  const filteredData = (0, import_react126.useMemo)(() => {
     let result = [...currentTabRawData];
     if (searchQuery.trim()) {
       const q = searchQuery.toLowerCase().trim();
@@ -23309,9 +23438,9 @@ function InboxMain({
   };
   const renderSortIndicator = (column) => {
     if (sortColumn !== column) {
-      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-300 fc:ml-1" });
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-300 fc:ml-1" });
     }
-    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowUpSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowDownSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" });
+    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowUpSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowDownSLine, { size: 15, className: "fc:text-blue-600 fc:ml-1" });
   };
   const handleOpenPoolModal = (file) => {
     setSelectedPoolFile(file);
@@ -23496,7 +23625,7 @@ function InboxMain({
     link.click();
     document.body.removeChild(link);
   };
-  const visibleDynamicColumns = (0, import_react125.useMemo)(
+  const visibleDynamicColumns = (0, import_react126.useMemo)(
     () => dynamicColumns.filter((c) => c.visible),
     [dynamicColumns]
   );
@@ -23514,7 +23643,8 @@ function InboxMain({
         },
         onBackToInbox: () => setViewMode("table"),
         onSubmitAction: handleActionSubmit,
-        refreshKey
+        refreshKey,
+        userName
       }
     );
   }
@@ -23541,12 +23671,12 @@ function InboxMain({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:relative fc:flex fc:items-center fc:gap-3 fc:bg-slate-50/90 fc:border fc:border-slate-200/80 fc:rounded-2xl fc:p-1.5 fc:pr-3.5 fc:shadow-sm", ref: roleDropdownRef, children: [
               /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:relative fc:shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: "D" }),
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: userInitial }),
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:absolute fc:-bottom-0.5 fc:-right-0.5 fc:w-2.5 fc:h-2.5 fc:bg-emerald-500 fc:border-2 fc:border-white fc:rounded-full" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: userName || "User" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
                     "button",
                     {
@@ -23557,7 +23687,7 @@ function InboxMain({
                       className: "fc:inline-flex fc:items-center fc:gap-1 fc:rounded-lg fc:border fc:border-blue-200 fc:bg-blue-50 fc:px-2 fc:py-1 fc:text-[10px] fc:font-bold fc:text-blue-700 fc:transition-colors hover:fc:bg-blue-100 focus-visible:fc:outline-none focus-visible:fc:ring-2 focus-visible:fc:ring-blue-400",
                       children: [
                         activeRole,
-                        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiArrowDownSLine, { size: 12 })
+                        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiArrowDownSLine, { size: 12 })
                       ]
                     }
                   )
@@ -23620,7 +23750,7 @@ function InboxMain({
                 onClick: handleRefresh,
                 title: "Refresh Table",
                 className: "fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:border-slate-200 fc:rounded-xl fc:text-slate-600 hover:fc:bg-slate-50 fc:bg-white fc:shadow-sm fc:transition-all",
-                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiRefreshLine, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiRefreshLine, { size: 16 })
               }
             )
           ] })
@@ -23636,7 +23766,7 @@ function InboxMain({
                 onClick: () => handleTabChange("filePool"),
                 className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "filePool" ? "fc:bg-blue-600 fc:text-white fc:shadow-md fc:shadow-blue-500/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiInboxArchiveLine, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiInboxArchiveLine, { size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Unclaimed Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "span",
@@ -23659,7 +23789,7 @@ function InboxMain({
                 onClick: () => handleTabChange("myFiles"),
                 className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "myFiles" ? "fc:bg-emerald-600 fc:text-white fc:shadow-md fc:shadow-emerald-500/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiUserReceivedLine, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiUserReceivedLine, { size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "My Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "span",
@@ -23682,7 +23812,7 @@ function InboxMain({
                 onClick: () => handleTabChange("totalFiles"),
                 className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "totalFiles" ? "fc:bg-slate-800 fc:text-white fc:shadow-md fc:shadow-slate-800/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiFileUploadLine, { size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiFileUploadLine, { size: 16 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Completed Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "span",
@@ -23716,7 +23846,7 @@ function InboxMain({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-                import_react126.RiSearchLine,
+                import_react127.RiSearchLine,
                 {
                   size: 15,
                   className: "fc:absolute fc:left-3 fc:top-2.5 fc:text-slate-400 fc:pointer-events-none"
@@ -23731,7 +23861,7 @@ function InboxMain({
                   onClick: () => setColumnDropdownOpen((prev) => !prev),
                   className: `fc:h-9 fc:px-3 fc:flex fc:items-center fc:gap-2 fc:border fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${columnDropdownOpen ? "fc:border-blue-500 fc:bg-blue-50/60 fc:text-blue-700 fc:ring-2 fc:ring-blue-500/10" : "fc:border-slate-200 fc:bg-white fc:text-slate-700 hover:fc:bg-slate-50"}`,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiLayoutColumnLine, { size: 15, className: "fc:text-blue-600" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiLayoutColumnLine, { size: 15, className: "fc:text-blue-600" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Dynamic Columns" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "fc:bg-blue-100 fc:text-blue-700 fc:text-[10px] fc:font-extrabold fc:px-1.5 fc:py-0.2 fc:rounded-full", children: [
                       visibleDynamicColumns.length,
@@ -23814,7 +23944,7 @@ function InboxMain({
                 title: "Export as CSV",
                 className: "fc:h-9 fc:px-3 fc:flex fc:items-center fc:gap-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:font-bold fc:text-slate-700 hover:fc:bg-slate-50 fc:transition-all",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiDownload2Line, { size: 15 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiDownload2Line, { size: 15 }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:hidden sm:fc:inline", children: "Export" })
                 ]
               }
@@ -23995,7 +24125,7 @@ function InboxMain({
                   colSpan: 10 + visibleDynamicColumns.length + (activeTab === "totalFiles" ? 1 : 0),
                   className: "fc:py-12 fc:text-center",
                   children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-slate-400", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiInboxLine, { size: 36, className: "fc:text-slate-300" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiInboxLine, { size: 36, className: "fc:text-slate-300" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "fc:text-sm fc:font-bold fc:text-slate-600", children: "No Files Found" }),
                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "fc:text-xs", children: searchQuery ? `No records matching "${searchQuery}" in ${activeTab}` : `There are currently no files in ${activeTab}` })
                   ] })
@@ -24032,7 +24162,7 @@ function InboxMain({
                               children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-xs fc:font-extrabold hover:fc:underline", children: row.fileNumber }),
                                 hasHiddenDynamicColumns && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:px-1.5 fc:py-0.2 fc:rounded fc:bg-amber-100/90 fc:text-amber-800 fc:text-[9px] fc:font-black fc:border fc:border-amber-200/80", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiEyeOffLine, { size: 10 }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiEyeOffLine, { size: 10 }),
                                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: hiddenDynamicColumns.length })
                                 ] })
                               ]
@@ -24218,7 +24348,7 @@ function InboxMain({
                                 style: { fontSize: "12px" },
                                 className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-bold fc:rounded-xl fc:shadow-sm fc:shadow-blue-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiInboxArchiveLine, { size: 14 }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiInboxArchiveLine, { size: 14 }),
                                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Claim" })
                                 ]
                               }
@@ -24232,7 +24362,7 @@ function InboxMain({
                                   style: { fontSize: "11px" },
                                   className: "fc:inline-flex fc:items-center fc:justify-center fc:gap-1 fc:h-8 fc:px-2 fc:whitespace-nowrap fc:bg-emerald-600 hover:fc:bg-emerald-700 fc:text-white fc:font-bold fc:rounded-lg fc:shadow-sm fc:shadow-emerald-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiFileUploadLine, { size: 13 }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiFileUploadLine, { size: 13 }),
                                     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Take Action" })
                                   ]
                                 }
@@ -24257,7 +24387,7 @@ function InboxMain({
                                 style: { fontSize: "12px" },
                                 className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-slate-100 hover:fc:bg-slate-200 fc:text-slate-700 fc:font-bold fc:rounded-xl fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiEyeLine, { size: 14 }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiEyeLine, { size: 14 }),
                                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "View" })
                                 ]
                               }
@@ -24297,7 +24427,7 @@ function InboxMain({
               ),
               Array.from({ length: totalPages }, (_, i) => i + 1).filter((p) => p === 1 || p === totalPages || Math.abs(p - currentPage) <= 1).map((p, idx, arr) => {
                 const prev = arr[idx - 1];
-                return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react125.default.Fragment, { children: [
+                return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react126.default.Fragment, { children: [
                   prev && p - prev > 1 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:px-1 fc:text-xs fc:text-slate-400", children: "..." }),
                   /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "button",
@@ -24381,7 +24511,7 @@ function InboxMain({
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "fc:text-[11px] fc:font-bold fc:text-slate-600", children: "Hidden Fields" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: "fc:inline-flex fc:items-center fc:gap-1 fc:text-[10px] fc:font-extrabold fc:px-2 fc:py-0.5 fc:rounded-md fc:bg-amber-50 fc:text-amber-800 fc:border fc:border-amber-200/80", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react126.RiEyeOffLine, { size: 11 }),
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react127.RiEyeOffLine, { size: 11 }),
                 /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { children: [
                   hiddenDynamicColumns.length,
                   " Hidden"
@@ -24419,8 +24549,8 @@ function InboxMain({
 }
 
 // src/components/inbox/MyFilesMain.jsx
-var import_react127 = __toESM(require("react"));
-var import_react128 = require("@remixicon/react");
+var import_react128 = __toESM(require("react"));
+var import_react129 = require("@remixicon/react");
 var import_jsx_runtime112 = require("react/jsx-runtime");
 function MyFilesMain(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
@@ -24431,15 +24561,15 @@ function MyFilesMain(props) {
       allowedTabs: ["myFiles"],
       title: "My Files",
       subtitle: "View and process files currently assigned to your queue",
-      icon: import_react128.RiUserReceivedLine,
+      icon: import_react129.RiUserReceivedLine,
       iconBg: "fc:bg-gradient-to-br fc:from-emerald-500 fc:to-teal-600"
     }, props)
   );
 }
 
 // src/components/inbox/UnclaimedFilesMain.jsx
-var import_react129 = __toESM(require("react"));
-var import_react130 = require("@remixicon/react");
+var import_react130 = __toESM(require("react"));
+var import_react131 = require("@remixicon/react");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 function UnclaimedFilesMain(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
@@ -24450,15 +24580,15 @@ function UnclaimedFilesMain(props) {
       allowedTabs: ["filePool"],
       title: "Unclaimed Files",
       subtitle: "Available files in the pool waiting to be claimed by users",
-      icon: import_react130.RiInboxArchiveLine,
+      icon: import_react131.RiInboxArchiveLine,
       iconBg: "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600"
     }, props)
   );
 }
 
 // src/components/inbox/CompletedFilesMain.jsx
-var import_react131 = __toESM(require("react"));
-var import_react132 = require("@remixicon/react");
+var import_react132 = __toESM(require("react"));
+var import_react133 = require("@remixicon/react");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 function CompletedFilesMain(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -24469,23 +24599,23 @@ function CompletedFilesMain(props) {
       allowedTabs: ["totalFiles"],
       title: "Completed Files",
       subtitle: "Archive of all completed and processed workflow files",
-      icon: import_react132.RiFileUploadLine,
+      icon: import_react133.RiFileUploadLine,
       iconBg: "fc:bg-gradient-to-br fc:from-slate-700 fc:to-slate-900"
     }, props)
   );
 }
 
 // src/components/track-application/TrackApplicationMain.jsx
-var import_react135 = __toESM(require("react"));
+var import_react136 = __toESM(require("react"));
 var import_sweetalert232 = __toESM(require("sweetalert2"));
-var import_react136 = require("@remixicon/react");
+var import_react137 = require("@remixicon/react");
 
 // src/components/track-application/TrackingSlipModal.jsx
-var import_react133 = __toESM(require("react"));
-var import_react134 = require("@remixicon/react");
+var import_react134 = __toESM(require("react"));
+var import_react135 = require("@remixicon/react");
 var import_jsx_runtime115 = require("react/jsx-runtime");
 function TrackingSlipModal({ isOpen, onClose, application }) {
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") onClose();
@@ -24508,7 +24638,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
     /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:flex fc:flex-col fc:z-10 fc:shadow-2xl fc:overflow-hidden print:fc:shadow-none print:fc:rounded-none print:fc:max-w-none print:fc:w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-4 fc:border-b fc:border-slate-100 fc:bg-slate-50/70 print:fc:bg-white", children: [
         /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "fc:w-10 fc:h-10 fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-md fc:shadow-blue-500/20", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiRouteLine, { size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "fc:w-10 fc:h-10 fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-md fc:shadow-blue-500/20", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiRouteLine, { size: 20 }) }),
           /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Application Tracking Acknowledgement" }),
             /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("p", { className: "fc:text-xs fc:text-slate-500", children: [
@@ -24525,7 +24655,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
               onClick: handlePrint,
               className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-1.5 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiPrinterLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiPrinterLine, { size: 15 }),
                 /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { children: "Print Slip" })
               ]
             }
@@ -24536,7 +24666,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
               type: "button",
               onClick: onClose,
               className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-1.5 fc:rounded-full fc:transition-all",
-              children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiCloseLine, { size: 20 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiCloseLine, { size: 20 })
             }
           )
         ] })
@@ -24554,7 +24684,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:p-4 fc:bg-slate-50/70 fc:rounded-2xl fc:border fc:border-slate-100", children: [
           /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-bold fc:text-slate-500 fc:mb-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiFileTextLine, { size: 15 }),
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiFileTextLine, { size: 15 }),
             /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { children: "Subject / Proposal" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "fc:text-sm fc:font-semibold fc:text-slate-800 fc:leading-relaxed", children: application.subject })
@@ -24651,7 +24781,7 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
             onClick: handlePrint,
             className: "fc:flex fc:items-center fc:gap-1.5 fc:px-4 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react134.RiPrinterLine, { size: 15 }),
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react135.RiPrinterLine, { size: 15 }),
               /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { children: "Print Receipt" })
             ]
           }
@@ -24666,17 +24796,17 @@ var import_jsx_runtime116 = require("react/jsx-runtime");
 var APPLICATION_DATABASE = [];
 function TrackApplicationMain() {
   var _a, _b, _c;
-  const [trackQuery, setTrackQuery] = (0, import_react135.useState)("");
-  const [selectedApplication, setSelectedApplication] = (0, import_react135.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react135.useState)("timeline");
-  const [viewMode, setViewMode] = (0, import_react135.useState)("tracker");
-  const [tableSearch, setTableSearch] = (0, import_react135.useState)("");
-  const [priorityFilter, setPriorityFilter] = (0, import_react135.useState)("all");
-  const [pageSize, setPageSize] = (0, import_react135.useState)(10);
-  const [currentPage, setCurrentPage] = (0, import_react135.useState)(1);
-  const [sortColumn, setSortColumn] = (0, import_react135.useState)("");
-  const [sortDirection, setSortDirection] = (0, import_react135.useState)("asc");
-  const [slipModalOpen, setSlipModalOpen] = (0, import_react135.useState)(false);
+  const [trackQuery, setTrackQuery] = (0, import_react136.useState)("");
+  const [selectedApplication, setSelectedApplication] = (0, import_react136.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react136.useState)("timeline");
+  const [viewMode, setViewMode] = (0, import_react136.useState)("tracker");
+  const [tableSearch, setTableSearch] = (0, import_react136.useState)("");
+  const [priorityFilter, setPriorityFilter] = (0, import_react136.useState)("all");
+  const [pageSize, setPageSize] = (0, import_react136.useState)(10);
+  const [currentPage, setCurrentPage] = (0, import_react136.useState)(1);
+  const [sortColumn, setSortColumn] = (0, import_react136.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react136.useState)("asc");
+  const [slipModalOpen, setSlipModalOpen] = (0, import_react136.useState)(false);
   const handleTrack = async (fileNoToTrack) => {
     const targetNo = (fileNoToTrack || trackQuery).trim().toUpperCase();
     if (!targetNo) {
@@ -24709,7 +24839,7 @@ function TrackApplicationMain() {
       showConfirmButton: false
     });
   };
-  const filteredRegistryData = (0, import_react135.useMemo)(() => {
+  const filteredRegistryData = (0, import_react136.useMemo)(() => {
     return APPLICATION_DATABASE.filter((app) => {
       const q = tableSearch.toLowerCase();
       const matchSearch = !q || app.fileNumber.toLowerCase().includes(q) || app.subject.toLowerCase().includes(q) || app.workflowName.toLowerCase().includes(q) || app.applicant.toLowerCase().includes(q) || app.department.toLowerCase().includes(q) || app.status.toLowerCase().includes(q);
@@ -24738,9 +24868,9 @@ function TrackApplicationMain() {
   };
   const getSortIcon = (col) => {
     if (sortColumn !== col) {
-      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-400" });
+      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiArrowUpDownLine, { size: 13, className: "fc:text-slate-400" });
     }
-    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiArrowUpSLine, { size: 14, className: "fc:text-blue-600" }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiArrowDownSLine, { size: 14, className: "fc:text-blue-600" });
+    return sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiArrowUpSLine, { size: 14, className: "fc:text-blue-600" }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiArrowDownSLine, { size: 14, className: "fc:text-blue-600" });
   };
   const handleExportCSV = () => {
     const headers = [
@@ -24780,7 +24910,7 @@ function TrackApplicationMain() {
         /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "fc:absolute fc:inset-x-0 fc:top-0 fc:h-1 fc:bg-gradient-to-r fc:from-blue-600 fc:via-cyan-500 fc:to-indigo-600" }),
         /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:relative fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-3 fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "fc:flex fc:h-11 fc:w-11 fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:shadow-md fc:shadow-blue-500/20 fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 22 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "fc:flex fc:h-11 fc:w-11 fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:shadow-md fc:shadow-blue-500/20 fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 22 }) }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h1", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800 fc:tracking-tight fc:leading-tight", children: "Track Application" }),
               /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "fc:text-[11px] fc:text-slate-500 fc:mt-0.5", children: "Real-time lifecycle tracking, stage progression, SLA timeline, and movement audit" })
@@ -24795,7 +24925,7 @@ function TrackApplicationMain() {
                 onClick: () => handleTrack(selectedApplication == null ? void 0 : selectedApplication.fileNumber),
                 title: "Refresh Tracking Data",
                 className: "fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:border-slate-200 fc:rounded-xl fc:text-slate-600 hover:fc:bg-slate-50 fc:bg-white fc:shadow-sm fc:transition-all fc:cursor-pointer",
-                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRefreshLine, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRefreshLine, { size: 16 })
               }
             )
           ] })
@@ -24810,7 +24940,7 @@ function TrackApplicationMain() {
               onClick: () => setViewMode("tracker"),
               className: `fc:flex fc:items-center fc:gap-2 fc:px-3.5 fc:py-2 fc:rounded-lg fc:text-xs fc:font-bold fc:transition-all ${viewMode === "tracker" ? "fc:bg-blue-600 fc:text-white fc:shadow-sm" : "fc:text-slate-600 hover:fc:text-slate-900"}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 15 }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Tracking Dashboard" })
               ]
             }
@@ -24822,7 +24952,7 @@ function TrackApplicationMain() {
               onClick: () => setViewMode("registry"),
               className: `fc:flex fc:items-center fc:gap-2 fc:px-3.5 fc:py-2 fc:rounded-lg fc:text-xs fc:font-bold fc:transition-all ${viewMode === "registry" ? "fc:bg-blue-600 fc:text-white fc:shadow-sm" : "fc:text-slate-600 hover:fc:text-slate-900"}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileListLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileListLine, { size: 15 }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Applications Registry" }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                   "span",
@@ -24837,7 +24967,7 @@ function TrackApplicationMain() {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-1 lg:fc:max-w-md", children: [
           /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:relative fc:flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiSearchLine, { size: 16 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiSearchLine, { size: 16 }) }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
               "input",
               {
@@ -24855,7 +24985,7 @@ function TrackApplicationMain() {
                 type: "button",
                 onClick: () => setTrackQuery(""),
                 className: "fc:absolute fc:right-2.5 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400 hover:fc:text-slate-600",
-                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiCloseLine, { size: 14 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiCloseLine, { size: 14 })
               }
             )
           ] }),
@@ -24866,7 +24996,7 @@ function TrackApplicationMain() {
               onClick: () => handleTrack(),
               className: "fc:flex fc:items-center fc:gap-1.5 fc:px-4 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all fc:shrink-0 fc:cursor-pointer disabled:fc:opacity-50",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 14 }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 14 }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Track Now" })
               ]
             }
@@ -24883,7 +25013,7 @@ function TrackApplicationMain() {
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:flex-wrap", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-wrap", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:bg-blue-600 fc:text-white fc:text-xs fc:font-bold fc:px-3 fc:py-1 fc:rounded-lg fc:shadow-sm", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 13 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 13 }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { children: [
                       "App No: ",
                       selectedApplication.fileNumber
@@ -24896,7 +25026,7 @@ function TrackApplicationMain() {
                       onClick: () => handleCopyFileNumber(selectedApplication.fileNumber),
                       title: "Copy Application Number",
                       className: "fc:text-blue-600 hover:fc:text-blue-800 fc:p-1 fc:rounded-md hover:fc:bg-blue-100/70 fc:transition-all",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileCopyLine, { size: 14 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileCopyLine, { size: 14 })
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:bg-white fc:border fc:border-slate-200 fc:text-slate-800", children: selectedApplication.workflowName }),
@@ -24922,7 +25052,7 @@ function TrackApplicationMain() {
                     onClick: () => setSlipModalOpen(true),
                     className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all fc:shrink-0",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiPrinterLine, { size: 13 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiPrinterLine, { size: 13 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Print Tracking Slip" })
                     ]
                   }
@@ -24932,17 +25062,17 @@ function TrackApplicationMain() {
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:mt-2.5 fc:pt-2.5 fc:border-t fc:border-blue-100/70 fc:text-xs fc:text-slate-600 fc:flex-wrap", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4 fc:flex-wrap", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiBuildingLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiBuildingLine, { size: 13, className: "fc:text-slate-400" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-slate-400", children: "Dept:" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.department })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiUserLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiUserLine, { size: 13, className: "fc:text-slate-400" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-slate-400", children: "Applicant:" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.applicant })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiTimeLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiTimeLine, { size: 13, className: "fc:text-slate-400" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:text-slate-400", children: "Submitted:" }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.receivedDate })
                   ] })
@@ -25010,7 +25140,7 @@ function TrackApplicationMain() {
                               "span",
                               {
                                 className: `fc:w-5 fc:h-5 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:text-[10px] fc:font-extrabold fc:shrink-0 ${isCompleted ? "fc:bg-emerald-600 fc:text-white" : isInProgress ? "fc:bg-blue-600 fc:text-white" : "fc:bg-slate-200 fc:text-slate-600"}`,
-                                children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiCheckLine, { size: 12 }) : idx + 1
+                                children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiCheckLine, { size: 12 }) : idx + 1
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
@@ -25060,7 +25190,7 @@ function TrackApplicationMain() {
                     onClick: () => setActiveTab("timeline"),
                     className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "timeline" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 14 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Movement History & Audit Trail" }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:bg-slate-200 fc:text-slate-700 fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[9px]", children: ((_b = selectedApplication.movementHistory) == null ? void 0 : _b.length) || 0 })
                     ]
@@ -25073,7 +25203,7 @@ function TrackApplicationMain() {
                     onClick: () => setActiveTab("details"),
                     className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "details" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileListLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileListLine, { size: 14 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Application Full Attributes" })
                     ]
                   }
@@ -25085,7 +25215,7 @@ function TrackApplicationMain() {
                     onClick: () => setActiveTab("documents"),
                     className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "documents" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiFileTextLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiFileTextLine, { size: 14 }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Uploaded Documents" }),
                       /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:bg-slate-200 fc:text-slate-700 fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[9px]", children: ((_c = selectedApplication.documents) == null ? void 0 : _c.length) || 0 })
                     ]
@@ -25190,7 +25320,7 @@ function TrackApplicationMain() {
             ] })
           ] }),
           !selectedApplication && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:min-h-72 fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 28, className: "fc:text-slate-300" }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 28, className: "fc:text-slate-300" }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h2", { className: "fc:text-sm fc:font-bold fc:text-slate-700", children: "No tracking data available" }),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "fc:max-w-md fc:text-xs fc:text-slate-500", children: "Configure the application tracking endpoint to load real application status and movement details." })
           ] })
@@ -25203,7 +25333,7 @@ function TrackApplicationMain() {
           /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:gap-3 fc:pb-3 fc:border-b fc:border-slate-100 fc:flex-wrap", children: [
             /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:flex-1 fc:max-w-md", children: [
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "fc:relative fc:w-full", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiSearchLine, { size: 15 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiSearchLine, { size: 15 }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                   "input",
                   {
@@ -25245,7 +25375,7 @@ function TrackApplicationMain() {
                   onClick: handleExportCSV,
                   className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:font-bold fc:text-slate-600 hover:fc:bg-slate-50 fc:transition-all",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiDownload2Line, { size: 14 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiDownload2Line, { size: 14 }),
                     /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Export CSV" })
                   ]
                 }
@@ -25390,7 +25520,7 @@ function TrackApplicationMain() {
                       onClick: () => handleTrack(item.fileNumber),
                       className: "fc:inline-flex fc:items-center fc:gap-1 fc:px-3 fc:py-1 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-bold fc:text-xs fc:rounded-full fc:transition-all fc:shadow-sm",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.RiRouteLine, { size: 13 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react137.RiRouteLine, { size: 13 }),
                         /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: "Track" })
                       ]
                     }
@@ -25465,48 +25595,48 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const router = (0, import_router.useRouter)();
   const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
   const masterWorkflowItems = [
-    { name: "Workflow Type", component: "workflowType", icon: import_react138.RiGitMergeLine, configKey: "isWorkflowType" },
-    { name: "Workflow", component: "workflow", icon: import_react138.RiNodeTree, configKey: "isWorkflow" },
-    { name: "Workflow Step", component: "workflowStep", icon: import_react138.RiGitBranchLine, configKey: "isWorkflowStep" },
-    { name: "Workflow Transition", component: "workflowTransition", icon: import_react138.RiCornerDownRightLine, configKey: "isWorkflowTransition" },
-    { name: "Module", component: "module", icon: import_react138.RiFolder3Line, configKey: "isModule" },
-    { name: "Status", component: "status", icon: import_react138.RiCheckboxCircleLine, configKey: "isStatus" }
+    { name: "Workflow Type", component: "workflowType", icon: import_react139.RiGitMergeLine, configKey: "isWorkflowType" },
+    { name: "Workflow", component: "workflow", icon: import_react139.RiNodeTree, configKey: "isWorkflow" },
+    { name: "Workflow Step", component: "workflowStep", icon: import_react139.RiGitBranchLine, configKey: "isWorkflowStep" },
+    { name: "Workflow Transition", component: "workflowTransition", icon: import_react139.RiCornerDownRightLine, configKey: "isWorkflowTransition" },
+    { name: "Module", component: "module", icon: import_react139.RiFolder3Line, configKey: "isModule" },
+    { name: "Status", component: "status", icon: import_react139.RiCheckboxCircleLine, configKey: "isStatus" }
   ];
   const masterPermissionItems = [
-    { name: "Step Permission", component: "step_permission_main", icon: import_react138.RiUserSettingsLine, configKey: "isStepPermission" },
-    { name: "Applicant Editable Fields", component: "FormFieldMain", icon: import_react138.RiFileList3Line, configKey: "isFormField" },
-    { name: "Assignment Rule", component: "AssignmentRuleMain", icon: import_react138.RiFileShieldLine, configKey: "isAssignmentRule" }
+    { name: "Step Permission", component: "step_permission_main", icon: import_react139.RiUserSettingsLine, configKey: "isStepPermission" },
+    { name: "Applicant Editable Fields", component: "FormFieldMain", icon: import_react139.RiFileList3Line, configKey: "isFormField" },
+    { name: "Assignment Rule", component: "AssignmentRuleMain", icon: import_react139.RiFileShieldLine, configKey: "isAssignmentRule" }
   ];
   const masterHierarchyItems = [
-    { name: "Hierarchy Node", component: "HierarchyNodeMain", icon: import_react138.RiNodeTree, configKey: "isHierarchyNode" },
-    { name: "Workflow Hierarchy Node Mapping", component: "Workflow_Step_Hierarchy_Mapping_Main", icon: import_react138.RiUserSharedLine, configKey: "isWorkflowHierarchyMapping" },
-    { name: "Workflow Step User Mapping", component: "User_hierarchy_mapping_main", icon: import_react138.RiUserSharedLine, configKey: "isUserHierarchyMapping" },
-    { name: "Workflow Settings", component: "WorkflowSettingMain", icon: import_react138.RiSettings4Line, configKey: "isWorkflowSettings" }
+    { name: "Hierarchy Node", component: "HierarchyNodeMain", icon: import_react139.RiNodeTree, configKey: "isHierarchyNode" },
+    { name: "Workflow Hierarchy Node Mapping", component: "Workflow_Step_Hierarchy_Mapping_Main", icon: import_react139.RiUserSharedLine, configKey: "isWorkflowHierarchyMapping" },
+    { name: "Workflow Step User Mapping", component: "User_hierarchy_mapping_main", icon: import_react139.RiUserSharedLine, configKey: "isUserHierarchyMapping" },
+    { name: "Workflow Settings", component: "WorkflowSettingMain", icon: import_react139.RiSettings4Line, configKey: "isWorkflowSettings" }
   ];
   const masterDocumentItems = [
-    { name: "Document Configuration", component: "DocumentConfigurationmain", icon: import_react138.RiFileSettingsLine, configKey: "isDocumentConfiguration" }
+    { name: "Document Configuration", component: "DocumentConfigurationmain", icon: import_react139.RiFileSettingsLine, configKey: "isDocumentConfiguration" }
   ];
   const masterFileItems = [
     // { name: "Inbox", component: "InboxMain", icon: RiInboxLine, configKey: "isInbox", badge: 6 },
-    { name: "My Files", component: "MyFilesMain", icon: import_react138.RiUserReceivedLine, configKey: "isMyFiles" },
-    { name: "Unclaimed Files", component: "UnclaimedFilesMain", icon: import_react138.RiInboxArchiveLine, configKey: "isUnclaimedFiles", badge: 2 },
-    { name: "Completed Files", component: "CompletedFilesMain", icon: import_react138.RiFileUploadLine, configKey: "isCompletedFiles", badge: 19 },
-    { name: "Business Entity", component: "BusinessEntitymain", icon: import_react138.RiFileList3Line, configKey: "isBusinessEntity" },
-    { name: "File Instance", component: "FileInstanceMain", icon: import_react138.RiFileList3Line, configKey: "isFileInstance" },
-    { name: "File Pool", component: "FilePoolMain", icon: import_react138.RiDatabase2Line, configKey: "isFilePool" },
-    { name: "Uploaded Document", component: "UploadedDocumentMain", icon: import_react138.RiFileUploadLine, configKey: "isUploadedDocument" }
+    { name: "My Files", component: "MyFilesMain", icon: import_react139.RiUserReceivedLine, configKey: "isMyFiles" },
+    { name: "Unclaimed Files", component: "UnclaimedFilesMain", icon: import_react139.RiInboxArchiveLine, configKey: "isUnclaimedFiles" },
+    { name: "Completed Files", component: "CompletedFilesMain", icon: import_react139.RiFileUploadLine, configKey: "isCompletedFiles" },
+    { name: "Business Entity", component: "BusinessEntitymain", icon: import_react139.RiFileList3Line, configKey: "isBusinessEntity" },
+    { name: "File Instance", component: "FileInstanceMain", icon: import_react139.RiFileList3Line, configKey: "isFileInstance" },
+    { name: "File Pool", component: "FilePoolMain", icon: import_react139.RiDatabase2Line, configKey: "isFilePool" },
+    { name: "Uploaded Document", component: "UploadedDocumentMain", icon: import_react139.RiFileUploadLine, configKey: "isUploadedDocument" }
   ];
   const masterCommunicationItems = [
-    { name: "Notification", component: "Notification_main", icon: import_react138.RiNotification4Line, configKey: "isNotification" },
-    { name: "Comment", component: "Comment_main", icon: import_react138.RiChat3Line, configKey: "isComment" }
+    { name: "Notification", component: "Notification_main", icon: import_react139.RiNotification4Line, configKey: "isNotification" },
+    { name: "Comment", component: "Comment_main", icon: import_react139.RiChat3Line, configKey: "isComment" }
   ];
   const masterTaskItems = [
-    { name: "Task Instance", component: "TaskInstanceMain", icon: import_react138.RiCheckboxMultipleLine, configKey: "isTaskInstance" }
+    { name: "Task Instance", component: "TaskInstanceMain", icon: import_react139.RiCheckboxMultipleLine, configKey: "isTaskInstance" }
   ];
   const masterTrackingItems = [
-    { name: "Audit Log", component: "AuditLogmain", icon: import_react138.RiShieldCheckLine, configKey: "isAuditLog" },
-    { name: "Movement History", component: "MovementHistorymain", icon: import_react138.RiHistoryLine, configKey: "isMovementHistory" },
-    { name: "Track Application", component: "TrackApplicationMain", icon: import_react138.RiHistoryLine, configKey: "isTrackApplication" }
+    { name: "Audit Log", component: "AuditLogmain", icon: import_react139.RiShieldCheckLine, configKey: "isAuditLog" },
+    { name: "Movement History", component: "MovementHistorymain", icon: import_react139.RiHistoryLine, configKey: "isMovementHistory" },
+    { name: "Track Application", component: "TrackApplicationMain", icon: import_react139.RiHistoryLine, configKey: "isTrackApplication" }
   ];
   const getConfigObject = () => {
     if (!resolvedSidebarConfig) return null;
@@ -25544,21 +25674,21 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
     ...trackingItems,
     ...communicationItems
   ];
-  const [activeComponent, setActiveComponent] = (0, import_react137.useState)(() => {
+  const [activeComponent, setActiveComponent] = (0, import_react138.useState)(() => {
     const all = getAllAvailableItems();
     const inboxItem = all.find((item) => item.component === "InboxMain");
     if (inboxItem) return "InboxMain";
     return all.length > 0 ? all[0].component : null;
   });
-  const [workflowOpen, setWorkflowOpen] = (0, import_react137.useState)(false);
-  const [permissionOpen, setPermissionOpen] = (0, import_react137.useState)(false);
-  const [hierarchyOpen, setHierarchyOpen] = (0, import_react137.useState)(false);
-  const [documentOpen, setDocumentOpen] = (0, import_react137.useState)(false);
-  const [filesOpen, setFilesOpen] = (0, import_react137.useState)(true);
-  const [tasksOpen, setTasksOpen] = (0, import_react137.useState)(false);
-  const [trackingOpen, setTrackingOpen] = (0, import_react137.useState)(false);
-  const [communicationOpen, setCommunicationOpen] = (0, import_react137.useState)(false);
-  (0, import_react137.useEffect)(() => {
+  const [workflowOpen, setWorkflowOpen] = (0, import_react138.useState)(false);
+  const [permissionOpen, setPermissionOpen] = (0, import_react138.useState)(false);
+  const [hierarchyOpen, setHierarchyOpen] = (0, import_react138.useState)(false);
+  const [documentOpen, setDocumentOpen] = (0, import_react138.useState)(false);
+  const [filesOpen, setFilesOpen] = (0, import_react138.useState)(true);
+  const [tasksOpen, setTasksOpen] = (0, import_react138.useState)(false);
+  const [trackingOpen, setTrackingOpen] = (0, import_react138.useState)(false);
+  const [communicationOpen, setCommunicationOpen] = (0, import_react138.useState)(false);
+  (0, import_react138.useEffect)(() => {
     if (workflowItems.some((item) => item.component === activeComponent)) {
       setWorkflowOpen(true);
     } else if (permissionItems.some((item) => item.component === activeComponent)) {
@@ -25617,7 +25747,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const renderContent = () => {
     if (!hasAnyAccess) {
       return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:h-full fc:p-6 fc:text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:bg-red-50 fc:text-red-500 fc:p-4 fc:rounded-full fc:mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiLockPasswordLine, { size: 32 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:bg-red-50 fc:text-red-500 fc:p-4 fc:rounded-full fc:mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiLockPasswordLine, { size: 32 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { className: "fc:text-lg fc:font-bold fc:text-[#101318] fc:mb-1", children: "Access Restricted" }),
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "fc:text-sm fc:text-[#64748B] fc:max-w-md", children: "You do not have permission to access any modules or workflow sections. Please contact your administrator for access rights." })
       ] });
@@ -25717,7 +25847,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
               "span",
               {
                 className: `fc:text-[#7E8B9E] text-[#7E8B9E] fc:shrink-0 shrink-0 fc:ml-2 ml-2 fc:transition-transform transition-transform fc:duration-200 duration-200 ${open ? "fc:rotate-90 rotate-90 fc:text-[#344261] text-[#344261]" : "rotate-0"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiArrowRightSLine, { size: 18 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiArrowRightSLine, { size: 18 })
               }
             )
           ]
@@ -25748,7 +25878,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   };
   if (configObj && !hasSidebarAccess) {
     return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:flex fc:min-h-screen fc:w-full fc:items-center fc:justify-center fc:bg-[#F5F7FB] fc:p-6", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:max-w-md fc:rounded-2xl fc:border fc:border-red-200 fc:bg-red-50 fc:p-6 fc:text-center fc:shadow-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:mb-4 fc:flex fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-full fc:bg-red-100 fc:text-red-500", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiLockPasswordLine, { size: 28 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:mb-4 fc:flex fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-full fc:bg-red-100 fc:text-red-500", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiLockPasswordLine, { size: 28 }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { className: "fc:mb-2 fc:text-lg fc:font-bold fc:text-red-600", children: "Access Restricted" }),
       /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "fc:text-sm fc:text-[#405170]", children: "You do not have permission to access FlowCore. Please contact your administrator." })
     ] }) });
@@ -25785,7 +25915,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
                 type: "button",
                 onClick: onToggle,
                 className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors",
-                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiMenuLine, { size: 18 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiMenuLine, { size: 18 })
               }
             )
           ] }),
@@ -25793,19 +25923,19 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
             (workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
               /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-                renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react138.RiNodeTree),
-                renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react138.RiShieldUserLine),
-                renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react138.RiFileSettingsLine),
-                renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react138.RiNodeTree)
+                renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react139.RiNodeTree),
+                renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react139.RiShieldUserLine),
+                renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react139.RiFileSettingsLine),
+                renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react139.RiNodeTree)
               ] })
             ] }),
             (fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
               /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-                renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react138.RiFolder3Line),
-                renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react138.RiCheckboxCircleLine),
-                renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react138.RiRouteLine),
-                renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react138.RiMessage2Line)
+                renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react139.RiFolder3Line),
+                renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react139.RiCheckboxCircleLine),
+                renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react139.RiRouteLine),
+                renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react139.RiMessage2Line)
               ] })
             ] })
           ] }),
@@ -25815,7 +25945,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
               type: "button",
               className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiSettings4Line, { size: 20 }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiSettings4Line, { size: 20 }),
                 /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { children: "Settings" })
               ]
             }
@@ -25838,17 +25968,17 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
         onClick: onToggle,
         "aria-label": "Open sidebar",
         className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100",
-        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react138.RiMenuLine, { size: 18 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react139.RiMenuLine, { size: 18 })
       }
     )
   ] });
 }
 
 // src/components/Layout.jsx
-var import_react139 = require("react");
+var import_react140 = require("react");
 var import_jsx_runtime118 = require("react/jsx-runtime");
 var Layout = ({ children, sidebar, sidebarConfig }) => {
-  const [isOpen, setIsOpen] = (0, import_react139.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react140.useState)(true);
   const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "div",