diff --git a/src/components/PRGradingScreen/PRGradingScreen.jsx b/src/components/PRGradingScreen/PRGradingScreen.jsx
index 4c96cf1d2f..8605c5c2c6 100644
--- a/src/components/PRGradingScreen/PRGradingScreen.jsx
+++ b/src/components/PRGradingScreen/PRGradingScreen.jsx
@@ -1,9 +1,11 @@
+import axios from 'axios';
 import PropTypes from 'prop-types';
 import { useMemo, useState } from 'react';
 import { Button, Card, Col, Container, Row } from 'react-bootstrap';
 import { useSelector } from 'react-redux';
 import { v4 as uuidv4 } from 'uuid';
 import styles from './PRGradingScreen.module.css';
+import PromotionConfirmationBox from './PromotionConfirmationBox';
 
 const PRGradingScreen = ({ teamData, reviewers }) => {
   const darkMode = useSelector(state => state.theme.darkMode);
@@ -14,10 +16,19 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
   const [inputError, setInputError] = useState('');
   const [showGradingModal, setShowGradingModal] = useState(null);
   const [isFinalized, setIsFinalized] = useState(false);
-
-  // Search state
   const [searchTerm, setSearchTerm] = useState('');
   const [roleFilter, setRoleFilter] = useState('');
+  const [promotionCandidate, setPromotionCandidate] = useState(null);
+  const [confirmedPromotions, setConfirmedPromotions] = useState(() => {
+    try {
+      const stored = localStorage.getItem(`promotedReviewers_${teamData?.teamName}`);
+      return stored ? JSON.parse(stored) : [];
+    } catch {
+      return [];
+    }
+  });
+  const [selectedForPromotion, setSelectedForPromotion] = useState([]);
+  const [showBatchConfirm, setShowBatchConfirm] = useState(false);
 
   /* ---------------- SEARCH FILTER ---------------- */
 
@@ -111,8 +122,89 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
   };
 
   const handleCloseGradingModal = () => setShowGradingModal(null);
+
   const handleFinalize = () => setIsFinalized(true);
 
+  /* ---------------- PROMOTION ---------------- */
+
+  const handlePromoteClick = async reviewer => {
+    try {
+      const response = await axios.get(
+        `${process.env.REACT_APP_APIENDPOINT}/promotion-details/${reviewer.id}`,
+      );
+      setPromotionCandidate({
+        reviewerId: reviewer.id,
+        reviewerName: response.data.reviewerName || reviewer.reviewer,
+        teamCode: response.data.teamCode || teamData.teamName,
+        teamReviewerName: response.data.teamReviewerName || reviewer.reviewer,
+        weeklyPRs:
+          response.data.weeklyPRs && response.data.weeklyPRs.length > 0
+            ? response.data.weeklyPRs
+            : [{ week: teamData.dateRange.start, count: reviewer.gradedPrs.length }],
+      });
+    } catch (error) {
+      setPromotionCandidate({
+        reviewerId: reviewer.id,
+        reviewerName: reviewer.reviewer,
+        teamCode: teamData.teamName,
+        teamReviewerName: reviewer.reviewer,
+        weeklyPRs: [{ week: teamData.dateRange.start, count: reviewer.gradedPrs.length }],
+      });
+    }
+  };
+
+  const handleConfirmPromotion = async (reviewerName, reviewerId) => {
+    try {
+      if (reviewerId) {
+        await axios.post(`${process.env.REACT_APP_APIENDPOINT}/promote-members`, {
+          memberIds: [reviewerId],
+        });
+      }
+    } catch (error) {
+      // silently continue
+    }
+    setConfirmedPromotions(prev => {
+      const updated = [...prev, reviewerName];
+      localStorage.setItem(`promotedReviewers_${teamData?.teamName}`, JSON.stringify(updated));
+      return updated;
+    });
+    setPromotionCandidate(null);
+  };
+
+  const handleCancelPromotion = () => setPromotionCandidate(null);
+
+  /* ---------------- BATCH PROMOTION ---------------- */
+
+  const handleCheckboxChange = reviewerId => {
+    setSelectedForPromotion(prev =>
+      prev.includes(reviewerId) ? prev.filter(id => id !== reviewerId) : [...prev, reviewerId],
+    );
+  };
+
+  const handleBatchConfirm = async () => {
+    try {
+      if (selectedForPromotion.length > 0) {
+        await axios.post(`${process.env.REACT_APP_APIENDPOINT}/promote-members`, {
+          memberIds: selectedForPromotion,
+        });
+      }
+    } catch (error) {
+      // silently continue
+    }
+    const selectedNames = reviewerData
+      .filter(r => selectedForPromotion.includes(r.id))
+      .map(r => r.reviewer);
+    setConfirmedPromotions(prev => {
+      const updated = [...prev, ...selectedNames];
+      localStorage.setItem(`promotedReviewers_${teamData?.teamName}`, JSON.stringify(updated));
+      return updated;
+    });
+    setSelectedForPromotion([]);
+    setShowBatchConfirm(false);
+  };
+
+  const handleBatchCancel = () => setShowBatchConfirm(false);
+
   /* ---------------- RENDER ---------------- */
 
   const dm = darkMode ? styles['dark-mode'] : '';
@@ -144,7 +236,7 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
             </Card.Header>
 
             <Card.Body className={dm}>
-              {/* ── Search Bar ── */}
+              {/* Search Bar */}
               <div className={`${styles['pr-grading-screen-search-bar']} ${dm}`}>
                 <input
                   type="text"
@@ -153,7 +245,6 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                   onChange={e => setSearchTerm(e.target.value)}
                   className={`${styles['pr-grading-screen-search-input']} ${dm}`}
                 />
-
                 {availableRoles.length > 0 && (
                   <select
                     value={roleFilter}
@@ -168,7 +259,6 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                     ))}
                   </select>
                 )}
-
                 {(searchTerm || roleFilter) && (
                   <button
                     onClick={handleClearSearch}
@@ -188,7 +278,6 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                     <th>PR Numbers</th>
                   </tr>
                 </thead>
-
                 <tbody>
                   {filteredReviewers.length === 0 ? (
                     <tr>
@@ -199,7 +288,56 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                   ) : (
                     filteredReviewers.map(reviewer => (
                       <tr key={reviewer.id}>
-                        <td>{reviewer.reviewer}</td>
+                        <td>
+                          <div
+                            style={{
+                              display: 'flex',
+                              flexDirection: 'column',
+                              alignItems: 'center',
+                              gap: '6px',
+                            }}
+                          >
+                            <span>{reviewer.reviewer}</span>
+                            {!confirmedPromotions.includes(reviewer.reviewer) ? (
+                              <>
+                                <input
+                                  type="checkbox"
+                                  title="Select for batch promotion"
+                                  checked={selectedForPromotion.includes(reviewer.id)}
+                                  onChange={() => handleCheckboxChange(reviewer.id)}
+                                  style={{
+                                    marginTop: '4px',
+                                    cursor: 'pointer',
+                                    width: '16px',
+                                    height: '16px',
+                                  }}
+                                />
+                                <button
+                                  type="button"
+                                  onClick={() => handlePromoteClick(reviewer)}
+                                  style={{
+                                    fontSize: '0.75rem',
+                                    padding: '3px 10px',
+                                    borderRadius: '4px',
+                                    border: 'none',
+                                    background: '#ffc107',
+                                    color: '#333',
+                                    cursor: 'pointer',
+                                    fontWeight: '600',
+                                  }}
+                                >
+                                  🏆 Promote
+                                </button>
+                              </>
+                            ) : (
+                              <span
+                                style={{ fontSize: '0.75rem', color: '#28a745', fontWeight: '600' }}
+                              >
+                                ✅ Promoted
+                              </span>
+                            )}
+                          </div>
+                        </td>
 
                         <td>
                           <input
@@ -250,8 +388,13 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                               <input
                                 type="text"
                                 value={inputValue}
-                                onChange={e => setInputValue(e.target.value)}
-                                className={styles['pr-grading-screen-pr-number-input']}
+                                onChange={e => {
+                                  setInputValue(e.target.value);
+                                  setInputError('');
+                                }}
+                                className={`${styles['pr-grading-screen-pr-number-input']} ${
+                                  inputError ? styles['pr-grading-screen-input-error'] : ''
+                                } ${dm}`}
                                 placeholder="1070 or 1070 + 1256"
                               />
                               <Button
@@ -264,6 +407,13 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                               <Button variant="secondary" size="sm" onClick={handleCancel}>
                                 Cancel
                               </Button>
+                              {inputError && (
+                                <div
+                                  className={`${styles['pr-grading-screen-error-message']} ${dm}`}
+                                >
+                                  {inputError}
+                                </div>
+                              )}
                             </div>
                           )}
                         </td>
@@ -289,7 +439,6 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                 ×
               </button>
             </div>
-
             <div className={`${styles['pr-grading-screen-modal-body']} ${dm}`}>
               <table className={`${styles['pr-grading-screen-grading-table']} ${dm}`}>
                 <thead>
@@ -349,7 +498,6 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                     ))}
                 </tbody>
               </table>
-
               <div className={`${styles['pr-grading-screen-modal-footer']} ${dm}`}>
                 <Button variant="primary" onClick={handleCloseGradingModal}>
                   Done
@@ -359,6 +507,142 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
           </div>
         </div>
       )}
+
+      {selectedForPromotion.length > 0 && (
+        <div
+          style={{
+            position: 'fixed',
+            bottom: '80px',
+            right: '24px',
+            zIndex: 999,
+            display: 'flex',
+            gap: '12px',
+            alignItems: 'center',
+            background: darkMode ? '#2d4059' : '#fff',
+            padding: '12px 20px',
+            borderRadius: '8px',
+            boxShadow: '0 4px 12px rgba(0,0,0,0.2)',
+            border: `1px solid ${darkMode ? '#4a5a77' : '#dee2e6'}`,
+          }}
+        >
+          <span style={{ color: darkMode ? '#fff' : '#333', fontWeight: '600' }}>
+            {selectedForPromotion.length} selected
+          </span>
+          <button
+            type="button"
+            onClick={() => setShowBatchConfirm(true)}
+            style={{
+              padding: '8px 20px',
+              borderRadius: '4px',
+              border: 'none',
+              background: '#28a745',
+              color: '#fff',
+              cursor: 'pointer',
+              fontWeight: '600',
+            }}
+          >
+            🏆 Promote Selected
+          </button>
+          <button
+            type="button"
+            onClick={() => setSelectedForPromotion([])}
+            style={{
+              padding: '8px 12px',
+              borderRadius: '4px',
+              border: `1px solid ${darkMode ? '#5a6b88' : '#dee2e6'}`,
+              background: 'transparent',
+              color: darkMode ? '#fff' : '#333',
+              cursor: 'pointer',
+            }}
+          >
+            Clear
+          </button>
+        </div>
+      )}
+
+      {showBatchConfirm && (
+        <div className={`${styles['pr-grading-screen-modal-overlay']} ${dm}`}>
+          <div className={`${styles['pr-grading-screen-modal']} ${dm}`}>
+            <div className={`${styles['pr-grading-screen-modal-header']} ${dm}`}>
+              <h4 style={{ margin: 0, color: darkMode ? '#fff' : '#333' }}>
+                🏆 Confirm Batch Promotion
+              </h4>
+              <button
+                type="button"
+                className={styles['pr-grading-screen-modal-close']}
+                onClick={handleBatchCancel}
+              >
+                ×
+              </button>
+            </div>
+            <div className={`${styles['pr-grading-screen-modal-body']} ${dm}`}>
+              <p style={{ color: darkMode ? '#fff' : '#333', marginBottom: '12px' }}>
+                You are about to promote <strong>{selectedForPromotion.length}</strong> reviewer(s):
+              </p>
+              <ul style={{ color: darkMode ? '#fff' : '#333', marginBottom: '16px' }}>
+                {reviewerData
+                  .filter(r => selectedForPromotion.includes(r.id))
+                  .map(r => (
+                    <li key={r.id}>{r.reviewer}</li>
+                  ))}
+              </ul>
+              <p
+                style={{
+                  color: darkMode ? '#fff' : '#333',
+                  fontWeight: '600',
+                  textAlign: 'center',
+                }}
+              >
+                Are you sure you want to promote all selected reviewers?
+              </p>
+            </div>
+            <div
+              className={`${styles['pr-grading-screen-modal-footer']} ${dm}`}
+              style={{ gap: '12px' }}
+            >
+              <button
+                type="button"
+                onClick={handleBatchCancel}
+                style={{
+                  padding: '8px 20px',
+                  borderRadius: '4px',
+                  border: `1px solid ${darkMode ? '#5a6b88' : '#6c757d'}`,
+                  background: darkMode ? '#6c757d' : '#fff',
+                  color: darkMode ? '#fff' : '#6c757d',
+                  cursor: 'pointer',
+                  fontWeight: '600',
+                }}
+              >
+                Cancel
+              </button>
+              <button
+                type="button"
+                onClick={handleBatchConfirm}
+                style={{
+                  padding: '8px 20px',
+                  borderRadius: '4px',
+                  border: 'none',
+                  background: '#28a745',
+                  color: '#fff',
+                  cursor: 'pointer',
+                  fontWeight: '600',
+                }}
+              >
+                ✅ Confirm All
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {promotionCandidate && (
+        <PromotionConfirmationBox
+          reviewer={promotionCandidate}
+          onConfirm={handleConfirmPromotion}
+          onCancel={handleCancelPromotion}
+          darkMode={darkMode}
+        />
+      )}
     </Container>
   );
 };
diff --git a/src/components/PRGradingScreen/PromotionConfirmationBox.jsx b/src/components/PRGradingScreen/PromotionConfirmationBox.jsx
index 2244539b6c..35f5da2ac3 100644
--- a/src/components/PRGradingScreen/PromotionConfirmationBox.jsx
+++ b/src/components/PRGradingScreen/PromotionConfirmationBox.jsx
@@ -229,7 +229,7 @@ function PromotionConfirmationBox({ reviewer, onConfirm, onCancel, darkMode }) {
           className={`${styles['pr-grading-screen-modal-footer']} ${
             darkMode ? styles['dark-mode'] : ''
           }`}
-          style={{ gap: '12px' }}
+          style={{ gap: '12px', padding: '16px 24px', marginTop: '8px' }}
         >
           <button
             type="button"