Merge pull request 'feature/leave/admin/approval - added admin,manager leave approval' (#18) from feature/leave/admin/approval into main

Reviewed-on: #18

docker-compose.yml

@@ -1,4 +1,4 @@
-version: '3.8'
+version: "3.8"
 
 services:
   hrms-frontend:

public/mockApi/approvals/admin_pending_leaves.json

@@ -0,0 +1,26 @@
+[
+  {
+    "id": "AA001",
+    "employeeId": "MGR001",
+    "employeeName": "Michael Scott",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-15",
+    "fromDate": "2026-07-25",
+    "toDate": "2026-07-26",
+    "leaveDays": 2,
+    "status": "Pending",
+    "reason": "Family trip."
+  },
+  {
+    "id": "AA002",
+    "employeeId": "MGR002",
+    "employeeName": "Jane Doe",
+    "leaveType": "Sick Leave",
+    "applicationDate": "2026-07-16",
+    "fromDate": "2026-07-22",
+    "toDate": "2026-07-22",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Fever."
+  }
+]

public/mockApi/approvals/manager_pending_leaves.json

@@ -1,22 +1,242 @@
 [
-  { "id": "MA005", "employeeId": "EMP005", "employeeName": "Michael Brown", "leaveType": "Casual Leave", "applicationDate": "2026-07-16", "fromDate": "2026-07-28", "toDate": "2026-07-29", "leaveDays": 2, "status": "Pending", "reason": "Attending a family wedding." },
+  {
-  { "id": "MA006", "employeeId": "EMP006", "employeeName": "Emily Davis", "leaveType": "Optional Holiday", "applicationDate": "2026-07-17", "fromDate": "2026-08-01", "toDate": "2026-08-01", "leaveDays": 1, "status": "Pending", "reason": "Festival celebration." },
+    "id": "MA005",
-  { "id": "MA007", "employeeId": "EMP007", "employeeName": "Chris Wilson", "leaveType": "Casual Leave", "applicationDate": "2026-07-18", "fromDate": "2026-08-03", "toDate": "2026-08-04", "leaveDays": 2, "status": "Approved", "reason": "Personal commitments." },
+    "employeeId": "EMP005",
-  { "id": "MA008", "employeeId": "EMP008", "employeeName": "Sophia Johnson", "leaveType": "Optional Holiday", "applicationDate": "2026-07-19", "fromDate": "2026-08-05", "toDate": "2026-08-05", "leaveDays": 1, "status": "Rejected", "reason": "Festival observance." },
+    "employeeName": "Michael Brown",
-  { "id": "MA009", "employeeId": "EMP009", "employeeName": "Daniel Lee", "leaveType": "Casual Leave", "applicationDate": "2026-07-20", "fromDate": "2026-08-06", "toDate": "2026-08-08", "leaveDays": 3, "status": "Pending", "reason": "Family emergency." },
+    "leaveType": "Casual Leave",
-  { "id": "MA010", "employeeId": "EMP010", "employeeName": "Olivia Martin", "leaveType": "Optional Holiday", "applicationDate": "2026-07-21", "fromDate": "2026-08-10", "toDate": "2026-08-10", "leaveDays": 1, "status": "Approved", "reason": "Cultural celebration." },
+    "applicationDate": "2026-07-16",
-  { "id": "MA011", "employeeId": "EMP011", "employeeName": "James Taylor", "leaveType": "Casual Leave", "applicationDate": "2026-07-22", "fromDate": "2026-08-12", "toDate": "2026-08-13", "leaveDays": 2, "status": "Pending", "reason": "Home relocation." },
+    "fromDate": "2026-07-28",
-  { "id": "MA012", "employeeId": "EMP012", "employeeName": "Emma Garcia", "leaveType": "Optional Holiday", "applicationDate": "2026-07-23", "fromDate": "2026-08-14", "toDate": "2026-08-14", "leaveDays": 1, "status": "Pending", "reason": "Religious observance." },
+    "toDate": "2026-07-29",
-  { "id": "MA013", "employeeId": "EMP013", "employeeName": "William Harris", "leaveType": "Casual Leave", "applicationDate": "2026-07-24", "fromDate": "2026-08-17", "toDate": "2026-08-18", "leaveDays": 2, "status": "Approved", "reason": "Health checkup." },
+    "leaveDays": 2,
-  { "id": "MA014", "employeeId": "EMP014", "employeeName": "Ava Clark", "leaveType": "Optional Holiday", "applicationDate": "2026-07-25", "fromDate": "2026-08-19", "toDate": "2026-08-19", "leaveDays": 1, "status": "Pending", "reason": "Community event." },
+    "status": "Pending",
-  { "id": "MA015", "employeeId": "EMP015", "employeeName": "Benjamin Lewis", "leaveType": "Casual Leave", "applicationDate": "2026-07-26", "fromDate": "2026-08-20", "toDate": "2026-08-22", "leaveDays": 3, "status": "Rejected", "reason": "Vacation with family." },
+    "reason": "Attending a family wedding."
-  { "id": "MA016", "employeeId": "EMP016", "employeeName": "Mia Walker", "leaveType": "Optional Holiday", "applicationDate": "2026-07-27", "fromDate": "2026-08-24", "toDate": "2026-08-24", "leaveDays": 1, "status": "Approved", "reason": "Festival celebration." },
+  },
-  { "id": "MA017", "employeeId": "EMP017", "employeeName": "Ethan Hall", "leaveType": "Casual Leave", "applicationDate": "2026-07-28", "fromDate": "2026-08-25", "toDate": "2026-08-26", "leaveDays": 2, "status": "Pending", "reason": "Personal travel." },
+  {
-  { "id": "MA018", "employeeId": "EMP018", "employeeName": "Charlotte Allen", "leaveType": "Optional Holiday", "applicationDate": "2026-07-29", "fromDate": "2026-08-27", "toDate": "2026-08-27", "leaveDays": 1, "status": "Pending", "reason": "Special occasion." },
+    "id": "MA006",
-  { "id": "MA019", "employeeId": "EMP019", "employeeName": "Alexander Young", "leaveType": "Casual Leave", "applicationDate": "2026-07-30", "fromDate": "2026-08-28", "toDate": "2026-08-30", "leaveDays": 3, "status": "Approved", "reason": "Family gathering." },
+    "employeeId": "EMP006",
-  { "id": "MA020", "employeeId": "EMP020", "employeeName": "Amelia King", "leaveType": "Optional Holiday", "applicationDate": "2026-07-31", "fromDate": "2026-09-01", "toDate": "2026-09-01", "leaveDays": 1, "status": "Pending", "reason": "Festival leave." },
+    "employeeName": "Emily Davis",
-  { "id": "MA021", "employeeId": "EMP021", "employeeName": "Matthew Scott", "leaveType": "Casual Leave", "applicationDate": "2026-08-01", "fromDate": "2026-09-02", "toDate": "2026-09-03", "leaveDays": 2, "status": "Rejected", "reason": "Personal errands." },
+    "leaveType": "Optional Holiday",
-  { "id": "MA022", "employeeId": "EMP022", "employeeName": "Harper Green", "leaveType": "Optional Holiday", "applicationDate": "2026-08-02", "fromDate": "2026-09-04", "toDate": "2026-09-04", "leaveDays": 1, "status": "Approved", "reason": "Religious holiday." },
+    "applicationDate": "2026-07-17",
-  { "id": "MA023", "employeeId": "EMP023", "employeeName": "David Baker", "leaveType": "Casual Leave", "applicationDate": "2026-08-03", "fromDate": "2026-09-07", "toDate": "2026-09-08", "leaveDays": 2, "status": "Pending", "reason": "Attending a seminar." },
+    "fromDate": "2026-08-01",
-  { "id": "MA024", "employeeId": "EMP024", "employeeName": "Ella Adams", "leaveType": "Optional Holiday", "applicationDate": "2026-08-04", "fromDate": "2026-09-09", "toDate": "2026-09-09", "leaveDays": 1, "status": "Pending", "reason": "Festival observance." }
+    "toDate": "2026-08-01",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Festival celebration."
+  },
+  {
+    "id": "MA007",
+    "employeeId": "EMP007",
+    "employeeName": "Chris Wilson",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-18",
+    "fromDate": "2026-08-03",
+    "toDate": "2026-08-04",
+    "leaveDays": 2,
+    "status": "Approved",
+    "reason": "Personal commitments."
+  },
+  {
+    "id": "MA008",
+    "employeeId": "EMP008",
+    "employeeName": "Sophia Johnson",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-19",
+    "fromDate": "2026-08-05",
+    "toDate": "2026-08-05",
+    "leaveDays": 1,
+    "status": "Rejected",
+    "reason": "Festival observance."
+  },
+  {
+    "id": "MA009",
+    "employeeId": "EMP009",
+    "employeeName": "Daniel Lee",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-20",
+    "fromDate": "2026-08-06",
+    "toDate": "2026-08-08",
+    "leaveDays": 3,
+    "status": "Pending",
+    "reason": "Family emergency."
+  },
+  {
+    "id": "MA010",
+    "employeeId": "EMP010",
+    "employeeName": "Olivia Martin",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-21",
+    "fromDate": "2026-08-10",
+    "toDate": "2026-08-10",
+    "leaveDays": 1,
+    "status": "Approved",
+    "reason": "Cultural celebration."
+  },
+  {
+    "id": "MA011",
+    "employeeId": "EMP011",
+    "employeeName": "James Taylor",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-22",
+    "fromDate": "2026-08-12",
+    "toDate": "2026-08-13",
+    "leaveDays": 2,
+    "status": "Pending",
+    "reason": "Home relocation."
+  },
+  {
+    "id": "MA012",
+    "employeeId": "EMP012",
+    "employeeName": "Emma Garcia",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-23",
+    "fromDate": "2026-08-14",
+    "toDate": "2026-08-14",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Religious observance."
+  },
+  {
+    "id": "MA013",
+    "employeeId": "EMP013",
+    "employeeName": "William Harris",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-24",
+    "fromDate": "2026-08-17",
+    "toDate": "2026-08-18",
+    "leaveDays": 2,
+    "status": "Approved",
+    "reason": "Health checkup."
+  },
+  {
+    "id": "MA014",
+    "employeeId": "EMP014",
+    "employeeName": "Ava Clark",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-25",
+    "fromDate": "2026-08-19",
+    "toDate": "2026-08-19",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Community event."
+  },
+  {
+    "id": "MA015",
+    "employeeId": "EMP015",
+    "employeeName": "Benjamin Lewis",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-26",
+    "fromDate": "2026-08-20",
+    "toDate": "2026-08-22",
+    "leaveDays": 3,
+    "status": "Rejected",
+    "reason": "Vacation with family."
+  },
+  {
+    "id": "MA016",
+    "employeeId": "EMP016",
+    "employeeName": "Mia Walker",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-27",
+    "fromDate": "2026-08-24",
+    "toDate": "2026-08-24",
+    "leaveDays": 1,
+    "status": "Approved",
+    "reason": "Festival celebration."
+  },
+  {
+    "id": "MA017",
+    "employeeId": "EMP017",
+    "employeeName": "Ethan Hall",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-28",
+    "fromDate": "2026-08-25",
+    "toDate": "2026-08-26",
+    "leaveDays": 2,
+    "status": "Pending",
+    "reason": "Personal travel."
+  },
+  {
+    "id": "MA018",
+    "employeeId": "EMP018",
+    "employeeName": "Charlotte Allen",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-29",
+    "fromDate": "2026-08-27",
+    "toDate": "2026-08-27",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Special occasion."
+  },
+  {
+    "id": "MA019",
+    "employeeId": "EMP019",
+    "employeeName": "Alexander Young",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-30",
+    "fromDate": "2026-08-28",
+    "toDate": "2026-08-30",
+    "leaveDays": 3,
+    "status": "Approved",
+    "reason": "Family gathering."
+  },
+  {
+    "id": "MA020",
+    "employeeId": "EMP020",
+    "employeeName": "Amelia King",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-31",
+    "fromDate": "2026-09-01",
+    "toDate": "2026-09-01",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Festival leave."
+  },
+  {
+    "id": "MA021",
+    "employeeId": "EMP021",
+    "employeeName": "Matthew Scott",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-08-01",
+    "fromDate": "2026-09-02",
+    "toDate": "2026-09-03",
+    "leaveDays": 2,
+    "status": "Rejected",
+    "reason": "Personal errands."
+  },
+  {
+    "id": "MA022",
+    "employeeId": "EMP022",
+    "employeeName": "Harper Green",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-08-02",
+    "fromDate": "2026-09-04",
+    "toDate": "2026-09-04",
+    "leaveDays": 1,
+    "status": "Approved",
+    "reason": "Religious holiday."
+  },
+  {
+    "id": "MA023",
+    "employeeId": "EMP023",
+    "employeeName": "David Baker",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-08-03",
+    "fromDate": "2026-09-07",
+    "toDate": "2026-09-08",
+    "leaveDays": 2,
+    "status": "Pending",
+    "reason": "Attending a seminar."
+  },
+  {
+    "id": "MA024",
+    "employeeId": "EMP024",
+    "employeeName": "Ella Adams",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-08-04",
+    "fromDate": "2026-09-09",
+    "toDate": "2026-09-09",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Festival observance."
+  }
 ]

public/mockApi/approvals/superadmin_pending_leaves.json

@@ -0,0 +1,26 @@
+[
+  {
+    "id": "SA001",
+    "employeeId": "ADM001",
+    "employeeName": "Alice Williams",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-10",
+    "fromDate": "2026-08-01",
+    "toDate": "2026-08-01",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Festival observance."
+  },
+  {
+    "id": "SA002",
+    "employeeId": "ADM002",
+    "employeeName": "Bob Smith",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-12",
+    "fromDate": "2026-08-05",
+    "toDate": "2026-08-06",
+    "leaveDays": 2,
+    "status": "Pending",
+    "reason": "Personal work."
+  }
+]

public/mockApi/attendance/admin_attendance.json

@@ -1,6 +1,30 @@
 [
-  { "date": "2026-07-01", "timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m", "status": "Present" },
+  {
-  { "date": "2026-07-02", "timeIn": "09:00 AM", "timeOut": "06:00 PM", "loggedHours": "9h 00m", "status": "Present" },
+    "date": "2026-07-01",
-  { "date": "2026-07-07", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Holiday" },
+    "timeIn": "08:50 AM",
-  { "date": "2026-07-15", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Absent" }
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-02",
+    "timeIn": "09:00 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 00m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-07",
+    "timeIn": "-",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Holiday"
+  },
+  {
+    "date": "2026-07-15",
+    "timeIn": "-",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Absent"
+  }
 ]

public/mockApi/attendance/admin_regularizations.json

@@ -1,5 +1,32 @@
 [
-  { "id": "REG001", "empId": "EMP001", "empName": "Alice", "reqCheckIn": "09:30 AM", "reqCheckOut": "06:30 PM", "date": "2024-07-15", "reason": "Forgot to punch in due to system issue.", "status": "Pending" },
+  {
-  { "id": "REG002", "empId": "EMP003", "empName": "Charlie", "reqCheckIn": "10:00 AM", "reqCheckOut": "07:00 PM", "date": "2024-07-16", "reason": "Late arrival due to traffic.", "status": "Pending" },
+    "id": "REG001",
-  { "id": "REG003", "empId": "EMP005", "empName": "Eve", "reqCheckIn": "08:45 AM", "reqCheckOut": "05:15 PM", "date": "2024-07-14", "reason": "Mispunch while swiping card.", "status": "Pending" }
+    "empId": "EMP001",
+    "empName": "Alice",
+    "reqCheckIn": "09:30 AM",
+    "reqCheckOut": "06:30 PM",
+    "date": "2024-07-15",
+    "reason": "Forgot to punch in due to system issue.",
+    "status": "Pending"
+  },
+  {
+    "id": "REG002",
+    "empId": "EMP003",
+    "empName": "Charlie",
+    "reqCheckIn": "10:00 AM",
+    "reqCheckOut": "07:00 PM",
+    "date": "2024-07-16",
+    "reason": "Late arrival due to traffic.",
+    "status": "Pending"
+  },
+  {
+    "id": "REG003",
+    "empId": "EMP005",
+    "empName": "Eve",
+    "reqCheckIn": "08:45 AM",
+    "reqCheckOut": "05:15 PM",
+    "date": "2024-07-14",
+    "reason": "Mispunch while swiping card.",
+    "status": "Pending"
+  }
 ]

public/mockApi/attendance/attendance_summary.json

@@ -1,91 +1,722 @@
 [
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-01" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-01" },
+    "id": "EMP001",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-01" },
+    "employeeName": "Alice",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-01" },
+    "branch": "Bengaluru",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-01" },
+    "department": "IT",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-01" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-01" },
+    "isCheckedIn": true,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-01" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-02" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-02" },
+    "id": "EMP002",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-02" },
+    "employeeName": "Bob",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-02" },
+    "branch": "Pune",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-02" },
+    "department": "Training",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-02" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-02" },
+    "isCheckedIn": false,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-02" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-03" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-03" },
+    "id": "EMP003",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-03" },
+    "employeeName": "Charlie",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-03" },
+    "branch": "Hyderabad",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-03" },
+    "department": "Analytics",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-03" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-03" },
+    "isCheckedIn": true,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-03" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-04" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-04" },
+    "id": "EMP004",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-04" },
+    "employeeName": "David",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-04" },
+    "branch": "Bengaluru",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-04" },
+    "department": "Placement",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-04" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-04" },
+    "isCheckedIn": false,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-04" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-05" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-05" },
+    "id": "EMP005",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-05" },
+    "employeeName": "Eve",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-05" },
+    "branch": "Pune",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-05" },
+    "department": "Digital Marketing",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-05" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-05" },
+    "isCheckedIn": true,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-05" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-06" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-06" },
+    "id": "EMP006",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-06" },
+    "employeeName": "Frank",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-06" },
+    "branch": "Bengaluru",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-06" },
+    "department": "IT",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-06" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-06" },
+    "isCheckedIn": true,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-06" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-07" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-07" },
+    "id": "EMP007",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-07" },
+    "employeeName": "Grace",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-07" },
+    "branch": "Hyderabad",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-07" },
+    "department": "Training",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-07" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-07" },
+    "isCheckedIn": false,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-07" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-08" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-08" },
+    "id": "EMP008",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-08" },
+    "employeeName": "Heidi",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-08" },
+    "branch": "Bengaluru",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-08" },
+    "department": "Analytics",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-08" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-08" },
+    "isCheckedIn": true,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-08" },
+    "date": "2026-07-01"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-09" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-09" },
+    "id": "EMP001",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-09" },
+    "employeeName": "Alice",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-09" },
+    "branch": "Bengaluru",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-09" },
+    "department": "IT",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-09" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-09" },
+    "isCheckedIn": true,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-09" },
+    "date": "2026-07-02"
-
+  },
-  { "id": "EMP001", "employeeName": "Alice", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-10" },
+  {
-  { "id": "EMP002", "employeeName": "Bob", "branch": "Pune", "department": "Training", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-10" },
+    "id": "EMP002",
-  { "id": "EMP003", "employeeName": "Charlie", "branch": "Hyderabad", "department": "Analytics", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-10" },
+    "employeeName": "Bob",
-  { "id": "EMP004", "employeeName": "David", "branch": "Bengaluru", "department": "Placement", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-10" },
+    "branch": "Pune",
-  { "id": "EMP005", "employeeName": "Eve", "branch": "Pune", "department": "Digital Marketing", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-10" },
+    "department": "Training",
-  { "id": "EMP006", "employeeName": "Frank", "branch": "Bengaluru", "department": "IT", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-10" },
+    "company": "CLRI",
-  { "id": "EMP007", "employeeName": "Grace", "branch": "Hyderabad", "department": "Training", "company": "CLRI", "isCheckedIn": false, "date": "2026-07-10" },
+    "isCheckedIn": true,
-  { "id": "EMP008", "employeeName": "Heidi", "branch": "Bengaluru", "department": "Analytics", "company": "CLRI", "isCheckedIn": true, "date": "2026-07-10" }
+    "date": "2026-07-02"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-02"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-02"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-02"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-02"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-02"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-02"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-03"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-04"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-05"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-06"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-07"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-08"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-09"
+  },
+  {
+    "id": "EMP001",
+    "employeeName": "Alice",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-10"
+  },
+  {
+    "id": "EMP002",
+    "employeeName": "Bob",
+    "branch": "Pune",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-10"
+  },
+  {
+    "id": "EMP003",
+    "employeeName": "Charlie",
+    "branch": "Hyderabad",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-10"
+  },
+  {
+    "id": "EMP004",
+    "employeeName": "David",
+    "branch": "Bengaluru",
+    "department": "Placement",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-10"
+  },
+  {
+    "id": "EMP005",
+    "employeeName": "Eve",
+    "branch": "Pune",
+    "department": "Digital Marketing",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-10"
+  },
+  {
+    "id": "EMP006",
+    "employeeName": "Frank",
+    "branch": "Bengaluru",
+    "department": "IT",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-10"
+  },
+  {
+    "id": "EMP007",
+    "employeeName": "Grace",
+    "branch": "Hyderabad",
+    "department": "Training",
+    "company": "CLRI",
+    "isCheckedIn": false,
+    "date": "2026-07-10"
+  },
+  {
+    "id": "EMP008",
+    "employeeName": "Heidi",
+    "branch": "Bengaluru",
+    "department": "Analytics",
+    "company": "CLRI",
+    "isCheckedIn": true,
+    "date": "2026-07-10"
+  }
 ]

public/mockApi/attendance/employee_attendance.json

@@ -1,22 +1,142 @@
 [
-  { "date": "2026-07-01", "timeIn": "09:05 AM", "timeOut": "06:15 PM", "loggedHours": "9h 10m", "status": "Present" },
+  {
-  { "date": "2026-07-02", "timeIn": "10:30 AM", "timeOut": "06:30 PM", "loggedHours": "8h 00m", "status": "Late" },
+    "date": "2026-07-01",
-  { "date": "2026-07-03", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Leave" },
+    "timeIn": "09:05 AM",
-  { "date": "2026-07-04", "timeIn": "10:12 AM", "timeOut": "06:30 PM", "loggedHours": "8h 18m", "status": "Late" },
+    "timeOut": "06:15 PM",
-  { "date": "2026-07-06", "timeIn": "09:00 AM", "timeOut": "05:05 PM", "loggedHours": "8h 05m", "status": "Present" },
+    "loggedHours": "9h 10m",
-  { "date": "2026-07-07", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Holiday" },
+    "status": "Present"
-  { "date": "2026-07-08", "timeIn": "09:15 AM", "timeOut": "02:00 PM", "loggedHours": "4h 45m", "status": "Half Day" },
+  },
-  { "date": "2026-07-10", "timeIn": "08:45 AM", "timeOut": "05:30 PM", "loggedHours": "8h 45m", "status": "WFH" },
+  {
-  { "date": "2026-07-13", "timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m", "status": "Present" },
+    "date": "2026-07-02",
-  { "date": "2026-07-15", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Absent" },
+    "timeIn": "10:30 AM",
-  { "date": "2026-07-17", "timeIn": "09:15 AM", "timeOut": "-", "loggedHours": "-", "status": "Mispunch" },
+    "timeOut": "06:30 PM",
-  { "date": "2026-07-20", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Holiday" },
+    "loggedHours": "8h 00m",
-  { "date": "2026-07-21", "timeIn": "09:00 AM", "timeOut": "06:00 PM", "loggedHours": "9h 00m", "status": "Present" },
+    "status": "Late"
-  { "date": "2026-07-26", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Holiday" },
+  },
-  { "date": "2026-07-27", "timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m", "status": "WFH" },
+  {
-  { "date": "2026-07-28", "timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m", "status": "Present" },
+    "date": "2026-07-03",
-  { "date": "2026-07-29","timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m", "status": "Present" },
+    "timeIn": "-",
-  { "date": "2026-07-30", "timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m", "status": "Present" },
+    "timeOut": "-",
-  { "date": "2026-07-31", "timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m","status": "Present" },
+    "loggedHours": "-",
-  { "date": "2026-08-01", "timeIn": "08:50 AM", "timeOut": "06:00 PM", "loggedHours": "9h 10m", "status": "Present" }
+    "status": "Leave"
+  },
+  {
+    "date": "2026-07-04",
+    "timeIn": "10:12 AM",
+    "timeOut": "06:30 PM",
+    "loggedHours": "8h 18m",
+    "status": "Late"
+  },
+  {
+    "date": "2026-07-06",
+    "timeIn": "09:00 AM",
+    "timeOut": "05:05 PM",
+    "loggedHours": "8h 05m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-07",
+    "timeIn": "-",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Holiday"
+  },
+  {
+    "date": "2026-07-08",
+    "timeIn": "09:15 AM",
+    "timeOut": "02:00 PM",
+    "loggedHours": "4h 45m",
+    "status": "Half Day"
+  },
+  {
+    "date": "2026-07-10",
+    "timeIn": "08:45 AM",
+    "timeOut": "05:30 PM",
+    "loggedHours": "8h 45m",
+    "status": "WFH"
+  },
+  {
+    "date": "2026-07-13",
+    "timeIn": "08:50 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-15",
+    "timeIn": "-",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Absent"
+  },
+  {
+    "date": "2026-07-17",
+    "timeIn": "09:15 AM",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Mispunch"
+  },
+  {
+    "date": "2026-07-20",
+    "timeIn": "-",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Holiday"
+  },
+  {
+    "date": "2026-07-21",
+    "timeIn": "09:00 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 00m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-26",
+    "timeIn": "-",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Holiday"
+  },
+  {
+    "date": "2026-07-27",
+    "timeIn": "08:50 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "WFH"
+  },
+  {
+    "date": "2026-07-28",
+    "timeIn": "08:50 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-29",
+    "timeIn": "08:50 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-30",
+    "timeIn": "08:50 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-31",
+    "timeIn": "08:50 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-08-01",
+    "timeIn": "08:50 AM",
+    "timeOut": "06:00 PM",
+    "loggedHours": "9h 10m",
+    "status": "Present"
+  }
 ]

public/mockApi/attendance/manager_attendance.json

@@ -1,8 +1,44 @@
 [
-  { "date": "2026-07-01", "timeIn": "09:05 AM", "timeOut": "06:15 PM", "loggedHours": "9h 10m", "status": "Present" },
+  {
-  { "date": "2026-07-02", "timeIn": "10:30 AM", "timeOut": "06:30 PM", "loggedHours": "8h 00m", "status": "Late" },
+    "date": "2026-07-01",
-  { "date": "2026-07-03", "timeIn": "-", "timeOut": "-", "loggedHours": "-", "status": "Leave" },
+    "timeIn": "09:05 AM",
-  { "date": "2026-07-04", "timeIn": "09:00 AM", "timeOut": "05:05 PM", "loggedHours": "8h 05m", "status": "Present" },
+    "timeOut": "06:15 PM",
-  { "date": "2026-07-08", "timeIn": "09:15 AM", "timeOut": "02:00 PM", "loggedHours": "4h 45m", "status": "Half Day" },
+    "loggedHours": "9h 10m",
-  { "date": "2026-07-17", "timeIn": "09:15 AM", "timeOut": "-", "loggedHours": "-", "status": "Mispunch" }
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-02",
+    "timeIn": "10:30 AM",
+    "timeOut": "06:30 PM",
+    "loggedHours": "8h 00m",
+    "status": "Late"
+  },
+  {
+    "date": "2026-07-03",
+    "timeIn": "-",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Leave"
+  },
+  {
+    "date": "2026-07-04",
+    "timeIn": "09:00 AM",
+    "timeOut": "05:05 PM",
+    "loggedHours": "8h 05m",
+    "status": "Present"
+  },
+  {
+    "date": "2026-07-08",
+    "timeIn": "09:15 AM",
+    "timeOut": "02:00 PM",
+    "loggedHours": "4h 45m",
+    "status": "Half Day"
+  },
+  {
+    "date": "2026-07-17",
+    "timeIn": "09:15 AM",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Mispunch"
+  }
 ]

public/mockApi/attendance/superadmin_attendance.json

@@ -1,5 +1,23 @@
 [
-  { "date": "2026-07-01", "timeIn": "09:30 AM", "timeOut": "06:30 PM", "loggedHours": "9h 00m", "status": "Late" },
+  {
-  { "date": "2026-07-03", "timeIn": "08:45 AM", "timeOut": "05:30 PM", "loggedHours": "8h 45m", "status": "WFH" },
+    "date": "2026-07-01",
-  { "date": "2026-07-10", "timeIn": "09:00 AM", "timeOut": "-", "loggedHours": "-", "status": "Mispunch" }
+    "timeIn": "09:30 AM",
+    "timeOut": "06:30 PM",
+    "loggedHours": "9h 00m",
+    "status": "Late"
+  },
+  {
+    "date": "2026-07-03",
+    "timeIn": "08:45 AM",
+    "timeOut": "05:30 PM",
+    "loggedHours": "8h 45m",
+    "status": "WFH"
+  },
+  {
+    "date": "2026-07-10",
+    "timeIn": "09:00 AM",
+    "timeOut": "-",
+    "loggedHours": "-",
+    "status": "Mispunch"
+  }
 ]

public/mockApi/leave/admin_leave_history.json

@@ -1,4 +1,22 @@
 [
-  { "id": "A001", "leaveType": "Casual Leave", "applicationDate": "2026-05-10", "fromDate": "2026-06-10", "toDate": "2026-06-11", "leaveDays": 2, "status": "Approved", "reason": "Medical appointment." },
+  {
-  { "id": "A002", "leaveType": "Casual Leave", "applicationDate": "2026-06-20", "fromDate": "2026-07-01", "toDate": "2026-07-02", "leaveDays": 2, "status": "Withdrawn", "reason": "Changed plans." }
+    "id": "A001",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-05-10",
+    "fromDate": "2026-06-10",
+    "toDate": "2026-06-11",
+    "leaveDays": 2,
+    "status": "Approved",
+    "reason": "Medical appointment."
+  },
+  {
+    "id": "A002",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-06-20",
+    "fromDate": "2026-07-01",
+    "toDate": "2026-07-02",
+    "leaveDays": 2,
+    "status": "Withdrawn",
+    "reason": "Changed plans."
+  }
 ]

public/mockApi/leave/admin_leave_summary.json

@@ -1,4 +1,16 @@
 [
-  { "leaveType": "Casual Leave", "credited": 15, "utilized": 5, "lapsed": 0, "balance": 10 },
+  {
-  { "leaveType": "Optional Holiday", "credited": 4, "utilized": 0, "lapsed": 0, "balance": 4 }
+    "leaveType": "Casual Leave",
+    "credited": 15,
+    "utilized": 5,
+    "lapsed": 0,
+    "balance": 10
+  },
+  {
+    "leaveType": "Optional Holiday",
+    "credited": 4,
+    "utilized": 0,
+    "lapsed": 0,
+    "balance": 4
+  }
 ]

public/mockApi/leave/employee_leave_history.json

@@ -1,10 +1,82 @@
 [
-  { "id": "L001", "leaveType": "Casual Leave", "applicationDate": "2026-07-10", "fromDate": "2026-07-04", "toDate": "2026-07-05", "leaveDays": 2, "status": "Approved", "reason": "Family function out of town." },
+  {
-  { "id": "L002", "leaveType": "Optional Holiday", "applicationDate": "2026-07-15", "fromDate": "2026-07-14", "toDate": "2026-07-14", "leaveDays": 1, "status": "Pending", "reason": "Personal work." },
+    "id": "L001",
-  { "id": "L003", "leaveType": "Casual Leave", "applicationDate": "2026-07-20", "fromDate": "2026-06-10", "toDate": "2026-06-11", "leaveDays": 2, "status": "Withdrawn", "reason": "Changed plans." },
+    "leaveType": "Casual Leave",
-  { "id": "L004", "leaveType": "Casual Leave", "applicationDate": "2026-07-22", "fromDate": "2026-06-20", "toDate": "2026-06-20", "leaveDays": 1, "status": "Approved", "reason": "Medical appointment." },
+    "applicationDate": "2026-07-10",
-  { "id": "L005", "leaveType": "Optional Holiday", "applicationDate": "2026-07-18", "fromDate": "2026-07-01", "toDate": "2026-07-02", "leaveDays": 2, "status": "Pending", "reason": "Religious festival." },
+    "fromDate": "2026-07-04",
-  { "id": "L006", "leaveType": "Casual Leave", "applicationDate": "2026-07-02", "fromDate": "2026-05-15", "toDate": "2026-05-16", "leaveDays": 2, "status": "Approved", "reason": "Friend's wedding." },
+    "toDate": "2026-07-05",
-  { "id": "L007", "leaveType": "Casual Leave", "applicationDate": "2026-07-10", "fromDate": "2026-04-25", "toDate": "2026-04-26", "leaveDays": 2, "status": "Approved", "reason": "House shifting." },
+    "leaveDays": 2,
-  { "id": "L008", "leaveType": "Optional Holiday", "applicationDate": "2026-07-22", "fromDate": "2026-07-21", "toDate": "2026-07-21", "leaveDays": 1, "status": "Pending", "reason": "Personal work." }
+    "status": "Approved",
+    "reason": "Family function out of town."
+  },
+  {
+    "id": "L002",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-15",
+    "fromDate": "2026-07-14",
+    "toDate": "2026-07-14",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Personal work."
+  },
+  {
+    "id": "L003",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-20",
+    "fromDate": "2026-06-10",
+    "toDate": "2026-06-11",
+    "leaveDays": 2,
+    "status": "Withdrawn",
+    "reason": "Changed plans."
+  },
+  {
+    "id": "L004",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-22",
+    "fromDate": "2026-06-20",
+    "toDate": "2026-06-20",
+    "leaveDays": 1,
+    "status": "Approved",
+    "reason": "Medical appointment."
+  },
+  {
+    "id": "L005",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-18",
+    "fromDate": "2026-07-01",
+    "toDate": "2026-07-02",
+    "leaveDays": 2,
+    "status": "Pending",
+    "reason": "Religious festival."
+  },
+  {
+    "id": "L006",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-02",
+    "fromDate": "2026-05-15",
+    "toDate": "2026-05-16",
+    "leaveDays": 2,
+    "status": "Approved",
+    "reason": "Friend's wedding."
+  },
+  {
+    "id": "L007",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-07-10",
+    "fromDate": "2026-04-25",
+    "toDate": "2026-04-26",
+    "leaveDays": 2,
+    "status": "Approved",
+    "reason": "House shifting."
+  },
+  {
+    "id": "L008",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-07-22",
+    "fromDate": "2026-07-21",
+    "toDate": "2026-07-21",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Personal work."
+  }
 ]

public/mockApi/leave/employee_leave_summary.json

@@ -1,4 +1,16 @@
 [
-  { "leaveType": "Casual Leave", "credited": 10, "utilized": 8, "lapsed": 0, "balance": 2 },
+  {
-  { "leaveType": "Optional Holiday", "credited": 4, "utilized": 3, "lapsed": 0, "balance": 1 }
+    "leaveType": "Casual Leave",
+    "credited": 10,
+    "utilized": 8,
+    "lapsed": 0,
+    "balance": 2
+  },
+  {
+    "leaveType": "Optional Holiday",
+    "credited": 4,
+    "utilized": 3,
+    "lapsed": 0,
+    "balance": 1
+  }
 ]

public/mockApi/leave/leave_applications.json

@@ -1,14 +1,134 @@
 [
-  { "id": "LA001", "employeeId": "EMP001", "employeeName": "Alice Williams", "designation": "Software Engineer", "department": "IT", "managerName": "Bob Smith", "leaveType": "Casual Leave", "leaveDays": 2, "status": "Approved" },
+  {
-  { "id": "LA002", "employeeId": "EMP002", "employeeName": "Bob Smith", "designation": "Senior Software Engineer", "department": "IT", "managerName": "Charlie Brown", "leaveType": "Sick Leave", "leaveDays": 1, "status": "Pending" },
+    "id": "LA001",
-  { "id": "LA003", "employeeId": "EMP003", "employeeName": "Charlie Brown", "designation": "Trainer", "department": "Training", "managerName": "Diana Prince", "leaveType": "Optional Holiday", "leaveDays": 1, "status": "Rejected" },
+    "employeeId": "EMP001",
-  { "id": "LA004", "employeeId": "EMP004", "employeeName": "Diana Prince", "designation": "Data Analyst", "department": "Analytics", "managerName": "Evan Wright", "leaveType": "Casual Leave", "leaveDays": 3, "status": "Approved" },
+    "employeeName": "Alice Williams",
-  { "id": "LA005", "employeeId": "EMP005", "employeeName": "Evan Wright", "designation": "QA Tester", "department": "Software Dev", "managerName": "Fiona Gallagher", "leaveType": "Sick Leave", "leaveDays": 2, "status": "Pending" },
+    "designation": "Software Engineer",
-  { "id": "LA006", "employeeId": "EMP006", "employeeName": "Fiona Gallagher", "designation": "HR Executive", "department": "HR", "managerName": "George Costanza", "leaveType": "Casual Leave", "leaveDays": 1, "status": "Withdrawn" },
+    "department": "IT",
-  { "id": "LA007", "employeeId": "EMP007", "employeeName": "George Costanza", "designation": "Placement Officer", "department": "Placement", "managerName": "Hannah Abbott", "leaveType": "Optional Holiday", "leaveDays": 1, "status": "Approved" },
+    "managerName": "Bob Smith",
-  { "id": "LA008", "employeeId": "EMP008", "employeeName": "Hannah Abbott", "designation": "Support Engineer", "department": "Support", "managerName": "Ian Malcolm", "leaveType": "Sick Leave", "leaveDays": 4, "status": "Pending" },
+    "leaveType": "Casual Leave",
-  { "id": "LA009", "employeeId": "EMP009", "employeeName": "Ian Malcolm", "designation": "Lead Trainer", "department": "Training", "managerName": "Jane Porter", "leaveType": "Casual Leave", "leaveDays": 2, "status": "Approved" },
+    "leaveDays": 2,
-  { "id": "LA010", "employeeId": "EMP010", "employeeName": "Jane Porter", "designation": "Project Manager", "department": "Software Dev", "managerName": "Kevin Hart", "leaveType": "Optional Holiday", "leaveDays": 1, "status": "Rejected" },
+    "status": "Approved"
-  { "id": "LA011", "employeeId": "EMP011", "employeeName": "Kevin Hart", "designation": "Software Engineer", "department": "IT", "managerName": "Laura Croft", "leaveType": "Sick Leave", "leaveDays": 1, "status": "Pending" },
+  },
-  { "id": "LA012", "employeeId": "EMP012", "employeeName": "Laura Croft", "designation": "Data Analyst", "department": "Analytics", "managerName": "Alice Williams", "leaveType": "Casual Leave", "leaveDays": 2, "status": "Approved" }
+  {
+    "id": "LA002",
+    "employeeId": "EMP002",
+    "employeeName": "Bob Smith",
+    "designation": "Senior Software Engineer",
+    "department": "IT",
+    "managerName": "Charlie Brown",
+    "leaveType": "Sick Leave",
+    "leaveDays": 1,
+    "status": "Pending"
+  },
+  {
+    "id": "LA003",
+    "employeeId": "EMP003",
+    "employeeName": "Charlie Brown",
+    "designation": "Trainer",
+    "department": "Training",
+    "managerName": "Diana Prince",
+    "leaveType": "Optional Holiday",
+    "leaveDays": 1,
+    "status": "Rejected"
+  },
+  {
+    "id": "LA004",
+    "employeeId": "EMP004",
+    "employeeName": "Diana Prince",
+    "designation": "Data Analyst",
+    "department": "Analytics",
+    "managerName": "Evan Wright",
+    "leaveType": "Casual Leave",
+    "leaveDays": 3,
+    "status": "Approved"
+  },
+  {
+    "id": "LA005",
+    "employeeId": "EMP005",
+    "employeeName": "Evan Wright",
+    "designation": "QA Tester",
+    "department": "Software Dev",
+    "managerName": "Fiona Gallagher",
+    "leaveType": "Sick Leave",
+    "leaveDays": 2,
+    "status": "Pending"
+  },
+  {
+    "id": "LA006",
+    "employeeId": "EMP006",
+    "employeeName": "Fiona Gallagher",
+    "designation": "HR Executive",
+    "department": "HR",
+    "managerName": "George Costanza",
+    "leaveType": "Casual Leave",
+    "leaveDays": 1,
+    "status": "Withdrawn"
+  },
+  {
+    "id": "LA007",
+    "employeeId": "EMP007",
+    "employeeName": "George Costanza",
+    "designation": "Placement Officer",
+    "department": "Placement",
+    "managerName": "Hannah Abbott",
+    "leaveType": "Optional Holiday",
+    "leaveDays": 1,
+    "status": "Approved"
+  },
+  {
+    "id": "LA008",
+    "employeeId": "EMP008",
+    "employeeName": "Hannah Abbott",
+    "designation": "Support Engineer",
+    "department": "Support",
+    "managerName": "Ian Malcolm",
+    "leaveType": "Sick Leave",
+    "leaveDays": 4,
+    "status": "Pending"
+  },
+  {
+    "id": "LA009",
+    "employeeId": "EMP009",
+    "employeeName": "Ian Malcolm",
+    "designation": "Lead Trainer",
+    "department": "Training",
+    "managerName": "Jane Porter",
+    "leaveType": "Casual Leave",
+    "leaveDays": 2,
+    "status": "Approved"
+  },
+  {
+    "id": "LA010",
+    "employeeId": "EMP010",
+    "employeeName": "Jane Porter",
+    "designation": "Project Manager",
+    "department": "Software Dev",
+    "managerName": "Kevin Hart",
+    "leaveType": "Optional Holiday",
+    "leaveDays": 1,
+    "status": "Rejected"
+  },
+  {
+    "id": "LA011",
+    "employeeId": "EMP011",
+    "employeeName": "Kevin Hart",
+    "designation": "Software Engineer",
+    "department": "IT",
+    "managerName": "Laura Croft",
+    "leaveType": "Sick Leave",
+    "leaveDays": 1,
+    "status": "Pending"
+  },
+  {
+    "id": "LA012",
+    "employeeId": "EMP012",
+    "employeeName": "Laura Croft",
+    "designation": "Data Analyst",
+    "department": "Analytics",
+    "managerName": "Alice Williams",
+    "leaveType": "Casual Leave",
+    "leaveDays": 2,
+    "status": "Approved"
+  }
 ]

public/mockApi/leave/leave_ledger.json

@@ -1,7 +1,52 @@
 [
-  { "employeeId": "EMP001", "employeeName": "Alice Williams", "month": 7, "year": 2026, "openingBalance": 12, "closingBalance": 10, "casualLeave": 8, "optionalLeave": 2 },
+  {
-  { "employeeId": "EMP002", "employeeName": "Bob Smith", "month": 7, "year": 2026, "openingBalance": 15, "closingBalance": 14, "casualLeave": 10, "optionalLeave": 4 },
+    "employeeId": "EMP001",
-  { "employeeId": "EMP001", "employeeName": "Alice Williams", "month": 6, "year": 2026, "openingBalance": 15, "closingBalance": 12, "casualLeave": 10, "optionalLeave": 2 },
+    "employeeName": "Alice Williams",
-  { "employeeId": "EMP003", "employeeName": "Charlie Brown", "month": 7, "year": 2026, "openingBalance": 10, "closingBalance": 8, "casualLeave": 6, "optionalLeave": 2 },
+    "month": 7,
-  { "employeeId": "EMP004", "employeeName": "Diana Prince", "month": 7, "year": 2026, "openingBalance": 12, "closingBalance": 12, "casualLeave": 12, "optionalLeave": 0 }
+    "year": 2026,
+    "openingBalance": 12,
+    "closingBalance": 10,
+    "casualLeave": 8,
+    "optionalLeave": 2
+  },
+  {
+    "employeeId": "EMP002",
+    "employeeName": "Bob Smith",
+    "month": 7,
+    "year": 2026,
+    "openingBalance": 15,
+    "closingBalance": 14,
+    "casualLeave": 10,
+    "optionalLeave": 4
+  },
+  {
+    "employeeId": "EMP001",
+    "employeeName": "Alice Williams",
+    "month": 6,
+    "year": 2026,
+    "openingBalance": 15,
+    "closingBalance": 12,
+    "casualLeave": 10,
+    "optionalLeave": 2
+  },
+  {
+    "employeeId": "EMP003",
+    "employeeName": "Charlie Brown",
+    "month": 7,
+    "year": 2026,
+    "openingBalance": 10,
+    "closingBalance": 8,
+    "casualLeave": 6,
+    "optionalLeave": 2
+  },
+  {
+    "employeeId": "EMP004",
+    "employeeName": "Diana Prince",
+    "month": 7,
+    "year": 2026,
+    "openingBalance": 12,
+    "closingBalance": 12,
+    "casualLeave": 12,
+    "optionalLeave": 0
+  }
 ]

public/mockApi/leave/manager_leave_history.json

@@ -1,4 +1,22 @@
 [
-  { "id": "M001", "leaveType": "Casual Leave", "applicationDate": "2026-06-12", "fromDate": "2026-07-04", "toDate": "2026-07-05", "leaveDays": 2, "status": "Approved", "reason": "Family function." },
+  {
-  { "id": "M002", "leaveType": "Optional Holiday", "applicationDate": "2026-06-18", "fromDate": "2026-07-14", "toDate": "2026-07-14", "leaveDays": 1, "status": "Pending", "reason": "Personal work." }
+    "id": "M001",
+    "leaveType": "Casual Leave",
+    "applicationDate": "2026-06-12",
+    "fromDate": "2026-07-04",
+    "toDate": "2026-07-05",
+    "leaveDays": 2,
+    "status": "Approved",
+    "reason": "Family function."
+  },
+  {
+    "id": "M002",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-06-18",
+    "fromDate": "2026-07-14",
+    "toDate": "2026-07-14",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Personal work."
+  }
 ]

public/mockApi/leave/manager_leave_summary.json

@@ -1,4 +1,16 @@
 [
-  { "leaveType": "Casual Leave", "credited": 12, "utilized": 4, "lapsed": 0, "balance": 8 },
+  {
-  { "leaveType": "Optional Holiday", "credited": 4, "utilized": 1, "lapsed": 0, "balance": 3 }
+    "leaveType": "Casual Leave",
+    "credited": 12,
+    "utilized": 4,
+    "lapsed": 0,
+    "balance": 8
+  },
+  {
+    "leaveType": "Optional Holiday",
+    "credited": 4,
+    "utilized": 1,
+    "lapsed": 0,
+    "balance": 3
+  }
 ]

public/mockApi/leave/superadmin_leave_history.json

@@ -1,3 +1,12 @@
 [
-  { "id": "S001", "leaveType": "Optional Holiday", "applicationDate": "2026-06-22", "fromDate": "2026-07-21", "toDate": "2026-07-21", "leaveDays": 1, "status": "Pending", "reason": "Festival." }
+  {
+    "id": "S001",
+    "leaveType": "Optional Holiday",
+    "applicationDate": "2026-06-22",
+    "fromDate": "2026-07-21",
+    "toDate": "2026-07-21",
+    "leaveDays": 1,
+    "status": "Pending",
+    "reason": "Festival."
+  }
 ]

public/mockApi/leave/superadmin_leave_summary.json

@@ -1,4 +1,16 @@
 [
-  { "leaveType": "Casual Leave", "credited": 20, "utilized": 2, "lapsed": 0, "balance": 18 },
+  {
-  { "leaveType": "Optional Holiday", "credited": 4, "utilized": 2, "lapsed": 0, "balance": 2 }
+    "leaveType": "Casual Leave",
+    "credited": 20,
+    "utilized": 2,
+    "lapsed": 0,
+    "balance": 18
+  },
+  {
+    "leaveType": "Optional Holiday",
+    "credited": 4,
+    "utilized": 2,
+    "lapsed": 0,
+    "balance": 2
+  }
 ]

public/mockApi/master-data/admins.json

@@ -1,14 +1,134 @@
 [
-  { "id": "EMP001", "name": "Alice Williams", "designationName": "Software Engineer", "deptName": "IT", "branchName": "Bengaluru", "companyName": "CLRI", "status": "Active", "isAdmin": true },
+  {
-  { "id": "EMP002", "name": "Bob Smith", "designationName": "Senior Software Engineer", "deptName": "IT", "branchName": "Bengaluru", "companyName": "CLRI", "status": "Active", "isAdmin": false },
+    "id": "EMP001",
-  { "id": "EMP003", "name": "Charlie Brown", "designationName": "Trainer", "deptName": "Training", "branchName": "Pune", "companyName": "CLRI", "status": "Disabled", "isAdmin": false },
+    "name": "Alice Williams",
-  { "id": "EMP004", "name": "Diana Prince", "designationName": "Data Analyst", "deptName": "Analytics", "branchName": "Bengaluru", "companyName": "CLRI", "status": "Active", "isAdmin": true },
+    "email": "alice@example.com",
-  { "id": "EMP005", "name": "Evan Wright", "designationName": "QA Tester", "deptName": "Software Dev", "branchName": "Mumbai", "companyName": "TechNova Solutions", "status": "Active", "isAdmin": false },
+    "designationName": "Software Engineer",
-  { "id": "EMP006", "name": "Fiona Gallagher", "designationName": "HR Executive", "deptName": "HR", "branchName": "Chennai", "companyName": "Infotech Ltd", "status": "Active", "isAdmin": false },
+    "deptName": "IT",
-  { "id": "EMP007", "name": "George Costanza", "designationName": "Placement Officer", "deptName": "Placement", "branchName": "Bengaluru", "companyName": "CLRI", "status": "Active", "isAdmin": true },
+    "branchName": "Bengaluru",
-  { "id": "EMP008", "name": "Hannah Abbott", "designationName": "Support Engineer", "deptName": "Support", "branchName": "Ahmedabad", "companyName": "Global Systems", "status": "Disabled", "isAdmin": false },
+    "companyName": "CLRI",
-  { "id": "EMP009", "name": "Ian Malcolm", "designationName": "Lead Trainer", "deptName": "Training", "branchName": "Pune", "companyName": "CLRI", "status": "Active", "isAdmin": false },
+    "status": "Active",
-  { "id": "EMP010", "name": "Jane Porter", "designationName": "Project Manager", "deptName": "Software Dev", "branchName": "Mumbai", "companyName": "TechNova Solutions", "status": "Active", "isAdmin": true },
+    "isAdmin": true
-  { "id": "EMP011", "name": "Kevin Hart", "designationName": "Software Engineer", "deptName": "IT", "branchName": "Bengaluru", "companyName": "CLRI", "status": "Active", "isAdmin": false },
+  },
-  { "id": "EMP012", "name": "Laura Croft", "designationName": "Data Analyst", "deptName": "Analytics", "branchName": "Bengaluru", "companyName": "CLRI", "status": "Active", "isAdmin": false }
+  {
+    "id": "EMP002",
+    "name": "Bob Smith",
+    "email": "bob@example.com",
+    "designationName": "Senior Software Engineer",
+    "deptName": "IT",
+    "branchName": "Bengaluru",
+    "companyName": "CLRI",
+    "status": "Active",
+    "isAdmin": false
+  },
+  {
+    "id": "EMP003",
+    "name": "Charlie Brown",
+    "email": "charlie@example.com",
+    "designationName": "Trainer",
+    "deptName": "Training",
+    "branchName": "Pune",
+    "companyName": "CLRI",
+    "status": "Disabled",
+    "isAdmin": false
+  },
+  {
+    "id": "EMP004",
+    "name": "Diana Prince",
+    "email": "diana@example.com",
+    "designationName": "Data Analyst",
+    "deptName": "Analytics",
+    "branchName": "Bengaluru",
+    "companyName": "CLRI",
+    "status": "Active",
+    "isAdmin": true
+  },
+  {
+    "id": "EMP005",
+    "name": "Evan Wright",
+    "email": "evan@example.com",
+    "designationName": "QA Tester",
+    "deptName": "Software Dev",
+    "branchName": "Mumbai",
+    "companyName": "TechNova Solutions",
+    "status": "Active",
+    "isAdmin": false
+  },
+  {
+    "id": "EMP006",
+    "name": "Fiona Gallagher",
+    "email": "fiona@example.com",
+    "designationName": "HR Executive",
+    "deptName": "HR",
+    "branchName": "Chennai",
+    "companyName": "Infotech Ltd",
+    "status": "Active",
+    "isAdmin": false
+  },
+  {
+    "id": "EMP007",
+    "name": "George Costanza",
+    "email": "george@example.com",
+    "designationName": "Placement Officer",
+    "deptName": "Placement",
+    "branchName": "Bengaluru",
+    "companyName": "CLRI",
+    "status": "Active",
+    "isAdmin": true
+  },
+  {
+    "id": "EMP008",
+    "name": "Hannah Abbott",
+    "email": "hannah@example.com",
+    "designationName": "Support Engineer",
+    "deptName": "Support",
+    "branchName": "Ahmedabad",
+    "companyName": "Global Systems",
+    "status": "Disabled",
+    "isAdmin": false
+  },
+  {
+    "id": "EMP009",
+    "name": "Ian Malcolm",
+    "email": "ian@example.com",
+    "designationName": "Lead Trainer",
+    "deptName": "Training",
+    "branchName": "Pune",
+    "companyName": "CLRI",
+    "status": "Active",
+    "isAdmin": false
+  },
+  {
+    "id": "EMP010",
+    "name": "Jane Porter",
+    "email": "jane@example.com",
+    "designationName": "Project Manager",
+    "deptName": "Software Dev",
+    "branchName": "Mumbai",
+    "companyName": "TechNova Solutions",
+    "status": "Active",
+    "isAdmin": true
+  },
+  {
+    "id": "EMP011",
+    "name": "Kevin Hart",
+    "email": "kevin@example.com",
+    "designationName": "Software Engineer",
+    "deptName": "IT",
+    "branchName": "Bengaluru",
+    "companyName": "CLRI",
+    "status": "Active",
+    "isAdmin": false
+  },
+  {
+    "id": "EMP012",
+    "name": "Laura Croft",
+    "email": "laura@example.com",
+    "designationName": "Data Analyst",
+    "deptName": "Analytics",
+    "branchName": "Bengaluru",
+    "companyName": "CLRI",
+    "status": "Active",
+    "isAdmin": false
+  }
 ]

public/mockApi/master-data/branches.json

@@ -1,14 +1,86 @@
 [
-  { "id": "BR001", "name": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+  {
-  { "id": "BR002", "name": "Pune", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "id": "BR001",
-  { "id": "BR003", "name": "Hyderabad", "companyId": "CMP001", "companyName": "CLRI", "status": "Disabled" },
+    "name": "Bengaluru",
-  { "id": "BR004", "name": "Mumbai", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "companyId": "CMP001",
-  { "id": "BR005", "name": "Delhi", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "companyName": "CLRI",
-  { "id": "BR006", "name": "Chennai", "companyId": "CMP003", "companyName": "Infotech Ltd", "status": "Active" },
+    "status": "Active"
-  { "id": "BR007", "name": "Kolkata", "companyId": "CMP003", "companyName": "Infotech Ltd", "status": "Disabled" },
+  },
-  { "id": "BR008", "name": "Ahmedabad", "companyId": "CMP004", "companyName": "Global Systems", "status": "Active" },
+  {
-  { "id": "BR009", "name": "Jaipur", "companyId": "CMP004", "companyName": "Global Systems", "status": "Active" },
+    "id": "BR002",
-  { "id": "BR010", "name": "Surat", "companyId": "CMP005", "companyName": "Alpha Corp", "status": "Disabled" },
+    "name": "Pune",
-  { "id": "BR011", "name": "Lucknow", "companyId": "CMP006", "companyName": "Beta Industries", "status": "Active" },
+    "companyId": "CMP001",
-  { "id": "BR012", "name": "Chandigarh", "companyId": "CMP006", "companyName": "Beta Industries", "status": "Active" }
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "BR003",
+    "name": "Hyderabad",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Disabled"
+  },
+  {
+    "id": "BR004",
+    "name": "Mumbai",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "BR005",
+    "name": "Delhi",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "BR006",
+    "name": "Chennai",
+    "companyId": "CMP003",
+    "companyName": "Infotech Ltd",
+    "status": "Active"
+  },
+  {
+    "id": "BR007",
+    "name": "Kolkata",
+    "companyId": "CMP003",
+    "companyName": "Infotech Ltd",
+    "status": "Disabled"
+  },
+  {
+    "id": "BR008",
+    "name": "Ahmedabad",
+    "companyId": "CMP004",
+    "companyName": "Global Systems",
+    "status": "Active"
+  },
+  {
+    "id": "BR009",
+    "name": "Jaipur",
+    "companyId": "CMP004",
+    "companyName": "Global Systems",
+    "status": "Active"
+  },
+  {
+    "id": "BR010",
+    "name": "Surat",
+    "companyId": "CMP005",
+    "companyName": "Alpha Corp",
+    "status": "Disabled"
+  },
+  {
+    "id": "BR011",
+    "name": "Lucknow",
+    "companyId": "CMP006",
+    "companyName": "Beta Industries",
+    "status": "Active"
+  },
+  {
+    "id": "BR012",
+    "name": "Chandigarh",
+    "companyId": "CMP006",
+    "companyName": "Beta Industries",
+    "status": "Active"
+  }
 ]

public/mockApi/master-data/companies.json

@@ -1,14 +1,62 @@
 [
-  { "id": "CMP001", "name": "CLRI", "status": "Active" },
+  {
-  { "id": "CMP002", "name": "TechNova Solutions", "status": "Active" },
+    "id": "CMP001",
-  { "id": "CMP003", "name": "Infotech Ltd", "status": "Disabled" },
+    "name": "CLRI",
-  { "id": "CMP004", "name": "Global Systems", "status": "Active" },
+    "status": "Active"
-  { "id": "CMP005", "name": "Alpha Corp", "status": "Disabled" },
+  },
-  { "id": "CMP006", "name": "Beta Industries", "status": "Active" },
+  {
-  { "id": "CMP007", "name": "Gamma Tech", "status": "Active" },
+    "id": "CMP002",
-  { "id": "CMP008", "name": "Delta Services", "status": "Active" },
+    "name": "TechNova Solutions",
-  { "id": "CMP009", "name": "Epsilon Enterprises", "status": "Disabled" },
+    "status": "Active"
-  { "id": "CMP010", "name": "Zeta Labs", "status": "Active" },
+  },
-  { "id": "CMP011", "name": "Eta Group", "status": "Active" },
+  {
-  { "id": "CMP012", "name": "Theta Digital", "status": "Active" }
+    "id": "CMP003",
+    "name": "Infotech Ltd",
+    "status": "Disabled"
+  },
+  {
+    "id": "CMP004",
+    "name": "Global Systems",
+    "status": "Active"
+  },
+  {
+    "id": "CMP005",
+    "name": "Alpha Corp",
+    "status": "Disabled"
+  },
+  {
+    "id": "CMP006",
+    "name": "Beta Industries",
+    "status": "Active"
+  },
+  {
+    "id": "CMP007",
+    "name": "Gamma Tech",
+    "status": "Active"
+  },
+  {
+    "id": "CMP008",
+    "name": "Delta Services",
+    "status": "Active"
+  },
+  {
+    "id": "CMP009",
+    "name": "Epsilon Enterprises",
+    "status": "Disabled"
+  },
+  {
+    "id": "CMP010",
+    "name": "Zeta Labs",
+    "status": "Active"
+  },
+  {
+    "id": "CMP011",
+    "name": "Eta Group",
+    "status": "Active"
+  },
+  {
+    "id": "CMP012",
+    "name": "Theta Digital",
+    "status": "Active"
+  }
 ]

public/mockApi/master-data/departments.json

@@ -1,14 +1,110 @@
 [
-  { "id": "DEP001", "name": "IT", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+  {
-  { "id": "DEP002", "name": "Training", "branchId": "BR002", "branchName": "Pune", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "id": "DEP001",
-  { "id": "DEP003", "name": "Analytics", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Disabled" },
+    "name": "IT",
-  { "id": "DEP004", "name": "Placement", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "branchId": "BR001",
-  { "id": "DEP005", "name": "Digital Marketing", "branchId": "BR002", "branchName": "Pune", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "branchName": "Bengaluru",
-  { "id": "DEP006", "name": "Software Dev", "branchId": "BR004", "branchName": "Mumbai", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "companyId": "CMP001",
-  { "id": "DEP007", "name": "QA", "branchId": "BR004", "branchName": "Mumbai", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "companyName": "CLRI",
-  { "id": "DEP008", "name": "HR", "branchId": "BR006", "branchName": "Chennai", "companyId": "CMP003", "companyName": "Infotech Ltd", "status": "Active" },
+    "status": "Active"
-  { "id": "DEP009", "name": "Sales", "branchId": "BR006", "branchName": "Chennai", "companyId": "CMP003", "companyName": "Infotech Ltd", "status": "Disabled" },
+  },
-  { "id": "DEP010", "name": "Support", "branchId": "BR008", "branchName": "Ahmedabad", "companyId": "CMP004", "companyName": "Global Systems", "status": "Active" },
+  {
-  { "id": "DEP011", "name": "Admin", "branchId": "BR010", "branchName": "Surat", "companyId": "CMP005", "companyName": "Alpha Corp", "status": "Active" },
+    "id": "DEP002",
-  { "id": "DEP012", "name": "Operations", "branchId": "BR011", "branchName": "Lucknow", "companyId": "CMP006", "companyName": "Beta Industries", "status": "Active" }
+    "name": "Training",
+    "branchId": "BR002",
+    "branchName": "Pune",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DEP003",
+    "name": "Analytics",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Disabled"
+  },
+  {
+    "id": "DEP004",
+    "name": "Placement",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DEP005",
+    "name": "Digital Marketing",
+    "branchId": "BR002",
+    "branchName": "Pune",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DEP006",
+    "name": "Software Dev",
+    "branchId": "BR004",
+    "branchName": "Mumbai",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "DEP007",
+    "name": "QA",
+    "branchId": "BR004",
+    "branchName": "Mumbai",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "DEP008",
+    "name": "HR",
+    "branchId": "BR006",
+    "branchName": "Chennai",
+    "companyId": "CMP003",
+    "companyName": "Infotech Ltd",
+    "status": "Active"
+  },
+  {
+    "id": "DEP009",
+    "name": "Sales",
+    "branchId": "BR006",
+    "branchName": "Chennai",
+    "companyId": "CMP003",
+    "companyName": "Infotech Ltd",
+    "status": "Disabled"
+  },
+  {
+    "id": "DEP010",
+    "name": "Support",
+    "branchId": "BR008",
+    "branchName": "Ahmedabad",
+    "companyId": "CMP004",
+    "companyName": "Global Systems",
+    "status": "Active"
+  },
+  {
+    "id": "DEP011",
+    "name": "Admin",
+    "branchId": "BR010",
+    "branchName": "Surat",
+    "companyId": "CMP005",
+    "companyName": "Alpha Corp",
+    "status": "Active"
+  },
+  {
+    "id": "DEP012",
+    "name": "Operations",
+    "branchId": "BR011",
+    "branchName": "Lucknow",
+    "companyId": "CMP006",
+    "companyName": "Beta Industries",
+    "status": "Active"
+  }
 ]

public/mockApi/master-data/designations.json

@@ -1,14 +1,134 @@
 [
-  { "id": "DSG001", "name": "Software Engineer", "deptId": "DEP001", "deptName": "IT", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+  {
-  { "id": "DSG002", "name": "Senior Software Engineer", "deptId": "DEP001", "deptName": "IT", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "id": "DSG001",
-  { "id": "DSG003", "name": "IT Manager", "deptId": "DEP001", "deptName": "IT", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Disabled" },
+    "name": "Software Engineer",
-  { "id": "DSG004", "name": "Trainer", "deptId": "DEP002", "deptName": "Training", "branchId": "BR002", "branchName": "Pune", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "deptId": "DEP001",
-  { "id": "DSG005", "name": "Lead Trainer", "deptId": "DEP002", "deptName": "Training", "branchId": "BR002", "branchName": "Pune", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "deptName": "IT",
-  { "id": "DSG006", "name": "Data Analyst", "deptId": "DEP003", "deptName": "Analytics", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "branchId": "BR001",
-  { "id": "DSG007", "name": "Placement Officer", "deptId": "DEP004", "deptName": "Placement", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "branchName": "Bengaluru",
-  { "id": "DSG008", "name": "QA Tester", "deptId": "DEP006", "deptName": "Software Dev", "branchId": "BR004", "branchName": "Mumbai", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "companyId": "CMP001",
-  { "id": "DSG009", "name": "Project Manager", "deptId": "DEP006", "deptName": "Software Dev", "branchId": "BR004", "branchName": "Mumbai", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "companyName": "CLRI",
-  { "id": "DSG010", "name": "HR Executive", "deptId": "DEP008", "deptName": "HR", "branchId": "BR006", "branchName": "Chennai", "companyId": "CMP003", "companyName": "Infotech Ltd", "status": "Active" },
+    "status": "Active"
-  { "id": "DSG011", "name": "Sales Head", "deptId": "DEP009", "deptName": "Sales", "branchId": "BR006", "branchName": "Chennai", "companyId": "CMP003", "companyName": "Infotech Ltd", "status": "Disabled" },
+  },
-  { "id": "DSG012", "name": "Support Engineer", "deptId": "DEP010", "deptName": "Support", "branchId": "BR008", "branchName": "Ahmedabad", "companyId": "CMP004", "companyName": "Global Systems", "status": "Active" }
+  {
+    "id": "DSG002",
+    "name": "Senior Software Engineer",
+    "deptId": "DEP001",
+    "deptName": "IT",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DSG003",
+    "name": "IT Manager",
+    "deptId": "DEP001",
+    "deptName": "IT",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Disabled"
+  },
+  {
+    "id": "DSG004",
+    "name": "Trainer",
+    "deptId": "DEP002",
+    "deptName": "Training",
+    "branchId": "BR002",
+    "branchName": "Pune",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DSG005",
+    "name": "Lead Trainer",
+    "deptId": "DEP002",
+    "deptName": "Training",
+    "branchId": "BR002",
+    "branchName": "Pune",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DSG006",
+    "name": "Data Analyst",
+    "deptId": "DEP003",
+    "deptName": "Analytics",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DSG007",
+    "name": "Placement Officer",
+    "deptId": "DEP004",
+    "deptName": "Placement",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "DSG008",
+    "name": "QA Tester",
+    "deptId": "DEP006",
+    "deptName": "Software Dev",
+    "branchId": "BR004",
+    "branchName": "Mumbai",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "DSG009",
+    "name": "Project Manager",
+    "deptId": "DEP006",
+    "deptName": "Software Dev",
+    "branchId": "BR004",
+    "branchName": "Mumbai",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "DSG010",
+    "name": "HR Executive",
+    "deptId": "DEP008",
+    "deptName": "HR",
+    "branchId": "BR006",
+    "branchName": "Chennai",
+    "companyId": "CMP003",
+    "companyName": "Infotech Ltd",
+    "status": "Active"
+  },
+  {
+    "id": "DSG011",
+    "name": "Sales Head",
+    "deptId": "DEP009",
+    "deptName": "Sales",
+    "branchId": "BR006",
+    "branchName": "Chennai",
+    "companyId": "CMP003",
+    "companyName": "Infotech Ltd",
+    "status": "Disabled"
+  },
+  {
+    "id": "DSG012",
+    "name": "Support Engineer",
+    "deptId": "DEP010",
+    "deptName": "Support",
+    "branchId": "BR008",
+    "branchName": "Ahmedabad",
+    "companyId": "CMP004",
+    "companyName": "Global Systems",
+    "status": "Active"
+  }
 ]

public/mockApi/master-data/employees.json

@@ -1,14 +1,170 @@
 [
-  { "id": "EMP001", "name": "Alice Williams", "designationId": "DSG001", "designationName": "Software Engineer", "deptId": "DEP001", "deptName": "IT", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+  {
-  { "id": "EMP002", "name": "Bob Smith", "designationId": "DSG002", "designationName": "Senior Software Engineer", "deptId": "DEP001", "deptName": "IT", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "id": "EMP001",
-  { "id": "EMP003", "name": "Charlie Brown", "designationId": "DSG004", "designationName": "Trainer", "deptId": "DEP002", "deptName": "Training", "branchId": "BR002", "branchName": "Pune", "companyId": "CMP001", "companyName": "CLRI", "status": "Disabled" },
+    "name": "Alice Williams",
-  { "id": "EMP004", "name": "Diana Prince", "designationId": "DSG006", "designationName": "Data Analyst", "deptId": "DEP003", "deptName": "Analytics", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "email": "AliceWilliams@gmail.com",
-  { "id": "EMP005", "name": "Evan Wright", "designationId": "DSG008", "designationName": "QA Tester", "deptId": "DEP006", "deptName": "Software Dev", "branchId": "BR004", "branchName": "Mumbai", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "designationId": "DSG001",
-  { "id": "EMP006", "name": "Fiona Gallagher", "designationId": "DSG010", "designationName": "HR Executive", "deptId": "DEP008", "deptName": "HR", "branchId": "BR006", "branchName": "Chennai", "companyId": "CMP003", "companyName": "Infotech Ltd", "status": "Active" },
+    "designationName": "Software Engineer",
-  { "id": "EMP007", "name": "George Costanza", "designationId": "DSG007", "designationName": "Placement Officer", "deptId": "DEP004", "deptName": "Placement", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "deptId": "DEP001",
-  { "id": "EMP008", "name": "Hannah Abbott", "designationId": "DSG012", "designationName": "Support Engineer", "deptId": "DEP010", "deptName": "Support", "branchId": "BR008", "branchName": "Ahmedabad", "companyId": "CMP004", "companyName": "Global Systems", "status": "Disabled" },
+    "deptName": "IT",
-  { "id": "EMP009", "name": "Ian Malcolm", "designationId": "DSG005", "designationName": "Lead Trainer", "deptId": "DEP002", "deptName": "Training", "branchId": "BR002", "branchName": "Pune", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "branchId": "BR001",
-  { "id": "EMP010", "name": "Jane Porter", "designationId": "DSG009", "designationName": "Project Manager", "deptId": "DEP006", "deptName": "Software Dev", "branchId": "BR004", "branchName": "Mumbai", "companyId": "CMP002", "companyName": "TechNova Solutions", "status": "Active" },
+    "branchName": "Bengaluru",
-  { "id": "EMP011", "name": "Kevin Hart", "designationId": "DSG001", "designationName": "Software Engineer", "deptId": "DEP001", "deptName": "IT", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" },
+    "companyId": "CMP001",
-  { "id": "EMP012", "name": "Laura Croft", "designationId": "DSG006", "designationName": "Data Analyst", "deptId": "DEP003", "deptName": "Analytics", "branchId": "BR001", "branchName": "Bengaluru", "companyId": "CMP001", "companyName": "CLRI", "status": "Active" }
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "EMP002",
+    "name": "Bob Smith",
+    "email": "BobSmith@gmail.com",
+    "designationId": "DSG002",
+    "designationName": "Senior Software Engineer",
+    "deptId": "DEP001",
+    "deptName": "IT",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "EMP003",
+    "name": "Charlie Brown",
+    "email": "CharlieBrown@gmail.com",
+    "designationId": "DSG004",
+    "designationName": "Trainer",
+    "deptId": "DEP002",
+    "deptName": "Training",
+    "branchId": "BR002",
+    "branchName": "Pune",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Disabled"
+  },
+  {
+    "id": "EMP004",
+    "name": "Diana Prince",
+    "email": "DianaPrince@gmail.com",
+    "designationId": "DSG006",
+    "designationName": "Data Analyst",
+    "deptId": "DEP003",
+    "deptName": "Analytics",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "EMP005",
+    "name": "Evan Wright",
+    "email": "EvanWright@gmail.com",
+    "designationId": "DSG008",
+    "designationName": "QA Tester",
+    "deptId": "DEP006",
+    "deptName": "Software Dev",
+    "branchId": "BR004",
+    "branchName": "Mumbai",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "EMP006",
+    "name": "Fiona Gallagher",
+    "email": "FionaGallagher@gmail.com",
+    "designationId": "DSG010",
+    "designationName": "HR Executive",
+    "deptId": "DEP008",
+    "deptName": "HR",
+    "branchId": "BR006",
+    "branchName": "Chennai",
+    "companyId": "CMP003",
+    "companyName": "Infotech Ltd",
+    "status": "Active"
+  },
+  {
+    "id": "EMP007",
+    "name": "George Costanza",
+    "email": "GeorgeCostanza@gmail.com",
+    "designationId": "DSG007",
+    "designationName": "Placement Officer",
+    "deptId": "DEP004",
+    "deptName": "Placement",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "EMP008",
+    "name": "Hannah Abbott",
+    "email": "HannahAbbott@gmail.com",
+    "designationId": "DSG012",
+    "designationName": "Support Engineer",
+    "deptId": "DEP010",
+    "deptName": "Support",
+    "branchId": "BR008",
+    "branchName": "Ahmedabad",
+    "companyId": "CMP004",
+    "companyName": "Global Systems",
+    "status": "Disabled"
+  },
+  {
+    "id": "EMP009",
+    "name": "Ian Malcolm",
+    "email": "IanMalcolm@gmail.com",
+    "designationId": "DSG005",
+    "designationName": "Lead Trainer",
+    "deptId": "DEP002",
+    "deptName": "Training",
+    "branchId": "BR002",
+    "branchName": "Pune",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "EMP010",
+    "name": "Jane Porter",
+    "email": "JanePorter@gmail.com",
+    "designationId": "DSG009",
+    "designationName": "Project Manager",
+    "deptId": "DEP006",
+    "deptName": "Software Dev",
+    "branchId": "BR004",
+    "branchName": "Mumbai",
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "status": "Active"
+  },
+  {
+    "id": "EMP011",
+    "name": "Kevin Hart",
+    "email": "KevinHart@gmail.com",
+    "designationId": "DSG001",
+    "designationName": "Software Engineer",
+    "deptId": "DEP001",
+    "deptName": "IT",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  },
+  {
+    "id": "EMP012",
+    "name": "Laura Croft",
+    "email": "LauraCroft@gmail.com",
+    "designationId": "DSG006",
+    "designationName": "Data Analyst",
+    "deptId": "DEP003",
+    "deptName": "Analytics",
+    "branchId": "BR001",
+    "branchName": "Bengaluru",
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "status": "Active"
+  }
 ]

public/mockApi/master-data/policies.json

@@ -0,0 +1,50 @@
+[
+  {
+    "companyId": "CMP001",
+    "companyName": "CLRI",
+    "policies": [
+      {
+        "id": "POL001",
+        "title": "Casual Leave Policy",
+        "category": "Leave",
+        "description": "Employees are entitled to 12 casual leaves per calendar year. A maximum of 3 casual leaves can be carried forward to the next year. Leaves must be approved by the reporting manager at least 2 days in advance."
+      },
+      {
+        "id": "POL002",
+        "title": "Late Arrival Rule",
+        "category": "Attendance",
+        "description": "Employees are expected to check in by 09:30 AM. A grace period of 15 minutes is allowed. More than 3 late arrivals in a month will result in a half-day leave deduction."
+      },
+      {
+        "id": "POL003",
+        "title": "Loss of Pay (LOP)",
+        "category": "Leave",
+        "description": "If an employee exhausts all available leave balances and cannot attend work, the days will be marked as LOP. LOP is deducted from the monthly salary on a pro-rata basis."
+      },
+      {
+        "id": "POL004",
+        "title": "Work From Home (WFH)",
+        "category": "General",
+        "description": "Employees are allowed to avail WFH for up to 4 days a month, subject to prior approval from their manager. WFH cannot be combined with weekends or holidays."
+      }
+    ]
+  },
+  {
+    "companyId": "CMP002",
+    "companyName": "TechNova Solutions",
+    "policies": [
+      {
+        "id": "POL005",
+        "title": "Optional Holidays",
+        "category": "Leave",
+        "description": "Employees can choose up to 2 optional holidays from the list provided by the HR department. These are not encashable and cannot be carried forward."
+      },
+      {
+        "id": "POL006",
+        "title": "Shift Timings",
+        "category": "Attendance",
+        "description": "General shift is from 09:00 AM to 06:00 PM. Employees must complete a minimum of 8.5 hours per day, excluding the lunch break."
+      }
+    ]
+  }
+]

src/api/client.ts

@@ -1,5 +1,3 @@
-// src/api/client.ts
-
 // Generic GET request for any module
 export const fetchMockData = async <T>(endpoint: string, delay = 500): Promise<T> => {
   await new Promise((resolve) => setTimeout(resolve, delay));

src/components/layout/Breadcrumbs.tsx

@@ -20,6 +20,8 @@ const routeNameMap: Record<string, string> = {
     employees: 'Manage Employees',
     'manage-admins': 'Manage Admins',
     policies: 'Policy and Rules',
+    applications: 'Leave Applications',
+    ledger: 'Ledger Report'
 };
 
 export default function Breadcrumbs() {

src/components/layout/MainLayout.tsx

@@ -3,7 +3,7 @@ import { Routes, Route, Navigate } from 'react-router-dom';
 import { useIsFetching } from '@tanstack/react-query';
 import Sidebar from './Sidebar';
 import Navbar from './Navbar';
-import Breadcrumbs from './Breadcrumbs'; // <-- Import Breadcrumbs
+import Breadcrumbs from './Breadcrumbs';
 import DashboardRouter from '../../features/dashboard/routes/DashboardRouter';
 import AttendanceRouter from '../../features/attendance/routes/AttendanceRouter';
 import LeaveRouter from '../../features/leave/routes/LeaveRouter';
@@ -11,7 +11,7 @@ import ApprovalRouter from '../../features/leave/routes/ApprovalRouter';
 import AttendanceSummaryRouter from '../../features/attendance/routes/AttendanceSummaryRouter';
 import LeaveSummaryRouter from '../../features/leave/routes/LeaveSummaryRouter';
 import MasterDataRouter from '../../features/employee-management/routes/MasterDataRouter';
-import PolicyRouter from '../../features/dashboard/routes/PolicyRouter';
+import PolicyRouter from '../../features/employee-management/routes/PolicyRouter';
 import ManageAdminsRouter from '../../features/employee-management/routes/ManageAdminsRouter';
 
 export default function MainLayout() {
@@ -30,7 +30,6 @@ export default function MainLayout() {
         )}
 
         <main className="flex-1 overflow-y-auto p-6">
-          {/* Add Breadcrumbs here so it shows on every page */}
           <Breadcrumbs />
 
           <Routes>

src/components/layout/Navbar.tsx

@@ -22,18 +22,13 @@ const roleSearchData: Record<UserRole, { name: string; path: string }[]> = {
     { name: 'Admin Dashboard', path: '/dashboard' },
     { name: 'All Attendance Logs', path: '/attendance' },
     { name: 'All Leave Requests', path: '/leave' },
-    
+    { name: 'Pending Approvals', path: '/approval' },
-    // Attendance Summary
     { name: 'Attendance Summary Dashboard', path: '/attendance-summary/dashboard' },
     { name: 'Monthly Attendance Report', path: '/attendance-summary/monthly' },
     { name: 'Daily Attendance Report', path: '/attendance-summary/daily' },
     { name: 'Attendance Regularization', path: '/attendance-summary/regularization' },
-    
-    // Leave Summary
     { name: 'Leave Applications', path: '/leave-summary/applications' },
     { name: 'Leave Ledger Report', path: '/leave-summary/ledger' },
-    
-    // Master Data
     { name: 'Master Data Dashboard', path: '/master-data/dashboard' },
     { name: 'Manage Company', path: '/master-data/company' },
     { name: 'Manage Branches', path: '/master-data/branches' },
@@ -45,25 +40,18 @@ const roleSearchData: Record<UserRole, { name: string; path: string }[]> = {
     { name: 'SuperAdmin Dashboard', path: '/dashboard' },
     { name: 'Global Attendance Logs', path: '/attendance' },
     { name: 'Global Leave Requests', path: '/leave' },
-    
+    { name: 'Pending Approvals', path: '/approval' },
-    // Attendance Summary
     { name: 'Attendance Summary Dashboard', path: '/attendance-summary/dashboard' },
     { name: 'Monthly Attendance Report', path: '/attendance-summary/monthly' },
     { name: 'Daily Attendance Report', path: '/attendance-summary/daily' },
-    
-    // Leave Summary
     { name: 'Leave Applications', path: '/leave-summary/applications' },
     { name: 'Leave Ledger Report', path: '/leave-summary/ledger' },
-    
-    // Master Data
     { name: 'Master Data Dashboard', path: '/master-data/dashboard' },
     { name: 'Manage Company', path: '/master-data/company' },
     { name: 'Manage Branches', path: '/master-data/branches' },
     { name: 'Manage Departments', path: '/master-data/departments' },
     { name: 'Manage Designations', path: '/master-data/designations' },
     { name: 'Manage Employees', path: '/master-data/employees' },
-    
-    // SuperAdmin Specific
     { name: 'Manage Admins', path: '/manage-admins' },
     { name: 'Policy and Rules', path: '/policies' },
   ],
@@ -111,29 +99,29 @@ export default function Navbar() {
   };
 
   return (
-    <div className="bg-app-card shadow-sm h-16 flex items-center justify-between px-6 border-b border-app-border relative z-30">
+    <div className="bg-app-card shadow-sm h-16 flex items-center justify-between px-4 md:px-6 border-b border-app-border relative z-30">
 
-      <div className="flex items-center">
+      <div className="flex items-center shrink-0">
         <h2 className="text-lg font-bold text-primary tracking-wide">CLRI HRMS</h2>
       </div>
 
-      <div className="flex items-center space-x-4">
+      <div className="flex items-center space-x-2 md:space-x-4 ml-auto">
 
         <div className="relative flex items-center">
           {isSearchOpen ? (
             <div className="flex items-center border border-app-border rounded-lg shadow-sm bg-app-card">
-              <Search size={18} className="ml-3 text-text-light" />
+              <Search size={18} className="ml-3 text-text-light shrink-0" />
               <input
                 ref={searchInputRef}
                 type="text"
-                placeholder="Search modules..."
+                placeholder="Search..."
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                className="w-56 px-3 py-2 text-sm focus:outline-none rounded-lg text-text-primary"
+                className="w-32 sm:w-44 px-3 py-2 text-sm focus:outline-none rounded-lg text-text-primary min-w-0"
               />
               <button
                 onClick={() => { setIsSearchOpen(false); setSearchQuery(''); }}
-                className="p-2 text-text-light hover:text-text-muted"
+                className="p-2 text-text-light hover:text-text-muted shrink-0"
               >
                 <X size={18} />
               </button>
@@ -141,7 +129,7 @@ export default function Navbar() {
           ) : (
             <button
               onClick={() => setIsSearchOpen(true)}
-              className="p-2 text-text-secondary hover:bg-app-muted rounded-full transition-colors"
+              className="p-2 text-text-secondary hover:bg-app-muted rounded-full transition-colors shrink-0"
             >
               <Search size={22} />
             </button>
@@ -172,7 +160,7 @@ export default function Navbar() {
           )}
         </div>
 
-        <div className="relative">
+        <div className="relative shrink-0">
           <button
             onClick={() => setDropdownOpen(!dropdownOpen)}
             className="flex items-center space-x-2 p-1 rounded-lg hover:bg-app-muted transition-colors"

src/components/layout/Sidebar.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import type { RootState } from '../../store/store';
 import { getSidebarItems, type NavItem } from './types/sidebarConfig';
@@ -23,6 +23,13 @@ export default function Sidebar({ isCollapsed, setIsCollapsed }: { isCollapsed:
   const currentPath = location.pathname;
 
   const [openDropdowns, setOpenDropdowns] = useState<Record<string, boolean>>({});
+  const [pinnedFlyout, setPinnedFlyout] = useState<string | null>(null);
+
+  // Close any pinned flyout when the route changes or the sidebar is expanded
+  useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setPinnedFlyout(null);
+  }, [location.pathname, isCollapsed]);
 
   const toggleDropdown = (name: string) => {
     setOpenDropdowns(prev => ({ ...prev, [name]: !prev[name] }));
@@ -32,52 +39,92 @@ export default function Sidebar({ isCollapsed, setIsCollapsed }: { isCollapsed:
     const Icon = iconMap[item.icon];
     const hasChildren = item.children && item.children.length > 0;
     const isDropdownOpen = openDropdowns[item.name];
+    const isPinned = pinnedFlyout === item.name;
 
     const isChildActive = hasChildren && item.children!.some(child => currentPath === child.path);
     const isActive = currentPath === item.path;
 
-    if (hasChildren && isCollapsed) {
+    // COLLAPSED STATE: Render Flyout Submenus
-      return item.children!.map(child => renderNavItem(child));
+    if (isCollapsed) {
+      return (
+        <li key={item.name} className="mb-1 relative group">
+          {hasChildren ? (
+            <button
+              // Toggle pin on click
+              onClick={() => setPinnedFlyout(prev => prev === item.name ? null : item.name)}
+              className={`w-full flex items-center justify-center px-4 py-3 transition-colors duration-200 ${isChildActive || isPinned ? 'text-white border-l-4 border-action' : 'text-blue-100 hover:bg-sidebar-hover hover:text-white border-l-4 border-transparent'
+                }`}
+            >
+              {Icon && <Icon size={20} className="shrink-0" />}
+            </button>
+          ) : (
+            <Link
+              to={item.path!}
+              className={`w-full flex items-center justify-center px-4 py-3 transition-colors duration-200 ${isActive ? 'bg-sidebar-active text-white border-l-4 border-action' : 'text-blue-100 hover:bg-sidebar-hover hover:text-white border-l-4 border-transparent'
+                }`}
+            >
+              {Icon && <Icon size={20} className="flex-shrink-0" />}
+            </Link>
+          )}
+
+          {/* Flyout Submenu or Tooltip on Hover/Pin */}
+          {/* If pinned, it forces 'block'. If not pinned, 'hidden' but 'group-hover:block' shows it on hover */}
+          <div
+            className={`${isPinned ? 'block' : 'hidden'} group-hover:block absolute left-full ml-4 top-0 z-50 shadow-lg`}
+          >
+            {hasChildren ? (
+              <ul className="bg-sidebar min-w-[200px] rounded-lg border border-sidebar-hover py-2">
+                {item.children!.map(child => {
+                  const ChildIcon = iconMap[child.icon];
+                  return (
+                    <li key={child.name}>
+                      <Link
+                        to={child.path!}
+                        className={`flex items-center px-4 py-2 text-sm w-full transition-colors ${currentPath === child.path ? 'bg-sidebar-active text-white' : 'text-blue-100 hover:bg-sidebar-hover hover:text-white'
+                          }`}
+                      >
+                        {ChildIcon && <ChildIcon size={16} className="mr-3" />}
+                        {child.name}
+                      </Link>
+                    </li>
+                  );
+                })}
+              </ul>
+            ) : (
+              <div className="bg-sidebar-active text-white text-sm px-3 py-1 rounded whitespace-nowrap pointer-events-none">
+                {item.name}
+              </div>
+            )}
+          </div>
+        </li>
+      );
     }
 
+    // EXPANDED STATE: Render Normal Dropdowns
     return (
       <li key={item.name} className="mb-1 relative group">
         {hasChildren ? (
           <button
             onClick={() => toggleDropdown(item.name)}
-            className={`w-full flex items-center px-4 py-3 transition-colors duration-200 text-left ${
+            className={`w-full flex items-center px-4 py-3 transition-colors duration-200 text-left ${isChildActive ? 'text-white' : 'text-blue-100 hover:bg-sidebar-hover hover:text-white'
-              isCollapsed ? 'justify-center' : ''
+              } border-l-4 ${isChildActive ? 'border-action' : 'border-transparent'}`}
-            } ${
-              isChildActive ? 'text-white' : 'text-blue-100 hover:bg-sidebar-hover hover:text-white'
-            } border-l-4 ${isChildActive ? 'border-action' : 'border-transparent'}`}
           >
             {Icon && <Icon size={20} className="flex-shrink-0" />}
-            {!isCollapsed && <span className="ml-4 text-sm font-medium flex-grow">{item.name}</span>}
+            <span className="ml-4 text-sm font-medium flex-grow">{item.name}</span>
-            {!isCollapsed && (
+            <ChevronDown size={16} className={`transition-transform ${isDropdownOpen ? 'rotate-180' : ''}`} />
-              <ChevronDown size={16} className={`transition-transform ${isDropdownOpen ? 'rotate-180' : ''}`} />
-            )}
           </button>
         ) : (
           <Link
             to={item.path!}
-            className={`flex items-center px-4 py-3 transition-colors duration-200 text-left ${
+            className={`flex items-center px-4 py-3 transition-colors duration-200 text-left ${isActive ? 'bg-sidebar-active text-white border-l-4 border-action' : 'text-blue-100 hover:bg-sidebar-hover hover:text-white border-l-4 border-transparent'
-              isCollapsed ? 'justify-center' : ''
+              }`}
-            } ${
-              isActive ? 'bg-sidebar-active text-white border-l-4 border-action' : 'text-blue-100 hover:bg-sidebar-hover hover:text-white border-l-4 border-transparent'
-            }`}
           >
             {Icon && <Icon size={20} className="flex-shrink-0" />}
-            {!isCollapsed && <span className="ml-4 text-sm font-medium">{item.name}</span>}
+            <span className="ml-4 text-sm font-medium">{item.name}</span>
           </Link>
         )}
 
-        {isCollapsed && (
+        {isDropdownOpen && hasChildren && (
-          <div className="absolute left-full ml-4 top-1/2 -translate-y-1/2 z-50 bg-sidebar-active text-white text-sm px-3 py-1 rounded shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap">
-            {item.name}
-          </div>
-        )}
-
-        {isDropdownOpen && !isCollapsed && (
           <ul className="mt-1 ml-4 border-l border-blue-800/50 pl-2">
             {item.children!.map(child => renderNavItem(child))}
           </ul>
@@ -91,8 +138,7 @@ export default function Sidebar({ isCollapsed, setIsCollapsed }: { isCollapsed:
       <div className={`flex items-center h-16 border-b border-primary/30 px-4 flex-shrink-0 ${isCollapsed ? 'justify-center' : 'justify-between'}`}>
         {!isCollapsed && (
           <Link to="/dashboard" className="flex items-center">
-            {/* Fixed Tailwind sizing for GIF alignment */}
+            <img src="logo.gif" alt="Company Logo" className="h-13.5 w-71 cursor-pointer" />
-            <img src="logo.gif" alt="Company Logo" className="h-25 w-25 object-contain cursor-pointer" />
           </Link>
         )}
         <button onClick={() => setIsCollapsed(!isCollapsed)} className="p-2 rounded hover:bg-sidebar-hover transition-colors">
@@ -100,7 +146,12 @@ export default function Sidebar({ isCollapsed, setIsCollapsed }: { isCollapsed:
         </button>
       </div>
 
-      <nav className="flex-1 mt-4 overflow-x-visible">
+      {/* 
+        Conditional Overflow Logic:
+        - Collapsed: 'overflow-x-visible' allows flyout menus to appear outside the sidebar bounds.
+        - Expanded: 'overflow-y-auto overflow-x-hidden' enables vertical scrolling to see all dropdowns.
+      */}
+      <nav className={`flex-1 mt-4 ${isCollapsed ? 'overflow-x-visible' : 'overflow-y-auto overflow-x-hidden'}`}>
         <ul>
           {navItems.map(item => renderNavItem(item))}
         </ul>

src/components/layout/types/sidebarConfig.ts

@@ -52,12 +52,13 @@ export const getSidebarItems = (role: UserRole): NavItem[] => {
   ];
 
   if (role === 'admin') {
-    return [...baseItems, ...adminItems];
+    return [...baseItems, { name: 'Approval', icon: 'CheckCircle', path: '/approval' }, ...adminItems];
   }
 
   if (role === 'superadmin') {
     return [
       ...baseItems,
+      { name: 'Approval', icon: 'CheckCircle', path: '/approval' },
       ...adminItems,
       { name: 'Manage Admins', icon: 'ShieldUser', path: '/manage-admins' },
       { name: 'Policy and Rules', icon: 'ScrollText', path: '/policies' },

src/components/ui/ErrorState.tsx

@@ -10,10 +10,8 @@ export default function ErrorState({
   fullScreen = false
 }: ErrorStateProps) {
   return (
-    <div className={`flex flex-col items-center justify-center bg-app-card rounded-xl shadow-md border border-app-border p-8 text-absent-600 ${
+    <div className={`flex flex-col items-center justify-center bg-app-card rounded-xl shadow-md border border-app-border p-8 text-absent-600 ${fullScreen ? 'h-screen w-screen fixed top-0 left-0 z-50' : 'h-64 w-full'
-      fullScreen ? 'h-screen w-screen fixed top-0 left-0 z-50' : 'h-64 w-full'
+      }`}>
-    }`}>
-      {/* Icon wrapped in a circular background to look like a card illustration */}
       <div className="p-3 bg-absent-100 rounded-full mb-4">
         <AlertCircle size={32} className="text-absent-500" />
       </div>

src/components/ui/Loader.tsx

@@ -8,13 +8,12 @@ interface LoaderProps {
 
 export default function Loader({
   message = 'Loading...',
-  color = '#0A66C2', // Default to your primary brand color
+  color = '#0A66C2',
   fullScreen = false
 }: LoaderProps) {
   return (
-    <div className={`flex flex-col items-center justify-center bg-app-card rounded-xl shadow-md border border-app-border p-8 ${
+    <div className={`flex flex-col items-center justify-center bg-app-card rounded-xl shadow-md border border-app-border p-8 ${fullScreen ? 'h-screen w-screen fixed top-0 left-0 z-50' : 'h-64 w-full'
-      fullScreen ? 'h-screen w-screen fixed top-0 left-0 z-50' : 'h-64 w-full'
+      }`}>
-    }`}>
       <FadeLoader
         color={color}
         height={15}

src/features/attendance/api/useAttendanceData.ts

@@ -5,19 +5,13 @@ import type { RootState } from '../../../store/store';
 import type { UserRole } from '../../../store/roleSlice';
 import type { AttendanceRecord } from '../types/attendance';
 
-// 1. Define endpoints per role (Easy to swap to real API URLs later)
 const ATTENDANCE_ENDPOINTS: Record<UserRole, string> = {
   employee: 'attendance/employee_attendance.json',
   manager: 'attendance/manager_attendance.json',
   admin: 'attendance/admin_attendance.json',
   superadmin: 'attendance/superadmin_attendance.json',
-
-  // Future real backend example:
-  // employee: '/api/v1/attendance/me',
-  // manager: '/api/v1/attendance/team',
 };
 
-// 2. Create a single dynamic hook
 export const useAttendanceData = () => {
   const role = useSelector((state: RootState) => state.role.currentRole);
 
@@ -34,7 +28,7 @@ export interface SummaryRecord {
   department: string;
   company: string;
   isCheckedIn: boolean;
-  date: string; // Added date field
+  date: string;
 }
 
 export const useAttendanceSummary = () => {

src/features/attendance/components/attendance/AttendanceRecordsTable.tsx

@@ -11,8 +11,6 @@ interface AttendanceRecordsTableProps {
     initialToDate?: string;
 }
 
-
-// Updated to handle empty strings safely
 const getDaysDifference = (start: string, end: string) => {
     if (!start || !end) return 0;
     const startDate = new Date(start + 'T00:00:00');

src/features/attendance/components/attendance/DailySummary.tsx

@@ -99,7 +99,6 @@ export default function DailySummary({ selectedDate, data }: DailySummaryProps)
                 </div>
             )}
 
-            {/* Render Separated Modal */}
             {showModal && (
                 <RegularizationModal
                     selectedDate={selectedDate}

src/features/attendance/components/summary/AttendanceCharts.tsx

@@ -9,7 +9,7 @@ interface AttendanceChartsProps {
 }
 
 export default function AttendanceCharts({ dailyData, trendData }: AttendanceChartsProps) {
-  // Memoize Pie Chart Data
+  // Pie Chart Data
   const { pieData, checkedInCount, notCheckedInCount } = useMemo(() => {
     const checkedIn = dailyData.filter(r => r.isCheckedIn).length;
     const notCheckedIn = dailyData.filter(r => !r.isCheckedIn).length;
@@ -23,7 +23,7 @@ export default function AttendanceCharts({ dailyData, trendData }: AttendanceCha
     };
   }, [dailyData]);
 
-  // Memoize Line Chart Data
+  // Line Chart Data
   const { xAxisData, lineCheckedInData, lineNotCheckedInData } = useMemo(() => {
     const trendMap = trendData.reduce((acc, record) => {
       const day = record.date.split('-')[2]; // Extract "01" from "2024-07-01"

src/features/attendance/components/summary/RegularizationModal.tsx

@@ -27,12 +27,10 @@ export default function RegularizationModal({ record, onClose, onAction }: Regul
         <p className="text-sm text-text-muted mb-6">Request ID: {record.id}</p>
 
         <div className="space-y-4">
-          {/* Separated Employee ID */}
           <div className="flex justify-between border-b border-app-border pb-2">
             <span className="text-sm text-text-muted">Employee ID</span>
             <span className="text-sm font-medium text-text-primary">{record.empId}</span>
           </div>
-          {/* Separated Employee Name */}
           <div className="flex justify-between border-b border-app-border pb-2">
             <span className="text-sm text-text-muted">Employee Name</span>
             <span className="text-sm font-medium text-text-primary">{record.empName}</span>

src/features/attendance/components/summary/RegularizationTable.tsx

@@ -24,9 +24,9 @@ export default function RegularizationTable({ records, onAction }: Regularizatio
   const [viewRecord, setViewRecord] = useState<RegularizationRecord | null>(null);
   const [searchQuery, setSearchQuery] = useState('');
   const [currentPage, setCurrentPage] = useState(1);
-  const [pageSize, setPageSize] = useState(10); // Default 10 entries per page
+  const [pageSize, setPageSize] = useState(10);
 
-  // Default sort: date descending (latest first)
+  // Default sort: date descending
   const [sortConfig, setSortConfig] = useState<{ key: SortKey; direction: SortDirection }>({
     key: 'date',
     direction: 'descending'

src/features/attendance/pages/attendance/EmployeeAttendance.tsx

@@ -28,7 +28,6 @@ export default function EmployeeAttendance() {
     return map;
   }, [attendanceRecords]);
 
-  // Use the global Loader component here
   if (isLoading) return <Loader message="Loading attendance data..." />;
   if (isError) return <ErrorState message="Failed to load attendance data." />;
 

src/features/attendance/pages/summary/AttendanceDashboard.tsx

@@ -45,7 +45,7 @@ export default function AttendanceDashboard() {
   // Filter for the entire selected month (Line Chart)
   const monthlyTrendData = useMemo(() => {
     if (!records) return [];
-    const selectedMonth = date.substring(0, 7); // Extracts "YYYY-MM"
+    const selectedMonth = date.substring(0, 7);
     return records.filter(r =>
       r.date.startsWith(selectedMonth) &&
       (branch === 'All' || r.branch === branch) &&
@@ -103,7 +103,6 @@ export default function AttendanceDashboard() {
         </div>
       </div>
 
-      {/* Reusable Stat Cards */}
       <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
         <StatCard title="Total Employees" value={stats.total} Icon={Users} colorClass="text-primary" bgClass="bg-primary/10" />
         <StatCard title="Total Checked In" value={stats.checkedIn} Icon={UserCheck} colorClass="text-present-700" bgClass="bg-present-100" />

src/features/attendance/pages/summary/DailyReport.tsx

@@ -1,5 +1,3 @@
-
-
 import { useState, useMemo } from 'react';
 import { Download, FileText } from 'lucide-react';
 import { toast } from 'sonner';
@@ -16,7 +14,6 @@ const yesterday = new Date();
 yesterday.setDate(yesterday.getDate() - 1);
 const yesterdayStr = `${yesterday.getFullYear()}-${String(yesterday.getMonth() + 1).padStart(2, '0')}-${String(yesterday.getDate()).padStart(2, '0')}`;
 
-// Dummy Data - Dynamically using today's and yesterday's date
 const dummyDailyData = [
   { id: 'EMP001', name: 'Alice', company: 'CLRI', branch: 'Bengaluru', department: 'IT', designation: 'Software Engineer', date: todayStr, checkIn: '09:05 AM', checkOut: '06:15 PM', status: 'Present' },
   { id: 'EMP002', name: 'Bob', company: 'CLRI', branch: 'Pune', department: 'Training', designation: 'Trainer', date: todayStr, checkIn: '--', checkOut: '--', status: 'Absent' },
@@ -27,7 +24,6 @@ const dummyDailyData = [
 ];
 
 export default function DailyReport() {
-  // Manage all filter state in one object
   const [filters, setFilters] = useState<DailyReportFilterValues>({
     date: getTodayDate(),
     company: 'All',
@@ -38,7 +34,6 @@ export default function DailyReport() {
     employeeId: '',
   });
 
-  // Client-side filtering logic
   const filteredData = useMemo(() => {
     return dummyDailyData.filter(record => {
       const matchesDate = record.date === filters.date;
@@ -69,8 +64,6 @@ export default function DailyReport() {
 
   return (
     <div className="space-y-6">
-
-      {/* Header & Download Button */}
       <div className="bg-app-card p-6 rounded-lg shadow-sm flex flex-col md:flex-row md:items-center justify-between gap-4">
         <div className="flex items-center space-x-3">
           <div className="p-3 bg-primary/10 rounded-full">
@@ -90,7 +83,6 @@ export default function DailyReport() {
         </button>
       </div>
 
-      {/* Reusable Filters Component */}
       <DailyReportFilters filters={filters} onFilterChange={setFilters} />
 
       {/* Data Table */}
@@ -101,7 +93,7 @@ export default function DailyReport() {
         <table className="min-w-full divide-y divide-app-border">
           <thead>
             <tr>
-              <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Emp ID</th>
+              <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Emp CODE</th>
               <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Name</th>
               <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Company</th>
               <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Branch</th>

src/features/attendance/pages/summary/MonthlyReport.tsx

@@ -3,7 +3,6 @@ import { Download, FileText } from 'lucide-react';
 import { toast } from 'sonner';
 import ReportFilters, { type ReportFilterValues } from '../../components/summary/MonthlyReportFilters';
 
-// 1. Dummy Data for testing
 const dummyReportData = [
   { id: 'EMP001', name: 'Alice', company: 'CLRI', branch: 'Bengaluru', department: 'IT', designation: 'Software Engineer', date: '2024-07-01', status: 'Present' },
   { id: 'EMP002', name: 'Bob', company: 'CLRI', branch: 'Pune', department: 'Training', designation: 'Trainer', date: '2024-07-01', status: 'Absent' },
@@ -13,7 +12,6 @@ const dummyReportData = [
 ];
 
 export default function MonthlyReport() {
-  // 2. Default Filters State
   const [filters, setFilters] = useState<ReportFilterValues>({
     company: 'All',
     branch: 'All',
@@ -25,7 +23,6 @@ export default function MonthlyReport() {
     toDate: '',
   });
 
-  // 3. Client-side filtering logic (for current dummy data testing)
   const filteredData = useMemo(() => {
     return dummyReportData.filter(record => {
       const matchesName = filters.employeeName ? record.name.toLowerCase().includes(filters.employeeName.toLowerCase()) : true;
@@ -44,14 +41,11 @@ export default function MonthlyReport() {
   }, [filters]);
 
   const handleDownload = () => {
-    // In the future, this will trigger an API call to get an Excel/CSV file
     toast.success("Preparing report for download...");
   };
 
   return (
     <div className="space-y-6">
-      
-      {/* Header & Download Button */}
       <div className="bg-app-card p-6 rounded-lg shadow-sm flex flex-col md:flex-row md:items-center justify-between gap-4">
         <div className="flex items-center space-x-3">
           <div className="p-3 bg-primary/10 rounded-full">
@@ -70,17 +64,14 @@ export default function MonthlyReport() {
           Download Report
         </button>
       </div>
-
-      {/* Reusable Filters Component */}
       <ReportFilters filters={filters} onFilterChange={setFilters} />
 
-      {/* Dummy Data Table (Proves filters are working) */}
       <div className="bg-app-card p-6 rounded-lg shadow-sm overflow-x-auto">
         <h3 className="text-lg font-semibold text-text-primary mb-4">Filtered Results ({filteredData.length})</h3>
         <table className="min-w-full divide-y divide-app-border">
           <thead>
             <tr>
-              <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Emp ID</th>
+              <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Emp CODE</th>
               <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Name</th>
               <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Branch</th>
               <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Department</th>

src/features/attendance/routes/AttendanceSummaryRouter.tsx

@@ -2,7 +2,7 @@ import { Routes, Route, Navigate } from 'react-router-dom';
 import AttendanceDashboard from '../pages/summary/AttendanceDashboard';
 import MonthlyReport from '../pages/summary/MonthlyReport';
 import DailyReport from '../pages/summary/DailyReport';
-import AdminRegularization from '../pages/summary/AdminRegularization'; // New Import
+import AdminRegularization from '../pages/summary/AdminRegularization';
 
 export default function AttendanceSummaryRouter() {
   return (
@@ -11,7 +11,7 @@ export default function AttendanceSummaryRouter() {
       <Route path="/dashboard" element={<AttendanceDashboard />} />
       <Route path="/monthly" element={<MonthlyReport />} />
       <Route path="/daily" element={<DailyReport />} />
-      <Route path="/regularization" element={<AdminRegularization />} /> {/* New Route */}
+      <Route path="/regularization" element={<AdminRegularization />} /> 
     </Routes>
   );
 }

src/features/attendance/types/attendance.ts

@@ -8,5 +8,4 @@ export interface AttendanceRecord {
   status: AttendanceStatus;
 }
 
-// Add this line to fix the error
 export type SortKey = keyof AttendanceRecord;

src/features/dashboard/pages/AdminDashboard.tsx

@@ -1,8 +1,75 @@
+import { Users, CalendarCheck, ClipboardCheck, Plane, Building } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
 export default function AdminDashboard() {
- return (
+  const stats = [
-    <div className="bg-app-card rounded-lg shadow-sm p-6">
+    { title: 'Total Employees', value: '245', icon: Users, color: 'text-primary', bg: 'bg-primary/10' },
-      <h2 className="text-2xl font-bold text-default">Admin Dashboard</h2>
+    { title: 'Present Today', value: '198', icon: CalendarCheck, color: 'text-present-700', bg: 'bg-present-100' },
-      <p className="text-text-muted mt-2">Welcome Admin!</p>
+    { title: 'Pending Regularizations', value: '4', icon: ClipboardCheck, color: 'text-late-700', bg: 'bg-late-100' },
+    { title: 'On Leave', value: '12', icon: Plane, color: 'text-absent-700', bg: 'bg-absent-100' },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="bg-app-card p-6 rounded-lg shadow-sm">
+        <h2 className="text-2xl font-bold text-text-primary">Welcome back, Admin!</h2>
+        <p className="text-text-muted mt-1">Here is the organizational overview for today.</p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+        {stats.map((stat, index) => (
+          <div key={index} className="bg-app-card p-6 rounded-lg shadow-sm flex items-center justify-between transition-transform hover:scale-[1.02]">
+            <div>
+              <p className="text-sm text-text-muted font-medium">{stat.title}</p>
+              <p className={`text-2xl font-bold mt-2 ${stat.color}`}>{stat.value}</p>
+            </div>
+            <div className={`p-3 rounded-full ${stat.bg}`}>
+              <stat.icon className={stat.color} size={28} />
+            </div>
+          </div>
+        ))}
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <div className="bg-app-card p-6 rounded-lg shadow-sm">
+          <h3 className="text-lg font-semibold text-text-primary mb-4">Quick Links</h3>
+          <div className="grid grid-cols-2 gap-4">
+            <Link to="/master-data/employees" className="flex items-center p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <Users size={20} className="text-primary mr-3" />
+              <span className="text-sm font-medium text-text-primary">Manage Employees</span>
+            </Link>
+            <Link to="/attendance-summary/dashboard" className="flex items-center p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <CalendarCheck size={20} className="text-present-700 mr-3" />
+              <span className="text-sm font-medium text-text-primary">Attendance Summary</span>
+            </Link>
+            <Link to="/leave-summary/applications" className="flex items-center p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <ClipboardCheck size={20} className="text-late-700 mr-3" />
+              <span className="text-sm font-medium text-text-primary">Leave Applications</span>
+            </Link>
+            <Link to="/master-data/company" className="flex items-center p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <Building size={20} className="text-primary mr-3" />
+              <span className="text-sm font-medium text-text-primary">Master Data</span>
+            </Link>
+          </div>
+        </div>
+
+        <div className="bg-app-card p-6 rounded-lg shadow-sm">
+          <h3 className="text-lg font-semibold text-text-primary mb-4">Department-wise Summary</h3>
+          <div className="space-y-3">
+            {[
+              { dept: 'IT', present: 45, total: 50 },
+              { dept: 'Training', present: 30, total: 35 },
+              { dept: 'Analytics', present: 20, total: 25 },
+              { dept: 'Placement', present: 15, total: 20 },
+            ].map((d, idx) => (
+              <div key={idx} className="flex items-center justify-between border-b border-app-border pb-3 last:border-b-0 last:pb-0">
+                <span className="text-sm text-text-secondary">{d.dept} Department</span>
+                <span className="text-sm font-medium text-text-primary">{d.present} / {d.total} Present</span>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
     </div>
   );
 }

src/features/dashboard/pages/EmployeeDashboard.tsx

@@ -1,8 +1,49 @@
+import { CalendarCheck, Plane, Clock } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
 export default function EmployeeDashboard() {
+  const stats = [
+    { title: 'Attendance Status', value: 'Present', icon: CalendarCheck, color: 'text-present-700', bg: 'bg-present-100' },
+    { title: 'Leave Balance', value: '12 Days', icon: Plane, color: 'text-primary', bg: 'bg-primary/10' },
+    { title: 'Check-In Time', value: '09:05 AM', icon: Clock, color: 'text-late-700', bg: 'bg-late-100' },
+  ];
+
   return (
-    <div className="bg-app-card rounded-lg shadow-sm p-6">
+    <div className="space-y-6">
-      <h2 className="text-2xl font-bold text-default">Employee Dashboard</h2>
+      <div className="bg-app-card p-6 rounded-lg shadow-sm">
-      <p className="text-text-muted mt-2">Welcome User!</p>
+        <h2 className="text-2xl font-bold text-text-primary">Welcome back, Employee!</h2>
+        <p className="text-text-muted mt-1">Here is your attendance and leave summary for today.</p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        {stats.map((stat, index) => (
+          <div key={index} className="bg-app-card p-6 rounded-lg shadow-sm flex items-center justify-between transition-transform hover:scale-[1.02]">
+            <div>
+              <p className="text-sm text-text-muted font-medium">{stat.title}</p>
+              <p className={`text-2xl font-bold mt-2 ${stat.color}`}>{stat.value}</p>
+            </div>
+            <div className={`p-3 rounded-full ${stat.bg}`}>
+              <stat.icon className={stat.color} size={28} />
+            </div>
+          </div>
+        ))}
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <div className="bg-app-card p-6 rounded-lg shadow-sm">
+          <h3 className="text-lg font-semibold text-text-primary mb-4">Quick Actions</h3>
+          <div className="grid grid-cols-2 gap-4">
+            <Link to="/leave" className="flex items-center p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <Plane size={20} className="text-primary mr-3" />
+              <span className="text-sm font-medium text-text-primary">Check Leave Balance</span>
+            </Link>
+            <Link to="/attendance" className="flex items-center p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <CalendarCheck size={20} className="text-present-700 mr-3" />
+              <span className="text-sm font-medium text-text-primary">View Attendance</span>
+            </Link>
+          </div>
+        </div>
+      </div>
     </div>
   );
 }

src/features/dashboard/pages/ManagerDashboard.tsx

@@ -1,8 +1,85 @@
+import { CheckCircle, Users, Plane, ArrowRight } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
 export default function ManagerDashboard() {
+  const stats = [
+    { title: 'Pending Approvals', value: '5', icon: CheckCircle, color: 'text-late-700', bg: 'bg-late-100' },
+    { title: 'Team Present Today', value: '18 / 20', icon: Users, color: 'text-present-700', bg: 'bg-present-100' },
+    { title: 'Team On Leave', value: '2', icon: Plane, color: 'text-absent-700', bg: 'bg-absent-100' },
+  ];
+
+  const recentApprovals = [
+    { id: 'LA001', name: 'Alice Williams', type: 'Casual Leave', days: 2 },
+    { id: 'LA002', name: 'Bob Smith', type: 'Sick Leave', days: 1 },
+    { id: 'LA004', name: 'Diana Prince', type: 'Casual Leave', days: 3 },
+  ];
+
   return (
-    <div className="bg-app-card rounded-lg shadow-sm p-6">
+    <div className="space-y-6">
-      <h2 className="text-2xl font-bold text-default">Manager Dashboard</h2>
+      <div className="bg-app-card p-6 rounded-lg shadow-sm">
-      <p className="text-text-muted mt-2">Welcome Manager!</p>
+        <h2 className="text-2xl font-bold text-text-primary">Welcome back, Manager!</h2>
+        <p className="text-text-muted mt-1">Here is your team overview for today.</p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        {stats.map((stat, index) => (
+          <div key={index} className="bg-app-card p-6 rounded-lg shadow-sm flex items-center justify-between transition-transform hover:scale-[1.02]">
+            <div>
+              <p className="text-sm text-text-muted font-medium">{stat.title}</p>
+              <p className={`text-2xl font-bold mt-2 ${stat.color}`}>{stat.value}</p>
+            </div>
+            <div className={`p-3 rounded-full ${stat.bg}`}>
+              <stat.icon className={stat.color} size={28} />
+            </div>
+          </div>
+        ))}
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <div className="bg-app-card p-6 rounded-lg shadow-sm">
+          <div className="flex justify-between items-center mb-4">
+            <h3 className="text-lg font-semibold text-text-primary">Pending Leave Requests</h3>
+            <Link to="/approval" className="text-primary text-sm font-medium hover:text-primary-hover flex items-center">
+              View All <ArrowRight size={14} className="ml-1" />
+            </Link>
+          </div>
+          <div className="space-y-3">
+            {recentApprovals.map((req) => (
+              <div key={req.id} className="flex items-center justify-between p-3 border border-app-border rounded-lg">
+                <div>
+                  <p className="text-sm font-medium text-text-primary">{req.name}</p>
+                  <p className="text-xs text-text-muted">{req.type} &bull; {req.days} Day(s)</p>
+                </div>
+                <Link to="/approval" className="px-3 py-1 bg-primary/10 text-primary text-xs font-medium rounded-full">Review</Link>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <div className="bg-app-card p-6 rounded-lg shadow-sm">
+          <h3 className="text-lg font-semibold text-text-primary mb-4">Team Attendance Today</h3>
+          <div className="space-y-4">
+            <div className="flex justify-between items-center">
+              <span className="text-sm text-text-secondary">Present</span>
+              <div className="w-2/3 bg-app-muted rounded-full h-2.5">
+                <div className="bg-present-500 h-2.5 rounded-full" style={{ width: '90%' }}></div>
+              </div>
+            </div>
+            <div className="flex justify-between items-center">
+              <span className="text-sm text-text-secondary">On Leave</span>
+              <div className="w-2/3 bg-app-muted rounded-full h-2.5">
+                <div className="bg-absent-400 h-2.5 rounded-full" style={{ width: '10%' }}></div>
+              </div>
+            </div>
+            <div className="flex justify-between items-center">
+              <span className="text-sm text-text-secondary">Late Arrivals</span>
+              <div className="w-2/3 bg-app-muted rounded-full h-2.5">
+                <div className="bg-late-500 h-2.5 rounded-full" style={{ width: '15%' }}></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   );
 }

src/features/dashboard/pages/SuperAdminDashboard.tsx

@@ -1,8 +1,87 @@
+import { Building, Network, Users, ShieldUser, ArrowRight, ScrollText } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
 export default function SuperAdminDashboard() {
+  const stats = [
+    { title: 'Total Companies', value: '3', icon: Building, color: 'text-primary', bg: 'bg-primary/10' },
+    { title: 'Total Branches', value: '12', icon: Network, color: 'text-primary', bg: 'bg-primary/10' },
+    { title: 'Global Employees', value: '450', icon: Users, color: 'text-present-700', bg: 'bg-present-100' },
+    { title: 'Total Admins', value: '5', icon: ShieldUser, color: 'text-late-700', bg: 'bg-late-100' },
+  ];
+
+  const companies = [
+    { name: 'CLRI', employees: 245, status: 'Active' },
+    { name: 'TechNova Solutions', employees: 120, status: 'Active' },
+    { name: 'Infotech Ltd', employees: 85, status: 'Active' },
+  ];
+
   return (
-    <div className="bg-app-card rounded-lg shadow-sm p-6">
+    <div className="space-y-6">
-      <h2 className="text-2xl font-bold text-default">Super Admin Dashboard</h2>
+      <div className="bg-app-card p-6 rounded-lg shadow-sm">
-      <p className="text-text-muted mt-2">Welcome Super Admin!</p>
+        <h2 className="text-2xl font-bold text-text-primary">Welcome back, SuperAdmin!</h2>
+        <p className="text-text-muted mt-1">Here is the global organizational overview.</p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+        {stats.map((stat, index) => (
+          <div key={index} className="bg-app-card p-6 rounded-lg shadow-sm flex items-center justify-between transition-transform hover:scale-[1.02]">
+            <div>
+              <p className="text-sm text-text-muted font-medium">{stat.title}</p>
+              <p className={`text-2xl font-bold mt-2 ${stat.color}`}>{stat.value}</p>
+            </div>
+            <div className={`p-3 rounded-full ${stat.bg}`}>
+              <stat.icon className={stat.color} size={28} />
+            </div>
+          </div>
+        ))}
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <div className="bg-app-card p-6 rounded-lg shadow-sm">
+          <h3 className="text-lg font-semibold text-text-primary mb-4">Company Overview</h3>
+          <div className="space-y-3">
+            {companies.map((c, idx) => (
+              <div key={idx} className="flex items-center justify-between p-3 border border-app-border rounded-lg">
+                <div className="flex items-center">
+                  <Building size={18} className="text-text-light mr-3" />
+                  <span className="text-sm font-medium text-text-primary">{c.name}</span>
+                </div>
+                <div className="flex items-center space-x-4">
+                  <span className="text-sm text-text-secondary">{c.employees} Employees</span>
+                  <span className="px-2 py-1 rounded-full text-xs font-medium bg-present-100 text-present-700">{c.status}</span>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <div className="bg-app-card p-6 rounded-lg shadow-sm">
+          <h3 className="text-lg font-semibold text-text-primary mb-4">SuperAdmin Actions</h3>
+          <div className="space-y-3">
+            <Link to="/manage-admins" className="flex items-center justify-between p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <div className="flex items-center">
+                <ShieldUser size={20} className="text-primary mr-3" />
+                <span className="text-sm font-medium text-text-primary">Manage Admins</span>
+              </div>
+              <ArrowRight size={18} className="text-text-light" />
+            </Link>
+            <Link to="/policies" className="flex items-center justify-between p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <div className="flex items-center">
+                <ScrollText size={20} className="text-primary mr-3" />
+                <span className="text-sm font-medium text-text-primary">Policy and Rules</span>
+              </div>
+              <ArrowRight size={18} className="text-text-light" />
+            </Link>
+            <Link to="/master-data/company" className="flex items-center justify-between p-4 border border-app-border rounded-lg hover:bg-app-muted transition-colors">
+              <div className="flex items-center">
+                <Building size={20} className="text-primary mr-3" />
+                <span className="text-sm font-medium text-text-primary">Manage Master Data</span>
+              </div>
+              <ArrowRight size={18} className="text-text-light" />
+            </Link>
+          </div>
+        </div>
+      </div>
     </div>
   );
 }

src/features/employee-management/api/useAdminData.ts

@@ -1,8 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchMockData } from '../../../api/client';
 import type { Employee } from './useEmployeeData';
-
-// Extends Employee to include admin status
 export interface AdminEmployee extends Employee {
   isAdmin: boolean;
 }

src/features/employee-management/api/useEmployeeData.ts

@@ -4,6 +4,7 @@ import { fetchMockData } from '../../../api/client';
 export interface Employee {
   id: string;
   name: string;
+  email: string;
   designationId: string;
   designationName: string;
   deptId: string;

src/features/employee-management/api/usePolicyData.ts

@@ -0,0 +1,22 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchMockData } from '../../../api/client';
+
+export interface Policy {
+  id: string;
+  title: string;
+  category: string;
+  description: string;
+}
+
+export interface CompanyPolicy {
+  companyId: string;
+  companyName: string;
+  policies: Policy[];
+}
+
+export const usePolicies = () => {
+  return useQuery<CompanyPolicy[]>({
+    queryKey: ['policies'],
+    queryFn: () => fetchMockData<CompanyPolicy[]>('master-data/policies.json'),
+  });
+};

src/features/employee-management/components/branch/BranchTable.tsx

@@ -115,7 +115,7 @@ export default function BranchTable({ records, onEdit, onDelete }: BranchTablePr
                   className="px-6 py-3 text-left text-xs font-semibold text-text-muted uppercase tracking-wider cursor-pointer hover:bg-app-muted transition-colors"
                 >
                   <div className="flex items-center">
-                    {key === 'id' ? 'Branch ID' : key === 'companyName' ? 'Company' : key.charAt(0).toUpperCase() + key.slice(1)} {getSortIcon(key)}
+                    {key === 'id' ? 'Branch CODE' : key === 'companyName' ? 'Company' : key.charAt(0).toUpperCase() + key.slice(1)} {getSortIcon(key)}
                   </div>
                 </th>
               ))}

src/features/employee-management/components/company/CompanyTable.tsx

@@ -114,7 +114,7 @@ export default function CompanyTable({ records, onEdit, onDelete }: CompanyTable
                   className="px-6 py-3 text-left text-xs font-semibold text-text-muted uppercase tracking-wider cursor-pointer hover:bg-app-muted transition-colors"
                 >
                   <div className="flex items-center">
-                    {key === 'id' ? 'Company ID' : key.charAt(0).toUpperCase() + key.slice(1)} {getSortIcon(key)}
+                    {key === 'id' ? 'Company CODE' : key.charAt(0).toUpperCase() + key.slice(1)} {getSortIcon(key)}
                   </div>
                 </th>
               ))}

src/features/employee-management/components/department/DepartmentTable.tsx

@@ -116,7 +116,7 @@ export default function DepartmentTable({ records, onEdit, onDelete }: Departmen
                   className="px-6 py-3 text-left text-xs font-semibold text-text-muted uppercase tracking-wider cursor-pointer hover:bg-app-muted transition-colors"
                 >
                   <div className="flex items-center">
-                    {key === 'id' ? 'Dept ID' : key === 'name' ? 'Department' : key === 'branchName' ? 'Branch' : key === 'companyName' ? 'Company' : key.charAt(0).toUpperCase() + key.slice(1)} {getSortIcon(key)}
+                    {key === 'id' ? 'Dept CODE' : key === 'name' ? 'Department' : key === 'branchName' ? 'Branch' : key === 'companyName' ? 'Company' : key.charAt(0).toUpperCase() + key.slice(1)} {getSortIcon(key)}
                   </div>
                 </th>
               ))}

src/features/employee-management/components/designation/DesignationTable.tsx

@@ -90,7 +90,7 @@ export default function DesignationTable({ records, onEdit, onDelete }: Designat
   };
 
   const formatHeader = (key: string) => {
-    if (key === 'id') return 'Designation ID';
+    if (key === 'id') return 'Designation  CODE';
     if (key === 'name') return 'Designation';
     if (key === 'deptName') return 'Department';
     if (key === 'branchName') return 'Branch';

src/features/employee-management/components/employee/EmployeeFormModal.tsx

@@ -18,6 +18,7 @@ interface EmployeeFormModalProps {
 
 export default function EmployeeFormModal({ employee, companies, branches, departments, designations, onClose, onSave }: EmployeeFormModalProps) {
   const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
   const [companyId, setCompanyId] = useState('');
   const [branchId, setBranchId] = useState('');
   const [deptId, setDeptId] = useState('');
@@ -28,6 +29,7 @@ export default function EmployeeFormModal({ employee, companies, branches, depar
     if (employee) {
       // eslint-disable-next-line react-hooks/set-state-in-effect
       setName(employee.name);
+      setEmail(employee.email);
       setCompanyId(employee.companyId);
       setBranchId(employee.branchId);
       setDeptId(employee.deptId);
@@ -35,6 +37,7 @@ export default function EmployeeFormModal({ employee, companies, branches, depar
       setStatus(employee.status);
     } else {
       setName('');
+      setEmail('');
       setCompanyId(companies.length > 0 ? companies[0].id : '');
       setBranchId('');
       setDeptId('');
@@ -74,6 +77,7 @@ export default function EmployeeFormModal({ employee, companies, branches, depar
 
     onSave({
       name,
+      email,
       companyId,
       companyName: selectedCompany?.name || '',
       branchId,
@@ -105,6 +109,11 @@ export default function EmployeeFormModal({ employee, companies, branches, depar
             <input type="text" value={name} onChange={(e) => setName(e.target.value)} required className={inputClass} placeholder="Enter employee name..." />
           </div>
 
+          <div>
+            <label className={labelClass}>Employee Email</label>
+            <input type="email" value={email} onChange={(e) => setEmail(e.target.value)} required className={inputClass} placeholder="Enter email address..." />
+          </div>
+
           <div>
             <label className={labelClass}>Company</label>
             <select value={companyId} onChange={handleCompanyChange} required className={inputClass}>

src/features/employee-management/components/employee/EmployeeTable.tsx

@@ -1,15 +1,15 @@
 import { useState, useMemo } from 'react';
-import { ArrowUpDown, ArrowUp, ArrowDown, Search, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Eye, Pencil, Trash2 } from 'lucide-react'; // Added Eye
+import { ArrowUpDown, ArrowUp, ArrowDown, Search, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Eye, Pencil, Trash2 } from 'lucide-react';
 import type { Employee } from '../../api/useEmployeeData';
 
 interface EmployeeTableProps {
   records: Employee[];
-  onView: (employee: Employee) => void; // Added onView
+  onView: (employee: Employee) => void;
   onEdit: (employee: Employee) => void;
   onDelete: (id: string) => void;
 }
 
-type SortKey = 'id' | 'name' | 'designationName' | 'deptName' | 'branchName' | 'companyName' | 'status';
+type SortKey = 'id' | 'email' | 'name' | 'designationName' | 'deptName' | 'branchName' | 'companyName' | 'status';
 type SortDirection = 'ascending' | 'descending';
 
 const getStatusClass = (status: string) => {
@@ -34,6 +34,7 @@ export default function EmployeeTable({ records, onView, onEdit, onDelete }: Emp
     return records.filter(record =>
       record.id.toLowerCase().includes(searchQuery.toLowerCase()) ||
       record.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      record.email.toLowerCase().includes(searchQuery.toLowerCase()) ||
       record.designationName.toLowerCase().includes(searchQuery.toLowerCase()) ||
       record.deptName.toLowerCase().includes(searchQuery.toLowerCase()) ||
       record.branchName.toLowerCase().includes(searchQuery.toLowerCase()) ||
@@ -92,8 +93,9 @@ export default function EmployeeTable({ records, onView, onEdit, onDelete }: Emp
   };
 
   const formatHeader = (key: string) => {
-    if (key === 'id') return 'Emp ID';
+    if (key === 'id') return 'Emp CODE';
     if (key === 'name') return 'Employee Name';
+    if (key === 'email') return 'Employee Email';
     if (key === 'designationName') return 'Designation';
     if (key === 'deptName') return 'Department';
     if (key === 'branchName') return 'Branch';
@@ -121,7 +123,7 @@ export default function EmployeeTable({ records, onView, onEdit, onDelete }: Emp
         <table className="min-w-full divide-y divide-app-border">
           <thead>
             <tr>
-              {(['id', 'name', 'designationName', 'deptName', 'branchName', 'companyName', 'status'] as SortKey[]).map((key) => (
+              {(['id', 'name', 'email', 'designationName', 'deptName', 'branchName', 'companyName', 'status'] as SortKey[]).map((key) => (
                 <th key={key} onClick={() => requestSort(key)} className="px-6 py-3 text-left text-xs font-semibold text-text-muted uppercase tracking-wider cursor-pointer hover:bg-app-muted transition-colors">
                   <div className="flex items-center">
                     {formatHeader(key)} {getSortIcon(key)}
@@ -137,6 +139,7 @@ export default function EmployeeTable({ records, onView, onEdit, onDelete }: Emp
                 <tr key={record.id} className="hover:bg-app-muted transition-colors">
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-primary">{record.id}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.name}</td>
+                  <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.email}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.designationName}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.deptName}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.branchName}</td>
@@ -159,7 +162,7 @@ export default function EmployeeTable({ records, onView, onEdit, onDelete }: Emp
               ))
             ) : (
               <tr>
-                <td colSpan={8} className="px-6 py-8 text-center text-sm text-text-muted">No employees found.</td>
+                <td colSpan={9} className="px-6 py-8 text-center text-sm text-text-muted">No employees found.</td>
               </tr>
             )}
           </tbody>

src/features/employee-management/components/employee/EmployeeViewModal.tsx

@@ -24,7 +24,6 @@ export default function EmployeeViewModal({ employee, onClose }: EmployeeViewMod
         <h3 className="text-xl font-bold text-text-primary mb-6">Employee Details</h3>
 
         <div className="space-y-4">
-          {/* Employee ID moved here to match other fields */}
           <div className="flex justify-between border-b border-app-border pb-2">
             <span className="text-sm text-text-muted">Employee ID</span>
             <span className="text-sm font-medium text-text-primary">{employee.id}</span>
@@ -33,6 +32,10 @@ export default function EmployeeViewModal({ employee, onClose }: EmployeeViewMod
             <span className="text-sm text-text-muted">Employee Name</span>
             <span className="text-sm font-medium text-text-primary">{employee.name}</span>
           </div>
+          <div className="flex justify-between border-b border-app-border pb-2">
+            <span className="text-sm text-text-muted">Employee Email</span>
+            <span className="text-sm font-medium text-text-primary">{employee.email}</span>
+          </div>
           <div className="flex justify-between border-b border-app-border pb-2">
             <span className="text-sm text-text-muted">Company</span>
             <span className="text-sm font-medium text-text-primary">{employee.companyName}</span>

src/features/employee-management/components/manage-admins/AdminTable.tsx

@@ -8,7 +8,7 @@ interface AdminTableProps {
   onDelete: (id: string) => void;
 }
 
-type SortKey = 'id' | 'name' | 'designationName' | 'deptName' | 'branchName' | 'companyName' | 'status' | 'isAdmin';
+type SortKey = 'id' | 'email' | 'name' | 'designationName' | 'deptName' | 'branchName' | 'companyName' | 'status' | 'isAdmin';
 type SortDirection = 'ascending' | 'descending';
 
 const getStatusClass = (status: string) => {
@@ -32,6 +32,7 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
     if (!searchQuery) return records;
     return records.filter(record =>
       record.id.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      record.email.toLowerCase().includes(searchQuery.toLowerCase()) ||
       record.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
       record.designationName.toLowerCase().includes(searchQuery.toLowerCase()) ||
       record.deptName.toLowerCase().includes(searchQuery.toLowerCase()) ||
@@ -44,7 +45,6 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
   const sortedData = useMemo(() => {
     const sortableData = [...filteredData];
     sortableData.sort((a, b) => {
-      // Handle boolean sorting for isAdmin
       if (sortConfig.key === 'isAdmin') {
         const valA = a.isAdmin ? 1 : 0;
         const valB = b.isAdmin ? 1 : 0;
@@ -98,8 +98,9 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
   };
 
   const formatHeader = (key: string) => {
-    if (key === 'id') return 'Emp ID';
+    if (key === 'id') return 'Emp CODE';
     if (key === 'name') return 'Employee Name';
+    if (key === 'email') return 'Employee Email';
     if (key === 'designationName') return 'Designation';
     if (key === 'deptName') return 'Department';
     if (key === 'branchName') return 'Branch';
@@ -111,7 +112,7 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
   return (
     <div className="bg-app-card p-6 rounded-lg shadow-sm">
       <div className="flex flex-col md:flex-row md:items-center justify-between mb-6 gap-4">
-        <h2 className="text-lg font-semibold text-text-primary">Employees & Admins List</h2>
+        <h2 className="text-lg font-semibold text-text-primary">Admins List</h2>
         <div className="relative w-full md:w-64">
           <Search size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-text-light" />
           <input
@@ -128,7 +129,7 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
         <table className="min-w-full divide-y divide-app-border">
           <thead>
             <tr>
-              {(['id', 'name', 'designationName', 'deptName', 'branchName', 'companyName', 'status', 'isAdmin'] as SortKey[]).map((key) => (
+              {(['id', 'name', 'email', 'designationName', 'deptName', 'branchName', 'companyName', 'status', 'isAdmin'] as SortKey[]).map((key) => (
                 <th key={key} onClick={() => requestSort(key)} className="px-6 py-3 text-left text-xs font-semibold text-text-muted uppercase tracking-wider cursor-pointer hover:bg-app-muted transition-colors">
                   <div className="flex items-center">
                     {formatHeader(key)} {getSortIcon(key)}
@@ -144,6 +145,7 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
                 <tr key={record.id} className="hover:bg-app-muted transition-colors">
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-primary">{record.id}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.name}</td>
+                  <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.email}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.designationName}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.deptName}</td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-text-secondary">{record.branchName}</td>
@@ -152,7 +154,6 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
                     <span className={`px-2 py-1 rounded-full text-xs font-medium ${getStatusClass(record.status)}`}>{record.status}</span>
                   </td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm">
-                    {/* Admin Toggle Switch */}
                     <button
                       onClick={() => onToggleAdmin(record.id)}
                       className={`relative inline-flex items-center h-6 w-11 rounded-full transition-colors ${record.isAdmin ? 'bg-primary' : 'bg-app-border'}`}
@@ -170,7 +171,7 @@ export default function AdminTable({ records, onToggleAdmin, onDelete }: AdminTa
               ))
             ) : (
               <tr>
-                <td colSpan={9} className="px-6 py-8 text-center text-sm text-text-muted">No employees found.</td>
+                <td colSpan={10} className="px-6 py-8 text-center text-sm text-text-muted">No employees found.</td>
               </tr>
             )}
           </tbody>

src/features/employee-management/pages/ManageBranches.tsx

@@ -16,7 +16,7 @@ export default function ManageBranches() {
   const [localRecords, setLocalRecords] = useState<Branch[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [editingBranch, setEditingBranch] = useState<Branch | null>(null);
-  const [deleteId, setDeleteId] = useState<string | null>(null); // New state
+  const [deleteId, setDeleteId] = useState<string | null>(null);
 
   useMemo(() => {
     // eslint-disable-next-line react-hooks/set-state-in-render
@@ -34,7 +34,7 @@ export default function ManageBranches() {
   };
 
   const handleDeleteClick = (id: string) => {
-    setDeleteId(id); // Open confirmation modal
+    setDeleteId(id);
   };
 
   const confirmDelete = () => {
@@ -92,7 +92,6 @@ export default function ManageBranches() {
         />
       )}
 
-      {/* Delete Confirmation Modal */}
       {deleteId && (
         <ConfirmationModal
           title="Delete Branch?"

src/features/employee-management/pages/ManageCompanies.tsx

@@ -3,7 +3,7 @@ import { Building, Plus } from 'lucide-react';
 import { toast } from 'sonner';
 import Loader from '../../../components/ui/Loader';
 import ErrorState from '../../../components/ui/ErrorState';
-import ConfirmationModal from '../../../components/ui/ConfirmationModal'; // New Import
+import ConfirmationModal from '../../../components/ui/ConfirmationModal';
 import CompanyTable from '../components/company/CompanyTable';
 import CompanyFormModal from '../components/company/CompanyFormModal';
 import { useCompanies, type Company } from '../api/useCompanyData';
@@ -13,7 +13,7 @@ export default function ManageCompanies() {
   const [localRecords, setLocalRecords] = useState<Company[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [editingCompany, setEditingCompany] = useState<Company | null>(null);
-  const [deleteId, setDeleteId] = useState<string | null>(null); // New state for delete confirmation
+  const [deleteId, setDeleteId] = useState<string | null>(null);
 
   useMemo(() => {
     // eslint-disable-next-line react-hooks/set-state-in-render
@@ -31,7 +31,7 @@ export default function ManageCompanies() {
   };
 
   const handleDeleteClick = (id: string) => {
-    setDeleteId(id); // Open confirmation modal instead of deleting directly
+    setDeleteId(id);
   };
 
   const confirmDelete = () => {
@@ -88,7 +88,6 @@ export default function ManageCompanies() {
         />
       )}
 
-      {/* Delete Confirmation Modal */}
       {deleteId && (
         <ConfirmationModal
           title="Delete Company?"

src/features/employee-management/pages/ManageDepartments.tsx

@@ -18,7 +18,7 @@ export default function ManageDepartments() {
   const [localRecords, setLocalRecords] = useState<Department[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [editingDepartment, setEditingDepartment] = useState<Department | null>(null);
-  const [deleteId, setDeleteId] = useState<string | null>(null); // New state
+  const [deleteId, setDeleteId] = useState<string | null>(null);
 
   useMemo(() => {
     // eslint-disable-next-line react-hooks/set-state-in-render
@@ -36,7 +36,7 @@ export default function ManageDepartments() {
   };
 
   const handleDeleteClick = (id: string) => {
-    setDeleteId(id); // Open confirmation modal
+    setDeleteId(id);
   };
 
   const confirmDelete = () => {
@@ -95,7 +95,6 @@ export default function ManageDepartments() {
         />
       )}
 
-      {/* Delete Confirmation Modal */}
       {deleteId && (
         <ConfirmationModal
           title="Delete Department?"

src/features/employee-management/pages/ManageEmployees.tsx

@@ -6,7 +6,7 @@ import ErrorState from '../../../components/ui/ErrorState';
 import ConfirmationModal from '../../../components/ui/ConfirmationModal';
 import EmployeeTable from '../components/employee/EmployeeTable';
 import EmployeeFormModal from '../components/employee/EmployeeFormModal';
-import EmployeeViewModal from '../components/employee/EmployeeViewModal'; // New Import
+import EmployeeViewModal from '../components/employee/EmployeeViewModal';
 import { useEmployees, type Employee } from '../api/useEmployeeData';
 import { useCompanies } from '../api/useCompanyData';
 import { useBranches } from '../api/useBranchData';
@@ -23,7 +23,7 @@ export default function ManageEmployees() {
   const [localRecords, setLocalRecords] = useState<Employee[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [editingEmployee, setEditingEmployee] = useState<Employee | null>(null);
-  const [viewEmployee, setViewEmployee] = useState<Employee | null>(null); // New state for viewing
+  const [viewEmployee, setViewEmployee] = useState<Employee | null>(null);
   const [deleteId, setDeleteId] = useState<string | null>(null);
 
   useMemo(() => {
@@ -115,7 +115,6 @@ export default function ManageEmployees() {
         />
       )}
 
-      {/* View Modal */}
       {viewEmployee && (
         <EmployeeViewModal
           employee={viewEmployee}

src/features/employee-management/pages/ManagePolicies.tsx

@@ -0,0 +1,67 @@
+import { Building, ScrollText, Briefcase, CalendarCheck, FileText } from 'lucide-react';
+import Loader from '../../../components/ui/Loader';
+import ErrorState from '../../../components/ui/ErrorState';
+import { usePolicies } from '../api/usePolicyData';
+
+const getCategoryClass = (category: string) => {
+  switch (category) {
+    case 'Leave': return 'bg-wfh-100 text-wfh-700';
+    case 'Attendance': return 'bg-late-100 text-late-700';
+    case 'General': return 'bg-present-100 text-present-700';
+    default: return 'bg-app-muted text-text-secondary';
+  }
+};
+
+const getCategoryIcon = (category: string) => {
+  switch (category) {
+    case 'Leave': return <Briefcase size={12} />;
+    case 'Attendance': return <CalendarCheck size={12} />;
+    case 'General': return <FileText size={12} />;
+    default: return <FileText size={12} />;
+  }
+};
+
+export default function ManagePolicies() {
+  const { data: companyPolicies, isLoading, isError } = usePolicies();
+
+  if (isLoading) return <Loader message="Loading policies..." />;
+  if (isError) return <ErrorState message="Failed to load policies." />;
+
+  return (
+    <div className="space-y-6">
+      <div className="bg-app-card p-6 rounded-lg shadow-sm flex items-center space-x-3">
+        <div className="p-3 bg-primary/10 rounded-full">
+          <ScrollText className="text-primary" size={28} />
+        </div>
+        <div>
+          <h2 className="text-xl font-bold text-text-primary">Policy and Rules</h2>
+          <p className="text-sm text-text-muted">Company-wise leave policies, LOP rules, and attendance timings.</p>
+        </div>
+      </div>
+
+      {companyPolicies?.map((companyData) => (
+        <div key={companyData.companyId} className="bg-app-card p-6 rounded-lg shadow-sm">
+          <div className="flex items-center space-x-2 mb-6 border-b border-app-border pb-4">
+            <Building size={20} className="text-primary" />
+            <h3 className="text-lg font-semibold text-text-primary">{companyData.companyName}</h3>
+          </div>
+
+          <div className="space-y-4">
+            {companyData.policies.map((policy) => (
+              <div key={policy.id} className="border border-app-border rounded-lg p-4 hover:bg-app-muted transition-colors">
+                <div className="flex flex-col md:flex-row md:items-start md:justify-between mb-2">
+                  <h4 className="text-sm font-semibold text-text-primary">{policy.title}</h4>
+                  <span className={`flex items-center space-x-1 px-2 py-1 rounded-full text-xs font-medium w-fit ${getCategoryClass(policy.category)}`}>
+                    {getCategoryIcon(policy.category)}
+                    <span>{policy.category}</span>
+                  </span>
+                </div>
+                <p className="text-sm text-text-secondary leading-relaxed">{policy.description}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}

src/features/employee-management/pages/MasterDataDashboard.tsx

@@ -1,7 +1,7 @@
 import { Building, Network, Briefcase, Tag, Users } from 'lucide-react';
 import Loader from '../../../components/ui/Loader';
 import ErrorState from '../../../components/ui/ErrorState';
-import StatCard from '../../attendance/components/summary/StatCard'; // Reusing StatCard
+import StatCard from '../../attendance/components/summary/StatCard';
 import { useMasterDataSummary } from '../api/useMasterData';
 
 export default function MasterDataDashboard() {

src/features/employee-management/routes/MasterDataRouter.tsx

@@ -4,7 +4,7 @@ import ManageCompanies from '../pages/ManageCompanies';
 import ManageBranches from '../pages/ManageBranches';
 import ManageDepartments from '../pages/ManageDepartments';
 import ManageDesignations from '../pages/ManageDesignations';
-import ManageEmployees from '../pages/ManageEmployees'; // New Import
+import ManageEmployees from '../pages/ManageEmployees';
 
 export default function MasterDataRouter() {
   return (

src/features/employee-management/routes/PolicyRouter.tsx

@@ -1,16 +1,12 @@
 import { useSelector } from 'react-redux';
 import type { RootState } from '../../../store/store';
+import ManagePolicies from '../pages/ManagePolicies';
 
 export default function PolicyRouter() {
   const role = useSelector((state: RootState) => state.role.currentRole);
 
   if (role === 'superadmin') {
-    return (
+    return <ManagePolicies />;
-      <div className="bg-app-card p-6 rounded-lg shadow">
-        <h2 className="text-2xl font-bold text-primary">Policy and Rules</h2>
-        <p className="mt-2 text-text-muted">Configure global leave policies, LOP rules, and attendance shift timings.</p>
-      </div>
-    );
   }
 
   return <div className="bg-app-card p-6 rounded-lg shadow text-absent-500">Access Denied: SuperAdmins only.</div>;

src/features/leave/api/useLeaveData.ts

@@ -40,10 +40,8 @@ export const useApplyLeave = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    // In a real backend, this would be a POST to /api/v1/leave/apply
     mutationFn: (payload: LeaveRequestPayload) => postMockData(`leave/${role}_leave_requests`, payload),
     onSuccess: () => {
-      // Refetch the summary for the specific role that just applied
       queryClient.invalidateQueries({ queryKey: ['leaveSummary', role] });
     },
   });
@@ -62,28 +60,10 @@ export const useLeaveHistory = () => {
 export const useManagerApprovals = () => {
   return useQuery<ManagerLeaveApproval[]>({
     queryKey: ['leaveApprovals', 'manager'],
-    // Fix: Point to the exact path where you created the JSON file
     queryFn: () => fetchMockData<ManagerLeaveApproval[]>('approvals/manager_pending_leaves.json'),
   });
 };
 
-
-export const useUpdateLeaveApproval = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    // In the future: axios.put('/api/v1/leave/approvals/:id', { status })
-    mutationFn: async ({ id, status }: { id: string; status: ApprovalStatus }) => {
-      await new Promise((resolve) => setTimeout(resolve, 500)); // simulate network
-      console.log(`[Mock PUT] Updated leave ${id} to ${status}`);
-      return { id, status };
-    },
-    onSuccess: () => {
-      // Refetch the list to show the updated status
-      queryClient.invalidateQueries({ queryKey: ['leaveApprovals', 'manager'] });
-    },
-  });
-};
-
 export const useLeaveApplications = () => {
   return useQuery<LeaveApplicationSummary[]>({
     queryKey: ['leaveApplications'],
@@ -97,3 +77,32 @@ export const useLeaveLedger = () => {
     queryFn: () => fetchMockData<LeaveLedgerRecord[]>('leave/leave_ledger.json'),
   });
 };
+
+
+export const useAdminApprovals = () => {
+  return useQuery<ManagerLeaveApproval[]>({
+    queryKey: ['leaveApprovals', 'admin'],
+    queryFn: () => fetchMockData<ManagerLeaveApproval[]>('approvals/admin_pending_leaves.json'),
+  });
+};
+
+export const useSuperAdminApprovals = () => {
+  return useQuery<ManagerLeaveApproval[]>({
+    queryKey: ['leaveApprovals', 'superadmin'],
+    queryFn: () => fetchMockData<ManagerLeaveApproval[]>('approvals/superadmin_pending_leaves.json'),
+  });
+};
+
+export const useUpdateLeaveApproval = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async ({ id, status }: { id: string; status: ApprovalStatus }) => {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      console.log(`[Mock PUT] Updated leave ${id} to ${status}`);
+      return { id, status };
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['leaveApprovals'] });
+    },
+  });
+};

src/features/leave/components/approval/ApprovalModal.tsx

@@ -31,12 +31,10 @@ export default function ApprovalModal({ record, onClose, onAction }: ApprovalMod
         <p className="text-sm text-text-muted mb-6">Application ID: {record.id}</p>
 
         <div className="space-y-4">
-          {/* Separated Employee ID */}
           <div className="flex justify-between border-b border-app-border pb-2">
             <span className="text-sm text-text-muted">Employee ID</span>
             <span className="text-sm font-medium text-text-primary">{record.employeeId}</span>
           </div>
-          {/* Separated Employee Name */}
           <div className="flex justify-between border-b border-app-border pb-2">
             <span className="text-sm text-text-muted">Employee Name</span>
             <span className="text-sm font-medium text-text-primary">{record.employeeName}</span>

src/features/leave/components/approval/ApprovalTable.tsx

@@ -24,7 +24,7 @@ export default function ApprovalTable({ records, onAction }: ApprovalTableProps)
     const [viewRecord, setViewRecord] = useState<ManagerLeaveApproval | null>(null);
     const [searchQuery, setSearchQuery] = useState('');
     const [currentPage, setCurrentPage] = useState(1);
-    const [pageSize, setPageSize] = useState(10); // Default 10 entries per page
+    const [pageSize, setPageSize] = useState(10);
 
     // Default sort: applicationDate descending (last applied first)
     const [sortConfig, setSortConfig] = useState<{ key: SortKey; direction: SortDirection }>({
@@ -190,7 +190,7 @@ export default function ApprovalTable({ records, onAction }: ApprovalTableProps)
                     onClose={() => setViewRecord(null)}
                     onAction={(id, status) => {
                         onAction(id, status);
-                        setViewRecord(null); // Close modal immediately on action
+                        setViewRecord(null);
                     }}
                 />
             )}

src/features/leave/components/leave/ApplyLeaveForm.tsx

@@ -19,7 +19,7 @@ const calculateLeaveDays = (from: string, fromMode: DayMode, to: string, toMode:
   return days;
 };
 
-// Fixed logic: +1 day, if Sunday -> Monday, with safe local formatting
+// logic: +1 day, if Sunday -> Monday, with safe local formatting
 const calculateResumptionDate = (to: string) => {
   if (!to) return '';
   const date = new Date(to + 'T00:00:00');
@@ -89,7 +89,7 @@ export default function ApplyLeaveForm({ summaryData }: ApplyLeaveFormProps) {
         <form onSubmit={handleSubmit} className="space-y-4">
           <div className="flex items-center justify-between">
             <span className="text-sm font-medium text-primary bg-primary/10 px-3 py-1 rounded-full">{selectedLeaveType}</span>
-            <button type="button" onClick={() => setShowForm(false)} className="text-text-muted hover:text-text-primary text-sm">Cancel</button>
+            <button type="button" onClick={() => setShowForm(false)} className="flex items-center px-4 py-1 bg-absent-500 text-white rounded-lg hover:bg-absent-600 transition-colors text-sm ">Cancel</button>
           </div>
           <div>
             <label className="block text-sm font-medium text-text-secondary mb-1">From Date</label>

src/features/leave/components/leave/LeaveApplicationsTable.tsx

@@ -95,7 +95,7 @@ export default function LeaveApplicationsTable({ records }: LeaveApplicationsTab
 
   const formatHeader = (key: string) => {
     if (key === 'id') return 'App ID';
-    if (key === 'employeeId') return 'Emp ID';
+    if (key === 'employeeId') return 'Emp CODE';
     if (key === 'employeeName') return 'Employee Name';
     if (key === 'managerName') return 'Manager Name';
     if (key === 'leaveType') return 'Leave Type';

src/features/leave/components/leave/LeaveHistoryTable.tsx

@@ -11,7 +11,6 @@ interface LeaveHistoryTableProps {
 
 type SortDirection = 'ascending' | 'descending';
 
-// Updated to handle empty strings safely
 const getDaysDifference = (start: string, end: string) => {
   if (!start || !end) return 0;
   const startDate = new Date(start + 'T00:00:00');
@@ -21,7 +20,6 @@ const getDaysDifference = (start: string, end: string) => {
 };
 
 export default function LeaveHistoryTable({ records }: LeaveHistoryTableProps) {
-  // Default to empty strings to show all records initially
   const [fromDate, setFromDate] = useState('');
   const [toDate, setToDate] = useState('');
 
@@ -35,13 +33,11 @@ export default function LeaveHistoryTable({ records }: LeaveHistoryTableProps) {
   const [viewRecord, setViewRecord] = useState<LeaveHistoryRecord | null>(null);
   const [withdrawRecord, setWithdrawRecord] = useState<LeaveHistoryRecord | null>(null);
 
-  // Use an overrides object to handle instant UI updates for withdrawals
   const [localOverrides, setLocalOverrides] = useState<Record<string, LeaveHistoryRecord>>({});
   const combinedRecords = useMemo(() => {
     return records.map(r => localOverrides[r.id] || r);
   }, [records, localOverrides]);
 
-  // Filter specifically by applicationDate
   const filteredData = useMemo(() => {
     return combinedRecords.filter((record) => {
       const isAfterFrom = fromDate ? record.applicationDate >= fromDate : true;
@@ -106,11 +102,9 @@ export default function LeaveHistoryTable({ records }: LeaveHistoryTableProps) {
   };
 
   const handleWithdraw = (id: string) => {
-    // Find the current record (either from original array or overrides)
     const targetRecord = combinedRecords.find(r => r.id === id);
     if (!targetRecord) return;
 
-    // Update local override for instant UI feedback - changes status, does NOT delete
     setLocalOverrides(prev => ({
       ...prev,
       [id]: { ...targetRecord, status: 'Withdrawn' }
@@ -201,7 +195,6 @@ export default function LeaveHistoryTable({ records }: LeaveHistoryTableProps) {
         </table>
       </div>
 
-      {/* Footer */}
       <div className="flex flex-col md:flex-row md:items-center justify-between mt-4 pt-4 border-t border-app-border gap-4">
         <div className="flex items-center space-x-2">
           <span className="text-sm text-text-muted">Show</span>
@@ -228,7 +221,6 @@ export default function LeaveHistoryTable({ records }: LeaveHistoryTableProps) {
         )}
       </div>
 
-      {/* Render Separated Modals */}
       {viewRecord && (
         <ViewLeaveModal
           record={viewRecord}

src/features/leave/components/leave/ledger/LedgerTable.tsx

@@ -8,7 +8,6 @@ interface LedgerTableProps {
 }
 
 export default function LedgerTable({ records, isSearched, month, year }: LedgerTableProps) {
-  // Helper to format the month number into a readable name (e.g., "July 2026")
   const formatMonthYear = () => {
     const monthName = new Date(year, month - 1).toLocaleString('default', { month: 'long' });
     return `${monthName} ${year}`;
@@ -25,9 +24,8 @@ export default function LedgerTable({ records, isSearched, month, year }: Ledger
       <table className="min-w-full divide-y divide-app-border">
         <thead>
           <tr>
-            <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Emp ID</th>
+            <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Emp CODE</th>
             <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">Employee Name</th>
-            {/* Dynamically display Month/Year in the headers */}
             <th className="px-4 py-3 text-left text-xs font-semibold text-text-muted uppercase">
               Opening Balance ({formatMonthYear()})
             </th>

src/features/leave/pages/approval/AdminApproval.tsx

@@ -0,0 +1,30 @@
+import { toast } from 'sonner';
+import Loader from '../../../../components/ui/Loader';
+import ErrorState from '../../../../components/ui/ErrorState';
+import ApprovalTable from '../../components/approval/ApprovalTable';
+import { useAdminApprovals, useUpdateLeaveApproval } from '../../api/useLeaveData';
+
+export default function AdminApproval() {
+  const { data: approvals, isLoading, isError } = useAdminApprovals();
+  const { mutate } = useUpdateLeaveApproval();
+
+  const handleAction = (id: string, status: 'Approved' | 'Rejected') => {
+    mutate({ id, status }, {
+      onSuccess: () => {
+        toast.success(`Leave request ${status.toLowerCase()} successfully.`);
+      },
+      onError: () => {
+        toast.error("Failed to update leave status. Please try again.");
+      }
+    });
+  };
+
+  if (isLoading) return <Loader message="Loading manager leave requests..." />;
+  if (isError) return <ErrorState message="Failed to load leave requests." />;
+
+  return (
+    <div>
+      {approvals && <ApprovalTable records={approvals} onAction={handleAction} />}
+    </div>
+  );
+}

src/features/leave/pages/approval/SuperAdminApproval.tsx

@@ -0,0 +1,30 @@
+import { toast } from 'sonner';
+import Loader from '../../../../components/ui/Loader';
+import ErrorState from '../../../../components/ui/ErrorState';
+import ApprovalTable from '../../components/approval/ApprovalTable';
+import { useSuperAdminApprovals, useUpdateLeaveApproval } from '../../api/useLeaveData';
+
+export default function SuperAdminApproval() {
+  const { data: approvals, isLoading, isError } = useSuperAdminApprovals();
+  const { mutate } = useUpdateLeaveApproval();
+
+  const handleAction = (id: string, status: 'Approved' | 'Rejected') => {
+    mutate({ id, status }, {
+      onSuccess: () => {
+        toast.success(`Leave request ${status.toLowerCase()} successfully.`);
+      },
+      onError: () => {
+        toast.error("Failed to update leave status. Please try again.");
+      }
+    });
+  };
+
+  if (isLoading) return <Loader message="Loading admin leave requests..." />;
+  if (isError) return <ErrorState message="Failed to load leave requests." />;
+
+  return (
+    <div>
+      {approvals && <ApprovalTable records={approvals} onAction={handleAction} />}
+    </div>
+  );
+}

src/features/leave/pages/leave/AdminLeave.tsx

@@ -14,16 +14,11 @@ export default function AdminLeave() {
 
   return (
     <div className="flex flex-col gap-6">
-      
-      {/* Top Section: Summary & Apply Form */}
       <div className="flex flex-col lg:flex-row gap-6">
         {summaryData && <LeaveSummaryTable data={summaryData} />}
         {summaryData && <ApplyLeaveForm summaryData={summaryData} />}
       </div>
-
-      {/* Bottom Section: Leave History Table */}
       {historyData && <LeaveHistoryTable records={historyData} />}
-      
     </div>
   );
 }

src/features/leave/pages/leave/EmployeeLeave.tsx

@@ -14,16 +14,11 @@ export default function EmployeeLeave() {
 
   return (
     <div className="flex flex-col gap-6">
-      
-      {/* Top Section: Summary & Apply Form */}
       <div className="flex flex-col lg:flex-row gap-6">
         {summaryData && <LeaveSummaryTable data={summaryData} />}
         {summaryData && <ApplyLeaveForm summaryData={summaryData} />}
       </div>
-
-      {/* Bottom Section: Leave History Table */}
       {historyData && <LeaveHistoryTable records={historyData} />}
-      
     </div>
   );
 }

src/features/leave/pages/leave/LedgerReport.tsx

@@ -45,7 +45,6 @@ export default function LedgerReport() {
 
   return (
     <div className="space-y-6">
-      {/* Header */}
       <div className="bg-app-card p-6 rounded-lg shadow-sm flex items-center space-x-3">
         <div className="p-3 bg-primary/10 rounded-full">
           <FileText className="text-primary" size={28} />
@@ -56,14 +55,12 @@ export default function LedgerReport() {
         </div>
       </div>
 
-      {/* Reusable Filters Component */}
       <LedgerFilters
         filters={filters}
         onFilterChange={setFilters}
         onSearch={handleSearch}
       />
 
-      {/* Reusable Table Component */}
       <LedgerTable
         records={searchResults}
         isSearched={isSearched}

src/features/leave/pages/leave/ManagerLeave.tsx

@@ -14,16 +14,11 @@ export default function ManagerLeave() {
 
   return (
     <div className="flex flex-col gap-6">
-      
-      {/* Top Section: Summary & Apply Form */}
       <div className="flex flex-col lg:flex-row gap-6">
         {summaryData && <LeaveSummaryTable data={summaryData} />}
         {summaryData && <ApplyLeaveForm summaryData={summaryData} />}
       </div>
-
-      {/* Bottom Section: Leave History Table */}
       {historyData && <LeaveHistoryTable records={historyData} />}
-      
     </div>
   );
 }

src/features/leave/pages/leave/SuperAdminLeave.tsx

@@ -14,16 +14,11 @@ export default function SuperAdminLeaveLeave() {
 
   return (
     <div className="flex flex-col gap-6">
-      
-      {/* Top Section: Summary & Apply Form */}
       <div className="flex flex-col lg:flex-row gap-6">
         {summaryData && <LeaveSummaryTable data={summaryData} />}
         {summaryData && <ApplyLeaveForm summaryData={summaryData} />}
       </div>
-
-      {/* Bottom Section: Leave History Table */}
       {historyData && <LeaveHistoryTable records={historyData} />}
-      
     </div>
   );
 }

src/features/leave/routes/ApprovalRouter.tsx

@@ -1,13 +1,15 @@
 import { useSelector } from 'react-redux';
 import type { RootState } from '../../../store/store';
 import ManagerApproval from '../pages/approval/ManagerApproval';
+import AdminApproval from '../pages/approval/AdminApproval';
+import SuperAdminApproval from '../pages/approval/SuperAdminApproval';
 
 export default function ApprovalRouter() {
   const role = useSelector((state: RootState) => state.role.currentRole);
 
-  if (role === 'manager') {
+  if (role === 'manager') return <ManagerApproval />;
-    return <ManagerApproval />;
+  if (role === 'admin') return <AdminApproval />;
-  }
+  if (role === 'superadmin') return <SuperAdminApproval />;
 
-  return <div className="bg-app-card p-6 rounded-lg shadow text-absent-500">Access Denied: Managers only.</div>;
+  return <div className="bg-app-card p-6 rounded-lg shadow text-absent-500">Access Denied: Managers and Admins only.</div>;
 }

src/features/leave/routes/LeaveRouter.tsx

@@ -7,9 +7,6 @@ import SuperAdminLeaveLeave from '../pages/leave/SuperAdminLeave';
 
 export default function LeaveRouter() {
   const role = useSelector((state: RootState) => state.role.currentRole);
-
-  // Since the hooks dynamically fetch based on role, 
-  // the EmployeeLeave component works perfectly for all roles!
   switch (role) {
     case 'employee': return <EmployeeLeave />;
     case 'manager': return <ManagerLeave />;

src/features/leave/routes/LeaveSummaryRouter.tsx

@@ -1,13 +1,13 @@
 import { Routes, Route, Navigate } from 'react-router-dom';
 import LeaveApplications from '../pages/leave/LeaveApplications';
-import LedgerReport from '../pages/leave/LedgerReport'; // New Import
+import LedgerReport from '../pages/leave/LedgerReport';
 
 export default function LeaveSummaryRouter() {
   return (
     <Routes>
       <Route path="/" element={<Navigate to="/leave-summary/applications" replace />} />
       <Route path="/applications" element={<LeaveApplications />} />
-      <Route path="/ledger" element={<LedgerReport />} /> {/* Updated Route */}
+      <Route path="/ledger" element={<LedgerReport />} />
     </Routes>
   );
 }

src/features/leave/types/leave.ts

@@ -19,7 +19,6 @@ export interface LeaveRequestPayload {
   reason: string;
 }
 
-// New Type for Leave History
 export type LeaveStatus = 'Approved' | 'Pending' | 'Withdrawn';
 
 export interface LeaveHistoryRecord {
@@ -35,14 +34,11 @@ export interface LeaveHistoryRecord {
 
 export type LeaveSortKey = keyof LeaveHistoryRecord;
 
-
-// Add these to your existing types/leave.ts
 export type ApprovalStatus = 'Pending' | 'Approved' | 'Rejected';
 
-// Add employeeId to the existing interface
 export interface ManagerLeaveApproval {
   id: string;
-  employeeId: string; // Added this line
+  employeeId: string;
   employeeName: string;
   leaveType: string;
   applicationDate: string;
@@ -53,7 +49,6 @@ export interface ManagerLeaveApproval {
   reason: string;
 }
 
-// Add this to your existing leave types
 export interface LeaveApplicationSummary {
   id: string;
   employeeId: string;
@@ -66,8 +61,6 @@ export interface LeaveApplicationSummary {
   status: 'Approved' | 'Pending' | 'Rejected' | 'Withdrawn';
 }
 
-
-// Add this to your existing leave types
 export interface LeaveLedgerRecord {
   employeeId: string;
   employeeName: string;

src/index.css

@@ -1,14 +1,12 @@
 @import "tailwindcss";
 
 @theme {
-  /* Brand Colors */
   --color-default: #000000;
   --color-primary: #0a66c2;
   --color-primary-hover: #0854a0;
   --color-action: #f36f21;
   --color-action-hover: #d65e15;
 
-  /* Semantic Status Colors */
   --color-present-100: #dcfce7;
   --color-present-200: #bbf7d0;
   --color-present-300: #86efac;
@@ -54,20 +52,18 @@
   --color-today-700: #1d4ed8;
   --color-today-800: #1e40af;
 
-  /* Add these inside @theme */
+  --color-late-100: #fef3c7;
-  --color-late-100: #fef3c7; /* Amber */
   --color-late-200: #fde68a;
   --color-late-300: #fcd34d;
   --color-late-700: #b45309;
   --color-late-800: #92400e;
 
-  --color-halfday-100: #ccfbf1; /* Teal */
+  --color-halfday-100: #ccfbf1;
   --color-halfday-200: #99f6e4;
   --color-halfday-300: #5eead4;
   --color-halfday-700: #0f766e;
   --color-halfday-800: #115e59;
 
-  /* UI Neutral Colors */
   --color-sidebar: #1e293b;
   --color-sidebar-hover: #334155;
   --color-sidebar-active: #0f172a;
@@ -85,6 +81,5 @@
 
 body {
   margin: 0;
-  font-family:
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 }