flowcore-fn 10.2.7 → 10.2.9

package/dist/pkg-index.js

@@ -18977,7 +18977,7 @@ var import_react101 = require("@remixicon/react");
 var import_react94 = __toESM(require("react"));
 var import_react95 = require("@remixicon/react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
-function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
+function PoolConfirmationModal({ isOpen, onClose, onConfirm, file, isSubmitting = false }) {
   (0, import_react94.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -19000,8 +19000,8 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:w-10 fc:h-10 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiInboxArchiveLine, { size: 20 }) }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Confirm Pool File" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-xs fc:text-slate-500", children: "Claim file into your personal work queue" })
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Claim Workflow Files" }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-xs fc:text-slate-500", children: "Claim unclaimed files for the selected step" })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -19009,6 +19009,7 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           {
             type: "button",
             onClick: onClose,
+            disabled: isSubmitting,
             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_runtime94.jsx)(import_react95.RiCloseLine, { size: 20 })
           }
@@ -19018,9 +19019,11 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex fc:items-start fc:gap-3 fc:p-3.5 fc:bg-blue-50/70 fc:border fc:border-blue-100 fc:rounded-2xl", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiAlertLine, { size: 20, className: "fc:text-blue-600 fc:shrink-0 fc:mt-0.5" }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:text-xs fc:text-blue-900 fc:leading-relaxed", children: [
-            "Are you sure you want to pool this file? Once confirmed, this file will be locked from the common pool and assigned to your ",
+            "Confirming will claim ",
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("strong", { className: "fc:font-bold", children: "all unclaimed files" }),
+            " for this workflow step and assign them to your ",
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("strong", { className: "fc:font-bold", children: "My Files" }),
-            " tab for processing."
+            " queue."
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:bg-slate-50/80 fc:rounded-2xl fc:p-4 fc:border fc:border-slate-100 fc:space-y-2.5", children: [
@@ -19058,6 +19061,7 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           {
             type: "button",
             onClick: onClose,
+            disabled: isSubmitting,
             className: "fc:px-4 fc:py-2 fc:border fc:border-slate-200 fc:text-slate-600 hover:fc:bg-slate-100 fc:text-xs fc:font-bold fc:rounded-xl fc:transition-all",
             children: "Cancel"
           }
@@ -19066,11 +19070,12 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           "button",
           {
             type: "button",
-            onClick: () => onConfirm(file),
-            className: "fc:px-5 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-md fc:shadow-blue-500/20 fc:transition-all fc:flex fc:items-center fc:gap-1.5",
+            onClick: onConfirm,
+            disabled: isSubmitting,
+            className: "fc:px-5 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-md fc:shadow-blue-500/20 fc:transition-all fc:flex fc:items-center fc:gap-1.5 disabled:fc:cursor-not-allowed disabled:fc:opacity-60",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiCheckLine, { size: 16 }),
-              "Yes, Pool File"
+              isSubmitting ? "Claiming..." : "Yes, Claim Files"
             ]
           }
         )
@@ -19082,17 +19087,71 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
 // src/components/inbox/TakeActionModal.jsx
 var import_react96 = __toESM(require("react"));
 var import_react97 = require("@remixicon/react");
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime95 = require("react/jsx-runtime");
+var getAvailableActions = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  console.log("Raw response for available actions:", response);
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+  return rows.map((action) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    return {
+      label: (_d2 = (_c2 = (_b2 = (_a2 = action.label) != null ? _a2 : action.Label) != null ? _b2 : action.actionName) != null ? _c2 : action.ActionName) != null ? _d2 : "",
+      actionCode: (_f2 = (_e2 = action.actionCode) != null ? _e2 : action.ActionCode) != null ? _f2 : ""
+    };
+  }).filter((action) => action.label && action.actionCode);
+};
 function TakeActionModal({ isOpen, onClose, onSubmit, file }) {
-  const [actionType, setActionType] = (0, import_react96.useState)("forward");
+  const [actions, setActions] = (0, import_react96.useState)([]);
+  const [actionCode, setActionCode] = (0, import_react96.useState)("");
+  const [isLoadingActions, setIsLoadingActions] = (0, import_react96.useState)(false);
+  const [actionLoadError, setActionLoadError] = (0, import_react96.useState)("");
   const [remarks, setRemarks] = (0, import_react96.useState)("");
   const [isSubmitting, setIsSubmitting] = (0, import_react96.useState)(false);
   const handleClose = (0, import_react96.useCallback)(() => {
-    setActionType("forward");
+    if (isSubmitting) return;
+    setActionCode("");
     setRemarks("");
-    setIsSubmitting(false);
     onClose();
-  }, [onClose]);
+  }, [isSubmitting, onClose]);
+  (0, import_react96.useEffect)(() => {
+    if (!isOpen || !file) return void 0;
+    let isCurrent = true;
+    const loadActions = async () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      setActions([]);
+      setActionCode("");
+      setActionLoadError("");
+      setIsLoadingActions(true);
+      try {
+        const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+        const endpoint2 = (_g = (_e = (_c = flowCore.inbox) == null ? void 0 : _c.GetPermisiionLabelWithCode) != null ? _e : (_d = flowCore.inbox) == null ? void 0 : _d.getPermisiionLabelWithCode) != null ? _g : (_f = flowCore.inbox) == null ? void 0 : _f.getByWorkflowStepId;
+        const workflowStepId = (_h = file.workflowStepId) != null ? _h : file.WorkflowStepId;
+        if (!endpoint2) throw new Error("Workflow step actions endpoint is not configured.");
+        if (workflowStepId == null) throw new Error("Workflow step ID is missing for this file.");
+        const url = typeof endpoint2 === "function" ? endpoint2() : String(endpoint2);
+        const nextActions = getAvailableActions(await getApiService().post(url, {
+          workflowStepId: Number(workflowStepId)
+        }));
+        if (!isCurrent) return;
+        console.log("Available actions for workflow step:", nextActions);
+        setActions(nextActions);
+        setActionCode((_j = (_i = nextActions[0]) == null ? void 0 : _i.actionCode) != null ? _j : "");
+        if (nextActions.length === 0) setActionLoadError("No actions are available for this workflow step.");
+      } catch (error) {
+        if (!isCurrent) return;
+        setActionLoadError(((_l = (_k = error == null ? void 0 : error.response) == null ? void 0 : _k.data) == null ? void 0 : _l.message) || (error == null ? void 0 : error.message) || "Unable to load workflow actions.");
+      } finally {
+        if (isCurrent) setIsLoadingActions(false);
+      }
+    };
+    loadActions();
+    return () => {
+      isCurrent = false;
+    };
+  }, [file, isOpen]);
   (0, import_react96.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -19102,10 +19161,15 @@ function TakeActionModal({ isOpen, onClose, onSubmit, file }) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, handleClose]);
   if (!isOpen || !file) return null;
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
     e.preventDefault();
+    if (!actionCode || isLoadingActions || isSubmitting) return;
     setIsSubmitting(true);
-    onSubmit({ file, actionType, remarks });
+    try {
+      await onSubmit({ file, actionCode, remarks });
+    } finally {
+      setIsSubmitting(false);
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
@@ -19132,6 +19196,7 @@ function TakeActionModal({ isOpen, onClose, onSubmit, file }) {
           {
             type: "button",
             onClick: handleClose,
+            disabled: isSubmitting,
             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_runtime95.jsx)(import_react97.RiCloseLine, { size: 20 })
           }
@@ -19158,39 +19223,37 @@ function TakeActionModal({ isOpen, onClose, onSubmit, file }) {
               "Select Action ",
               /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fc:text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-2.5", children: [
-              { id: "forward", label: "Forward to Next Step", color: "emerald" },
-              { id: "approve", label: "Approve & Complete", color: "blue" },
-              { id: "return", label: "Return / Send Back", color: "amber" },
-              { id: "hold", label: "Put on Hold", color: "slate" }
-            ].map((act) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-2.5", children: actions.map((act) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
               "label",
               {
-                className: `fc:flex fc:items-center fc:gap-2.5 fc:p-2.5 fc:rounded-xl fc:border fc:cursor-pointer fc:transition-all ${actionType === act.id ? "fc:border-emerald-500 fc:bg-emerald-50/50 fc:text-emerald-700 fc:ring-1 fc:ring-emerald-500/20" : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-slate-700"}`,
+                className: `fc:flex fc:items-center fc:gap-2.5 fc:p-2.5 fc:rounded-xl fc:border fc:cursor-pointer fc:transition-all ${actionCode === act.actionCode ? "fc:border-emerald-500 fc:bg-emerald-50/50 fc:text-emerald-700 fc:ring-1 fc:ring-emerald-500/20" : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-slate-700"}`,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                     "input",
                     {
                       type: "radio",
                       name: "actionType",
-                      value: act.id,
-                      checked: actionType === act.id,
-                      onChange: (e) => setActionType(e.target.value),
+                      value: act.actionCode,
+                      checked: actionCode === act.actionCode,
+                      onChange: (e) => setActionCode(e.target.value),
+                      disabled: isSubmitting,
                       className: "fc:sr-only"
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                     "div",
                     {
-                      className: `fc:w-4 fc:h-4 fc:rounded-full fc:border fc:flex fc:items-center fc:justify-center ${actionType === act.id ? "fc:border-emerald-600 fc:bg-emerald-600" : "fc:border-slate-300"}`,
-                      children: actionType === act.id && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fc:w-1.5 fc:h-1.5 fc:bg-white fc:rounded-full" })
+                      className: `fc:w-4 fc:h-4 fc:rounded-full fc:border fc:flex fc:items-center fc:justify-center ${actionCode === act.actionCode ? "fc:border-emerald-600 fc:bg-emerald-600" : "fc:border-slate-300"}`,
+                      children: actionCode === act.actionCode && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fc:w-1.5 fc:h-1.5 fc:bg-white fc:rounded-full" })
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fc:text-xs fc:font-bold", children: act.label })
                 ]
               },
-              act.id
-            )) })
+              act.actionCode
+            )) }),
+            isLoadingActions && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "fc:mt-2 fc:text-xs fc:text-slate-500", children: "Loading available actions..." }),
+            actionLoadError && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "fc:mt-2 fc:text-xs fc:text-red-600", children: actionLoadError })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Remarks / Comments" }),
@@ -19222,7 +19285,7 @@ function TakeActionModal({ isOpen, onClose, onSubmit, file }) {
             "button",
             {
               type: "submit",
-              disabled: isSubmitting,
+              disabled: isSubmitting || isLoadingActions || !actionCode,
               className: "fc:px-5 fc:py-2 fc:bg-emerald-600 hover:fc:bg-emerald-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-emerald-500/20 fc:transition-all fc:flex fc:items-center fc:gap-1.5 disabled:fc:opacity-50",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react97.RiSendPlaneLine, { size: 16 }),
@@ -19348,267 +19411,231 @@ function ViewFileModal({ isOpen, onClose, file }) {
 }
 
 // src/components/inbox/InboxMain.jsx
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime97 = require("react/jsx-runtime");
-var INBOX_ROLES = [
-  { name: "Reviewer", marker: "RV", step: "Scrutiny & Review", description: "Review applications and findings", color: "fc:bg-blue-100 fc:text-blue-700" },
-  { name: "Verifier", marker: "VF", step: "Document Verification", description: "Validate submitted documents", color: "fc:bg-teal-100 fc:text-teal-700" },
-  { name: "Approver", marker: "AP", step: "Final Approval", description: "Approve or return completed cases", color: "fc:bg-amber-100 fc:text-amber-700" }
-];
-var INITIAL_FILE_POOL = [
-  {
-    fileId: 101,
-    fileNumber: "FC-2026-0142",
-    subject: "Industrial Waste Discharge License Renewal ApplicationIndustrial Waste Discharge License Renewal Application",
-    workflowName: "Environmental Clearance",
-    department: "Environment & Forests",
-    applicant: "GreenTech Industries Ltd.",
-    category: "Statutory Renewal",
-    financialYear: "2026-27",
-    sender: "GreenTech Industries Ltd.",
-    priority: "Urgent",
-    receivedDate: "05-Oct-2026 09:15 AM",
-    dueDate: "09-Oct-2026",
-    slaStatus: "Critical (18h left)",
-    status: "Available",
-    assignedTo: "-"
-  },
-  {
-    fileId: 102,
-    fileNumber: "FC-2026-0145",
-    subject: "Sector 14 Commercial Complex Building Plan Sanction",
-    workflowName: "Urban Development Clearance",
-    department: "Urban Development",
-    applicant: "Apex Constructions Pvt Ltd",
-    category: "Commercial Sanction",
-    financialYear: "2026-27",
-    sender: "Apex Constructions Pvt Ltd",
-    priority: "High",
-    receivedDate: "05-Oct-2026 11:30 AM",
-    dueDate: "12-Oct-2026",
-    slaStatus: "Running (4d left)",
-    status: "Available",
-    assignedTo: "-"
-  },
-  {
-    fileId: 103,
-    fileNumber: "FC-2026-0149",
-    subject: "Annual Cyber Security Audit & Compliance Report",
-    workflowName: "IT Security Compliance",
-    department: "Information Technology",
-    applicant: "Internal IT Audit Cell",
-    category: "Internal Audit",
-    financialYear: "2026-27",
-    sender: "Internal IT Audit Cell",
-    priority: "Medium",
-    receivedDate: "06-Oct-2026 02:45 PM",
-    dueDate: "15-Oct-2026",
-    slaStatus: "Running (7d left)",
-    status: "Available",
-    assignedTo: "-"
-  },
-  {
-    fileId: 104,
-    fileNumber: "FC-2026-0153",
-    subject: "Vendor Onboarding & Due Diligence - Cloud Services",
-    workflowName: "Procurement & Contracts",
-    department: "Procurement Cell",
-    applicant: "Global Infotech Solutions",
-    category: "Vendor Registration",
-    financialYear: "2026-27",
-    sender: "Global Infotech Solutions",
-    priority: "High",
-    receivedDate: "06-Oct-2026 04:10 PM",
-    dueDate: "11-Oct-2026",
-    slaStatus: "Running (3d left)",
-    status: "Available",
-    assignedTo: "-"
-  },
-  {
-    fileId: 105,
-    fileNumber: "FC-2026-0158",
-    subject: "Township Potable Water Pipeline Overhaul Budget Sanction",
-    workflowName: "Public Works Approval",
-    department: "Public Works & Water",
-    applicant: "Municipal Engineering Dept",
-    category: "Capital Outlay",
-    financialYear: "2026-27",
-    sender: "Municipal Engineering Dept",
-    priority: "Urgent",
-    receivedDate: "07-Oct-2026 08:30 AM",
-    dueDate: "10-Oct-2026",
-    slaStatus: "Critical (22h left)",
-    status: "Available",
-    assignedTo: "-"
-  },
-  {
-    fileId: 106,
-    fileNumber: "FC-2026-0162",
-    subject: "Employee Health Insurance Policy Provider Revision",
-    workflowName: "HR & Employee Welfare",
-    department: "Human Resources",
-    applicant: "Corporate HR Services",
-    category: "Policy Reform",
-    financialYear: "2026-27",
-    sender: "Corporate HR Services",
-    priority: "Low",
-    receivedDate: "07-Oct-2026 10:00 AM",
-    dueDate: "20-Oct-2026",
-    slaStatus: "Running (12d left)",
-    status: "Available",
-    assignedTo: "-"
-  },
-  {
-    fileId: 107,
-    fileNumber: "FC-2026-0167",
-    subject: "Renewable Solar Rooftop Grid Connectivity NOC",
-    workflowName: "Energy Regulatory Clearance",
-    department: "Power & Energy",
-    applicant: "SunPower Dynamics Ltd",
-    category: "Infrastructure NOC",
-    financialYear: "2026-27",
-    sender: "SunPower Dynamics Ltd",
-    priority: "Medium",
-    receivedDate: "07-Oct-2026 11:15 AM",
-    dueDate: "14-Oct-2026",
-    slaStatus: "Running (6d left)",
-    status: "Available",
-    assignedTo: "-"
-  }
-];
-var INITIAL_MY_FILES = [
-  {
-    fileId: 201,
-    fileNumber: "FC-2026-0112",
-    subject: "Hospital Expansion Fire Safety NOC & Site Clearance",
-    workflowName: "Fire & Safety Clearance",
-    department: "Public Safety",
-    applicant: "City Hospital Trust",
-    category: "Statutory NOC",
-    financialYear: "2026-27",
-    sender: "City Hospital Trust",
-    priority: "Urgent",
-    receivedDate: "03-Oct-2026 10:15 AM",
-    dueDate: "08-Oct-2026",
-    slaStatus: "Critical (14h left)",
-    status: "Assigned to Me",
-    assignedTo: "Pankaj Jain"
-  },
-  {
-    fileId: 202,
-    fileNumber: "FC-2026-0120",
-    subject: "Q3 Departmental Infrastructure Procurement Sanction",
-    workflowName: "Financial Sanction",
-    department: "Finance & Accounts",
-    applicant: "Administration Division",
-    category: "Budget Sanction",
-    financialYear: "2026-27",
-    sender: "Administration Division",
-    priority: "High",
-    receivedDate: "04-Oct-2026 01:20 PM",
-    dueDate: "10-Oct-2026",
-    slaStatus: "Running (2d left)",
-    status: "In Progress",
-    assignedTo: "Pankaj Jain"
-  },
-  {
-    fileId: 203,
-    fileNumber: "FC-2026-0128",
-    subject: "Public Interest Petition Regarding Street Light Restoration",
-    workflowName: "Citizen Grievance Redressal",
-    department: "Municipal Affairs",
-    applicant: "Ward 12 Residents Forum",
-    category: "Citizen Grievance",
-    financialYear: "2026-27",
-    sender: "Ward 12 Residents Forum",
-    priority: "Medium",
-    receivedDate: "04-Oct-2026 03:40 PM",
-    dueDate: "12-Oct-2026",
-    slaStatus: "Running (4d left)",
-    status: "In Progress",
-    assignedTo: "Pankaj Jain"
-  },
-  {
-    fileId: 204,
-    fileNumber: "FC-2026-0135",
-    subject: "Sub-Station Electrical Equipment Maintenance Agreement",
-    workflowName: "Procurement & Contracts",
-    department: "Power & Energy",
-    applicant: "State Power Grid Corp",
-    category: "AMC Contract",
-    financialYear: "2026-27",
-    sender: "State Power Grid Corp",
-    priority: "Low",
-    receivedDate: "05-Oct-2026 09:50 AM",
-    dueDate: "16-Oct-2026",
-    slaStatus: "Running (8d left)",
-    status: "In Progress",
-    assignedTo: "Pankaj Jain"
-  }
-];
-var INITIAL_TOTAL_FILES = [
-  ...INITIAL_FILE_POOL,
-  ...INITIAL_MY_FILES,
-  {
-    fileId: 301,
-    fileNumber: "FC-2026-0095",
-    subject: "National Highway Bypass Land Acquisition Settlement",
-    workflowName: "Land Revenue & Settlement",
-    department: "Land & Revenue",
-    applicant: "District Collectorate",
-    category: "Land Settlement",
-    financialYear: "2026-27",
-    sender: "District Magistrate Secretariat",
-    priority: "High",
-    receivedDate: "28-Sep-2026 11:00 AM",
-    dueDate: "05-Oct-2026",
-    slaStatus: "Met / Completed",
-    status: "Approved",
-    assignedTo: "Executive Director"
-  },
-  {
-    fileId: 302,
-    fileNumber: "FC-2026-0103",
-    subject: "Metro Rail Corridor Phase 2 Tree Relocation Clearance",
-    workflowName: "Environmental Clearance",
-    department: "Forestry & Environment",
-    applicant: "Metro Rail Corporation",
-    category: "Forest Clearance",
-    financialYear: "2026-27",
-    sender: "Metro Rail Corporation",
-    priority: "Medium",
-    receivedDate: "30-Sep-2026 02:15 PM",
-    dueDate: "07-Oct-2026",
-    slaStatus: "Met / Completed",
-    status: "Completed",
-    assignedTo: "Forest Officer"
-  },
-  {
-    fileId: 303,
-    fileNumber: "FC-2026-0108",
-    subject: "Smart City Traffic Management System Software SLA",
-    workflowName: "Urban Development Clearance",
-    department: "Information Technology",
-    applicant: "Smart Mobility Dept",
-    category: "Software License",
-    financialYear: "2026-27",
-    sender: "Smart Mobility Dept",
-    priority: "Low",
-    receivedDate: "01-Oct-2026 04:30 PM",
-    dueDate: "15-Oct-2026",
-    slaStatus: "Running",
-    status: "Under Review",
-    assignedTo: "Technical Officer"
+var getInboxEndpoint = (resourceNames, actions) => {
+  var _a, _b;
+  const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
+  const actionNames = Array.isArray(actions) ? actions : [actions];
+  for (const resourceName of resourceNames) {
+    const resource = flowCore[resourceName];
+    for (const action of actionNames) {
+      const actionName = action.charAt(0).toUpperCase() + action.slice(1);
+      const endpoint2 = (_b = resource == null ? void 0 : resource[action]) != null ? _b : resource == null ? void 0 : resource[actionName];
+      if (endpoint2) return endpoint2;
+    }
   }
-];
+  return null;
+};
+var deriveAssignedStepsEndpoint = (filePoolEndpoint) => {
+  if (typeof filePoolEndpoint !== "string") return null;
+  const endpoint2 = filePoolEndpoint.trim().replace(/\/+$/, "").split("?")[0];
+  const filePoolRoute = "/FilePool/GetUnclaimedFilesByWorkflowStepId";
+  if (!endpoint2.endsWith(filePoolRoute)) return null;
+  return `${endpoint2.slice(0, -filePoolRoute.length)}/WorkflowStepUserMapping/GetAssignedStepsByUser`;
+};
+var unwrapInboxRows = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var formatInboxDate = (value) => {
+  if (!value) return "-";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+};
+var normalizePoolFile = (file) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
+  const filePoolId = (_b = file.filePoolId) != null ? _b : file.FilePoolId;
+  const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
+  const businessEntityId = (_d = file.businessEntityId) != null ? _d : file.BusinessEntityId;
+  return __spreadProps(__spreadValues({}, file), {
+    fileId: filePoolId != null ? filePoolId : taskInstanceId,
+    taskInstanceId,
+    workflowStepId: (_e = file.workflowStepId) != null ? _e : file.WorkflowStepId,
+    fileNumber: (_g = (_f = file.fileNumber) != null ? _f : file.applicationNumber) != null ? _g : `TASK-${taskInstanceId != null ? taskInstanceId : filePoolId}`,
+    subject: (_i = (_h = file.subject) != null ? _h : businessEntityId ? `${businessEntity || "File"} #${businessEntityId}` : businessEntity) != null ? _i : `Workflow task ${taskInstanceId != null ? taskInstanceId : ""}`,
+    workflowName: (_k = (_j = file.workflowName) != null ? _j : file.WorkflowName) != null ? _k : "-",
+    department: (_l = file.department) != null ? _l : "-",
+    applicant: (_m = file.applicant) != null ? _m : businessEntityId ? String(businessEntityId) : "-",
+    category: (_p = (_o = (_n = file.category) != null ? _n : file.workflowTypeName) != null ? _o : file.WorkflowTypeName) != null ? _p : "-",
+    financialYear: (_q = file.financialYear) != null ? _q : "-",
+    sender: (_s = (_r = file.sender) != null ? _r : file.initiator) != null ? _s : "-",
+    priority: (_t = file.priority) != null ? _t : "Medium",
+    receivedDate: formatInboxDate((_v = (_u = file.addedOn) != null ? _u : file.createdAt) != null ? _v : file.receivedDate),
+    dueDate: formatInboxDate(file.dueDate),
+    slaStatus: (_w = file.slaStatus) != null ? _w : "-",
+    status: "Available",
+    assignedTo: "-",
+    currentStep: (_x = file.stepName) != null ? _x : "-"
+  });
+};
+var normalizeMyFile = (file) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
+  const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
+  const businessEntityId = (_b = file.businessEntityId) != null ? _b : file.BusinessEntityId;
+  const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
+  return __spreadProps(__spreadValues({}, file), {
+    fileId: (_d = taskInstanceId != null ? taskInstanceId : file.fileInstanceId) != null ? _d : file.FileInstanceId,
+    taskInstanceId,
+    workflowStepId: (_e = file.workflowStepId) != null ? _e : file.WorkflowStepId,
+    fileNumber: (_g = (_f = file.fileNumber) != null ? _f : file.applicationNumber) != null ? _g : `TASK-${taskInstanceId != null ? taskInstanceId : ""}`,
+    subject: (_i = (_h = file.subject) != null ? _h : businessEntityId ? `${businessEntity || "File"} #${businessEntityId}` : businessEntity) != null ? _i : `Workflow task ${taskInstanceId != null ? taskInstanceId : ""}`,
+    workflowName: (_k = (_j = file.workflowName) != null ? _j : file.WorkflowName) != null ? _k : "-",
+    department: (_l = file.department) != null ? _l : file.hierarchyNodeId ? `Node ${file.hierarchyNodeId}` : "-",
+    applicant: (_m = file.applicant) != null ? _m : businessEntityId ? String(businessEntityId) : "-",
+    category: (_p = (_o = (_n = file.category) != null ? _n : file.workflowTypeName) != null ? _o : file.WorkflowTypeName) != null ? _p : "-",
+    financialYear: (_q = file.financialYear) != null ? _q : "-",
+    sender: (_s = (_r = file.sender) != null ? _r : businessEntity) != null ? _s : "-",
+    priority: (_t = file.priority) != null ? _t : "Medium",
+    receivedDate: formatInboxDate((_u = file.createdAt) != null ? _u : file.receivedDate),
+    dueDate: formatInboxDate(file.dueDate),
+    slaStatus: (_v = file.slaStatus) != null ? _v : "-",
+    status: (_x = (_w = file.fileStatus) != null ? _w : file.statusName) != null ? _x : "In Progress",
+    assignedTo: (_D = (_C = (_B = (_A = (_z = (_y = file.assignedTo) != null ? _y : file.AssignedTo) != null ? _z : file.assignedUserName) != null ? _A : file.AssignedUserName) != null ? _B : file.assignedUserId) != null ? _C : file.AssignedUserId) != null ? _D : "-",
+    currentStep: (_E = file.stepName) != null ? _E : "-"
+  });
+};
 function InboxMain() {
   const [activeTab, setActiveTab] = (0, import_react100.useState)("filePool");
-  const [activeRole, setActiveRole] = (0, import_react100.useState)("Reviewer");
+  const [assignedSteps, setAssignedSteps] = (0, import_react100.useState)([]);
+  const [activeWorkflowStepId, setActiveWorkflowStepId] = (0, import_react100.useState)(null);
   const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react100.useState)(false);
   const roleDropdownRef = (0, import_react100.useRef)(null);
-  const activeRoleDetails = INBOX_ROLES.find((role) => role.name === activeRole) || INBOX_ROLES[0];
-  const [filePoolFiles, setFilePoolFiles] = (0, import_react100.useState)(INITIAL_FILE_POOL);
-  const [myFiles, setMyFiles] = (0, import_react100.useState)(INITIAL_MY_FILES);
-  const [totalFiles, setTotalFiles] = (0, import_react100.useState)(INITIAL_TOTAL_FILES);
+  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_react100.useState)([]);
+  const [myFiles, setMyFiles] = (0, import_react100.useState)([]);
+  const [totalFiles, setTotalFiles] = (0, import_react100.useState)([]);
+  const [refreshKey, setRefreshKey] = (0, import_react100.useState)(0);
+  (0, import_react100.useEffect)(() => {
+    let isCurrent = true;
+    const loadAssignedSteps = async () => {
+      var _a, _b;
+      try {
+        const apiService2 = getApiService();
+        const unclaimedFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "filePool", "FilePool"],
+          "getUnclaimedFilesByWorkflowStepId"
+        );
+        if (!unclaimedFilesEndpoint) {
+          throw new Error("File Pool endpoint is not configured (flowCore.inbox.getUnclaimedFilesByWorkflowStepId).");
+        }
+        const configuredAssignedStepsEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "mapping", "Mapping", "workflowStepUserMapping", "WorkflowStepUserMapping", "workflowStep", "WorkFlowStep", "WorkflowStep"],
+          "getAssignedStepsByUser"
+        );
+        const assignedStepsEndpoint = configuredAssignedStepsEndpoint || deriveAssignedStepsEndpoint(unclaimedFilesEndpoint);
+        if (!assignedStepsEndpoint) throw new Error("Assigned workflow steps endpoint is not configured.");
+        const assignedStepsResponse = await apiService2.post(assignedStepsEndpoint, {});
+        const stepsById = /* @__PURE__ */ new Map();
+        unwrapInboxRows(assignedStepsResponse).forEach((step) => {
+          var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+          const workflowStepId = Number((_a2 = step.workflowStepId) != null ? _a2 : step.WorkflowStepId);
+          const isActiveMapping = (_b2 = step.isActiveMapping) != null ? _b2 : step.IsActiveMapping;
+          const isReleased = (_c = step.isReleased) != null ? _c : step.IsReleased;
+          if (!Number.isInteger(workflowStepId) || workflowStepId <= 0 || isActiveMapping === false || isReleased === true) return;
+          stepsById.set(workflowStepId, __spreadProps(__spreadValues({}, step), {
+            workflowStepId,
+            stepName: (_e = (_d = step.stepName) != null ? _d : step.StepName) != null ? _e : `Workflow Step ${workflowStepId}`,
+            stepCode: (_g = (_f = step.stepCode) != null ? _f : step.StepCode) != null ? _g : "",
+            workflowName: (_i = (_h = step.workflowName) != null ? _h : step.WorkflowName) != null ? _i : ""
+          }));
+        });
+        const nextAssignedSteps = [...stepsById.values()];
+        if (!isCurrent) return;
+        setAssignedSteps(nextAssignedSteps);
+        setActiveWorkflowStepId(
+          (currentStepId) => {
+            var _a2, _b2;
+            return nextAssignedSteps.some((step) => step.workflowStepId === Number(currentStepId)) ? Number(currentStepId) : (_b2 = (_a2 = nextAssignedSteps[0]) == null ? void 0 : _a2.workflowStepId) != null ? _b2 : null;
+          }
+        );
+      } catch (error) {
+        if (!isCurrent) return;
+        setAssignedSteps([]);
+        setActiveWorkflowStepId(null);
+        await import_sweetalert229.default.fire(
+          "Error",
+          ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to load assigned workflow steps.",
+          "error"
+        );
+      }
+    };
+    loadAssignedSteps();
+    return () => {
+      isCurrent = false;
+    };
+  }, []);
+  (0, import_react100.useEffect)(() => {
+    let isCurrent = true;
+    const loadStepFiles = async () => {
+      var _a, _b;
+      if (!activeWorkflowStepId) {
+        setFilePoolFiles([]);
+        setMyFiles([]);
+        setTotalFiles([]);
+        return;
+      }
+      try {
+        const unclaimedFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "filePool", "FilePool"],
+          "getUnclaimedFilesByWorkflowStepId"
+        );
+        if (!unclaimedFilesEndpoint) {
+          throw new Error("File Pool endpoint is not configured (flowCore.inbox.getUnclaimedFilesByWorkflowStepId).");
+        }
+        const myFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "myFiles", "MyFiles"],
+          ["getMyFilesList", "getList"]
+        );
+        if (!myFilesEndpoint) {
+          throw new Error("My Files list endpoint is not configured (flowCore.inbox.getMyFilesList).");
+        }
+        const completedFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "completedFiles", "CompletedFiles"],
+          "getFilesCompleteList"
+        );
+        if (!completedFilesEndpoint) {
+          throw new Error("Completed Files endpoint is not configured (flowCore.inbox.getFilesCompleteList).");
+        }
+        const payload = { workflowStepId: Number(activeWorkflowStepId) };
+        const [poolResponse, myFilesResponse, completedFilesResponse] = await Promise.all([
+          getApiService().post(unclaimedFilesEndpoint, payload),
+          getApiService().post(myFilesEndpoint, payload),
+          getApiService().post(completedFilesEndpoint, payload)
+        ]);
+        if (!isCurrent) return;
+        setFilePoolFiles(unwrapInboxRows(poolResponse).map(normalizePoolFile));
+        setMyFiles(unwrapInboxRows(myFilesResponse).map(normalizeMyFile));
+        setTotalFiles(unwrapInboxRows(completedFilesResponse).map(normalizeMyFile));
+      } catch (error) {
+        if (!isCurrent) return;
+        setFilePoolFiles([]);
+        setMyFiles([]);
+        setTotalFiles([]);
+        await import_sweetalert229.default.fire(
+          "Error",
+          ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to load inbox files.",
+          "error"
+        );
+      }
+    };
+    loadStepFiles();
+    return () => {
+      isCurrent = false;
+    };
+  }, [activeWorkflowStepId, refreshKey]);
   const [dynamicColumns, setDynamicColumns] = (0, import_react100.useState)([
     { key: "department", label: "Department", width: "190px", visible: true },
     { key: "applicant", label: "Applicant / Entity", width: "210px", visible: true },
@@ -19625,6 +19652,7 @@ function InboxMain() {
   const [sortDirection, setSortDirection] = (0, import_react100.useState)("asc");
   const [poolModalOpen, setPoolModalOpen] = (0, import_react100.useState)(false);
   const [selectedPoolFile, setSelectedPoolFile] = (0, import_react100.useState)(null);
+  const [isClaimingPool, setIsClaimingPool] = (0, import_react100.useState)(false);
   const [actionModalOpen, setActionModalOpen] = (0, import_react100.useState)(false);
   const [selectedActionFile, setSelectedActionFile] = (0, import_react100.useState)(null);
   const [viewModalOpen, setViewModalOpen] = (0, import_react100.useState)(false);
@@ -19798,42 +19826,84 @@ function InboxMain() {
     setSelectedPoolFile(file);
     setPoolModalOpen(true);
   };
-  const handleConfirmPool = async (fileToPool) => {
-    setPoolModalOpen(false);
-    setFilePoolFiles((prev) => prev.filter((item) => item.fileId !== fileToPool.fileId));
-    const claimedFile = __spreadProps(__spreadValues({}, fileToPool), {
-      status: "In Progress",
-      assignedTo: "Pankaj Jain"
-    });
-    setMyFiles((prev) => [claimedFile, ...prev]);
-    setTotalFiles(
-      (prev) => prev.map(
-        (item) => item.fileId === fileToPool.fileId ? __spreadProps(__spreadValues({}, item), { status: "In Progress", assignedTo: "Pankaj Jain" }) : item
-      )
-    );
-    await import_sweetalert229.default.fire({
-      icon: "success",
-      title: "File Pooled Successfully!",
-      html: `File <strong>${fileToPool.fileNumber}</strong> has been moved to your <strong>My Files</strong> queue.`,
-      confirmButtonColor: "#2563eb",
-      timer: 3e3,
-      timerProgressBar: true
-    });
+  const handleConfirmPool = async () => {
+    var _a, _b;
+    if (!activeWorkflowStepId) {
+      await import_sweetalert229.default.fire("Error", "Select an assigned workflow step before claiming files.", "error");
+      return;
+    }
+    setIsClaimingPool(true);
+    try {
+      const claimEndpoint = getInboxEndpoint(
+        ["inbox", "Inbox", "filePool", "FilePool"],
+        "claimUnclaimedFilesByWorkflowStepId"
+      );
+      if (!claimEndpoint) {
+        throw new Error("Claim endpoint is not configured (flowCore.inbox.claimUnclaimedFilesByWorkflowStepId).");
+      }
+      await getApiService().post(claimEndpoint, {
+        workflowStepId: Number(activeWorkflowStepId)
+      });
+      setPoolModalOpen(false);
+      setSelectedPoolFile(null);
+      setCurrentPage(1);
+      setRefreshKey((previous) => previous + 1);
+      await import_sweetalert229.default.fire({
+        icon: "success",
+        title: "Files Claimed",
+        text: "Unclaimed files for this workflow step have been assigned to your My Files queue.",
+        confirmButtonColor: "#2563eb",
+        timer: 3e3,
+        timerProgressBar: true
+      });
+    } catch (error) {
+      await import_sweetalert229.default.fire(
+        "Error",
+        ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to claim files.",
+        "error"
+      );
+    } finally {
+      setIsClaimingPool(false);
+    }
   };
   const handleOpenTakeAction = (file) => {
     setSelectedActionFile(file);
     setActionModalOpen(true);
   };
-  const handleActionSubmit = async ({ file, actionType, remarks }) => {
-    setActionModalOpen(false);
-    await import_sweetalert229.default.fire({
-      icon: "success",
-      title: "Action Processed!",
-      html: `Action <strong>${actionType.toUpperCase()}</strong> on file <strong>${file.fileNumber}</strong> recorded successfully.${remarks ? `<br/><small class="text-slate-500">Remarks: ${remarks}</small>` : ""}`,
-      confirmButtonColor: "#059669",
-      timer: 3e3,
-      timerProgressBar: true
-    });
+  const handleActionSubmit = async ({ file, actionCode, actionLabel, remarks }) => {
+    var _a, _b, _c;
+    try {
+      const endpoint2 = getInboxEndpoint(["inbox"], ["ExecutionFlow", "executeAction", "executionFlow"]);
+      if (!endpoint2) throw new Error("Workflow execution endpoint is not configured.");
+      const taskInstanceId = Number((_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId);
+      if (!Number.isInteger(taskInstanceId) || taskInstanceId <= 0) {
+        throw new Error("Task instance ID is missing for this file.");
+      }
+      await getApiService().post(endpoint2, {
+        taskInstanceId,
+        actionCode,
+        comments: remarks.trim()
+      });
+      setActionModalOpen(false);
+      setSelectedActionFile(null);
+      setRefreshKey((previous) => previous + 1);
+      await import_sweetalert229.default.fire({
+        icon: "success",
+        title: "Action Processed!",
+        text: `${actionLabel || actionCode} on file ${file.fileNumber} recorded successfully.${remarks.trim() ? ` Remarks: ${remarks.trim()}` : ""}`,
+        confirmButtonColor: "#059669",
+        timer: 3e3,
+        timerProgressBar: true
+      });
+      return true;
+    } catch (error) {
+      await import_sweetalert229.default.fire(
+        "Error",
+        ((_c = (_b = error == null ? void 0 : error.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || (error == null ? void 0 : error.message) || "Unable to execute workflow action.",
+        "error"
+      );
+      return false;
+    }
   };
   const handleOpenView = (file) => {
     setSelectedViewFile(file);
@@ -19841,11 +19911,12 @@ function InboxMain() {
   };
   const handleRefresh = () => {
     setCurrentPage(1);
+    setRefreshKey((previous) => previous + 1);
     import_sweetalert229.default.fire({
       toast: true,
       position: "top-end",
-      icon: "success",
-      title: "Inbox updated with latest records",
+      icon: "info",
+      title: "Refreshing inbox files",
       showConfirmButton: false,
       timer: 2e3
     });
@@ -19931,7 +20002,7 @@ function InboxMain() {
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-0.5", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:text-[10px] fc:text-slate-400 fc:font-medium", children: "Active Step:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600 fc:bg-indigo-50/80 fc:px-1.5 fc:py-0.2 fc:rounded", children: activeRoleDetails.step })
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600 fc:bg-indigo-50/80 fc:px-1.5 fc:py-0.2 fc:rounded", children: (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "-" })
                 ] })
               ] }),
               roleDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
@@ -19943,30 +20014,39 @@ function InboxMain() {
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-100 fc:px-3 fc:pb-2 fc:pt-1.5", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Switch role" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2  fc:text-[9px] fc:font-bold fc:text-slate-500", children: "3 ROLES" })
+                      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2 fc:text-[9px] fc:font-bold fc:text-slate-500", children: [
+                        assignedSteps.length,
+                        " STEPS"
+                      ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fc:space-y-1 fc:pt-0.5", children: INBOX_ROLES.map((role) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
-                      "button",
-                      {
-                        type: "button",
-                        role: "menuitemradio",
-                        "aria-checked": activeRole === role.name,
-                        onClick: () => {
-                          setActiveRole(role.name);
-                          setRoleDropdownOpen(false);
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fc:space-y-1 fc:pt-0.5", children: assignedSteps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "fc:px-3 fc:py-3 fc:text-xs fc:text-slate-500", children: "No assigned workflow steps" }) : assignedSteps.map((step) => {
+                      const isSelected = Number(activeWorkflowStepId) === step.workflowStepId;
+                      const stepName = step.stepName || `Workflow Step ${step.workflowStepId}`;
+                      const marker = String(step.stepCode || stepName).trim().slice(0, 2).toUpperCase();
+                      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+                        "button",
+                        {
+                          type: "button",
+                          role: "menuitemradio",
+                          "aria-checked": isSelected,
+                          onClick: () => {
+                            setActiveWorkflowStepId(step.workflowStepId);
+                            setCurrentPage(1);
+                            setRoleDropdownOpen(false);
+                          },
+                          className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${isSelected ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-[10px] fc:font-extrabold fc:text-blue-700", children: marker }),
+                            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fc:min-w-0 fc:flex-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: `fc:block fc:text-xs fc:font-bold ${isSelected ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: stepName }),
+                              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:mt-0.5 fc:block fc:text-[10px] fc:leading-4 fc:text-slate-500", children: step.workflowName || `Workflow Step ID ${step.workflowStepId}` })
+                            ] }),
+                            isSelected && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:shrink-0 fc:rounded-full fc:bg-blue-100 fc:px-2 fc:py-1 fc:text-[9px] fc:font-bold fc:text-blue-700", children: "Current" })
+                          ]
                         },
-                        className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${activeRole === role.name ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: `fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:text-[10px] fc:font-extrabold ${role.color}`, children: role.marker }),
-                          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fc:min-w-0 fc:flex-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: `fc:block fc:text-xs fc:font-bold ${activeRole === role.name ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: role.name }),
-                            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:mt-0.5 fc:block fc:text-[10px] fc:leading-4 fc:text-slate-500", children: role.description })
-                          ] }),
-                          activeRole === role.name && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:shrink-0 fc:rounded-full fc:bg-blue-100 fc:px-2 fc:py-1 fc:text-[9px] fc:font-bold fc:text-blue-700", children: "Current" })
-                        ]
-                      },
-                      role.name
-                    )) })
+                        step.workflowStepId
+                      );
+                    }) })
                   ]
                 }
               )
@@ -19995,7 +20075,7 @@ function InboxMain() {
                 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_runtime97.jsx)(import_react101.RiInboxArchiveLine, { size: 16 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: "File Pool" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: "Unclaimed Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                     "span",
                     {
@@ -20033,7 +20113,7 @@ function InboxMain() {
                 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_runtime97.jsx)(import_react101.RiFileUploadLine, { size: 16 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: "Total Files" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: "Completed Files" }),
                   /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                     "span",
                     {
@@ -20625,7 +20705,9 @@ function InboxMain() {
       {
         isOpen: poolModalOpen,
         file: selectedPoolFile,
+        isSubmitting: isClaimingPool,
         onClose: () => {
+          if (isClaimingPool) return;
           setPoolModalOpen(false);
           setSelectedPoolFile(null);
         },
@@ -20899,521 +20981,11 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
 
 // src/components/track-application/TrackApplicationMain.jsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
-var APPLICATION_DATABASE = [
-  {
-    fileId: 202,
-    fileNumber: "FC-2026-0120",
-    subject: "Q3 Departmental Infrastructure Procurement Sanction",
-    workflowName: "Financial Sanction",
-    department: "Finance & Accounts",
-    applicant: "Administration Division",
-    category: "Budget Sanction",
-    financialYear: "2026-27",
-    sender: "Administration Division",
-    priority: "High",
-    receivedDate: "04-Oct-2026 01:20 PM",
-    dueDate: "10-Oct-2026",
-    slaStatus: "Running (2d left)",
-    status: "In Progress",
-    assignedTo: "Pankaj Jain",
-    currentStep: "Budget Head Appropriation",
-    progressPercent: 60,
-    stages: [
-      {
-        stageId: 1,
-        title: "Indents Consolidated",
-        description: "Department hardware requisitions.",
-        status: "completed",
-        date: "04-Oct-2026 01:20 PM",
-        officer: "Admin Division"
-      },
-      {
-        stageId: 2,
-        title: "Budget Availability Check",
-        description: "Major Head 2052 Capital Outlay.",
-        status: "completed",
-        date: "05-Oct-2026 11:00 AM",
-        officer: "Accounts Officer"
-      },
-      {
-        stageId: 3,
-        title: "Competent Authority Sanction",
-        description: "Review by Principal Secretary.",
-        status: "in-progress",
-        date: "Running (Active)",
-        officer: "Pankaj Jain"
-      },
-      {
-        stageId: 4,
-        title: "Sanction Letter Release",
-        description: "Formal expenditure sanction order.",
-        status: "pending",
-        date: "Target: 10-Oct-2026",
-        officer: "Finance Secretariat"
-      }
-    ],
-    movementHistory: [
-      {
-        id: 1,
-        fromStep: "Admin Division",
-        toStep: "Finance Scrutiny Cell",
-        action: "Sanction Proposal Sent",
-        officer: "Joint Secretary Admin",
-        timestamp: "04-Oct-2026 01:20 PM",
-        remarks: "Proposal for IT hardware and server capacity upgrade."
-      },
-      {
-        id: 2,
-        fromStep: "Finance Scrutiny Cell",
-        toStep: "Reviewer Desk",
-        action: "Budget Validated",
-        officer: "Accounts Officer",
-        timestamp: "05-Oct-2026 11:00 AM",
-        remarks: "Funds verified in current FY allocation."
-      }
-    ],
-    documents: [
-      { name: "Detailed Itemized Expense Estimate", type: "PDF", size: "1.9 MB", status: "Verified" },
-      { name: "Comparative Quotation Statement", type: "PDF", size: "1.5 MB", status: "Verified" }
-    ]
-  },
-  {
-    fileId: 101,
-    fileNumber: "FC-2026-0142",
-    subject: "Industrial Waste Discharge License Renewal Application",
-    workflowName: "Environmental Clearance",
-    department: "Environment & Forests",
-    applicant: "GreenTech Industries Ltd.",
-    category: "Statutory Renewal",
-    financialYear: "2026-27",
-    sender: "GreenTech Industries Ltd.",
-    priority: "Urgent",
-    receivedDate: "05-Oct-2026 09:15 AM",
-    dueDate: "09-Oct-2026",
-    slaStatus: "Critical (18h left)",
-    status: "Under Scrutiny",
-    assignedTo: "Pankaj Jain (Reviewer)",
-    currentStep: "Scrutiny & Review",
-    progressPercent: 50,
-    stages: [
-      {
-        stageId: 1,
-        title: "Application Registration",
-        description: "Application filed online via Single Window Portal.",
-        status: "completed",
-        date: "05-Oct-2026 09:15 AM",
-        officer: "Portal Gateway"
-      },
-      {
-        stageId: 2,
-        title: "Document Verification",
-        description: "Scrutiny of ETP specifications.",
-        status: "completed",
-        date: "05-Oct-2026 02:30 PM",
-        officer: "Pankaj Jain (Reviewer)"
-      },
-      {
-        stageId: 3,
-        title: "Field Inspection & Sampling",
-        description: "Pollution Control Board site inspection.",
-        status: "in-progress",
-        date: "Running (Due: 08-Oct)",
-        officer: "Er. Ramesh Verma"
-      },
-      {
-        stageId: 4,
-        title: "Appraisal Committee Review",
-        description: "State Expert Appraisal Committee review.",
-        status: "pending",
-        date: "Pending Stage 3",
-        officer: "Member Secretary"
-      },
-      {
-        stageId: 5,
-        title: "Final NOC & Certificate",
-        description: "Issuance of renewal license.",
-        status: "pending",
-        date: "Target: 09-Oct-2026",
-        officer: "Directorate of Env."
-      }
-    ],
-    movementHistory: [
-      {
-        id: 1,
-        fromStep: "Citizen Portal",
-        toStep: "Central Inward Registry",
-        action: "Application Submitted",
-        officer: "GreenTech Representative",
-        timestamp: "05-Oct-2026 09:15 AM",
-        remarks: "Online application submitted with license renewal fee."
-      },
-      {
-        id: 2,
-        fromStep: "Central Inward Registry",
-        toStep: "Scrutiny Desk",
-        action: "Forwarded for Scrutiny",
-        officer: "System Auto-Router",
-        timestamp: "05-Oct-2026 09:30 AM",
-        remarks: "Automated routing based on Environmental Clearance rule."
-      },
-      {
-        id: 3,
-        fromStep: "Scrutiny Desk",
-        toStep: "Pollution Control Inspection Cell",
-        action: "Under Active Scrutiny",
-        officer: "Pankaj Jain (Reviewer)",
-        timestamp: "05-Oct-2026 02:30 PM",
-        remarks: "Documents cleared. Site sample report requested."
-      }
-    ],
-    documents: [
-      { name: "Effluent Treatment Plant (ETP) Specification", type: "PDF", size: "3.4 MB", status: "Verified" },
-      { name: "Previous Financial Year Audit Log", type: "PDF", size: "1.8 MB", status: "Verified" },
-      { name: "Factory Site Coordinate Map", type: "PDF", size: "850 KB", status: "Under Scrutiny" }
-    ]
-  },
-  {
-    fileId: 102,
-    fileNumber: "FC-2026-0145",
-    subject: "Sector 14 Commercial Complex Building Plan Sanction",
-    workflowName: "Urban Development Clearance",
-    department: "Urban Development",
-    applicant: "Apex Constructions Pvt Ltd",
-    category: "Commercial Sanction",
-    financialYear: "2026-27",
-    sender: "Apex Constructions Pvt Ltd",
-    priority: "High",
-    receivedDate: "05-Oct-2026 11:30 AM",
-    dueDate: "12-Oct-2026",
-    slaStatus: "Running (4d left)",
-    status: "In Progress",
-    assignedTo: "Town Planner Cell",
-    currentStep: "Architectural Layout Verification",
-    progressPercent: 40,
-    stages: [
-      {
-        stageId: 1,
-        title: "Application Registration",
-        description: "Commercial sanction proposal filed.",
-        status: "completed",
-        date: "05-Oct-2026 11:30 AM",
-        officer: "Town Planning Portal"
-      },
-      {
-        stageId: 2,
-        title: "Town Planning Scrutiny",
-        description: "Floor area ratio and parking check.",
-        status: "in-progress",
-        date: "In Progress",
-        officer: "Chief Town Planner"
-      },
-      {
-        stageId: 3,
-        title: "Fire & Safety NOC",
-        description: "Driveway and structural load clearance.",
-        status: "pending",
-        date: "Pending Stage 2",
-        officer: "Fire Safety Dept"
-      },
-      {
-        stageId: 4,
-        title: "Municipal Commissioner Sanction",
-        description: "Final statutory sanction order.",
-        status: "pending",
-        date: "Target: 12-Oct-2026",
-        officer: "Municipal Comm."
-      }
-    ],
-    movementHistory: [
-      {
-        id: 1,
-        fromStep: "Citizen Portal",
-        toStep: "Urban Planning Registry",
-        action: "Filing Received",
-        officer: "Apex Constructions",
-        timestamp: "05-Oct-2026 11:30 AM",
-        remarks: "Proposal registered under Commercial Category A."
-      }
-    ],
-    documents: [
-      { name: "Structural Design Blueprint (CAD)", type: "PDF", size: "9.2 MB", status: "Verified" },
-      { name: "Land Ownership Deed", type: "PDF", size: "2.1 MB", status: "Verified" }
-    ]
-  },
-  {
-    fileId: 201,
-    fileNumber: "FC-2026-0112",
-    subject: "Hospital Expansion Fire Safety NOC & Site Clearance",
-    workflowName: "Fire & Safety Clearance",
-    department: "Public Safety",
-    applicant: "City Hospital Trust",
-    category: "Statutory NOC",
-    financialYear: "2026-27",
-    sender: "City Hospital Trust",
-    priority: "Urgent",
-    receivedDate: "03-Oct-2026 10:15 AM",
-    dueDate: "08-Oct-2026",
-    slaStatus: "Critical (14h left)",
-    status: "Under Review",
-    assignedTo: "Pankaj Jain (Reviewer)",
-    currentStep: "Hydrant & Evacuation Inspection",
-    progressPercent: 75,
-    stages: [
-      {
-        stageId: 1,
-        title: "Application Received",
-        description: "200-bed extension fire clearance.",
-        status: "completed",
-        date: "03-Oct-2026 10:15 AM",
-        officer: "Disaster Desk"
-      },
-      {
-        stageId: 2,
-        title: "Architectural Audit",
-        description: "Emergency exits and fire lifts check.",
-        status: "completed",
-        date: "04-Oct-2026 02:00 PM",
-        officer: "Pankaj Jain"
-      },
-      {
-        stageId: 3,
-        title: "Hydrant Pressure Test",
-        description: "Physical inspection of water tanks.",
-        status: "in-progress",
-        date: "Running (Critical)",
-        officer: "Inspection Team"
-      },
-      {
-        stageId: 4,
-        title: "Issuance of Certificate",
-        description: "Final statutory NOC issuance.",
-        status: "pending",
-        date: "Target: 08-Oct-2026",
-        officer: "DG Fire Services"
-      }
-    ],
-    movementHistory: [
-      {
-        id: 1,
-        fromStep: "City Hospital Trust",
-        toStep: "Public Safety Central Registry",
-        action: "Application Filed",
-        officer: "Trust Secretary",
-        timestamp: "03-Oct-2026 10:15 AM",
-        remarks: "Priority expedited due to public healthcare expansion."
-      }
-    ],
-    documents: [
-      { name: "Emergency Evacuation Route Map", type: "PDF", size: "3.9 MB", status: "Verified" }
-    ]
-  },
-  {
-    fileId: 104,
-    fileNumber: "FC-2026-0153",
-    subject: "Vendor Onboarding & Due Diligence - Cloud Services",
-    workflowName: "Procurement & Contracts",
-    department: "Procurement Cell",
-    applicant: "Global Infotech Solutions",
-    category: "Vendor Registration",
-    financialYear: "2026-27",
-    sender: "Global Infotech Solutions",
-    priority: "High",
-    receivedDate: "06-Oct-2026 04:10 PM",
-    dueDate: "11-Oct-2026",
-    slaStatus: "Running (3d left)",
-    status: "In Progress",
-    assignedTo: "Tender Committee",
-    currentStep: "Financial Bid Eligibility",
-    progressPercent: 45,
-    stages: [
-      {
-        stageId: 1,
-        title: "Vendor Registration",
-        description: "Tender credentials submitted.",
-        status: "completed",
-        date: "06-Oct-2026 04:10 PM",
-        officer: "e-Procurement Portal"
-      },
-      {
-        stageId: 2,
-        title: "Technical Eligibility",
-        description: "Past experience evaluation.",
-        status: "completed",
-        date: "07-Oct-2026 10:00 AM",
-        officer: "Evaluation Board"
-      },
-      {
-        stageId: 3,
-        title: "Financial Eligibility",
-        description: "Balance sheets and solvency audit.",
-        status: "in-progress",
-        date: "Running",
-        officer: "Finance Officer"
-      },
-      {
-        stageId: 4,
-        title: "Contract Award",
-        description: "SLA and agreement execution.",
-        status: "pending",
-        date: "Target: 11-Oct-2026",
-        officer: "Director Procurement"
-      }
-    ],
-    movementHistory: [
-      {
-        id: 1,
-        fromStep: "Vendor Portal",
-        toStep: "Procurement Intake",
-        action: "Bid Registered",
-        officer: "Global Infotech",
-        timestamp: "06-Oct-2026 04:10 PM",
-        remarks: "Online submission with Earnest Money Deposit receipt."
-      }
-    ],
-    documents: [
-      { name: "Audited Balance Sheets (3 Years)", type: "PDF", size: "5.1 MB", status: "Verified" }
-    ]
-  },
-  {
-    fileId: 203,
-    fileNumber: "FC-2026-0128",
-    subject: "Public Interest Petition Regarding Street Light Restoration",
-    workflowName: "Citizen Grievance Redressal",
-    department: "Municipal Affairs",
-    applicant: "Ward 12 Residents Forum",
-    category: "Citizen Grievance",
-    financialYear: "2026-27",
-    sender: "Ward 12 Residents Forum",
-    priority: "Medium",
-    receivedDate: "04-Oct-2026 03:40 PM",
-    dueDate: "12-Oct-2026",
-    slaStatus: "Running (4d left)",
-    status: "In Progress",
-    assignedTo: "Pankaj Jain",
-    currentStep: "Field Action Team Dispatch",
-    progressPercent: 55,
-    stages: [
-      {
-        stageId: 1,
-        title: "Petition Lodged",
-        description: "Grievance received through CM Helpline.",
-        status: "completed",
-        date: "04-Oct-2026 03:40 PM",
-        officer: "Citizen Helpdesk"
-      },
-      {
-        stageId: 2,
-        title: "Ward Engineer Assigned",
-        description: "Underground cabling check.",
-        status: "completed",
-        date: "05-Oct-2026 10:00 AM",
-        officer: "Assistant Engineer"
-      },
-      {
-        stageId: 3,
-        title: "Repair & Cable Laying",
-        description: "Cable and fixture replacements.",
-        status: "in-progress",
-        date: "Running",
-        officer: "Field Squad"
-      },
-      {
-        stageId: 4,
-        title: "Resolution & Closure",
-        description: "Confirmation with petitioner.",
-        status: "pending",
-        date: "Target: 12-Oct-2026",
-        officer: "Pankaj Jain"
-      }
-    ],
-    movementHistory: [
-      {
-        id: 1,
-        fromStep: "Citizen Helpdesk",
-        toStep: "Municipal Electrical Division",
-        action: "Grievance Categorized",
-        officer: "Helpdesk Officer",
-        timestamp: "04-Oct-2026 03:40 PM",
-        remarks: "Ward 12 Main Sector street illumination failure complaint."
-      }
-    ],
-    documents: [
-      { name: "Citizen Complaint Letter", type: "PDF", size: "1.1 MB", status: "Verified" }
-    ]
-  },
-  {
-    fileId: 301,
-    fileNumber: "FC-2026-0095",
-    subject: "National Highway Bypass Land Acquisition Settlement",
-    workflowName: "Land Revenue & Settlement",
-    department: "Land & Revenue",
-    applicant: "District Collectorate",
-    category: "Land Settlement",
-    financialYear: "2026-27",
-    sender: "District Magistrate Secretariat",
-    priority: "High",
-    receivedDate: "28-Sep-2026 11:00 AM",
-    dueDate: "05-Oct-2026",
-    slaStatus: "Met / Completed",
-    status: "Completed",
-    assignedTo: "Executive Director",
-    currentStep: "Award Pronouncement & Compensation",
-    progressPercent: 100,
-    stages: [
-      {
-        stageId: 1,
-        title: "Section 4 Notification",
-        description: "Survey of affected parcels.",
-        status: "completed",
-        date: "28-Sep-2026 11:00 AM",
-        officer: "Land Acquisition Officer"
-      },
-      {
-        stageId: 2,
-        title: "Public Hearing",
-        description: "Hearing of titleholders.",
-        status: "completed",
-        date: "30-Sep-2026 04:00 PM",
-        officer: "ADM Revenue"
-      },
-      {
-        stageId: 3,
-        title: "Award Declaration",
-        description: "Compensation disbursed to bank accounts.",
-        status: "completed",
-        date: "04-Oct-2026 01:30 PM",
-        officer: "Executive Director"
-      },
-      {
-        stageId: 4,
-        title: "Possession Handover",
-        description: "Corridor transferred to NHAI.",
-        status: "completed",
-        date: "05-Oct-2026 11:00 AM",
-        officer: "DM Secretariat"
-      }
-    ],
-    movementHistory: [
-      {
-        id: 1,
-        fromStep: "NHAI Project Office",
-        toStep: "Revenue Department",
-        action: "Acquisition Proposed",
-        officer: "Project Director",
-        timestamp: "28-Sep-2026 11:00 AM",
-        remarks: "Proposal for bypass corridor land transfer."
-      }
-    ],
-    documents: [
-      { name: "Final Land Award Gazette Notification", type: "PDF", size: "4.1 MB", status: "Verified" }
-    ]
-  }
-];
+var APPLICATION_DATABASE = [];
 function TrackApplicationMain() {
   var _a, _b, _c;
   const [trackQuery, setTrackQuery] = (0, import_react104.useState)("");
-  const [selectedApplication, setSelectedApplication] = (0, import_react104.useState)(APPLICATION_DATABASE[0]);
-  const [isSearching, setIsSearching] = (0, import_react104.useState)(false);
+  const [selectedApplication, setSelectedApplication] = (0, import_react104.useState)(null);
   const [activeTab, setActiveTab] = (0, import_react104.useState)("timeline");
   const [viewMode, setViewMode] = (0, import_react104.useState)("tracker");
   const [tableSearch, setTableSearch] = (0, import_react104.useState)("");
@@ -21423,119 +20995,25 @@ function TrackApplicationMain() {
   const [sortColumn, setSortColumn] = (0, import_react104.useState)("");
   const [sortDirection, setSortDirection] = (0, import_react104.useState)("asc");
   const [slipModalOpen, setSlipModalOpen] = (0, import_react104.useState)(false);
-  const popularFileNumbers = [
-    "FC-2026-0120",
-    "FC-2026-0142",
-    "FC-2026-0145",
-    "FC-2026-0112",
-    "FC-2026-0153",
-    "FC-2026-0128",
-    "FC-2026-0095"
-  ];
-  const handleTrack = (fileNoToTrack) => {
+  const handleTrack = async (fileNoToTrack) => {
     const targetNo = (fileNoToTrack || trackQuery).trim().toUpperCase();
     if (!targetNo) {
       import_sweetalert230.default.fire({
         icon: "warning",
         title: "Please enter an Application No.",
-        text: "Example: FC-2026-0120 or select one from quick chips.",
+        text: "Enter an application or file number to search.",
         confirmButtonColor: "#2563eb"
       });
       return;
     }
-    setIsSearching(true);
-    setTimeout(() => {
-      setIsSearching(false);
-      const matched = APPLICATION_DATABASE.find(
-        (app) => app.fileNumber.toUpperCase() === targetNo || app.fileNumber.toUpperCase().includes(targetNo)
-      );
-      if (matched) {
-        setSelectedApplication(matched);
-        setTrackQuery(matched.fileNumber);
-        setViewMode("tracker");
-        import_sweetalert230.default.fire({
-          icon: "success",
-          title: "Application Found",
-          text: `${matched.fileNumber} (${matched.workflowName})`,
-          toast: true,
-          position: "top-end",
-          timer: 1800,
-          showConfirmButton: false
-        });
-      } else {
-        const synthesizedApp = {
-          fileId: Date.now(),
-          fileNumber: targetNo,
-          subject: `General Regulatory & Administrative Filing for ${targetNo}`,
-          workflowName: "Citizen & Enterprise Service Clearance",
-          department: "General Administration",
-          applicant: "Registered Enterprise Applicant",
-          category: "General Application",
-          financialYear: "2026-27",
-          sender: "Registered Enterprise Applicant",
-          priority: "Medium",
-          receivedDate: "07-Oct-2026 10:00 AM",
-          dueDate: "15-Oct-2026",
-          slaStatus: "Running (8d left)",
-          status: "Under Scrutiny",
-          assignedTo: "Pankaj Jain (Reviewer)",
-          currentStep: "Document Verification & Initial Scrutiny",
-          progressPercent: 40,
-          stages: [
-            {
-              stageId: 1,
-              title: "Application Registration",
-              description: `Application ${targetNo} registered successfully.`,
-              status: "completed",
-              date: "07-Oct-2026 10:00 AM",
-              officer: "System Gateway"
-            },
-            {
-              stageId: 2,
-              title: "Scrutiny & Verification",
-              description: "Reviewer checking attached documents.",
-              status: "in-progress",
-              date: "Running (Active)",
-              officer: "Pankaj Jain (Reviewer)"
-            },
-            {
-              stageId: 3,
-              title: "Competent Authority Decision",
-              description: "Final approval by department directorate.",
-              status: "pending",
-              date: "Pending Stage 2",
-              officer: "Designated Authority"
-            }
-          ],
-          movementHistory: [
-            {
-              id: 1,
-              fromStep: "Portal Inward Desk",
-              toStep: "Central Review Cell",
-              action: "Submitted & Allocated",
-              officer: "System Router",
-              timestamp: "07-Oct-2026 10:00 AM",
-              remarks: `Application ${targetNo} received and queued for review.`
-            }
-          ],
-          documents: [
-            { name: "Registration Acknowledgement", type: "PDF", size: "850 KB", status: "Verified" }
-          ]
-        };
-        setSelectedApplication(synthesizedApp);
-        setTrackQuery(targetNo);
-        setViewMode("tracker");
-        import_sweetalert230.default.fire({
-          icon: "info",
-          title: "Application Loaded",
-          text: `Application ${targetNo} loaded in tracking dashboard.`,
-          toast: true,
-          position: "top-end",
-          timer: 2e3,
-          showConfirmButton: false
-        });
-      }
-    }, 200);
+    setTrackQuery(targetNo);
+    setSelectedApplication(null);
+    await import_sweetalert230.default.fire({
+      icon: "warning",
+      title: "Tracking API is not configured",
+      text: "No tracking endpoint is configured, so application data cannot be loaded.",
+      confirmButtonColor: "#2563eb"
+    });
   };
   const handleCopyFileNumber = (no) => {
     navigator.clipboard.writeText(no);
@@ -21627,22 +21105,7 @@ function TrackApplicationMain() {
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3 fc:shrink-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "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", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:relative fc:shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.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: "PJ" }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsxs)("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Pankaj Jain" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:bg-blue-50 fc:text-blue-700 fc:px-1.5 fc:py-0.2 fc:rounded fc:border fc:border-blue-100", children: "Reviewer" })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-0.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:text-slate-400 fc:font-medium", children: "Active Step:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600 fc:bg-indigo-50/80 fc:px-1.5 fc:py-0.2 fc:rounded", children: "Scrutiny & Review" })
-                ] })
-              ] })
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:rounded-xl fc:border fc:border-slate-200 fc:bg-slate-50 fc:px-3 fc:py-2 fc:text-xs fc:font-semibold fc:text-slate-600", children: (selectedApplication == null ? void 0 : selectedApplication.fileNumber) || "No application selected" }),
             /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               "button",
               {
@@ -21656,412 +21119,400 @@ function TrackApplicationMain() {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:p-3.5 fc:shadow-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:flex-col lg:fc:flex-row lg:fc:items-center lg:fc:justify-between fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:inline-flex fc:items-center fc:p-1 fc:bg-slate-100/90 fc:rounded-xl fc:border fc:border-slate-200/80 fc:gap-1 fc:shrink-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-              "button",
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:p-3.5 fc:shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:flex-col lg:fc:flex-row lg:fc:items-center lg:fc:justify-between fc:gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:inline-flex fc:items-center fc:p-1 fc:bg-slate-100/90 fc:rounded-xl fc:border fc:border-slate-200/80 fc:gap-1 fc:shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+            "button",
+            {
+              type: "button",
+              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_runtime99.jsx)(import_react105.RiRouteLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Tracking Dashboard" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+            "button",
+            {
+              type: "button",
+              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_runtime99.jsx)(import_react105.RiFileListLine, { size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Applications Registry" }),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                  "span",
+                  {
+                    className: `fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[10px] fc:font-extrabold ${viewMode === "registry" ? "fc:bg-white/20 fc:text-white" : "fc:bg-slate-200 fc:text-slate-700"}`,
+                    children: APPLICATION_DATABASE.length
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-1 lg:fc:max-w-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:relative fc:flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(import_react105.RiSearchLine, { size: 16 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              "input",
               {
-                type: "button",
-                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_runtime99.jsx)(import_react105.RiRouteLine, { size: 15 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Tracking Dashboard" })
-                ]
+                type: "text",
+                value: trackQuery,
+                onChange: (e) => setTrackQuery(e.target.value),
+                onKeyDown: (e) => e.key === "Enter" && handleTrack(),
+                placeholder: "Enter App No. / File No.",
+                className: "fc:w-full fc:pl-9 fc:pr-8 fc:py-2 fc:bg-slate-50 focus:fc:bg-white fc:border fc:border-slate-200 focus:fc:border-blue-500 fc:rounded-xl fc:text-xs fc:font-semibold fc:text-slate-800 fc:outline-none fc:transition-all"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+            trackQuery && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               "button",
               {
                 type: "button",
-                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_runtime99.jsx)(import_react105.RiFileListLine, { size: 15 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Applications Registry" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-                    "span",
-                    {
-                      className: `fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[10px] fc:font-extrabold ${viewMode === "registry" ? "fc:bg-white/20 fc:text-white" : "fc:bg-slate-200 fc:text-slate-700"}`,
-                      children: APPLICATION_DATABASE.length
-                    }
-                  )
-                ]
+                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_runtime99.jsx)(import_react105.RiCloseLine, { size: 14 })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-1 lg:fc:max-w-md", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:relative fc:flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(import_react105.RiSearchLine, { size: 16 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-                "input",
-                {
-                  type: "text",
-                  value: trackQuery,
-                  onChange: (e) => setTrackQuery(e.target.value),
-                  onKeyDown: (e) => e.key === "Enter" && handleTrack(),
-                  placeholder: "Enter App No. / File No. (e.g. FC-2026-0120)...",
-                  className: "fc:w-full fc:pl-9 fc:pr-8 fc:py-2 fc:bg-slate-50 focus:fc:bg-white fc:border fc:border-slate-200 focus:fc:border-blue-500 fc:rounded-xl fc:text-xs fc:font-semibold fc:text-slate-800 fc:outline-none fc:transition-all"
-                }
-              ),
-              trackQuery && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-                "button",
-                {
-                  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_runtime99.jsx)(import_react105.RiCloseLine, { size: 14 })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-              "button",
-              {
-                type: "button",
-                onClick: () => handleTrack(),
-                disabled: isSearching,
-                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: isSearching ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:inline-block fc:w-3.5 fc:h-3.5 fc:border-2 fc:border-white fc:border-t-transparent fc:rounded-full fc:animate-spin" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Tracking..." })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiRouteLine, { size: 14 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Track Now" })
-                ] })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-2.5 fc:pt-2.5 fc:border-t fc:border-slate-100 fc:flex-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:tracking-wider fc:mr-1", children: "Quick Track:" }),
-          popularFileNumbers.map((no) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
             "button",
             {
               type: "button",
-              onClick: () => handleTrack(no),
-              className: `fc:px-2.5 fc:py-0.5 fc:text-[11px] fc:font-bold fc:rounded-md fc:border fc:transition-all ${(selectedApplication == null ? void 0 : selectedApplication.fileNumber) === no ? "fc:bg-blue-50 fc:border-blue-300 fc:text-blue-700" : "fc:bg-slate-50 fc:border-slate-200 fc:text-slate-600 hover:fc:bg-slate-100 hover:fc:border-slate-300"}`,
-              children: no
-            },
-            no
-          ))
+              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_runtime99.jsx)(import_react105.RiRouteLine, { size: 14 }),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Track Now" })
+              ]
+            }
+          )
         ] })
-      ] }),
+      ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-3xl fc:shadow-sm fc:p-5 fc:flex fc:flex-col", children: viewMode === "tracker" ? (
         /* ========================================================
            VIEW 1: LIVE TRACKING DASHBOARD
            ======================================================== */
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:space-y-4", children: selectedApplication && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:rounded-2xl fc:border fc:border-blue-100 fc:bg-gradient-to-r fc:from-blue-50/80 fc:via-indigo-50/40 fc:to-white fc:p-4.5 fc:shadow-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:flex-wrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(import_react105.RiRouteLine, { size: 13 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
-                    "App No: ",
-                    selectedApplication.fileNumber
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:space-y-4", children: [
+          selectedApplication && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:rounded-2xl fc:border fc:border-blue-100 fc:bg-gradient-to-r fc:from-blue-50/80 fc:via-indigo-50/40 fc:to-white fc:p-4.5 fc:shadow-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:flex-wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(import_react105.RiRouteLine, { size: 13 }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
+                      "App No: ",
+                      selectedApplication.fileNumber
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      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_runtime99.jsx)(import_react105.RiFileCopyLine, { size: 14 })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.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 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                    "span",
+                    {
+                      className: `fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:border ${selectedApplication.priority === "Urgent" ? "fc:bg-red-50 fc:text-red-700 fc:border-red-200" : selectedApplication.priority === "High" ? "fc:bg-amber-50 fc:text-amber-700 fc:border-amber-200" : "fc:bg-blue-50 fc:text-blue-700 fc:border-blue-200"}`,
+                      children: [
+                        selectedApplication.priority,
+                        " Priority"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-200", children: [
+                    "Status: ",
+                    selectedApplication.status
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
                   "button",
                   {
                     type: "button",
-                    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_runtime99.jsx)(import_react105.RiFileCopyLine, { size: 14 })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime99.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 }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-                  "span",
-                  {
-                    className: `fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:border ${selectedApplication.priority === "Urgent" ? "fc:bg-red-50 fc:text-red-700 fc:border-red-200" : selectedApplication.priority === "High" ? "fc:bg-amber-50 fc:text-amber-700 fc:border-amber-200" : "fc:bg-blue-50 fc:text-blue-700 fc:border-blue-200"}`,
+                    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: [
-                      selectedApplication.priority,
-                      " Priority"
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiPrinterLine, { size: 13 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Print Tracking Slip" })
                     ]
                   }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-200", children: [
-                  "Status: ",
-                  selectedApplication.status
-                ] })
+                )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  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_runtime99.jsx)(import_react105.RiPrinterLine, { size: 13 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Print Tracking Slip" })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h2", { className: "fc:text-base fc:font-bold fc:text-slate-800 fc:leading-snug", children: selectedApplication.subject }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4 fc:flex-wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiBuildingLine, { size: 13, className: "fc:text-slate-400" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "Dept:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.department })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiUserLine, { size: 13, className: "fc:text-slate-400" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "Applicant:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.applicant })
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h2", { className: "fc:text-base fc:font-bold fc:text-slate-800 fc:leading-snug", children: selectedApplication.subject }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4 fc:flex-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiBuildingLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "Dept:" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.department })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiUserLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "Applicant:" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.applicant })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiTimeLine, { size: 13, className: "fc:text-slate-400" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "Submitted:" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.receivedDate })
+                  ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react105.RiTimeLine, { size: 13, className: "fc:text-slate-400" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "Submitted:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-slate-700", children: selectedApplication.receivedDate })
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "SLA:" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-red-600 fc:font-extrabold", children: selectedApplication.slaStatus }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-slate-400", children: [
+                    "\u2022 Due: ",
+                    selectedApplication.dueDate
+                  ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-slate-400", children: "SLA:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-red-600 fc:font-extrabold", children: selectedApplication.slaStatus }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-slate-400", children: [
-                  "\u2022 Due: ",
-                  selectedApplication.dueDate
-                ] })
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:mt-2.5 fc:pt-2 fc:border-t fc:border-blue-100/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:text-[11px] fc:mb-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:font-bold fc:text-slate-600", children: [
+                    "Lifecycle Progress: ",
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("strong", { children: [
+                      selectedApplication.progressPercent || 50,
+                      "% Completed"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:font-bold fc:text-indigo-600", children: [
+                    "Active Desk: ",
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: selectedApplication.assignedTo || "Central Scrutiny Cell" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:w-full fc:bg-slate-200/80 fc:h-1.5 fc:rounded-full fc:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                  "div",
+                  {
+                    className: "fc:bg-gradient-to-r fc:from-blue-600 fc:to-indigo-600 fc:h-full fc:rounded-full fc:transition-all fc:duration-500",
+                    style: { width: `${selectedApplication.progressPercent || 50}%` }
+                  }
+                ) })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:mt-2.5 fc:pt-2 fc:border-t fc:border-blue-100/50", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:text-[11px] fc:mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:font-bold fc:text-slate-600", children: [
-                  "Lifecycle Progress: ",
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("strong", { children: [
-                    selectedApplication.progressPercent || 50,
-                    "% Completed"
-                  ] })
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50/70 fc:border fc:border-slate-200 fc:rounded-2xl fc:p-3.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:mb-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:w-2 fc:h-2 fc:rounded-full fc:bg-blue-600" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { className: "fc:text-xs fc:font-bold fc:text-slate-800 fc:uppercase fc:tracking-wider", children: "Workflow Progression Stages" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:font-bold fc:text-indigo-600", children: [
-                  "Active Desk: ",
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: selectedApplication.assignedTo || "Central Scrutiny Cell" })
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:text-slate-500", children: [
+                  "Current Step: ",
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-indigo-600", children: selectedApplication.currentStep })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:w-full fc:bg-slate-200/80 fc:h-1.5 fc:rounded-full fc:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                 "div",
                 {
-                  className: "fc:bg-gradient-to-r fc:from-blue-600 fc:to-indigo-600 fc:h-full fc:rounded-full fc:transition-all fc:duration-500",
-                  style: { width: `${selectedApplication.progressPercent || 50}%` }
-                }
-              ) })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50/70 fc:border fc:border-slate-200 fc:rounded-2xl fc:p-3.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:mb-2.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:w-2 fc:h-2 fc:rounded-full fc:bg-blue-600" }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { className: "fc:text-xs fc:font-bold fc:text-slate-800 fc:uppercase fc:tracking-wider", children: "Workflow Progression Stages" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:text-slate-500", children: [
-                "Current Step: ",
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-indigo-600", children: selectedApplication.currentStep })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-              "div",
-              {
-                className: "fc:grid fc:gap-2 fc:items-stretch",
-                style: {
-                  gridTemplateColumns: `repeat(${((_a = selectedApplication.stages) == null ? void 0 : _a.length) || 4}, minmax(0, 1fr))`
-                },
-                children: (selectedApplication.stages || []).map((stage, idx) => {
-                  const isCompleted = stage.status === "completed";
-                  const isInProgress = stage.status === "in-progress";
-                  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-                    "div",
-                    {
-                      className: `fc:relative fc:flex fc:flex-col fc:justify-between fc:p-2.5 fc:rounded-xl fc:border fc:transition-all ${isCompleted ? "fc:bg-emerald-50/60 fc:border-emerald-200/80" : isInProgress ? "fc:bg-blue-50 fc:border-blue-300 fc:shadow-sm fc:ring-1 fc:ring-blue-200" : "fc:bg-white fc:border-slate-200"}`,
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-1 fc:mb-1.5", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-                            "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_runtime99.jsx)(import_react105.RiCheckLine, { size: 12 }) : idx + 1
-                            }
-                          ),
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-                            "span",
-                            {
-                              className: `fc:text-[9px] fc:font-bold fc:px-1.5 fc:py-0.2 fc:rounded-full ${isCompleted ? "fc:bg-emerald-100 fc:text-emerald-700" : isInProgress ? "fc:bg-blue-100 fc:text-blue-700 fc:animate-pulse" : "fc:bg-slate-100 fc:text-slate-500"}`,
-                              children: isCompleted ? "Completed" : isInProgress ? "Active Step" : "Pending"
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-                            "h4",
-                            {
-                              className: "fc:text-[11px] fc:font-bold fc:text-slate-800 fc:truncate",
-                              title: stage.title,
-                              children: stage.title
-                            }
-                          ),
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-                            "p",
-                            {
-                              className: "fc:text-[10px] fc:text-slate-500 fc:truncate fc:mt-0.5",
-                              title: stage.description,
-                              children: stage.description
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:mt-1.5 fc:pt-1.5 fc:border-t fc:border-slate-200/50 fc:flex fc:items-center fc:justify-between fc:text-[9px] fc:text-slate-400", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:truncate", title: stage.officer, children: stage.officer }),
-                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:font-medium fc:text-slate-500 fc:shrink-0", children: stage.date.split(" ")[0] })
-                        ] })
-                      ]
-                    },
-                    stage.stageId || idx
-                  );
-                })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:border-b fc:border-slate-200 fc:bg-slate-50/60 fc:px-3 fc:pt-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  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_runtime99.jsx)(import_react105.RiRouteLine, { size: 14 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Movement History & Audit Trail" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.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 })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  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_runtime99.jsx)(import_react105.RiFileListLine, { size: 14 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Application Full Attributes" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  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_runtime99.jsx)(import_react105.RiFileTextLine, { size: 14 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Uploaded Documents" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.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 })
-                  ]
+                  className: "fc:grid fc:gap-2 fc:items-stretch",
+                  style: {
+                    gridTemplateColumns: `repeat(${((_a = selectedApplication.stages) == null ? void 0 : _a.length) || 4}, minmax(0, 1fr))`
+                  },
+                  children: (selectedApplication.stages || []).map((stage, idx) => {
+                    const isCompleted = stage.status === "completed";
+                    const isInProgress = stage.status === "in-progress";
+                    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                      "div",
+                      {
+                        className: `fc:relative fc:flex fc:flex-col fc:justify-between fc:p-2.5 fc:rounded-xl fc:border fc:transition-all ${isCompleted ? "fc:bg-emerald-50/60 fc:border-emerald-200/80" : isInProgress ? "fc:bg-blue-50 fc:border-blue-300 fc:shadow-sm fc:ring-1 fc:ring-blue-200" : "fc:bg-white fc:border-slate-200"}`,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-1 fc:mb-1.5", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                              "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_runtime99.jsx)(import_react105.RiCheckLine, { size: 12 }) : idx + 1
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                              "span",
+                              {
+                                className: `fc:text-[9px] fc:font-bold fc:px-1.5 fc:py-0.2 fc:rounded-full ${isCompleted ? "fc:bg-emerald-100 fc:text-emerald-700" : isInProgress ? "fc:bg-blue-100 fc:text-blue-700 fc:animate-pulse" : "fc:bg-slate-100 fc:text-slate-500"}`,
+                                children: isCompleted ? "Completed" : isInProgress ? "Active Step" : "Pending"
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                              "h4",
+                              {
+                                className: "fc:text-[11px] fc:font-bold fc:text-slate-800 fc:truncate",
+                                title: stage.title,
+                                children: stage.title
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                              "p",
+                              {
+                                className: "fc:text-[10px] fc:text-slate-500 fc:truncate fc:mt-0.5",
+                                title: stage.description,
+                                children: stage.description
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:mt-1.5 fc:pt-1.5 fc:border-t fc:border-slate-200/50 fc:flex fc:items-center fc:justify-between fc:text-[9px] fc:text-slate-400", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:truncate", title: stage.officer, children: stage.officer }),
+                            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:font-medium fc:text-slate-500 fc:shrink-0", children: stage.date.split(" ")[0] })
+                          ] })
+                        ]
+                      },
+                      stage.stageId || idx
+                    );
+                  })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:p-4", children: [
-              activeTab === "timeline" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:space-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:relative fc:pl-5 fc:space-y-4 before:fc:absolute before:fc:left-2 before:fc:top-2 before:fc:bottom-2 before:fc:w-0.5 before:fc:bg-slate-200", children: (selectedApplication.movementHistory || []).map((move, idx) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:relative fc:space-y-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:absolute fc:-left-[17px] fc:top-1 fc:w-2.5 fc:h-2.5 fc:rounded-full fc:bg-blue-600 fc:ring-4 fc:ring-blue-100" }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:flex-wrap", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: move.action }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-[11px] fc:text-slate-500", children: [
-                      "(",
-                      move.fromStep,
-                      " \u2192 ",
-                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-blue-600", children: move.toStep }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:border-b fc:border-slate-200 fc:bg-slate-50/60 fc:px-3 fc:pt-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    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_runtime99.jsx)(import_react105.RiRouteLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Movement History & Audit Trail" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.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 })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    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_runtime99.jsx)(import_react105.RiFileListLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Application Full Attributes" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    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_runtime99.jsx)(import_react105.RiFileTextLine, { size: 14 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Uploaded Documents" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.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 })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:p-4", children: [
+                activeTab === "timeline" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:space-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:relative fc:pl-5 fc:space-y-4 before:fc:absolute before:fc:left-2 before:fc:top-2 before:fc:bottom-2 before:fc:w-0.5 before:fc:bg-slate-200", children: (selectedApplication.movementHistory || []).map((move, idx) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:relative fc:space-y-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:absolute fc:-left-[17px] fc:top-1 fc:w-2.5 fc:h-2.5 fc:rounded-full fc:bg-blue-600 fc:ring-4 fc:ring-blue-100" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:flex-wrap", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: move.action }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-[11px] fc:text-slate-500", children: [
+                        "(",
+                        move.fromStep,
+                        " \u2192 ",
+                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "fc:text-blue-600", children: move.toStep }),
+                        ")"
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400", children: move.timestamp })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "fc:text-xs fc:text-slate-600 fc:bg-slate-50 fc:p-2 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: "Remarks:" }),
+                    " ",
+                    move.remarks
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
+                    "Action Officer: ",
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: move.officer })
+                  ] })
+                ] }, move.id || idx)) }) }),
+                activeTab === "details" && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-3 fc:gap-3 fc:text-xs", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Application / File Number" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-blue-600 fc:mt-0.5 fc:block", children: selectedApplication.fileNumber })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Workflow Name" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.workflowName })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Department / Ministry" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.department })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Applicant / Originator Entity" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.applicant })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Proposal Category" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.category })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Financial Year" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.financialYear })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Received Timestamp" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.receivedDate })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Target SLA Due Date" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:font-bold fc:text-red-600 fc:mt-0.5 fc:block", children: [
+                      selectedApplication.dueDate,
+                      " (",
+                      selectedApplication.slaStatus,
                       ")"
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400", children: move.timestamp })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "fc:text-xs fc:text-slate-600 fc:bg-slate-50 fc:p-2 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: "Remarks:" }),
-                  " ",
-                  move.remarks
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
-                  "Action Officer: ",
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: move.officer })
-                ] })
-              ] }, move.id || idx)) }) }),
-              activeTab === "details" && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-3 fc:gap-3 fc:text-xs", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Application / File Number" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-blue-600 fc:mt-0.5 fc:block", children: selectedApplication.fileNumber })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Workflow Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.workflowName })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Department / Ministry" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.department })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Applicant / Originator Entity" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.applicant })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Proposal Category" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.category })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Financial Year" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.financialYear })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Received Timestamp" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.receivedDate })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Target SLA Due Date" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:font-bold fc:text-red-600 fc:mt-0.5 fc:block", children: [
-                    selectedApplication.dueDate,
-                    " (",
-                    selectedApplication.slaStatus,
-                    ")"
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Current Active Desk" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:font-bold fc:text-indigo-600 fc:mt-0.5 fc:block", children: [
+                      selectedApplication.assignedTo,
+                      " (",
+                      selectedApplication.currentStep,
+                      ")"
+                    ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Current Active Desk" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-xs fc:font-bold fc:text-indigo-600 fc:mt-0.5 fc:block", children: [
-                    selectedApplication.assignedTo,
-                    " (",
-                    selectedApplication.currentStep,
-                    ")"
-                  ] })
-                ] })
-              ] }),
-              activeTab === "documents" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-3", children: (selectedApplication.documents || []).map((doc, i) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-                "div",
-                {
-                  className: "fc:flex fc:items-center fc:justify-between fc:p-2.5 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-slate-50/50 hover:fc:bg-slate-50 fc:transition-all",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:w-7 fc:h-7 fc:rounded-lg fc:bg-red-50 fc:text-red-600 fc:flex fc:items-center fc:justify-center fc:font-bold fc:text-[10px]", children: doc.type }),
-                      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h5", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: doc.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
-                          "Size: ",
-                          doc.size
+                activeTab === "documents" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-3", children: (selectedApplication.documents || []).map((doc, i) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                  "div",
+                  {
+                    className: "fc:flex fc:items-center fc:justify-between fc:p-2.5 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-slate-50/50 hover:fc:bg-slate-50 fc:transition-all",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "fc:w-7 fc:h-7 fc:rounded-lg fc:bg-red-50 fc:text-red-600 fc:flex fc:items-center fc:justify-center fc:font-bold fc:text-[10px]", children: doc.type }),
+                        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h5", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: doc.name }),
+                          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
+                            "Size: ",
+                            doc.size
+                          ] })
                         ] })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:px-2 fc:py-0.5 fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-200", children: doc.status })
-                  ]
-                },
-                i
-              )) })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:px-2 fc:py-0.5 fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-200", children: doc.status })
+                    ]
+                  },
+                  i
+                )) })
+              ] })
             ] })
+          ] }),
+          !selectedApplication && /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(import_react105.RiRouteLine, { size: 28, className: "fc:text-slate-300" }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h2", { className: "fc:text-sm fc:font-bold fc:text-slate-700", children: "No tracking data available" }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.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." })
           ] })
-        ] }) })
+        ] })
       ) : (
         /* ========================================================
            VIEW 2: APPLICATIONS REGISTRY TABLE (MATCHING INBOX TABLE)