From 0c7f181eb02e7bd71e2163beb6c49e62abdcf3d8 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Tue, 10 Feb 2026 23:56:58 +0530
Subject: [PATCH 01/13] RDS new flow request changes button added and different
 field added for admin clarity

---
 applications/index.html         |   6 +
 applications/script.js          | 132 +++++++++++++++++----
 applications/style.css          | 196 +++++++++++++++++++++++++++++++-
 applications/utils.js           |  50 ++++++++
 mock-data/applications/index.js |   3 +
 5 files changed, 362 insertions(+), 25 deletions(-)

diff --git a/applications/index.html b/applications/index.html
index af5e1c02..b9d45dfe 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -132,6 +132,12 @@ <h2>Status</h2>
           >
             Accept
           </button>
+          <button
+            class="application-details-request-changes"
+            aria-label="Request Changes Application"
+          >
+            Request Changes
+          </button>
           <button
             class="application-details-reject"
             aria-label="Reject Application"
diff --git a/applications/script.js b/applications/script.js
index 03b0e7c8..58a129c9 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -5,6 +5,7 @@ import {
   showToast,
   updateApplication,
   getApplicationById,
+  addApplicationFeedback,
 } from './utils.js';
 let nextLink;
 let isDataLoading = false;
@@ -32,6 +33,10 @@ const applicationAcceptButton = document.querySelector(
 const applicationRejectButton = document.querySelector(
   '.application-details-reject',
 );
+const applicationRequestChangesButton = document.querySelector(
+  '.application-details-request-changes',
+);
+
 const applyFilterButton = document.getElementById('apply-filter-button');
 const applicationContainer = document.querySelector('.application-container');
 const clearButton = document.getElementById('clear-button');
@@ -81,32 +86,63 @@ let currentApplicationId;
 
 let status = 'all';
 
-function updateUserApplication({ isAccepted }) {
+function updateUserApplication({ isAccepted, isRequestChanges = false }) {
   const applicationTextarea = document.querySelector('.application-textarea');
-  let status;
-  const payload = {};
 
-  if (isAccepted) status = 'accepted';
-  else status = 'rejected';
+  if (isRequestChanges) {
+    if (!applicationTextarea || !applicationTextarea.value) {
+      return;
+    }
+    updateApplication({
+      applicationId: currentApplicationId,
+      applicationPayload: {
+        feedback: applicationTextarea.value,
+      },
+    })
+      .then(() => {
+        showToast({
+          message: 'Changes requested successfully!',
+          type: 'success',
+        });
+        setTimeout(() => closeApplicationDetails(), 1000);
+      })
+      .catch((error) => {
+        showToast({
+          message: error.message || 'Failed to request changes',
+          type: 'error',
+        });
+      });
+    return;
+  }
+
+  const applicationStatus = isAccepted ? 'accepted' : 'rejected';
+  const payload = { status: applicationStatus };
 
-  payload['status'] = status;
+  const promises = [];
 
-  if (applicationTextarea.value) {
-    payload.feedback = applicationTextarea.value;
+  if (applicationTextarea && applicationTextarea.value) {
+    promises.push(
+      addApplicationFeedback(currentApplicationId, {
+        feedback: applicationTextarea.value,
+        status: applicationStatus,
+      }),
+    );
   }
 
-  updateApplication({
-    applicationId: currentApplicationId,
-    applicationPayload: payload,
-  })
-    .then((res) => {
-      const updatedFeedback = payload.feedback || '';
-      applicationTextarea.value = updatedFeedback;
+  promises.push(
+    updateApplication({
+      applicationId: currentApplicationId,
+      applicationPayload: payload,
+    }),
+  );
+
+  Promise.all(promises)
+    .then(() => {
       showToastMessage({
         isDev,
         oldToastFunction: showToast,
         type: 'success',
-        message: res.message,
+        message: 'Application updated successfully!',
       });
       setTimeout(() => closeApplicationDetails(), 1000);
     })
@@ -166,6 +202,21 @@ function openApplicationDetails(application) {
       {
         title: 'Status',
         description: application.status,
+        isStatus: true,
+      },
+      {
+        title: 'Application Score',
+        description:
+          application.applicationScore !== undefined
+            ? application.applicationScore
+            : 'N/A',
+        isHighlight: true,
+      },
+      {
+        title: 'Nudge Count',
+        description:
+          application.nudgeCount !== undefined ? application.nudgeCount : 'N/A',
+        isHighlight: true,
       },
       {
         title: 'Introduction',
@@ -210,27 +261,52 @@ function openApplicationDetails(application) {
 
   applicationDetailsMain.appendChild(title);
 
-  selectedApplication.applicationDetails.forEach((application) => {
+  const highlightsSection = createElement({
+    type: 'div',
+    attributes: { class: 'application-highlights' },
+  });
+
+  selectedApplication.applicationDetails.forEach((detail) => {
     const applicationSection = createElement({
       type: 'div',
-      attributes: { class: 'application-section' },
+      attributes: {
+        class: detail.isHighlight
+          ? 'application-section application-highlight-item'
+          : 'application-section',
+      },
     });
     const applicationSectionTitle = createElement({
       type: 'h2',
       attributes: { class: 'section-title' },
-      innerText: application.title,
+      innerText: detail.title,
     });
+
+    let descriptionClass = 'description';
+    if (detail.isStatus) {
+      descriptionClass += ` status-${detail.description?.toLowerCase()}`;
+    }
+
     const applicationSectionDescription = createElement({
       type: 'p',
-      attributes: { class: 'description' },
-      innerText: application.description,
+      attributes: { class: descriptionClass },
+      innerText: detail.description,
     });
 
     applicationSection.appendChild(applicationSectionTitle);
     applicationSection.appendChild(applicationSectionDescription);
-    applicationDetailsMain.appendChild(applicationSection);
+
+    if (detail.isHighlight) {
+      highlightsSection.appendChild(applicationSection);
+    } else {
+      applicationDetailsMain.appendChild(applicationSection);
+    }
   });
 
+  if (highlightsSection.children.length > 0) {
+    const titleElement = applicationDetailsMain.querySelector('.title');
+    titleElement.insertAdjacentElement('afterend', highlightsSection);
+  }
+
   const applicationSection = createElement({
     type: 'div',
     attributes: { class: 'application-section' },
@@ -258,6 +334,8 @@ function openApplicationDetails(application) {
   if (application.status === 'rejected') {
     applicationAcceptButton.classList.add('hidden');
     applicationRejectButton.classList.add('hidden');
+    applicationRequestChangesButton.classList.add('hidden');
+
     const applicationDetailsRejectedMsg = createElement({
       type: 'p',
       attributes: {
@@ -269,6 +347,8 @@ function openApplicationDetails(application) {
   } else if (application.status === 'accepted') {
     applicationAcceptButton.classList.add('hidden');
     applicationRejectButton.classList.add('hidden');
+    applicationRequestChangesButton.classList.add('hidden');
+
     const applicationDetailsAcceptedMsg = createElement({
       type: 'p',
       attributes: {
@@ -287,6 +367,11 @@ function openApplicationDetails(application) {
     applicationAcceptButton.disabled = false;
     applicationAcceptButton.style.cursor = 'pointer';
     applicationAcceptButton.classList.remove('disable-button');
+
+    applicationRequestChangesButton.classList.remove('hidden');
+    applicationRequestChangesButton.disabled = false;
+    applicationRequestChangesButton.style.cursor = 'pointer';
+    applicationRequestChangesButton.classList.remove('disable-button');
   }
 }
 
@@ -640,3 +725,6 @@ applicationAcceptButton.addEventListener('click', () =>
 applicationRejectButton.addEventListener('click', () =>
   updateUserApplication({ isAccepted: false }),
 );
+applicationRequestChangesButton.addEventListener('click', () => {
+  updateUserApplication({ isAccepted: false, isRequestChanges: true });
+});
diff --git a/applications/style.css b/applications/style.css
index 3b8fe894..a943e026 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -15,6 +15,10 @@
     0px 4px 8px 3px rgba(0, 0, 0, 0.15);
   --color-green: green;
   --color-red-variant1: #f43030;
+  --color-orange: #f5a623;
+  --color-pending: #f5a623;
+  --color-accepted: #28a745;
+  --color-rejected: #dc3545;
 }
 
 .user-text-index {
@@ -455,6 +459,86 @@ body {
   margin: 0;
 }
 
+.application-details
+  .application-details-main
+  .application-section
+  .description.status-pending {
+  color: var(--white);
+  background-color: var(--color-pending);
+  padding: 4px 12px;
+  border-radius: 20px;
+  display: inline-block;
+  text-transform: capitalize;
+}
+
+.application-details
+  .application-details-main
+  .application-section
+  .description.status-accepted {
+  color: var(--white);
+  background-color: var(--color-accepted);
+  padding: 4px 12px;
+  border-radius: 20px;
+  display: inline-block;
+  text-transform: capitalize;
+}
+
+.application-details
+  .application-details-main
+  .application-section
+  .description.status-rejected {
+  color: var(--white);
+  background-color: var(--color-rejected);
+  padding: 4px 12px;
+  border-radius: 20px;
+  display: inline-block;
+  text-transform: capitalize;
+}
+
+.application-details .application-details-main .application-highlights {
+  display: flex;
+  gap: 20px;
+  flex-wrap: wrap;
+  background-color: #f8f9fa;
+  padding: 15px;
+  border-radius: 10px;
+  margin-bottom: 10px;
+}
+
+.application-details
+  .application-details-main
+  .application-highlights
+  .application-highlight-item {
+  flex: 1;
+  min-width: 120px;
+  text-align: center;
+  padding: 10px;
+  background-color: var(--white);
+  border-radius: 8px;
+  box-shadow: var(--elevation-1);
+}
+
+.application-details
+  .application-details-main
+  .application-highlights
+  .application-highlight-item
+  .section-title {
+  font-size: 12px;
+  text-decoration: none;
+  color: var(--color-gray);
+  margin-bottom: 5px;
+}
+
+.application-details
+  .application-details-main
+  .application-highlights
+  .application-highlight-item
+  .description {
+  font-size: 24px;
+  font-weight: 800;
+  color: var(--color-primary);
+}
+
 .application-details
   .application-details-main
   .application-section
@@ -480,7 +564,10 @@ body {
 }
 
 .application-details .application-details-actions .application-details-reject,
-.application-details .application-details-actions .application-details-accept {
+.application-details .application-details-actions .application-details-accept,
+.application-details
+  .application-details-actions
+  .application-details-request-changes {
   cursor: pointer;
   border: none;
   height: 95%;
@@ -489,13 +576,13 @@ body {
   font-size: 15px;
   font-weight: 700;
   line-height: normal;
+  padding: 8px 16px;
 }
 
 .application-details .application-details-actions .application-details-reject {
   color: var(--red-color);
   background-color: white;
   margin: 0 auto;
-  width: 40%;
   border: 2px solid var(--red-color);
 }
 
@@ -523,7 +610,6 @@ body {
 .application-details .application-details-actions .application-details-accept {
   background: var(--color-primary);
   margin: 0 auto;
-  width: 40%;
 }
 
 .application-details
@@ -546,6 +632,37 @@ body {
   animation: bounceBackAnimation 0.4s ease forwards;
 }
 
+.application-details
+  .application-details-actions
+  .application-details-request-changes {
+  background-color: white;
+  color: var(--color-orange, #f5a623);
+  margin: 0 auto;
+  width: 32%;
+  border: 2px solid var(--color-orange, #f5a623);
+}
+
+.application-details
+  .application-details-actions
+  .application-details-request-changes:is(:hover, :active, :focus-visible) {
+  background: var(--color-orange, #f5a623);
+  color: var(--white);
+  transition: transform 0.2s ease;
+  will-change: transform;
+}
+
+.application-details
+  .application-details-actions
+  .application-details-request-changes:hover {
+  transform: scale(1.05);
+}
+
+.application-details
+  .application-details-actions
+  .application-details-request-changes:active {
+  animation: bounceBackAnimation 0.4s ease forwards;
+}
+
 .application-details-actions .hidden {
   display: none;
 }
@@ -659,6 +776,50 @@ body {
     padding: 1rem;
   }
 }
+.application-details .application-details-actions .application-details-reject {
+  width: 18%;
+}
+
+.application-details .application-details-actions .application-details-accept {
+  width: 18%;
+}
+
+.application-details .application-details-actions .application-details-nudge {
+  background-color: white;
+  color: var(--color-primary);
+  margin: 0 auto;
+  width: 18%;
+  border: 2px solid var(--color-primary);
+  padding: 8px 16px;
+  border-radius: 4px;
+}
+
+.application-details
+  .application-details-actions
+  .application-details-nudge:is(:hover, :active, :focus-visible) {
+  background: var(--color-primary);
+  color: var(--white);
+  transition: transform 0.2s ease;
+  will-change: transform;
+}
+
+.application-details
+  .application-details-actions
+  .application-details-nudge:hover {
+  transform: scale(1.05);
+}
+
+.application-details
+  .application-details-actions
+  .application-details-nudge:active {
+  animation: bounceBackAnimation 0.4s ease forwards;
+}
+
+.application-details
+  .application-details-actions
+  .application-details-request-changes {
+  width: 24%;
+}
 
 @media screen and (max-width: 500px) {
   .application-details {
@@ -678,4 +839,33 @@ body {
   .application-card .user-info .company-name {
     max-width: 100%;
   }
+  .application-details .application-details-actions {
+    flex-wrap: wrap;
+    gap: 8px;
+    height: auto;
+    padding: 15px;
+  }
+
+  .application-details .application-details-actions .application-details-nudge,
+  .application-details .application-details-actions .application-details-accept,
+  .application-details .application-details-actions .application-details-reject,
+  .application-details
+    .application-details-actions
+    .application-details-request-changes {
+    width: 100%;
+    padding: 12px;
+    font-size: 14px;
+  }
+
+  .application-details .application-details-main .application-highlights {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .application-details
+    .application-details-main
+    .application-highlights
+    .application-highlight-item {
+    min-width: auto;
+  }
 }
diff --git a/applications/utils.js b/applications/utils.js
index aaa72ab0..32f36971 100644
--- a/applications/utils.js
+++ b/applications/utils.js
@@ -117,6 +117,54 @@ async function updateApplication({ applicationPayload, applicationId }) {
   }
 }
 
+async function nudgeApplication(applicationId) {
+  try {
+    const res = await fetch(`${BASE_URL}/applications/${applicationId}/nudge`, {
+      method: 'PATCH',
+      credentials: 'include',
+      headers: {
+        'Content-type': 'application/json',
+      },
+    });
+
+    if (!res.ok) {
+      const error = await res.json();
+      throw error;
+    }
+
+    const data = await res.json();
+    return data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+async function addApplicationFeedback(applicationId, feedbackData) {
+  try {
+    const res = await fetch(
+      `${BASE_URL}/applications/${applicationId}/feedback`,
+      {
+        method: 'PATCH',
+        credentials: 'include',
+        body: JSON.stringify(feedbackData),
+        headers: {
+          'Content-type': 'application/json',
+        },
+      },
+    );
+
+    if (!res.ok) {
+      const error = await res.json();
+      throw error;
+    }
+
+    const data = await res.json();
+    return data;
+  } catch (error) {
+    throw error;
+  }
+}
+
 function showToast({ message, type }) {
   toast.innerText = message;
 
@@ -142,6 +190,8 @@ export {
   getApplications,
   getApplicationById,
   updateApplication,
+  nudgeApplication,
+  addApplicationFeedback,
   getIsSuperUser,
   showToast,
 };
diff --git a/mock-data/applications/index.js b/mock-data/applications/index.js
index bf7cb9b6..b62818ef 100644
--- a/mock-data/applications/index.js
+++ b/mock-data/applications/index.js
@@ -2,6 +2,9 @@ const fetchedApplications = [
   {
     id: 'lavEduxsb2C5Bl4s289P',
     createdAt: '2023-12-19T00:23:07.865Z',
+    updatedAt: '2023-12-20T10:15:30.000Z',
+    applicationScore: 85,
+    nudgeCount: 2,
     intro: {
       funFact:
         'mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor eu augue ut lectus arcu bibendum at',

From 31dfffae52668e47cadaad9c84c73023b015476d Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Wed, 11 Feb 2026 00:50:48 +0530
Subject: [PATCH 02/13] feat: Configure environment variable loading for local
 development, refactor application status badge styling, and update
 dependencies.

---
 applications/index.html         |   2 +-
 applications/script.js          |  23 +++++--
 applications/style.css          | 103 +++++++++++++++++---------------
 applications/utils.js           |  23 -------
 mock-data/applications/index.js |  12 ++++
 5 files changed, 84 insertions(+), 79 deletions(-)

diff --git a/applications/index.html b/applications/index.html
index b9d45dfe..8594aa2d 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -134,7 +134,7 @@ <h2>Status</h2>
           </button>
           <button
             class="application-details-request-changes"
-            aria-label="Request Changes Application"
+            aria-label="Request changes for this application"
           >
             Request Changes
           </button>
diff --git a/applications/script.js b/applications/script.js
index 58a129c9..e5354d27 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -90,7 +90,14 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
   const applicationTextarea = document.querySelector('.application-textarea');
 
   if (isRequestChanges) {
-    if (!applicationTextarea || !applicationTextarea.value) {
+    if (!applicationTextarea || !applicationTextarea.value.trim()) {
+      showToastMessage({
+        isDev,
+        oldToastFunction: showToast,
+        type: 'error',
+        message: 'Please provide feedback before requesting changes.',
+      });
+      if (applicationTextarea) applicationTextarea.focus();
       return;
     }
     updateApplication({
@@ -100,16 +107,20 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
       },
     })
       .then(() => {
-        showToast({
-          message: 'Changes requested successfully!',
+        showToastMessage({
+          isDev,
+          oldToastFunction: showToast,
           type: 'success',
+          message: 'Changes requested successfully!',
         });
         setTimeout(() => closeApplicationDetails(), 1000);
       })
       .catch((error) => {
-        showToast({
-          message: error.message || 'Failed to request changes',
+        showToastMessage({
+          isDev,
+          oldToastFunction: showToast,
           type: 'error',
+          message: error.message || 'Failed to request changes',
         });
       });
     return;
@@ -283,7 +294,7 @@ function openApplicationDetails(application) {
 
     let descriptionClass = 'description';
     if (detail.isStatus) {
-      descriptionClass += ` status-${detail.description?.toLowerCase()}`;
+      descriptionClass += ` status-badge status-${detail.description?.toLowerCase()}`;
     }
 
     const applicationSectionDescription = createElement({
diff --git a/applications/style.css b/applications/style.css
index a943e026..0d00ed5b 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -127,6 +127,7 @@ body {
   padding-left: 4rem;
   font-weight: normal;
 }
+
 .filter-dropdown div:not(:first-child):hover {
   background-color: var(--light-gray-color);
   cursor: pointer;
@@ -462,37 +463,33 @@ body {
 .application-details
   .application-details-main
   .application-section
-  .description.status-pending {
+  .description.status-badge {
   color: var(--white);
-  background-color: var(--color-pending);
   padding: 4px 12px;
   border-radius: 20px;
   display: inline-block;
   text-transform: capitalize;
 }
 
+.application-details
+  .application-details-main
+  .application-section
+  .description.status-pending {
+  background-color: var(--color-pending);
+}
+
 .application-details
   .application-details-main
   .application-section
   .description.status-accepted {
-  color: var(--white);
   background-color: var(--color-accepted);
-  padding: 4px 12px;
-  border-radius: 20px;
-  display: inline-block;
-  text-transform: capitalize;
 }
 
 .application-details
   .application-details-main
   .application-section
   .description.status-rejected {
-  color: var(--white);
   background-color: var(--color-rejected);
-  padding: 4px 12px;
-  border-radius: 20px;
-  display: inline-block;
-  text-transform: capitalize;
 }
 
 .application-details .application-details-main .application-highlights {
@@ -776,49 +773,56 @@ body {
     padding: 1rem;
   }
 }
-.application-details .application-details-actions .application-details-reject {
-  width: 18%;
-}
 
-.application-details .application-details-actions .application-details-accept {
-  width: 18%;
-}
+@media screen and (min-width: 851px) {
+  .application-details
+    .application-details-actions
+    .application-details-reject {
+    width: 18%;
+  }
 
-.application-details .application-details-actions .application-details-nudge {
-  background-color: white;
-  color: var(--color-primary);
-  margin: 0 auto;
-  width: 18%;
-  border: 2px solid var(--color-primary);
-  padding: 8px 16px;
-  border-radius: 4px;
-}
+  .application-details
+    .application-details-actions
+    .application-details-accept {
+    width: 18%;
+  }
 
-.application-details
-  .application-details-actions
-  .application-details-nudge:is(:hover, :active, :focus-visible) {
-  background: var(--color-primary);
-  color: var(--white);
-  transition: transform 0.2s ease;
-  will-change: transform;
-}
+  .application-details .application-details-actions .application-details-nudge {
+    background-color: white;
+    color: var(--color-primary);
+    margin: 0 auto;
+    width: 18%;
+    border: 2px solid var(--color-primary);
+    padding: 8px 16px;
+    border-radius: 4px;
+  }
 
-.application-details
-  .application-details-actions
-  .application-details-nudge:hover {
-  transform: scale(1.05);
-}
+  .application-details
+    .application-details-actions
+    .application-details-nudge:is(:hover, :active, :focus-visible) {
+    background: var(--color-primary);
+    color: var(--white);
+    transition: transform 0.2s ease;
+    will-change: transform;
+  }
 
-.application-details
-  .application-details-actions
-  .application-details-nudge:active {
-  animation: bounceBackAnimation 0.4s ease forwards;
-}
+  .application-details
+    .application-details-actions
+    .application-details-nudge:hover {
+    transform: scale(1.05);
+  }
 
-.application-details
-  .application-details-actions
-  .application-details-request-changes {
-  width: 24%;
+  .application-details
+    .application-details-actions
+    .application-details-nudge:active {
+    animation: bounceBackAnimation 0.4s ease forwards;
+  }
+
+  .application-details
+    .application-details-actions
+    .application-details-request-changes {
+    width: 24%;
+  }
 }
 
 @media screen and (max-width: 500px) {
@@ -839,6 +843,7 @@ body {
   .application-card .user-info .company-name {
     max-width: 100%;
   }
+
   .application-details .application-details-actions {
     flex-wrap: wrap;
     gap: 8px;
diff --git a/applications/utils.js b/applications/utils.js
index 32f36971..0ce1ecff 100644
--- a/applications/utils.js
+++ b/applications/utils.js
@@ -117,28 +117,6 @@ async function updateApplication({ applicationPayload, applicationId }) {
   }
 }
 
-async function nudgeApplication(applicationId) {
-  try {
-    const res = await fetch(`${BASE_URL}/applications/${applicationId}/nudge`, {
-      method: 'PATCH',
-      credentials: 'include',
-      headers: {
-        'Content-type': 'application/json',
-      },
-    });
-
-    if (!res.ok) {
-      const error = await res.json();
-      throw error;
-    }
-
-    const data = await res.json();
-    return data;
-  } catch (error) {
-    throw error;
-  }
-}
-
 async function addApplicationFeedback(applicationId, feedbackData) {
   try {
     const res = await fetch(
@@ -190,7 +168,6 @@ export {
   getApplications,
   getApplicationById,
   updateApplication,
-  nudgeApplication,
   addApplicationFeedback,
   getIsSuperUser,
   showToast,
diff --git a/mock-data/applications/index.js b/mock-data/applications/index.js
index b62818ef..23896fa1 100644
--- a/mock-data/applications/index.js
+++ b/mock-data/applications/index.js
@@ -37,6 +37,8 @@ const fetchedApplications = [
   {
     id: 'YwTi6zFNI3GlDsZVjD8C',
     createdAt: '2023-12-19T00:22:03.845Z',
+    applicationScore: 0,
+    nudgeCount: 0,
     intro: {
       funFact:
         'mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor eu augue ut lectus arcu bibendum at',
@@ -68,6 +70,8 @@ const fetchedApplications = [
   {
     id: 'q2ZzerFKxdsUYMxoexS9',
     createdAt: '2023-12-19T00:21:26.595Z',
+    applicationScore: 42,
+    nudgeCount: 5,
     intro: {
       funFact:
         'mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor eu augue ut lectus arcu bibendum at',
@@ -195,6 +199,8 @@ const acceptedApplications = [
   {
     id: 'lavEduxsb2C5Bl4s289P',
     createdAt: '2023-12-19T00:23:07.865Z',
+    applicationScore: 90,
+    nudgeCount: 1,
     intro: {
       funFact:
         'mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor eu augue ut lectus arcu bibendum at',
@@ -227,6 +233,8 @@ const acceptedApplications = [
   {
     id: 'YwTi6zFNI3GlDsZVjD8C',
     createdAt: '2023-12-19T00:22:03.845Z',
+    applicationScore: 0,
+    nudgeCount: 0,
     intro: {
       funFact:
         'mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor eu augue ut lectus arcu bibendum at',
@@ -258,6 +266,8 @@ const acceptedApplications = [
   {
     id: 'q2ZzerFKxdsUYMxoexS9',
     createdAt: '2023-12-19T00:21:26.595Z',
+    applicationScore: 55,
+    nudgeCount: 3,
     intro: {
       funFact:
         'mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor eu augue ut lectus arcu bibendum at',
@@ -323,6 +333,8 @@ const pendingApplications = [
   {
     id: 'lavEduxsb2C5Bl4s289P',
     createdAt: '2023-12-19T00:23:07.865Z',
+    applicationScore: 70,
+    nudgeCount: 4,
     intro: {
       funFact:
         'mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor eu augue ut lectus arcu bibendum at',

From 7640cb1fbc99738d82b07b70c38321589b59985b Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Wed, 11 Feb 2026 03:24:47 +0530
Subject: [PATCH 03/13] chore: Configure Yarn to use node_modules linker and
 define packageManager, improve API base URL loading, and refine application
 feedback and toast handling.

---
 applications/script.js     | 12 ++++++++----
 applications/style.css     | 32 --------------------------------
 components/toast/script.js |  2 +-
 3 files changed, 9 insertions(+), 37 deletions(-)

diff --git a/applications/script.js b/applications/script.js
index e5354d27..1dd59af9 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -130,11 +130,15 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
   const payload = { status: applicationStatus };
 
   const promises = [];
+  const feedback =
+    applicationTextarea && applicationTextarea.value
+      ? applicationTextarea.value.trim()
+      : '';
 
-  if (applicationTextarea && applicationTextarea.value) {
+  if (feedback) {
     promises.push(
       addApplicationFeedback(currentApplicationId, {
-        feedback: applicationTextarea.value,
+        feedback,
         status: applicationStatus,
       }),
     );
@@ -153,7 +157,7 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
         isDev,
         oldToastFunction: showToast,
         type: 'success',
-        message: 'Application updated successfully!',
+        message: 'application updated successfully!',
       });
       setTimeout(() => closeApplicationDetails(), 1000);
     })
@@ -737,5 +741,5 @@ applicationRejectButton.addEventListener('click', () =>
   updateUserApplication({ isAccepted: false }),
 );
 applicationRequestChangesButton.addEventListener('click', () => {
-  updateUserApplication({ isAccepted: false, isRequestChanges: true });
+  updateUserApplication({ isRequestChanges: true });
 });
diff --git a/applications/style.css b/applications/style.css
index 0d00ed5b..05dbac75 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -787,37 +787,6 @@ body {
     width: 18%;
   }
 
-  .application-details .application-details-actions .application-details-nudge {
-    background-color: white;
-    color: var(--color-primary);
-    margin: 0 auto;
-    width: 18%;
-    border: 2px solid var(--color-primary);
-    padding: 8px 16px;
-    border-radius: 4px;
-  }
-
-  .application-details
-    .application-details-actions
-    .application-details-nudge:is(:hover, :active, :focus-visible) {
-    background: var(--color-primary);
-    color: var(--white);
-    transition: transform 0.2s ease;
-    will-change: transform;
-  }
-
-  .application-details
-    .application-details-actions
-    .application-details-nudge:hover {
-    transform: scale(1.05);
-  }
-
-  .application-details
-    .application-details-actions
-    .application-details-nudge:active {
-    animation: bounceBackAnimation 0.4s ease forwards;
-  }
-
   .application-details
     .application-details-actions
     .application-details-request-changes {
@@ -851,7 +820,6 @@ body {
     padding: 15px;
   }
 
-  .application-details .application-details-actions .application-details-nudge,
   .application-details .application-details-actions .application-details-accept,
   .application-details .application-details-actions .application-details-reject,
   .application-details
diff --git a/components/toast/script.js b/components/toast/script.js
index ad340b48..a21bb9fc 100644
--- a/components/toast/script.js
+++ b/components/toast/script.js
@@ -51,7 +51,7 @@ function showToastMessage({ isDev, oldToastFunction, type, message }) {
   if (isDev) {
     createToast(type, message);
   } else if (oldToastFunction.length === 1) {
-    oldToastFunction(message);
+    oldToastFunction({ message, type });
   } else {
     oldToastFunction(type, message);
   }

From 848d556cb1d0833f25ae993bc1f1f27b6646991b Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Wed, 11 Feb 2026 09:59:48 +0530
Subject: [PATCH 04/13] Consolidate application feedback into the update
 payload, refine API base URL environment configuration, and upgrade to Yarn
 4.

---
 applications/script.js | 24 ++++++------------------
 applications/utils.js  | 27 ---------------------------
 2 files changed, 6 insertions(+), 45 deletions(-)

diff --git a/applications/script.js b/applications/script.js
index 1dd59af9..79597d25 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -5,7 +5,6 @@ import {
   showToast,
   updateApplication,
   getApplicationById,
-  addApplicationFeedback,
 } from './utils.js';
 let nextLink;
 let isDataLoading = false;
@@ -127,31 +126,20 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
   }
 
   const applicationStatus = isAccepted ? 'accepted' : 'rejected';
-  const payload = { status: applicationStatus };
-
-  const promises = [];
   const feedback =
     applicationTextarea && applicationTextarea.value
       ? applicationTextarea.value.trim()
       : '';
 
+  const payload = { status: applicationStatus };
   if (feedback) {
-    promises.push(
-      addApplicationFeedback(currentApplicationId, {
-        feedback,
-        status: applicationStatus,
-      }),
-    );
+    payload.feedback = feedback;
   }
 
-  promises.push(
-    updateApplication({
-      applicationId: currentApplicationId,
-      applicationPayload: payload,
-    }),
-  );
-
-  Promise.all(promises)
+  updateApplication({
+    applicationId: currentApplicationId,
+    applicationPayload: payload,
+  })
     .then(() => {
       showToastMessage({
         isDev,
diff --git a/applications/utils.js b/applications/utils.js
index 0ce1ecff..aaa72ab0 100644
--- a/applications/utils.js
+++ b/applications/utils.js
@@ -117,32 +117,6 @@ async function updateApplication({ applicationPayload, applicationId }) {
   }
 }
 
-async function addApplicationFeedback(applicationId, feedbackData) {
-  try {
-    const res = await fetch(
-      `${BASE_URL}/applications/${applicationId}/feedback`,
-      {
-        method: 'PATCH',
-        credentials: 'include',
-        body: JSON.stringify(feedbackData),
-        headers: {
-          'Content-type': 'application/json',
-        },
-      },
-    );
-
-    if (!res.ok) {
-      const error = await res.json();
-      throw error;
-    }
-
-    const data = await res.json();
-    return data;
-  } catch (error) {
-    throw error;
-  }
-}
-
 function showToast({ message, type }) {
   toast.innerText = message;
 
@@ -168,7 +142,6 @@ export {
   getApplications,
   getApplicationById,
   updateApplication,
-  addApplicationFeedback,
   getIsSuperUser,
   showToast,
 };

From e712bda1d1e0ed41a080eeb8160c07adebab01f2 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Wed, 11 Feb 2026 19:20:28 +0530
Subject: [PATCH 05/13] feat: Add 'changes requested' application status,
 migrate to Yarn 4, and refine API base URL loading logic.

---
 applications/script.js | 16 ++++++++++++++++
 applications/style.css |  7 ++++++-
 applications/utils.js  |  2 ++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/applications/script.js b/applications/script.js
index 79597d25..571dd2de 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -102,6 +102,7 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
     updateApplication({
       applicationId: currentApplicationId,
       applicationPayload: {
+        status: 'changes_requested',
         feedback: applicationTextarea.value,
       },
     })
@@ -360,6 +361,21 @@ function openApplicationDetails(application) {
       innerText: 'Application was already accepted',
     });
     applicationDetailsActionsContainer.append(applicationDetailsAcceptedMsg);
+  } else if (application.status === 'changes_requested') {
+    applicationAcceptButton.classList.add('hidden');
+    applicationRejectButton.classList.add('hidden');
+    applicationRequestChangesButton.classList.add('hidden');
+
+    const applicationDetailsChangesRequestedMsg = createElement({
+      type: 'p',
+      attributes: {
+        class: 'application-details-changes-requested-msg',
+      },
+      innerText: 'Changes requested',
+    });
+    applicationDetailsActionsContainer.append(
+      applicationDetailsChangesRequestedMsg,
+    );
   } else {
     applicationRejectButton.disabled = false;
     applicationRejectButton.style.cursor = 'pointer';
diff --git a/applications/style.css b/applications/style.css
index 05dbac75..8534b08f 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -665,7 +665,8 @@ body {
 }
 
 .application-details-accepted-msg,
-.application-details-rejected-msg {
+.application-details-rejected-msg,
+.application-details-changes-requested-msg {
   font-weight: bold;
   font-size: 18px;
   width: 100%;
@@ -680,6 +681,10 @@ body {
   color: var(--red-color);
 }
 
+.application-details-changes-requested-msg {
+  color: var(--color-orange, #f5a623);
+}
+
 .unauthorized-text {
   text-align: center;
 }
diff --git a/applications/utils.js b/applications/utils.js
index aaa72ab0..4b15f1f4 100644
--- a/applications/utils.js
+++ b/applications/utils.js
@@ -118,6 +118,8 @@ async function updateApplication({ applicationPayload, applicationId }) {
 }
 
 function showToast({ message, type }) {
+  const toast = document.getElementById('toast');
+  if (!toast) return;
   toast.innerText = message;
 
   if (type === 'success') {

From aa71f402cc87dafca8ba6cd873be4a57b37dbb90 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Thu, 12 Feb 2026 00:05:10 +0530
Subject: [PATCH 06/13] feat: Update application feedback handling, refine API
 interactions, and enhance styling for application statuses

---
 __tests__/applications/applications.test.js |   6 +-
 applications/script.js                      | 126 ++++++++++----------
 applications/style.css                      |  35 +++---
 applications/utils.js                       |  19 +--
 mock-data/applications/index.js             |  15 +--
 5 files changed, 99 insertions(+), 102 deletions(-)

diff --git a/__tests__/applications/applications.test.js b/__tests__/applications/applications.test.js
index b214a112..d3ded3a2 100644
--- a/__tests__/applications/applications.test.js
+++ b/__tests__/applications/applications.test.js
@@ -73,13 +73,13 @@ describe('Applications page', () => {
           body: JSON.stringify(superUserForAudiLogs),
         });
       } else if (
-        url === `${STAGING_API_URL}/applications/lavEduxsb2C5Bl4s289P`
+        url === `${STAGING_API_URL}/applications/lavEduxsb2C5Bl4s289P/feedback`
       ) {
         interceptedRequest.respond({
           status: 200,
           contentType: 'application/json',
           body: JSON.stringify({
-            message: 'application updated successfully!',
+            message: 'Application feedback submitted successfully',
           }),
           headers: {
             'Access-Control-Allow-Origin': '*',
@@ -355,7 +355,7 @@ describe('Applications page', () => {
     ).toBe(false);
     const toastMessage = await page.$('[data-testid="toast-message"]');
     expect(await toastMessage.evaluate((el) => el.textContent)).toBe(
-      'application updated successfully!',
+      'Application feedback submitted successfully',
     );
   });
 
diff --git a/applications/script.js b/applications/script.js
index 571dd2de..794c2bf6 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -6,6 +6,7 @@ import {
   updateApplication,
   getApplicationById,
 } from './utils.js';
+import { showToastMessage } from '../components/toast/script.js';
 let nextLink;
 let isDataLoading = false;
 let totalApplicationCount = 0;
@@ -85,54 +86,28 @@ let currentApplicationId;
 
 let status = 'all';
 
-function updateUserApplication({ isAccepted, isRequestChanges = false }) {
+function updateUserApplication({ status }) {
   const applicationTextarea = document.querySelector('.application-textarea');
-
-  if (isRequestChanges) {
-    if (!applicationTextarea || !applicationTextarea.value.trim()) {
-      showToastMessage({
-        isDev,
-        oldToastFunction: showToast,
-        type: 'error',
-        message: 'Please provide feedback before requesting changes.',
-      });
-      if (applicationTextarea) applicationTextarea.focus();
-      return;
-    }
-    updateApplication({
-      applicationId: currentApplicationId,
-      applicationPayload: {
-        status: 'changes_requested',
-        feedback: applicationTextarea.value,
-      },
-    })
-      .then(() => {
-        showToastMessage({
-          isDev,
-          oldToastFunction: showToast,
-          type: 'success',
-          message: 'Changes requested successfully!',
-        });
-        setTimeout(() => closeApplicationDetails(), 1000);
-      })
-      .catch((error) => {
-        showToastMessage({
-          isDev,
-          oldToastFunction: showToast,
-          type: 'error',
-          message: error.message || 'Failed to request changes',
-        });
-      });
-    return;
-  }
-
-  const applicationStatus = isAccepted ? 'accepted' : 'rejected';
   const feedback =
     applicationTextarea && applicationTextarea.value
       ? applicationTextarea.value.trim()
       : '';
 
-  const payload = { status: applicationStatus };
+  if (status === 'changes_requested' && !feedback) {
+    showToastMessage({
+      isDev,
+      oldToastFunction: showToast,
+      type: 'error',
+      message: 'Please provide feedback before requesting changes.',
+    });
+    if (applicationTextarea) applicationTextarea.focus();
+    return;
+  }
+
+  const payload = {
+    status,
+  };
+
   if (feedback) {
     payload.feedback = feedback;
   }
@@ -141,12 +116,12 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
     applicationId: currentApplicationId,
     applicationPayload: payload,
   })
-    .then(() => {
+    .then((res) => {
       showToastMessage({
         isDev,
         oldToastFunction: showToast,
         type: 'success',
-        message: 'application updated successfully!',
+        message: res.message || 'Application updated successfully!',
       });
       setTimeout(() => closeApplicationDetails(), 1000);
     })
@@ -155,7 +130,7 @@ function updateUserApplication({ isAccepted, isRequestChanges = false }) {
         isDev,
         oldToastFunction: showToast,
         type: 'error',
-        message: error.message,
+        message: error.message || 'Failed to update application',
       });
     });
 }
@@ -190,6 +165,12 @@ function closeApplicationDetails() {
   if (applicationRejectedMsg) {
     applicationRejectedMsg.remove();
   }
+  const applicationChangesRequestedMsg = document.querySelector(
+    '.application-details-changes-requested-msg',
+  );
+  if (applicationChangesRequestedMsg) {
+    applicationChangesRequestedMsg.remove();
+  }
   removeQueryParamInUrl('id');
 }
 
@@ -209,11 +190,9 @@ function openApplicationDetails(application) {
         isStatus: true,
       },
       {
-        title: 'Application Score',
+        title: 'Score',
         description:
-          application.applicationScore !== undefined
-            ? application.applicationScore
-            : 'N/A',
+          application.score !== undefined ? application.score : 'N/A',
         isHighlight: true,
       },
       {
@@ -274,9 +253,9 @@ function openApplicationDetails(application) {
     const applicationSection = createElement({
       type: 'div',
       attributes: {
-        class: detail.isHighlight
-          ? 'application-section application-highlight-item'
-          : 'application-section',
+        class: `application-section ${
+          detail.isHighlight ? 'application-highlight-item' : ''
+        }`.trim(),
       },
     });
     const applicationSectionTitle = createElement({
@@ -285,14 +264,15 @@ function openApplicationDetails(application) {
       innerText: detail.title,
     });
 
-    let descriptionClass = 'description';
-    if (detail.isStatus) {
-      descriptionClass += ` status-badge status-${detail.description?.toLowerCase()}`;
-    }
-
     const applicationSectionDescription = createElement({
       type: 'p',
-      attributes: { class: descriptionClass },
+      attributes: {
+        class: `description ${
+          detail.isStatus
+            ? `status-badge status-${detail.description?.toLowerCase()}`
+            : ''
+        }`.trim(),
+      },
       innerText: detail.description,
     });
 
@@ -322,20 +302,34 @@ function openApplicationDetails(application) {
     innerText: 'Add Feedback',
   });
 
+  let feedbackText = '';
+  if (typeof application.feedback === 'string') {
+    feedbackText = application.feedback;
+  } else if (Array.isArray(application.feedback)) {
+    feedbackText = application.feedback
+      .map((f) => (typeof f === 'string' ? f : f.feedback || ''))
+      .filter((f) => f)
+      .join('\n');
+  } else if (application.feedback && typeof application.feedback === 'object') {
+    feedbackText = application.feedback.feedback || '';
+  }
+
   const applicationTextArea = createElement({
     type: 'textarea',
     attributes: {
       class: 'application-textarea',
       placeHolder: 'Add Feedback here',
     },
-    innerText: application.feedback || '',
+    innerText: feedbackText,
   });
 
   applicationSection.appendChild(applicationSectionTitle);
   applicationSection.appendChild(applicationTextArea);
   applicationDetailsMain.appendChild(applicationSection);
 
-  if (application.status === 'rejected') {
+  const currentStatus = application.status?.toLowerCase();
+
+  if (currentStatus === 'rejected') {
     applicationAcceptButton.classList.add('hidden');
     applicationRejectButton.classList.add('hidden');
     applicationRequestChangesButton.classList.add('hidden');
@@ -348,7 +342,7 @@ function openApplicationDetails(application) {
       innerText: 'Application is already rejected',
     });
     applicationDetailsActionsContainer.append(applicationDetailsRejectedMsg);
-  } else if (application.status === 'accepted') {
+  } else if (currentStatus === 'accepted') {
     applicationAcceptButton.classList.add('hidden');
     applicationRejectButton.classList.add('hidden');
     applicationRequestChangesButton.classList.add('hidden');
@@ -361,7 +355,7 @@ function openApplicationDetails(application) {
       innerText: 'Application was already accepted',
     });
     applicationDetailsActionsContainer.append(applicationDetailsAcceptedMsg);
-  } else if (application.status === 'changes_requested') {
+  } else if (currentStatus === 'changes_requested') {
     applicationAcceptButton.classList.add('hidden');
     applicationRejectButton.classList.add('hidden');
     applicationRequestChangesButton.classList.add('hidden');
@@ -371,7 +365,7 @@ function openApplicationDetails(application) {
       attributes: {
         class: 'application-details-changes-requested-msg',
       },
-      innerText: 'Changes requested',
+      innerText: 'Changes were already requested',
     });
     applicationDetailsActionsContainer.append(
       applicationDetailsChangesRequestedMsg,
@@ -739,11 +733,11 @@ closeDropdownBtn.addEventListener('click', () => {
 });
 
 applicationAcceptButton.addEventListener('click', () =>
-  updateUserApplication({ isAccepted: true }),
+  updateUserApplication({ status: 'accepted' }),
 );
 applicationRejectButton.addEventListener('click', () =>
-  updateUserApplication({ isAccepted: false }),
+  updateUserApplication({ status: 'rejected' }),
 );
 applicationRequestChangesButton.addEventListener('click', () => {
-  updateUserApplication({ isRequestChanges: true });
+  updateUserApplication({ status: 'changes_requested' });
 });
diff --git a/applications/style.css b/applications/style.css
index 8534b08f..f57fad8b 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -13,12 +13,9 @@
     0 1px 2px 0 rgba(0, 0, 0, 0.1);
   --elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, 0.3),
     0px 4px 8px 3px rgba(0, 0, 0, 0.15);
-  --color-green: green;
-  --color-red-variant1: #f43030;
-  --color-orange: #f5a623;
-  --color-pending: #f5a623;
-  --color-accepted: #28a745;
-  --color-rejected: #dc3545;
+  --color-accepted: #16a34a;
+  --color-pending: #ca8a04;
+  --color-rejected: #dc2626;
 }
 
 .user-text-index {
@@ -224,7 +221,7 @@ body {
 }
 
 .clear-btn:hover {
-  background-color: var(--red-color);
+  background-color: var(--color-rejected);
   color: var(--white);
 }
 
@@ -577,16 +574,16 @@ body {
 }
 
 .application-details .application-details-actions .application-details-reject {
-  color: var(--red-color);
+  color: var(--color-rejected);
   background-color: white;
   margin: 0 auto;
-  border: 2px solid var(--red-color);
+  border: 2px solid var(--color-rejected);
 }
 
 .application-details
   .application-details-actions
   .application-details-reject:is(:hover, :active, :focus-visible) {
-  background: var(--red-color);
+  background: var(--color-rejected);
   color: var(--white);
   transition: transform 0.2s ease;
   will-change: transform;
@@ -633,16 +630,16 @@ body {
   .application-details-actions
   .application-details-request-changes {
   background-color: white;
-  color: var(--color-orange, #f5a623);
+  color: var(--color-pending);
   margin: 0 auto;
   width: 32%;
-  border: 2px solid var(--color-orange, #f5a623);
+  border: 2px solid var(--color-pending);
 }
 
 .application-details
   .application-details-actions
   .application-details-request-changes:is(:hover, :active, :focus-visible) {
-  background: var(--color-orange, #f5a623);
+  background: var(--color-pending);
   color: var(--white);
   transition: transform 0.2s ease;
   will-change: transform;
@@ -674,15 +671,15 @@ body {
 }
 
 .application-details-accepted-msg {
-  color: var(--color-green);
+  color: var(--color-accepted);
 }
 
 .application-details-rejected-msg {
-  color: var(--red-color);
+  color: var(--color-rejected);
 }
 
 .application-details-changes-requested-msg {
-  color: var(--color-orange, #f5a623);
+  color: var(--color-pending);
 }
 
 .unauthorized-text {
@@ -720,11 +717,11 @@ body {
 }
 
 .success {
-  background: var(--color-green);
+  background: var(--color-accepted);
 }
 
 .failure {
-  background: var(--color-red-variant1);
+  background: var(--color-rejected);
 }
 
 .disable-button {
@@ -779,7 +776,7 @@ body {
   }
 }
 
-@media screen and (min-width: 851px) {
+@media screen and (min-width: 48rem) {
   .application-details
     .application-details-actions
     .application-details-reject {
diff --git a/applications/utils.js b/applications/utils.js
index 4b15f1f4..33a3513e 100644
--- a/applications/utils.js
+++ b/applications/utils.js
@@ -1,3 +1,5 @@
+import { showToastMessage } from '../components/toast/script.js';
+
 const BASE_URL = window.API_BASE_URL;
 
 function createElement({ type, attributes = {}, innerText }) {
@@ -96,14 +98,17 @@ async function getIsSuperUser(isDev) {
 
 async function updateApplication({ applicationPayload, applicationId }) {
   try {
-    const res = await fetch(`${BASE_URL}/applications/${applicationId}`, {
-      method: 'PATCH',
-      credentials: 'include',
-      body: JSON.stringify(applicationPayload),
-      headers: {
-        'Content-type': 'application/json',
+    const res = await fetch(
+      `${BASE_URL}/applications/${applicationId}/feedback`,
+      {
+        method: 'PATCH',
+        credentials: 'include',
+        body: JSON.stringify(applicationPayload),
+        headers: {
+          'Content-type': 'application/json',
+        },
       },
-    });
+    );
 
     if (!res.ok) {
       const error = await res.json();
diff --git a/mock-data/applications/index.js b/mock-data/applications/index.js
index 23896fa1..68008ab5 100644
--- a/mock-data/applications/index.js
+++ b/mock-data/applications/index.js
@@ -3,7 +3,7 @@ const fetchedApplications = [
     id: 'lavEduxsb2C5Bl4s289P',
     createdAt: '2023-12-19T00:23:07.865Z',
     updatedAt: '2023-12-20T10:15:30.000Z',
-    applicationScore: 85,
+    score: 85,
     nudgeCount: 2,
     intro: {
       funFact:
@@ -37,7 +37,7 @@ const fetchedApplications = [
   {
     id: 'YwTi6zFNI3GlDsZVjD8C',
     createdAt: '2023-12-19T00:22:03.845Z',
-    applicationScore: 0,
+    score: 0,
     nudgeCount: 0,
     intro: {
       funFact:
@@ -70,7 +70,7 @@ const fetchedApplications = [
   {
     id: 'q2ZzerFKxdsUYMxoexS9',
     createdAt: '2023-12-19T00:21:26.595Z',
-    applicationScore: 42,
+    score: 42,
     nudgeCount: 5,
     intro: {
       funFact:
@@ -191,6 +191,7 @@ const fetchedApplications = [
       skills: 'REACT, NODE JS',
       institution: 'Christ church college',
     },
+    feedback: '',
     status: 'pending',
   },
 ];
@@ -199,7 +200,7 @@ const acceptedApplications = [
   {
     id: 'lavEduxsb2C5Bl4s289P',
     createdAt: '2023-12-19T00:23:07.865Z',
-    applicationScore: 90,
+    score: 90,
     nudgeCount: 1,
     intro: {
       funFact:
@@ -233,7 +234,7 @@ const acceptedApplications = [
   {
     id: 'YwTi6zFNI3GlDsZVjD8C',
     createdAt: '2023-12-19T00:22:03.845Z',
-    applicationScore: 0,
+    score: 0,
     nudgeCount: 0,
     intro: {
       funFact:
@@ -266,7 +267,7 @@ const acceptedApplications = [
   {
     id: 'q2ZzerFKxdsUYMxoexS9',
     createdAt: '2023-12-19T00:21:26.595Z',
-    applicationScore: 55,
+    score: 55,
     nudgeCount: 3,
     intro: {
       funFact:
@@ -333,7 +334,7 @@ const pendingApplications = [
   {
     id: 'lavEduxsb2C5Bl4s289P',
     createdAt: '2023-12-19T00:23:07.865Z',
-    applicationScore: 70,
+    score: 70,
     nudgeCount: 4,
     intro: {
       funFact:

From 4209c6d3e01b043503c22df31f6f833b8c5a08ed Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Thu, 12 Feb 2026 21:00:12 +0530
Subject: [PATCH 07/13] chore: refactor CSS selectors

---
 applications/script.js |  1 -
 applications/style.css | 65 +++++++++---------------------------------
 applications/utils.js  |  4 ---
 3 files changed, 14 insertions(+), 56 deletions(-)

diff --git a/applications/script.js b/applications/script.js
index 794c2bf6..bdd6dbd2 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -6,7 +6,6 @@ import {
   updateApplication,
   getApplicationById,
 } from './utils.js';
-import { showToastMessage } from '../components/toast/script.js';
 let nextLink;
 let isDataLoading = false;
 let totalApplicationCount = 0;
diff --git a/applications/style.css b/applications/style.css
index f57fad8b..46712a35 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -433,10 +433,7 @@ body {
   gap: 15px;
 }
 
-.application-details
-  .application-details-main
-  .application-section
-  .section-title {
+.section-title {
   color: var(--black-color);
   font-size: 18px;
   font-weight: 700;
@@ -445,10 +442,7 @@ body {
   margin: 0;
 }
 
-.application-details
-  .application-details-main
-  .application-section
-  .description {
+.description {
   color: var(--color-gray);
   font-size: 13px;
   font-style: normal;
@@ -457,10 +451,7 @@ body {
   margin: 0;
 }
 
-.application-details
-  .application-details-main
-  .application-section
-  .description.status-badge {
+.description.status-badge {
   color: var(--white);
   padding: 4px 12px;
   border-radius: 20px;
@@ -468,41 +459,29 @@ body {
   text-transform: capitalize;
 }
 
-.application-details
-  .application-details-main
-  .application-section
-  .description.status-pending {
+.description.status-pending {
   background-color: var(--color-pending);
 }
 
-.application-details
-  .application-details-main
-  .application-section
-  .description.status-accepted {
+.description.status-accepted {
   background-color: var(--color-accepted);
 }
 
-.application-details
-  .application-details-main
-  .application-section
-  .description.status-rejected {
+.description.status-rejected {
   background-color: var(--color-rejected);
 }
 
-.application-details .application-details-main .application-highlights {
+.application-highlights {
   display: flex;
-  gap: 20px;
+  gap: 1.25rem;
   flex-wrap: wrap;
   background-color: #f8f9fa;
-  padding: 15px;
+  padding: 1rem;
   border-radius: 10px;
   margin-bottom: 10px;
 }
 
-.application-details
-  .application-details-main
-  .application-highlights
-  .application-highlight-item {
+.application-highlight-item {
   flex: 1;
   min-width: 120px;
   text-align: center;
@@ -512,31 +491,20 @@ body {
   box-shadow: var(--elevation-1);
 }
 
-.application-details
-  .application-details-main
-  .application-highlights
-  .application-highlight-item
-  .section-title {
+.application-highlight-item .section-title {
   font-size: 12px;
   text-decoration: none;
   color: var(--color-gray);
   margin-bottom: 5px;
 }
 
-.application-details
-  .application-details-main
-  .application-highlights
-  .application-highlight-item
-  .description {
+.application-highlight-item .description {
   font-size: 24px;
   font-weight: 800;
   color: var(--color-primary);
 }
 
-.application-details
-  .application-details-main
-  .application-section
-  .application-textarea {
+.application-textarea {
   width: 90%;
   height: 150px;
   resize: none;
@@ -662,8 +630,7 @@ body {
 }
 
 .application-details-accepted-msg,
-.application-details-rejected-msg,
-.application-details-changes-requested-msg {
+.application-details-rejected-msg {
   font-weight: bold;
   font-size: 18px;
   width: 100%;
@@ -678,10 +645,6 @@ body {
   color: var(--color-rejected);
 }
 
-.application-details-changes-requested-msg {
-  color: var(--color-pending);
-}
-
 .unauthorized-text {
   text-align: center;
 }
diff --git a/applications/utils.js b/applications/utils.js
index 33a3513e..eed3973b 100644
--- a/applications/utils.js
+++ b/applications/utils.js
@@ -1,5 +1,3 @@
-import { showToastMessage } from '../components/toast/script.js';
-
 const BASE_URL = window.API_BASE_URL;
 
 function createElement({ type, attributes = {}, innerText }) {
@@ -123,8 +121,6 @@ async function updateApplication({ applicationPayload, applicationId }) {
 }
 
 function showToast({ message, type }) {
-  const toast = document.getElementById('toast');
-  if (!toast) return;
   toast.innerText = message;
 
   if (type === 'success') {

From 1b6ef9f70a5829e78d22166ed0e47f4f4ee01213 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Sun, 15 Feb 2026 18:18:19 +0530
Subject: [PATCH 08/13] feat: Enhance application details with status messages,
 hide action buttons after updates, add success toast for requesting changes,
 and update Yarn configuration.

---
 __tests__/applications/applications.test.js | 37 +++++++++++++++++
 applications/index.html                     | 11 ++++-
 applications/script.js                      | 46 +++++++++++++++++----
 applications/style.css                      |  7 +++-
 4 files changed, 90 insertions(+), 11 deletions(-)

diff --git a/__tests__/applications/applications.test.js b/__tests__/applications/applications.test.js
index d3ded3a2..7ada8ee0 100644
--- a/__tests__/applications/applications.test.js
+++ b/__tests__/applications/applications.test.js
@@ -371,4 +371,41 @@ describe('Applications page', () => {
     const applicationCardElements = await page.$$('.application-card');
     expect(applicationCardElements.length).toBe(acceptedApplications.length);
   });
+
+  it('should show success toast after requesting changes for an application', async function () {
+    await page.goto(
+      `${LOCAL_TEST_PAGE_URL}/applications?dev=true&status=pending`,
+    );
+    await page.waitForSelector('.application-card');
+    await page.click('.application-card');
+
+    await page.type(
+      '.application-textarea',
+      'Please update your introduction.',
+    );
+
+    await page.click('#application-details-request-changes');
+    await page.waitForSelector('[data-testid="toast-component"].show');
+    const toastComponent = await page.$('[data-testid="toast-component"]');
+    expect(
+      await toastComponent.evaluate((el) => el.classList.contains('show')),
+    ).toBe(true);
+    expect(
+      await toastComponent.evaluate((el) => el.classList.contains('hide')),
+    ).toBe(false);
+    expect(
+      await toastComponent.evaluate((el) =>
+        el.classList.contains('success__toast'),
+      ),
+    ).toBe(true);
+    expect(
+      await toastComponent.evaluate((el) =>
+        el.classList.contains('error__toast'),
+      ),
+    ).toBe(false);
+    const toastMessage = await page.$('[data-testid="toast-message"]');
+    expect(await toastMessage.evaluate((el) => el.textContent)).toBe(
+      'Application feedback submitted successfully',
+    );
+  });
 });
diff --git a/applications/index.html b/applications/index.html
index 8594aa2d..4d558f46 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -125,9 +125,14 @@ <h2>Status</h2>
           />
         </button>
         <div class="application-details-main"></div>
-        <div class="application-details-actions">
+        <div
+          class="application-details-actions"
+          id="application-details-actions"
+        >
           <button
             class="application-details-accept"
+            id="application-details-accept"
+            data-testid="application-details-accept"
             aria-label="Accept Application"
           >
             Accept
@@ -135,11 +140,15 @@ <h2>Status</h2>
           <button
             class="application-details-request-changes"
             aria-label="Request changes for this application"
+            id="application-details-request-changes"
+            data-testid="application-details-request-changes"
           >
             Request Changes
           </button>
           <button
             class="application-details-reject"
+            id="application-details-reject"
+            data-testid="application-details-reject"
             aria-label="Reject Application"
           >
             Reject
diff --git a/applications/script.js b/applications/script.js
index bdd6dbd2..10e17133 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -26,14 +26,14 @@ const noApplicationFoundText = document.querySelector('.no_applications_found');
 const applicationDetailsMain = document.querySelector(
   '.application-details-main',
 );
-const applicationAcceptButton = document.querySelector(
-  '.application-details-accept',
+const applicationAcceptButton = document.getElementById(
+  'application-details-accept',
 );
-const applicationRejectButton = document.querySelector(
-  '.application-details-reject',
+const applicationRejectButton = document.getElementById(
+  'application-details-reject',
 );
-const applicationRequestChangesButton = document.querySelector(
-  '.application-details-request-changes',
+const applicationRequestChangesButton = document.getElementById(
+  'application-details-request-changes',
 );
 
 const applyFilterButton = document.getElementById('apply-filter-button');
@@ -41,8 +41,8 @@ const applicationContainer = document.querySelector('.application-container');
 const clearButton = document.getElementById('clear-button');
 const lastElementContainer = document.getElementById('page_bottom_element');
 
-const applicationDetailsActionsContainer = document.querySelector(
-  '.application-details-actions',
+const applicationDetailsActionsContainer = document.getElementById(
+  'application-details-actions',
 );
 const urlParams = new URLSearchParams(window.location.search);
 const isDev = urlParams.get('dev') === 'true';
@@ -122,7 +122,35 @@ function updateUserApplication({ status }) {
         type: 'success',
         message: res.message || 'Application updated successfully!',
       });
-      setTimeout(() => closeApplicationDetails(), 1000);
+
+      applicationAcceptButton.classList.add('hidden');
+      applicationRejectButton.classList.add('hidden');
+      applicationRequestChangesButton.classList.add('hidden');
+
+      if (status === 'accepted') {
+        const acceptedMsg = createElement({
+          type: 'p',
+          attributes: { class: 'application-details-accepted-msg' },
+          innerText: 'Application was already accepted',
+        });
+        applicationDetailsActionsContainer.append(acceptedMsg);
+      } else if (status === 'rejected') {
+        const rejectedMsg = createElement({
+          type: 'p',
+          attributes: { class: 'application-details-rejected-msg' },
+          innerText: 'Application is already rejected',
+        });
+        applicationDetailsActionsContainer.append(rejectedMsg);
+      } else if (status === 'changes_requested') {
+        const changesRequestedMsg = createElement({
+          type: 'p',
+          attributes: { class: 'application-details-changes-requested-msg' },
+          innerText: 'Changes were already requested',
+        });
+        applicationDetailsActionsContainer.append(changesRequestedMsg);
+      }
+
+      setTimeout(() => closeApplicationDetails(), 3000);
     })
     .catch((error) => {
       showToastMessage({
diff --git a/applications/style.css b/applications/style.css
index 46712a35..0e8efbda 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -630,7 +630,8 @@ body {
 }
 
 .application-details-accepted-msg,
-.application-details-rejected-msg {
+.application-details-rejected-msg,
+.application-details-changes-requested-msg {
   font-weight: bold;
   font-size: 18px;
   width: 100%;
@@ -645,6 +646,10 @@ body {
   color: var(--color-rejected);
 }
 
+.application-details-changes-requested-msg {
+  color: var(--color-pending);
+}
+
 .unauthorized-text {
   text-align: center;
 }

From ed864b9ff267d1a7ff57fc7b3605ce52de2be299 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Mon, 16 Feb 2026 22:30:29 +0530
Subject: [PATCH 09/13] refactor: upgrade Yarn to v4 and update CSS selectors
 for the request changes button.

---
 applications/style.css | 28 +++++++---------------------
 1 file changed, 7 insertions(+), 21 deletions(-)

diff --git a/applications/style.css b/applications/style.css
index 0e8efbda..9440fd38 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -527,9 +527,7 @@ body {
 
 .application-details .application-details-actions .application-details-reject,
 .application-details .application-details-actions .application-details-accept,
-.application-details
-  .application-details-actions
-  .application-details-request-changes {
+#application-details-request-changes {
   cursor: pointer;
   border: none;
   height: 95%;
@@ -594,9 +592,7 @@ body {
   animation: bounceBackAnimation 0.4s ease forwards;
 }
 
-.application-details
-  .application-details-actions
-  .application-details-request-changes {
+#application-details-request-changes {
   background-color: white;
   color: var(--color-pending);
   margin: 0 auto;
@@ -604,24 +600,18 @@ body {
   border: 2px solid var(--color-pending);
 }
 
-.application-details
-  .application-details-actions
-  .application-details-request-changes:is(:hover, :active, :focus-visible) {
+#application-details-request-changes:is(:hover, :active, :focus-visible) {
   background: var(--color-pending);
   color: var(--white);
   transition: transform 0.2s ease;
   will-change: transform;
 }
 
-.application-details
-  .application-details-actions
-  .application-details-request-changes:hover {
+#application-details-request-changes:hover {
   transform: scale(1.05);
 }
 
-.application-details
-  .application-details-actions
-  .application-details-request-changes:active {
+#application-details-request-changes:active {
   animation: bounceBackAnimation 0.4s ease forwards;
 }
 
@@ -757,9 +747,7 @@ body {
     width: 18%;
   }
 
-  .application-details
-    .application-details-actions
-    .application-details-request-changes {
+  #application-details-request-changes {
     width: 24%;
   }
 }
@@ -792,9 +780,7 @@ body {
 
   .application-details .application-details-actions .application-details-accept,
   .application-details .application-details-actions .application-details-reject,
-  .application-details
-    .application-details-actions
-    .application-details-request-changes {
+  #application-details-request-changes {
     width: 100%;
     padding: 12px;
     font-size: 14px;

From fa59ee9c6fcf2de527ab95708c24e51f47325363 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Mon, 16 Feb 2026 22:59:33 +0530
Subject: [PATCH 10/13] test: Add comprehensive tests for application 'request
 changes' flow

---
 __tests__/applications/applications.test.js | 118 ++++++++++++++++++++
 1 file changed, 118 insertions(+)

diff --git a/__tests__/applications/applications.test.js b/__tests__/applications/applications.test.js
index 7ada8ee0..6a09e5da 100644
--- a/__tests__/applications/applications.test.js
+++ b/__tests__/applications/applications.test.js
@@ -408,4 +408,122 @@ describe('Applications page', () => {
       'Application feedback submitted successfully',
     );
   });
+
+  it('should show error toast when requesting changes without providing feedback', async function () {
+    await page.goto(
+      `${LOCAL_TEST_PAGE_URL}/applications?dev=true&status=pending`,
+    );
+    await page.waitForSelector('.application-card');
+    await page.click('.application-card');
+
+    await page.$eval('.application-textarea', (el) => (el.value = ''));
+    await page.click('#application-details-request-changes');
+    await page.waitForSelector('[data-testid="toast-component"].show');
+    const toastComponent = await page.$('[data-testid="toast-component"]');
+    expect(
+      await toastComponent.evaluate((el) => el.classList.contains('show')),
+    ).toBe(true);
+    expect(
+      await toastComponent.evaluate((el) =>
+        el.classList.contains('error__toast'),
+      ),
+    ).toBe(true);
+    const toastMessage = await page.$('[data-testid="toast-message"]');
+    expect(await toastMessage.evaluate((el) => el.textContent)).toBe(
+      'Please provide feedback before requesting changes.',
+    );
+  });
+
+  it('should hide action buttons after successfully requesting changes', async function () {
+    await page.goto(
+      `${LOCAL_TEST_PAGE_URL}/applications?dev=true&status=pending`,
+    );
+    await page.waitForSelector('.application-card');
+    await page.click('.application-card');
+
+    await page.type(
+      '.application-textarea',
+      'Please update your introduction.',
+    );
+
+    await page.click('#application-details-request-changes');
+    await page.waitForSelector('[data-testid="toast-component"].show');
+
+    const acceptBtn = await page.$('#application-details-accept');
+    const rejectBtn = await page.$('#application-details-reject');
+    const requestChangesBtn = await page.$(
+      '#application-details-request-changes',
+    );
+
+    expect(
+      await acceptBtn.evaluate((el) => el.classList.contains('hidden')),
+    ).toBe(true);
+    expect(
+      await rejectBtn.evaluate((el) => el.classList.contains('hidden')),
+    ).toBe(true);
+    expect(
+      await requestChangesBtn.evaluate((el) => el.classList.contains('hidden')),
+    ).toBe(true);
+  });
+
+  it('should display "Changes were already requested" message after successfully requesting changes', async function () {
+    await page.goto(
+      `${LOCAL_TEST_PAGE_URL}/applications?dev=true&status=pending`,
+    );
+    await page.waitForSelector('.application-card');
+    await page.click('.application-card');
+
+    await page.type(
+      '.application-textarea',
+      'Please update your introduction.',
+    );
+
+    await page.click('#application-details-request-changes');
+    await page.waitForSelector('[data-testid="toast-component"].show');
+
+    const statusMsg = await page.$(
+      '.application-details-changes-requested-msg',
+    );
+    expect(statusMsg).toBeTruthy();
+    expect(await statusMsg.evaluate((el) => el.textContent)).toBe(
+      'Changes were already requested',
+    );
+  });
+
+  it('should send correct PATCH request when requesting changes', async function () {
+    let feedbackRequestBody = null;
+    let feedbackRequestMethod = null;
+
+    await page.goto(
+      `${LOCAL_TEST_PAGE_URL}/applications?dev=true&status=pending`,
+    );
+    await page.waitForSelector('.application-card');
+
+    page.on('request', (request) => {
+      if (
+        request.url().includes('/applications/') &&
+        request.url().includes('/feedback')
+      ) {
+        feedbackRequestMethod = request.method();
+        feedbackRequestBody = JSON.parse(request.postData());
+      }
+    });
+
+    await page.click('.application-card');
+
+    await page.$eval('.application-textarea', (el) => (el.value = ''));
+    await page.type(
+      '.application-textarea',
+      'Please update your introduction.',
+    );
+
+    await page.click('#application-details-request-changes');
+    await page.waitForSelector('[data-testid="toast-component"].show');
+
+    expect(feedbackRequestMethod).toBe('PATCH');
+    expect(feedbackRequestBody).toEqual({
+      status: 'changes_requested',
+      feedback: 'Please update your introduction.',
+    });
+  });
 });

From 43d3ab7a5fae6bda1a3bbae380ed5627d61b8c41 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Wed, 18 Feb 2026 05:12:30 +0530
Subject: [PATCH 11/13] feat: Add feedback display for applications and
 implement changes requested status handling

---
 __tests__/applications/applications.test.js | 92 ++++++++++++++++++---
 applications/script.js                      | 71 ++++++++++------
 applications/style.css                      | 39 +++++++++
 mock-data/applications/index.js             | 48 ++++++++++-
 4 files changed, 211 insertions(+), 39 deletions(-)

diff --git a/__tests__/applications/applications.test.js b/__tests__/applications/applications.test.js
index 6a09e5da..941ae8ab 100644
--- a/__tests__/applications/applications.test.js
+++ b/__tests__/applications/applications.test.js
@@ -4,6 +4,7 @@ const {
   fetchedApplications,
   acceptedApplications,
   pendingApplications,
+  changesRequestedApplications,
 } = require('../../mock-data/applications');
 const { superUserForAudiLogs } = require('../../mock-data/users');
 const {
@@ -120,6 +121,23 @@ describe('Applications page', () => {
             'Access-Control-Allow-Headers': 'Content-Type, Authorization',
           },
         });
+      } else if (
+        url ===
+        `${STAGING_API_URL}/applications?size=6&status=changes_requested&dev=true`
+      ) {
+        interceptedRequest.respond({
+          status: 200,
+          contentType: 'application/json',
+          body: JSON.stringify({
+            applications: changesRequestedApplications,
+            totalCount: changesRequestedApplications.length,
+          }),
+          headers: {
+            'Access-Control-Allow-Origin': '*',
+            'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
+            'Access-Control-Allow-Headers': 'Content-Type, Authorization',
+          },
+        });
       } else {
         interceptedRequest.continue();
       }
@@ -285,7 +303,7 @@ describe('Applications page', () => {
 
   it.skip('should show toast message with application updated successfully', async function () {
     await page.click('.view-details-button');
-    await page.click('.application-details-accept');
+    await page.click('[data-testid="application-details-accept"]');
     const toast = await page.$('#toast');
     expect(await toast.evaluate((el) => el.classList.contains('hidden'))).toBe(
       false,
@@ -334,7 +352,7 @@ describe('Applications page', () => {
     await page.waitForSelector('.application-card');
     await page.click('.application-card');
 
-    await page.click('.application-details-accept');
+    await page.click('[data-testid="application-details-accept"]');
     await page.waitForSelector('[data-testid="toast-component"].show');
     const toastComponent = await page.$('[data-testid="toast-component"]');
     expect(
@@ -384,7 +402,7 @@ describe('Applications page', () => {
       'Please update your introduction.',
     );
 
-    await page.click('#application-details-request-changes');
+    await page.click('[data-testid="application-details-request-changes"]');
     await page.waitForSelector('[data-testid="toast-component"].show');
     const toastComponent = await page.$('[data-testid="toast-component"]');
     expect(
@@ -417,7 +435,7 @@ describe('Applications page', () => {
     await page.click('.application-card');
 
     await page.$eval('.application-textarea', (el) => (el.value = ''));
-    await page.click('#application-details-request-changes');
+    await page.click('[data-testid="application-details-request-changes"]');
     await page.waitForSelector('[data-testid="toast-component"].show');
     const toastComponent = await page.$('[data-testid="toast-component"]');
     expect(
@@ -434,7 +452,7 @@ describe('Applications page', () => {
     );
   });
 
-  it('should hide action buttons after successfully requesting changes', async function () {
+  it('should hide action buttons after successfully updating application status to changes_requested', async function () {
     await page.goto(
       `${LOCAL_TEST_PAGE_URL}/applications?dev=true&status=pending`,
     );
@@ -446,13 +464,17 @@ describe('Applications page', () => {
       'Please update your introduction.',
     );
 
-    await page.click('#application-details-request-changes');
+    await page.click('[data-testid="application-details-request-changes"]');
     await page.waitForSelector('[data-testid="toast-component"].show');
 
-    const acceptBtn = await page.$('#application-details-accept');
-    const rejectBtn = await page.$('#application-details-reject');
+    const acceptBtn = await page.$(
+      '[data-testid="application-details-accept"]',
+    );
+    const rejectBtn = await page.$(
+      '[data-testid="application-details-reject"]',
+    );
     const requestChangesBtn = await page.$(
-      '#application-details-request-changes',
+      '[data-testid="application-details-request-changes"]',
     );
 
     expect(
@@ -478,7 +500,7 @@ describe('Applications page', () => {
       'Please update your introduction.',
     );
 
-    await page.click('#application-details-request-changes');
+    await page.click('[data-testid="application-details-request-changes"]');
     await page.waitForSelector('[data-testid="toast-component"].show');
 
     const statusMsg = await page.$(
@@ -517,13 +539,59 @@ describe('Applications page', () => {
       'Please update your introduction.',
     );
 
-    await page.click('#application-details-request-changes');
+    await page.click('[data-testid="application-details-request-changes"]');
     await page.waitForSelector('[data-testid="toast-component"].show');
 
-    expect(feedbackRequestMethod).toBe('PATCH');
     expect(feedbackRequestBody).toEqual({
       status: 'changes_requested',
       feedback: 'Please update your introduction.',
     });
   });
+
+  it('should display existing feedback in a list', async function () {
+    await page.click('.view-details-button');
+    await page.waitForSelector('.feedback-list');
+    const feedbackItems = await page.$$('.feedback-item');
+    expect(feedbackItems.length).toBe(1);
+
+    const feedbackText = await feedbackItems[0].$eval(
+      '.feedback-text',
+      (el) => el.innerText,
+    );
+    expect(feedbackText).toBe('estee');
+
+    const feedbackMeta = await feedbackItems[0].$eval(
+      '.feedback-meta',
+      (el) => el.innerText,
+    );
+    expect(feedbackMeta).toContain('Reviewer');
+  });
+
+  it('should show action buttons when application status is changes_requested', async function () {
+    await page.goto(
+      `${LOCAL_TEST_PAGE_URL}/applications?dev=true&status=changes_requested`,
+    );
+    await page.waitForSelector('.application-card');
+    await page.click('.application-card');
+
+    const acceptBtn = await page.$(
+      '[data-testid="application-details-accept"]',
+    );
+    const rejectBtn = await page.$(
+      '[data-testid="application-details-reject"]',
+    );
+    const requestChangesBtn = await page.$(
+      '[data-testid="application-details-request-changes"]',
+    );
+
+    expect(
+      await acceptBtn.evaluate((el) => el.classList.contains('hidden')),
+    ).toBe(false);
+    expect(
+      await rejectBtn.evaluate((el) => el.classList.contains('hidden')),
+    ).toBe(false);
+    expect(
+      await requestChangesBtn.evaluate((el) => el.classList.contains('hidden')),
+    ).toBe(false);
+  });
 });
diff --git a/applications/script.js b/applications/script.js
index 10e17133..d4da9243 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -329,16 +329,50 @@ function openApplicationDetails(application) {
     innerText: 'Add Feedback',
   });
 
-  let feedbackText = '';
-  if (typeof application.feedback === 'string') {
-    feedbackText = application.feedback;
-  } else if (Array.isArray(application.feedback)) {
-    feedbackText = application.feedback
-      .map((f) => (typeof f === 'string' ? f : f.feedback || ''))
-      .filter((f) => f)
-      .join('\n');
-  } else if (application.feedback && typeof application.feedback === 'object') {
-    feedbackText = application.feedback.feedback || '';
+  const feedbackList = Array.isArray(application.feedback)
+    ? application.feedback
+    : [];
+
+  if (feedbackList.length > 0) {
+    const feedbackListContainer = createElement({
+      type: 'div',
+      attributes: { class: 'feedback-list' },
+    });
+
+    feedbackList.forEach((item) => {
+      const feedbackContent = typeof item === 'string' ? item : item.feedback;
+      const feedbackMeta = typeof item === 'object' ? item : {};
+
+      if (!feedbackContent) return;
+
+      const itemEl = createElement({
+        type: 'div',
+        attributes: { class: 'feedback-item' },
+      });
+
+      if (feedbackMeta.reviewerName || feedbackMeta.createdAt) {
+        const metaEl = createElement({
+          type: 'div',
+          attributes: { class: 'feedback-meta' },
+        });
+        const dateStr = feedbackMeta.createdAt
+          ? new Date(feedbackMeta.createdAt).toLocaleDateString()
+          : '';
+        const reviewer = feedbackMeta.reviewerName || 'Reviewer';
+        metaEl.innerText = `${reviewer} • ${dateStr}`;
+        itemEl.appendChild(metaEl);
+      }
+
+      const textEl = createElement({
+        type: 'p',
+        attributes: { class: 'feedback-text' },
+      });
+      textEl.innerText = feedbackContent;
+      itemEl.appendChild(textEl);
+      feedbackListContainer.appendChild(itemEl);
+    });
+
+    applicationSection.appendChild(feedbackListContainer);
   }
 
   const applicationTextArea = createElement({
@@ -347,7 +381,7 @@ function openApplicationDetails(application) {
       class: 'application-textarea',
       placeHolder: 'Add Feedback here',
     },
-    innerText: feedbackText,
+    innerText: '',
   });
 
   applicationSection.appendChild(applicationSectionTitle);
@@ -382,21 +416,6 @@ function openApplicationDetails(application) {
       innerText: 'Application was already accepted',
     });
     applicationDetailsActionsContainer.append(applicationDetailsAcceptedMsg);
-  } else if (currentStatus === 'changes_requested') {
-    applicationAcceptButton.classList.add('hidden');
-    applicationRejectButton.classList.add('hidden');
-    applicationRequestChangesButton.classList.add('hidden');
-
-    const applicationDetailsChangesRequestedMsg = createElement({
-      type: 'p',
-      attributes: {
-        class: 'application-details-changes-requested-msg',
-      },
-      innerText: 'Changes were already requested',
-    });
-    applicationDetailsActionsContainer.append(
-      applicationDetailsChangesRequestedMsg,
-    );
   } else {
     applicationRejectButton.disabled = false;
     applicationRejectButton.style.cursor = 'pointer';
diff --git a/applications/style.css b/applications/style.css
index 9440fd38..9245644e 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -471,6 +471,10 @@ body {
   background-color: var(--color-rejected);
 }
 
+.description.status-changes_requested {
+  background-color: var(--color-pending);
+}
+
 .application-highlights {
   display: flex;
   gap: 1.25rem;
@@ -798,3 +802,38 @@ body {
     min-width: auto;
   }
 }
+
+.feedback-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-bottom: 10px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px;
+  border: 1px solid var(--light-gray-color);
+  border-radius: 5px;
+  background-color: #f9f9f9;
+}
+
+.feedback-item {
+  background-color: var(--white);
+  padding: 10px;
+  border-radius: 5px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  border: 1px solid #eee;
+}
+
+.feedback-meta {
+  font-size: 11px;
+  color: var(--color-gray);
+  margin-bottom: 4px;
+  font-weight: 600;
+}
+
+.feedback-text {
+  font-size: 14px;
+  color: var(--black-color);
+  margin: 0;
+  white-space: pre-wrap;
+}
diff --git a/mock-data/applications/index.js b/mock-data/applications/index.js
index 68008ab5..eb3efcb3 100644
--- a/mock-data/applications/index.js
+++ b/mock-data/applications/index.js
@@ -31,7 +31,13 @@ const fetchedApplications = [
       skills: 'REACT, NODE JS',
       institution: 'Christ church college',
     },
-    feedback: 'estee',
+    feedback: [
+      {
+        feedback: 'estee',
+        reviewerName: 'Reviewer',
+        createdAt: '2023-12-20T10:00:00.000Z',
+      },
+    ],
     status: 'accepted',
   },
   {
@@ -367,8 +373,48 @@ const pendingApplications = [
   },
 ];
 
+const changesRequestedApplications = [
+  {
+    id: 'lavEduxsb2C5Bl4s289P',
+    createdAt: '2023-12-19T00:23:07.865Z',
+    score: 70,
+    nudgeCount: 4,
+    intro: {
+      funFact: 'fun fact text',
+      forFun: 'for fun text',
+      numberOfHours: 14,
+      whyRds: 'why rds text',
+      introduction: 'introduction text',
+    },
+    biodata: {
+      firstName: 'sixth',
+      lastName: 'trivedi',
+    },
+    location: {
+      country: 'India',
+      city: 'Kanpur',
+      state: 'UP',
+    },
+    foundFrom: 'twitter',
+    userId: 'hKzs2IQGe4sLnAuSZ85i',
+    professional: {
+      skills: 'REACT, NODE JS',
+      institution: 'Christ church college',
+    },
+    feedback: [
+      {
+        feedback: 'Please update your introduction.',
+        reviewerName: 'Admin',
+        createdAt: '2023-12-20T10:00:00.000Z',
+      },
+    ],
+    status: 'changes_requested',
+  },
+];
+
 module.exports = {
   fetchedApplications,
   acceptedApplications,
   pendingApplications,
+  changesRequestedApplications,
 };

From ccd2937bbc4bd4dcd87217bbf50e01bf73174d22 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Thu, 19 Feb 2026 21:59:30 +0530
Subject: [PATCH 12/13] feat: Add application score display and last edited
 timestamp in details view

---
 applications/script.js | 36 ++++++++++++++++++++++++++++++------
 applications/style.css | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 62 insertions(+), 6 deletions(-)

diff --git a/applications/script.js b/applications/script.js
index d4da9243..275cd09e 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -260,6 +260,12 @@ function openApplicationDetails(application) {
         title: 'For fun',
         description: application.intro.forFun,
       },
+      {
+        title: 'Last Edited',
+        description: application.updatedAt
+          ? new Date(application.updatedAt).toLocaleString()
+          : 'N/A',
+      },
     ],
   };
 
@@ -331,9 +337,18 @@ function openApplicationDetails(application) {
 
   const feedbackList = Array.isArray(application.feedback)
     ? application.feedback
+    : application.feedback
+    ? [application.feedback]
     : [];
 
   if (feedbackList.length > 0) {
+    const feedbackHistoryTitle = createElement({
+      type: 'h3',
+      attributes: { class: 'feedback-history-heading' },
+      innerText: 'Admin Feedback',
+    });
+    applicationSection.appendChild(feedbackHistoryTitle);
+
     const feedbackListContainer = createElement({
       type: 'div',
       attributes: { class: 'feedback-list' },
@@ -358,7 +373,7 @@ function openApplicationDetails(application) {
         const dateStr = feedbackMeta.createdAt
           ? new Date(feedbackMeta.createdAt).toLocaleDateString()
           : '';
-        const reviewer = feedbackMeta.reviewerName || 'Reviewer';
+        const reviewer = feedbackMeta.reviewerName || 'Admin';
         metaEl.innerText = `${reviewer} • ${dateStr}`;
         itemEl.appendChild(metaEl);
       }
@@ -536,6 +551,13 @@ function createApplicationCard({ application, dev, index }) {
   applicationCard.appendChild(introductionText);
 
   if (dev) {
+    const scoreBadge = createElement({
+      type: 'div',
+      attributes: { class: 'application-score', title: 'Application Score' },
+      innerText: `${application.score || 0}`,
+    });
+    applicationCard.appendChild(scoreBadge);
+
     applicationCard.style.cursor = 'pointer';
     applicationCard.addEventListener('click', () => {
       addQueryParamInUrl('id', application.id);
@@ -548,6 +570,13 @@ function createApplicationCard({ application, dev, index }) {
       innerText: 'View Details',
     });
 
+    const scoreText = createElement({
+      type: 'div',
+      attributes: { class: 'application-score-text' },
+      innerText: `Score: ${application.score || 0}`,
+    });
+    applicationCard.appendChild(scoreText);
+
     viewDetailsButton.addEventListener('click', () => {
       addQueryParamInUrl('id', application.id);
       openApplicationDetails(application);
@@ -760,11 +789,6 @@ filterRemove.addEventListener('click', () => {
   renderApplicationCards(nextLink, status, true, dev);
 });
 
-backDrop.addEventListener('click', () => {
-  filterModal.classList.add('hidden');
-  backDrop.style.display = 'none';
-});
-
 backDropBlur.addEventListener('click', closeApplicationDetails);
 applicationCloseButton.addEventListener('click', closeApplicationDetails);
 
diff --git a/applications/style.css b/applications/style.css
index 9245644e..860c2ee4 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -837,3 +837,35 @@ body {
   margin: 0;
   white-space: pre-wrap;
 }
+
+.application-card {
+  position: relative;
+}
+
+.application-score {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background: var(--color-primary);
+  color: #fff;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-weight: bold;
+  font-size: 12px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.feedback-history-heading {
+  font-size: 16px;
+  font-weight: 700;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  color: var(--black-color);
+}
+
+.application-score-text {
+  font-weight: bold;
+  margin-bottom: 4px;
+  color: var(--black-color);
+  align-self: flex-end;
+}

From fed2c33f966c16316fb5a47c065c5420ecf51bc4 Mon Sep 17 00:00:00 2001
From: Dhirenderchoudhary <dhirenderchoudhary0001@gmail.com>
Date: Fri, 20 Feb 2026 19:43:19 +0530
Subject: [PATCH 13/13] feat: Add application highlights, status badges, and
 request changes functionality to application details.

---
 applications/script.js          | 39 +++++++++++++++++++--------------
 applications/style.css          | 11 +++++-----
 mock-data/applications/index.js |  8 ++++---
 3 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/applications/script.js b/applications/script.js
index 275cd09e..1c4d4f4f 100644
--- a/applications/script.js
+++ b/applications/script.js
@@ -261,9 +261,9 @@ function openApplicationDetails(application) {
         description: application.intro.forFun,
       },
       {
-        title: 'Last Edited',
-        description: application.updatedAt
-          ? new Date(application.updatedAt).toLocaleString()
+        title: 'Last Application Edit',
+        description: application.lastEditAt
+          ? new Date(application.lastEditAt).toLocaleString()
           : 'N/A',
       },
     ],
@@ -355,35 +355,42 @@ function openApplicationDetails(application) {
     });
 
     feedbackList.forEach((item) => {
-      const feedbackContent = typeof item === 'string' ? item : item.feedback;
-      const feedbackMeta = typeof item === 'object' ? item : {};
+      const {
+        feedback: feedbackContent,
+        reviewerName,
+        createdAt,
+        status,
+      } = item;
 
-      if (!feedbackContent) return;
+      if (!feedbackContent && !status) return;
 
       const itemEl = createElement({
         type: 'div',
         attributes: { class: 'feedback-item' },
       });
 
-      if (feedbackMeta.reviewerName || feedbackMeta.createdAt) {
+      if (reviewerName || createdAt) {
         const metaEl = createElement({
           type: 'div',
           attributes: { class: 'feedback-meta' },
         });
-        const dateStr = feedbackMeta.createdAt
-          ? new Date(feedbackMeta.createdAt).toLocaleDateString()
+        const dateStr = createdAt
+          ? new Date(createdAt).toLocaleDateString()
           : '';
-        const reviewer = feedbackMeta.reviewerName || 'Admin';
+        const reviewer = reviewerName || 'Admin';
         metaEl.innerText = `${reviewer} • ${dateStr}`;
         itemEl.appendChild(metaEl);
       }
 
-      const textEl = createElement({
-        type: 'p',
-        attributes: { class: 'feedback-text' },
-      });
-      textEl.innerText = feedbackContent;
-      itemEl.appendChild(textEl);
+      if (feedbackContent) {
+        const textEl = createElement({
+          type: 'p',
+          attributes: { class: 'feedback-text' },
+        });
+        textEl.innerText = feedbackContent;
+        itemEl.appendChild(textEl);
+      }
+
       feedbackListContainer.appendChild(itemEl);
     });
 
diff --git a/applications/style.css b/applications/style.css
index 860c2ee4..93503ff7 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -16,6 +16,7 @@
   --color-accepted: #16a34a;
   --color-pending: #ca8a04;
   --color-rejected: #dc2626;
+  --color-changes-requested: #f87314;
 }
 
 .user-text-index {
@@ -472,7 +473,7 @@ body {
 }
 
 .description.status-changes_requested {
-  background-color: var(--color-pending);
+  background-color: var(--color-changes-requested);
 }
 
 .application-highlights {
@@ -598,14 +599,14 @@ body {
 
 #application-details-request-changes {
   background-color: white;
-  color: var(--color-pending);
+  color: var(--color-changes-requested);
   margin: 0 auto;
   width: 32%;
-  border: 2px solid var(--color-pending);
+  border: 2px solid var(--color-changes-requested);
 }
 
 #application-details-request-changes:is(:hover, :active, :focus-visible) {
-  background: var(--color-pending);
+  background: var(--color-changes-requested);
   color: var(--white);
   transition: transform 0.2s ease;
   will-change: transform;
@@ -641,7 +642,7 @@ body {
 }
 
 .application-details-changes-requested-msg {
-  color: var(--color-pending);
+  color: var(--color-changes-requested);
 }
 
 .unauthorized-text {
diff --git a/mock-data/applications/index.js b/mock-data/applications/index.js
index eb3efcb3..79a34d93 100644
--- a/mock-data/applications/index.js
+++ b/mock-data/applications/index.js
@@ -2,7 +2,7 @@ const fetchedApplications = [
   {
     id: 'lavEduxsb2C5Bl4s289P',
     createdAt: '2023-12-19T00:23:07.865Z',
-    updatedAt: '2023-12-20T10:15:30.000Z',
+    lastEditAt: '2023-12-20T10:15:30.000Z',
     score: 85,
     nudgeCount: 2,
     intro: {
@@ -33,9 +33,10 @@ const fetchedApplications = [
     },
     feedback: [
       {
-        feedback: 'estee',
+        status: 'accepted',
         reviewerName: 'Reviewer',
         createdAt: '2023-12-20T10:00:00.000Z',
+        feedback: 'estee',
       },
     ],
     status: 'accepted',
@@ -403,9 +404,10 @@ const changesRequestedApplications = [
     },
     feedback: [
       {
-        feedback: 'Please update your introduction.',
+        status: 'changes_requested',
         reviewerName: 'Admin',
         createdAt: '2023-12-20T10:00:00.000Z',
+        feedback: 'Please update your introduction.',
       },
     ],
     status: 'changes_requested',