diff --git a/src/redux/reducers/Progress/TaskAnalytics.js b/src/redux/reducers/Progress/TaskAnalytics.js
index f66b3f17a..d41c2f526 100644
--- a/src/redux/reducers/Progress/TaskAnalytics.js
+++ b/src/redux/reducers/Progress/TaskAnalytics.js
@@ -2,7 +2,6 @@ import C from "../../constants";
 
 let initialState = {
   data: [],
-  originalData: [],
 };
 
 const diffAnnotationReview = (payload) => {
@@ -14,7 +13,11 @@ const diffAnnotationReview = (payload) => {
         languages: (value?.language),
         annotation_cumulative_tasks_count: (value?.ann_cumulative_tasks_count),
         review_cumulative_tasks_count: (value?.rew_cumulative_tasks_count),
-        diff_annotation_review: (value?.ann_cumulative_tasks_count - value?.rew_cumulative_tasks_count)
+        sup_cumulative_tasks_count : (value?.sup_cumulative_tasks_count),
+        diff_annotation_rev_sup: (value?.ann_cumulative_tasks_count - value?.rew_cumulative_tasks_count-value?.sup_cumulative_tasks_count),
+        diff_annotation_rev: (value?.ann_cumulative_tasks_count - value?.rew_cumulative_tasks_count),
+        diff_annotation_sup: (value?.ann_cumulative_tasks_count - value?.sup_cumulative_tasks_count),
+        diff_rev:(value?.rew_cumulative_tasks_count-value?.sup_cumulative_tasks_count),
       };
     })
   })
@@ -29,8 +32,7 @@ const reducer = (state = initialState, action) => {
   switch (action.type) {
     case C.FETCH_TASK_ANALYTICS_DATA:
       const data = diffAnnotationReview(action.payload);
-      return { ...state, originalData: action.payload, data };
-
+      return { ...state, data };
 
     default:
       return {
diff --git a/src/redux/reducers/WorkspaceDetails/GetTaskAnalytics.js b/src/redux/reducers/WorkspaceDetails/GetTaskAnalytics.js
index 55522d0b5..5d8c04844 100644
--- a/src/redux/reducers/WorkspaceDetails/GetTaskAnalytics.js
+++ b/src/redux/reducers/WorkspaceDetails/GetTaskAnalytics.js
@@ -15,7 +15,11 @@ const diffAnnotationReview = (payload) => {
         languages: (value?.language),
         annotation_cumulative_tasks_count: (value?.ann_cumulative_tasks_count),
         review_cumulative_tasks_count: (value?.rew_cumulative_tasks_count),
-        diff_annotation_review: (value?.ann_cumulative_tasks_count - value?.rew_cumulative_tasks_count)
+        sup_cumulative_tasks_count : (value?.sup_cumulative_tasks_count),
+        diff_annotation_rev_sup: (value?.ann_cumulative_tasks_count - value?.rew_cumulative_tasks_count-value?.sup_cumulative_tasks_count),
+        diff_annotation_rev: (value?.ann_cumulative_tasks_count - value?.rew_cumulative_tasks_count),
+        diff_annotation_sup: (value?.ann_cumulative_tasks_count - value?.sup_cumulative_tasks_count),
+        diff_rev:(value?.rew_cumulative_tasks_count-value?.sup_cumulative_tasks_count),
       };
     })
   })
diff --git a/src/ui/pages/container/Progress/MetaAnalytics/MetaAnalytics.jsx b/src/ui/pages/container/Progress/MetaAnalytics/MetaAnalytics.jsx
index 7cdd01f43..3a2832515 100644
--- a/src/ui/pages/container/Progress/MetaAnalytics/MetaAnalytics.jsx
+++ b/src/ui/pages/container/Progress/MetaAnalytics/MetaAnalytics.jsx
@@ -231,9 +231,9 @@ export default function MetaAnalytics(props) {
             </Select>
           </FormControl>
 {/* <Grid item xs={12} sm={12} md={12} lg={12} xl={12} container justifyContent="space-between" alignItems="center"> */}
-<CustomButton label="Submit" sx={{ width: "120px" }} onClick={handleSubmit} disabled={loading} />
-          <Box display="flex" alignItems="center">
-            <CustomButton
+<CustomButton label="Submit" sx={{ width: "120px" }} onClick={handleSubmit}  />
+<Box display="flex"   sx={{ width: { xs: "100px", md: "120px" }, height: "40px", marginRight: 1 }}alignItems="center">
+<CustomButton
               onClick={handleClick}
               disabled={loading}
               sx={{ marginRight: 1 }}
diff --git a/src/ui/pages/container/Progress/MetaAnalytics/SentanceCountMetaAnalyticsChart.jsx b/src/ui/pages/container/Progress/MetaAnalytics/SentanceCountMetaAnalyticsChart.jsx
index 1306bc0a3..70731872e 100644
--- a/src/ui/pages/container/Progress/MetaAnalytics/SentanceCountMetaAnalyticsChart.jsx
+++ b/src/ui/pages/container/Progress/MetaAnalytics/SentanceCountMetaAnalyticsChart.jsx
@@ -108,7 +108,7 @@ export default function SentanceCountMetaAnalyticsChart(props) {
             </Box>
         <Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Sentance Count
+                Total Annotated Count
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalSentanceCount &&
@@ -117,7 +117,7 @@ export default function SentanceCountMetaAnalyticsChart(props) {
             </Box>
             <Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Annotation Sentance Count
+                Pending Review Count
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalAnnotationSentanceCount &&
@@ -126,7 +126,7 @@ export default function SentanceCountMetaAnalyticsChart(props) {
             </Box>
             <Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Quality/Reviewed Sentance Count
+                Review Completed Count
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalReviewSentanceCount &&
@@ -218,4 +218,4 @@ export default function SentanceCountMetaAnalyticsChart(props) {
           </Paper>
     </Box>
   )
-}
\ No newline at end of file
+}
diff --git a/src/ui/pages/container/Progress/MetaAnalytics/WordCountMetaAnalyticsChart.jsx b/src/ui/pages/container/Progress/MetaAnalytics/WordCountMetaAnalyticsChart.jsx
index 0241b19c4..a522b8fc9 100644
--- a/src/ui/pages/container/Progress/MetaAnalytics/WordCountMetaAnalyticsChart.jsx
+++ b/src/ui/pages/container/Progress/MetaAnalytics/WordCountMetaAnalyticsChart.jsx
@@ -15,8 +15,6 @@ import {
 
 export default function WordCountMetaAnalyticsChart(props) {
     const {analyticsData,graphCategory} = props
-    console.log(analyticsData);
-    
     const classes = DatasetStyle();
     const [totalWordCount, setTotalWordCount] = useState();
     const [totalAnnotationWordCount, setTotalAnnotationWordCount] = useState();
@@ -214,7 +212,7 @@ export default function WordCountMetaAnalyticsChart(props) {
             </Box>
         <Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Word Count
+                Total Annotated Count
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalWordCount &&
@@ -223,7 +221,7 @@ export default function WordCountMetaAnalyticsChart(props) {
             </Box>
             <Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Annotation Word Count
+                Pending Review  Count
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalAnnotationWordCount &&
@@ -232,7 +230,7 @@ export default function WordCountMetaAnalyticsChart(props) {
             </Box>
             <Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Quality/Reviewed Word Count
+                Review Completed  Count
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalReviewWordCount &&
diff --git a/src/ui/pages/container/Progress/TaskAnalytics/AudioTaskAnalyticsChart.jsx b/src/ui/pages/container/Progress/TaskAnalytics/AudioTaskAnalyticsChart.jsx
index 6c1c81700..683b74c1a 100644
--- a/src/ui/pages/container/Progress/TaskAnalytics/AudioTaskAnalyticsChart.jsx
+++ b/src/ui/pages/container/Progress/TaskAnalytics/AudioTaskAnalyticsChart.jsx
@@ -13,6 +13,7 @@ import {
   Tooltip,
   Legend,
   ResponsiveContainer,
+  Checkbox,
   Label,
 } from "recharts";
 import ResponsiveChartContainer from "../../../component/common/ResponsiveChartContainer"
@@ -21,11 +22,13 @@ import ResponsiveChartContainer from "../../../component/common/ResponsiveChartC
 function AudioTaskAnalyticsChart(props) {
   const classes = DatasetStyle();
   const dispatch = useDispatch();
-  const { analyticsData } = props;
+  const { analyticsData ,annotationChecked,reviewChecked,supercheckChecked} = props;
   const [totalTaskCount, setTotalTaskCount] = useState();
   const [totalAnnotationTasksCount, setTotalAnnotationTasksCount] = useState();
   const [totalReviewTasksCount, setTotalReviewTasksCount] = useState();
+  const [totalSuperCheckTasksCount, setTotalSuperCheckTasksCount] = useState();
   const [data, setData] = useState([]);
+  const [annRev,setAnnRev] = useState();
 
   useEffect(() => {
     analyticsData?.sort(
@@ -37,22 +40,27 @@ function AudioTaskAnalyticsChart(props) {
 
     let allAnnotatorCumulativeTasksCount = 0;
     let allReviewCumulativeTasksCount = 0;
+    let allSuperCheckCumulativeTasksCount = 0;
     var languages;
     analyticsData?.map((element, index) => {
       allAnnotatorCumulativeTasksCount +=
         element.annotation_cumulative_tasks_count;
       allReviewCumulativeTasksCount += element.review_cumulative_tasks_count;
+      allSuperCheckCumulativeTasksCount += element.sup_cumulative_tasks_count;
       languages = element.languages;
     });
 
     setTotalAnnotationTasksCount(allAnnotatorCumulativeTasksCount);
     setTotalReviewTasksCount(allReviewCumulativeTasksCount);
+    setTotalSuperCheckTasksCount(allSuperCheckCumulativeTasksCount)
     setTotalTaskCount(
-      allAnnotatorCumulativeTasksCount + allReviewCumulativeTasksCount
+      allAnnotatorCumulativeTasksCount + allReviewCumulativeTasksCount+allSuperCheckCumulativeTasksCount
     );
-  }, [analyticsData]);
+    setAnnRev(allAnnotatorCumulativeTasksCount + allReviewCumulativeTasksCount)
 
+  }, [analyticsData]);
   const CustomTooltip = ({ active, payload, label }) => {
+    
     if (active && payload && payload.length) {
       return (
         <div className={classes.toolTip}>
@@ -65,29 +73,77 @@ function AudioTaskAnalyticsChart(props) {
                       payload[0].payload.annotation_cumulative_tasks_count
                     )
                   : 0
-              }`}
-              <p style={{ color: "rgba(243, 156, 18 )" }}>
+              }`}</p>
+              {annotationChecked&&!reviewChecked&&!supercheckChecked?(<p style={{ color: "rgba(243, 156, 18 )" }}>
                 {`Annotation : ${
-                  payload[0].payload.diff_annotation_review
+                  payload[0].payload.annotation_cumulative_tasks_count
                     ? new Intl.NumberFormat("en").format(
-                        payload[0].payload.diff_annotation_review
+                        payload[0].payload.annotation_cumulative_tasks_count
                       )
                     : 0
-                }`}
-                <p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
+                }`}</p>):annotationChecked&&reviewChecked&&!supercheckChecked?(<p style={{ color: "rgba(243, 156, 18 )" }}>
+                  {`Annotation : ${
+                    payload[0].payload.diff_annotation_rev
+                      ? new Intl.NumberFormat("en").format(
+                          payload[0].payload.diff_annotation_rev
+                        )
+                      : 0
+                  }`}</p>):annotationChecked&&reviewChecked&&supercheckChecked?(<p style={{ color: "rgba(243, 156, 18 )" }}>
+                    {`Annotation : ${
+                      payload[0].payload.diff_annotation_rev_sup
+                        ? new Intl.NumberFormat("en").format(
+                            payload[0].payload.diff_annotation_rev_sup
+                          )
+                        : 0
+                    }`}</p>):null}
+
+
+
+
+                {reviewChecked&&!annotationChecked&&!supercheckChecked?(<p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
+                  payload[0].payload.diff_rev
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.diff_rev
+                      )
+                    : 0
+                }`}</p>):annotationChecked&&reviewChecked&&!supercheckChecked?(<p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
                   payload[0].payload.review_cumulative_tasks_count
                     ? new Intl.NumberFormat("en").format(
                         payload[0].payload.review_cumulative_tasks_count
                       )
                     : 0
-                }`}</p>
-              </p>
-            </p>
+                }`}</p>):annotationChecked&&reviewChecked&&supercheckChecked?(<p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
+                  payload[0].payload.diff_rev
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.diff_rev
+                      )
+                    : 0
+                }`}</p>):null}
+
+
+
+
+
+
+                {supercheckChecked&&!reviewChecked&&!annotationChecked?(<p style={{ color: "#17b2e8" }}>{`SuperCheck : ${
+                  payload[0].payload.sup_cumulative_tasks_count
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.sup_cumulative_tasks_count
+                      )
+                    : 0
+                }`}</p>):annotationChecked&&reviewChecked&&supercheckChecked?(<p style={{ color: "#17b2e8" }}>{`SuperCheck : ${
+                  payload[0].payload.sup_cumulative_tasks_count
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.sup_cumulative_tasks_count
+                      )
+                    : 0
+                }`}</p>):null}
           </p>
         </div>
       );
     }
 
+
     return null;
   };
 
@@ -97,7 +153,7 @@ function AudioTaskAnalyticsChart(props) {
         <Typography variant="h2" style={{marginBottom:"35px"}} className={classes.heading}>
           {`Tasks Dashboard - ${analyticsData[0].projectType}`}
           <Typography variant="body1">
-            Count of Annotated and Reviewed Audio Data
+            Count of Annotated , Reviewed  and  SuperChecked  Audio Data
           </Typography>
         </Typography>
        
@@ -113,34 +169,84 @@ function AudioTaskAnalyticsChart(props) {
               >
                 Tasks Dashboard
               </Typography>
-            </Box>
-            <Box className={classes.topBarInnerBox}>
-              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Tasks Count
+              </Box>
+            {annotationChecked?<Box className={classes.topBarInnerBox} style={{ borderLeft: "2px solid #00000029"}}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400"}}>
+                Total Annotated Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalAnnotationTasksCount &&
+                  new Intl.NumberFormat("en").format(totalAnnotationTasksCount)}
+              </Typography>
+            </Box>:annotationChecked&&reviewChecked&&!supercheckChecked?<Box className={classes.topBarInnerBox} style={{ borderLeft: "2px solid #00000029"}}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400"}}>
+                Total Annotated Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {annRev &&
+                  new Intl.NumberFormat("en").format(annRev)}
+              </Typography>
+            </Box>:annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox} style={{ borderLeft: "2px solid #00000029"}}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400"}}>
+                Total Annotated Tasks
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalTaskCount &&
                   new Intl.NumberFormat("en").format(totalTaskCount)}
               </Typography>
-            </Box>
-            <Box className={classes.topBarInnerBox}>
+            </Box>:null}
+
+
+
+            {annotationChecked&&reviewChecked&&!supercheckChecked?<Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-              Total Audio Files Annotated
+                Pending Review Tasks
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalAnnotationTasksCount &&
                   new Intl.NumberFormat("en").format(totalAnnotationTasksCount)}
               </Typography>
-            </Box>
-            <Box className={classes.topBarInnerBox}>
+            </Box>:annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
+                Pending Review Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalAnnotationTasksCount &&
+                  new Intl.NumberFormat("en").format(totalAnnotationTasksCount)}
+              </Typography>
+            </Box>:null}
+
+
+
+            {annotationChecked&&reviewChecked&&!supercheckChecked?<Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-              Total quality/ reviewed audio files
+                Review Completed Task
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalReviewTasksCount &&
                   new Intl.NumberFormat("en").format(totalReviewTasksCount)}
               </Typography>
-            </Box>
+            </Box>:annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
+                Pending Supercheck Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalReviewTasksCount &&
+                  new Intl.NumberFormat("en").format(totalReviewTasksCount)}
+              </Typography>
+            </Box>:null}
+
+
+
+            {annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
+              SuperCheck Completed Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalSuperCheckTasksCount &&
+                  new Intl.NumberFormat("en").format(totalSuperCheckTasksCount)}
+              </Typography>
+            </Box>:null}
           </Box>
           <Grid>
           <ResponsiveChartContainer>
@@ -203,21 +309,84 @@ function AudioTaskAnalyticsChart(props) {
                 content={<CustomTooltip />}
               />
               <Legend verticalAlign="top" />
-              <Bar
+              {supercheckChecked&&!reviewChecked&&!annotationChecked?(<Bar
+                dataKey="sup_cumulative_tasks_count"
+                barSize={30}
+                name="Supercheck"
+                stackId="a"
+                fill="#17b2e8"
+                 cursor="pointer"
+              />):annotationChecked&&reviewChecked&&supercheckChecked?(<Bar
+                dataKey="sup_cumulative_tasks_count"
+                barSize={30}
+                name="SuperCheck"
+                stackId="a"
+                fill="#17b2e8"
+                 cursor="pointer"
+              />):null}
+
+
+
+              {reviewChecked&&!annotationChecked&&!supercheckChecked?(<Bar
                 dataKey="review_cumulative_tasks_count"
                 barSize={30}
                 name="Review"
                 stackId="a"
                 fill="rgba(35, 155, 86 )"
                 cursor="pointer"
-              />
-              <Bar
-                dataKey="diff_annotation_review"
+              />):annotationChecked&&reviewChecked&&!supercheckChecked?(<Bar
+                dataKey="review_cumulative_tasks_count"
+                barSize={30}
+                name="Review"
+                stackId="a"
+                fill="rgba(35, 155, 86 )"
+                cursor="pointer"
+              />):annotationChecked&&reviewChecked&&supercheckChecked?(<Bar
+                dataKey="diff_rev"
+                barSize={30}
+                name="Review"
+                stackId="a"
+                fill="rgba(35, 155, 86 )"
+                 cursor="pointer"
+              />):reviewChecked&&supercheckChecked&&!annotationChecked?(<Bar
+                dataKey="diff_rev"
+                barSize={30}
+                name="Review"
+                stackId="a"
+                fill="#2C2799"
+                 cursor="pointer"
+              />):null}
+
+
+              {annotationChecked&&!reviewChecked&&!supercheckChecked?(<Bar
+                dataKey="annotation_cumulative_tasks_count"
                 barSize={30}
                 name="Annotation"
                 stackId="a"
                 fill="rgba(243, 156, 18 )"
-              />
+                 cursor="pointer"
+              />):annotationChecked&&reviewChecked&&!supercheckChecked?(<Bar
+                dataKey="diff_annotation_rev"
+                barSize={30}
+                name="Annotation"
+                stackId="a"
+                fill="rgba(243, 156, 18 )"
+                 cursor="pointer"
+              />):annotationChecked&&reviewChecked&&supercheckChecked?(<Bar
+                dataKey="diff_annotation_rev_sup"
+                barSize={30}
+                name="Annotation"
+                stackId="a"
+                fill="rgba(243, 156, 18 )"
+                 cursor="pointer"
+              />):annotationChecked&&supercheckChecked&&!reviewChecked?(<Bar
+                dataKey="diff_annotation_sup"
+                barSize={30}
+                name="Annotation"
+                stackId="a"
+                fill="rgba(243, 156, 18 )"
+                 cursor="pointer"
+              />):null}
             </BarChart>
             </ResponsiveChartContainer>
           </Grid>
diff --git a/src/ui/pages/container/Progress/TaskAnalytics/TaskAnalytics.jsx b/src/ui/pages/container/Progress/TaskAnalytics/TaskAnalytics.jsx
index f9651c8af..9abb62c56 100644
--- a/src/ui/pages/container/Progress/TaskAnalytics/TaskAnalytics.jsx
+++ b/src/ui/pages/container/Progress/TaskAnalytics/TaskAnalytics.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState,useRef } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { Grid, Button, FormControl, InputLabel, Select, MenuItem, Box, styled, Menu } from "@mui/material";
+import { Grid, Button, FormControl, InputLabel, Select, MenuItem, Box, styled, Menu,Checkbox ,FormControlLabel,IconButton} from "@mui/material";
 import APITransport from "../../../../../redux/actions/apitransport/apitransport";
 import TaskAnalyticsDataAPI from "../../../../../redux/actions/api/Progress/TaskAnalytics";
 import AudioTaskAnalyticsChart from "./AudioTaskAnalyticsChart";
@@ -14,7 +14,7 @@ import { MenuProps } from "../../../../../utils/utils";
 import exportFromJSON from 'export-from-json';
 import jsPDF from 'jspdf';
 import html2canvas from 'html2canvas';
-import { KeyboardArrowDown } from "@material-ui/icons";
+import { FilterList, KeyboardArrowDown } from "@material-ui/icons";
 const StyledMenu = styled((props) => (
   <Menu
     elevation={3}
@@ -47,6 +47,11 @@ const TaskAnalytics = (props) => {
   const taskAnalyticsData = useSelector((state) => state.getTaskAnalyticsData.data);
   const taskAnalyticsDataJson = useSelector((state) => state.getTaskAnalyticsData.originalData);
   const [anchorEl, setAnchorEl] = useState(null);
+  const [annotationChecked, setAnnotationChecked] = useState(true);
+  const [reviewChecked, setReviewChecked] = useState(true);
+  const [supercheckChecked, setSupercheckChecked] = useState(false);
+  const [showFilterBox, setShowFilterBox] = useState(false);
+
   const open = Boolean(anchorEl);
 
 
@@ -174,37 +179,111 @@ const TaskAnalytics = (props) => {
     setAnchorEl(event.currentTarget);
 
   };
+  const handleReviewChange = (e) => {
+    const isChecked = e.target.checked;
+    setReviewChecked(isChecked);
+    
+    if (isChecked) {
+      setAnnotationChecked(true);
+    }
+    else{
+      setSupercheckChecked(false)
+    }
+  };
+  
+  const handleSupercheckChange = (e) => {
+    const isChecked = e.target.checked;
+    setSupercheckChecked(isChecked);
+  
+    if (isChecked) {
+      setReviewChecked(true);
+      setAnnotationChecked(true);
+    }
+  };
+  const handleApply = () => {
+    getTaskAnalyticsdata();
+    setShowFilterBox(false); 
+  };
+
+  const handleCancel = () => {
+    setSelectedType("ContextualTranslationEditing");
+    setAnnotationChecked(true);
+    setReviewChecked(true);
+    setSupercheckChecked(true);
+    setShowFilterBox(false); 
+  };
 
-    return (
+  const toggleFilterBox = () => {
+    setShowFilterBox(!showFilterBox); 
+  };    return (
     <>
       <Grid container columnSpacing={3} rowSpacing={2} mb={1} gap={3}>
-        <Grid item xs={6} sm={6} md={6} lg={6} xl={6} display={"flex"} justifyContent="space-between" >
-          <FormControl  size="small">
-            <InputLabel id="demo-simple-select-label" sx={{ fontSize: "16px" }}>
-              Project Type {" "}
-              <LightTooltip arrow placement="top" title={translate("tooltip.ProjectType")}>
-                <InfoIcon fontSize="medium" />
-              </LightTooltip>
-            </InputLabel>
-            <Select
-              labelId="demo-simple-select-label"
-              id="demo-simple-select"
-              value={selectedType}
-              label="Project Type"
-              sx={{ padding: "1px" }}
-              onChange={(e) => setSelectedType(e.target.value)}
-              MenuProps={MenuProps}
-            >
-              {projectTypes.map((type, index) => (
-                <MenuItem value={type} key={index}>
-                  {type}
-                </MenuItem>
-              ))}
-            </Select>
-          </FormControl>
+        <Grid item xs={2} sm={2} md={2} lg={2} xl={2} display={"flex"} justifyContent="space-between" >
+        <Box display="flex" justifyContent="flex-end" mb={2}>
+          <IconButton onClick={toggleFilterBox} aria-label="filter">
+            <FilterList fontSize="large" />
+          </IconButton>
+        </Box>
+
+        {showFilterBox && (
+          <Box border={1} borderRadius={2} padding={2} display="flex" flexDirection="column" gap={2}>
+
+            {/* Project Type Dropdown */}
+            <FormControl size="small">
+              <InputLabel id="demo-simple-select-label">Project Type</InputLabel>
+              <Select
+                labelId="demo-simple-select-label"
+                id="demo-simple-select"
+                value={selectedType}
+                label="Project Type"
+                onChange={(e) => setSelectedType(e.target.value)}
+                MenuProps={MenuProps}
+              >
+                {projectTypes.map((type, index) => (
+                  <MenuItem value={type} key={index}>
+                    {type}
+                  </MenuItem>
+                ))}
+              </Select>
+            </FormControl>
+
+            <Box display="flex" flexDirection="column">
+            <LightTooltip 
+ title={
+  <ul style={{ margin: 0, paddingLeft: '20px' }}>
+   <li>To View annotation count seperately.</li>
+    <li>To View combination of annotation and review counts.</li>
+    <li>To View combination of annotation, review, and supercheck counts.</li>
+  </ul>
+}      placement="top"
+    >
+      <InfoIcon fontSize="small" style={{ cursor: 'pointer', marginRight: 8 }} />
+    </LightTooltip>
+
+              <FormControlLabel
+                control={<Checkbox checked={annotationChecked}  />}
+                label="Annotation"
+              />
+              <FormControlLabel
+                control={<Checkbox checked={reviewChecked} onChange={handleReviewChange} />}
+                label="Review"
+              />
+              <FormControlLabel
+                control={<Checkbox checked={supercheckChecked} onChange={handleSupercheckChange} />}
+                label="Supercheck"
+              />
+            </Box>
+
+            <Box display="flex" justifyContent="flex-end" gap={2}>
+              <CustomButton label="Apply" onClick={handleApply}  />
+              <CustomButton label="Cancel" onClick={handleCancel} />
+            </Box>
+
+          </Box>
+        )}
           {/* <Grid item xs={12} sm={12} md={12} lg={12} xl={12} container justifyContent="space-between" alignItems="center"> */}
-          <CustomButton label="Submit" sx={{ width: "120px" }} onClick={handleSubmit} disabled={loading} />
-          <Box display="flex" alignItems="center">
+          {/* <CustomButton label="Submit" sx={{ width: { xs: "100px", md: "120px" }, height: "40px" }} onClick={handleSubmit}  /> */}
+          <Box display="flex"   sx={{ width: { xs: "100px", md: "120px" }, height: "40px", marginRight: 1 }}alignItems="center">
             <CustomButton
               onClick={handleClick}
               disabled={loading}
@@ -225,7 +304,6 @@ const TaskAnalytics = (props) => {
               <MenuItem onClick={downloadJSON}>JSON</MenuItem>
             </StyledMenu>
           </Box>
-        {/* </Grid> */}
       </Grid>
         </Grid>
       
@@ -234,7 +312,10 @@ const TaskAnalytics = (props) => {
         taskAnalyticsData.map((analyticsData, _index) => {
           if (analyticsData.length && ['AudioTranscription', 'AudioSegmentation', 'AudioTranscriptionEditing', 'AcousticNormalisedTranscriptionEditing'].includes(analyticsData[0].projectType)) {
             return (<Grid key={_index} style={{ marginTop: "15px" }}>
-              <AudioTaskAnalyticsChart analyticsData={analyticsData} />
+              <AudioTaskAnalyticsChart analyticsData={analyticsData} 
+              annotationChecked={annotationChecked}
+              reviewChecked={reviewChecked}
+              supercheckChecked={supercheckChecked}/>
             </Grid>)
           }
           if (analyticsData.length &&
@@ -243,7 +324,10 @@ const TaskAnalytics = (props) => {
               ['OCRTranscriptionEditing','OCRSegmentCategorizationEditing'].includes(analyticsData[0].projectType))
           ) {
             return <Grid key={_index} style={{ marginTop: "15px" }}>
-              <TaskCountAnalyticsChart analyticsData={analyticsData} />
+              <TaskCountAnalyticsChart analyticsData={analyticsData} 
+              annotationChecked={annotationChecked}
+              reviewChecked={reviewChecked}
+              supercheckChecked={supercheckChecked}/>
             </Grid>
           }
         })
diff --git a/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx b/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx
index c2d97cce4..2937d5de8 100644
--- a/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx
+++ b/src/ui/pages/container/Progress/TaskAnalytics/TaskCountAnalyticsChart.jsx
@@ -21,12 +21,14 @@ import ResponsiveChartContainer from "../../../component/common/ResponsiveChartC
 function TaskCountAnalyticsChart(props) {
   const classes = DatasetStyle();
   const dispatch = useDispatch();
-  const { analyticsData } = props;
+  const { analyticsData ,annotationChecked,reviewChecked,supercheckChecked} = props;
 
   const [totalTaskCount, setTotalTaskCount] = useState();
   const [totalAnnotationTasksCount, setTotalAnnotationTasksCount] = useState();
   const [totalReviewTasksCount, setTotalReviewTasksCount] = useState();
+  const [totalSupercheckCount, setTotalSupercheckCount] = useState();
   const [data, setData] = useState([]);
+  const [annRev,setAnnRev] = useState();
 
   useEffect(() => {
     analyticsData?.sort(
@@ -38,22 +40,27 @@ function TaskCountAnalyticsChart(props) {
 
     let allAnnotatorCumulativeTasksCount = 0;
     let allReviewCumulativeTasksCount = 0;
+    let allSuperCheckCumulativeTasksCount = 0;
     var languages;
     analyticsData?.map((element, index) => {
       allAnnotatorCumulativeTasksCount +=
         element.annotation_cumulative_tasks_count;
       allReviewCumulativeTasksCount += element.review_cumulative_tasks_count;
+      allSuperCheckCumulativeTasksCount += element.sup_cumulative_tasks_count;
       languages = element.languages;
     });
 
     setTotalAnnotationTasksCount(allAnnotatorCumulativeTasksCount);
     setTotalReviewTasksCount(allReviewCumulativeTasksCount);
+    setTotalSupercheckCount(allSuperCheckCumulativeTasksCount)
     setTotalTaskCount(
-      allAnnotatorCumulativeTasksCount + allReviewCumulativeTasksCount
+      allAnnotatorCumulativeTasksCount + allReviewCumulativeTasksCount+allSuperCheckCumulativeTasksCount
     );
+    setAnnRev(allAnnotatorCumulativeTasksCount + allReviewCumulativeTasksCount)
   }, [analyticsData]);
 
   const CustomTooltip = ({ active, payload, label }) => {
+    
     if (active && payload && payload.length) {
       return (
         <div className={classes.toolTip}>
@@ -66,24 +73,71 @@ function TaskCountAnalyticsChart(props) {
                       payload[0].payload.annotation_cumulative_tasks_count
                     )
                   : 0
-              }`}
-              <p style={{ color: "rgba(243, 156, 18 )" }}>
+              }`}</p>
+              {annotationChecked&&!reviewChecked&&!supercheckChecked?(<p style={{ color: "rgba(243, 156, 18 )" }}>
                 {`Annotation : ${
-                  payload[0].payload.diff_annotation_review
+                  payload[0].payload.annotation_cumulative_tasks_count
                     ? new Intl.NumberFormat("en").format(
-                        payload[0].payload.diff_annotation_review
+                        payload[0].payload.annotation_cumulative_tasks_count
                       )
                     : 0
-                }`}
-                <p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
+                }`}</p>):annotationChecked&&reviewChecked&&!supercheckChecked?(<p style={{ color: "rgba(243, 156, 18 )" }}>
+                  {`Annotation : ${
+                    payload[0].payload.diff_annotation_rev
+                      ? new Intl.NumberFormat("en").format(
+                          payload[0].payload.diff_annotation_rev
+                        )
+                      : 0
+                  }`}</p>):annotationChecked&&reviewChecked&&supercheckChecked?(<p style={{ color: "rgba(243, 156, 18 )" }}>
+                    {`Annotation : ${
+                      payload[0].payload.diff_annotation_rev_sup
+                        ? new Intl.NumberFormat("en").format(
+                            payload[0].payload.diff_annotation_rev_sup
+                          )
+                        : 0
+                    }`}</p>):null}
+
+
+
+
+                {reviewChecked&&!annotationChecked&&!supercheckChecked?(<p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
+                  payload[0].payload.diff_rev
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.diff_rev
+                      )
+                    : 0
+                }`}</p>):annotationChecked&&reviewChecked&&!supercheckChecked?(<p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
                   payload[0].payload.review_cumulative_tasks_count
                     ? new Intl.NumberFormat("en").format(
                         payload[0].payload.review_cumulative_tasks_count
                       )
                     : 0
-                }`}</p>
-              </p>
-            </p>
+                }`}</p>):annotationChecked&&reviewChecked&&supercheckChecked?(<p style={{ color: "rgba(35, 155, 86 )" }}>{`Review : ${
+                  payload[0].payload.diff_rev
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.diff_rev
+                      )
+                    : 0
+                }`}</p>):null}
+
+
+
+
+
+
+                {supercheckChecked&&!reviewChecked&&!annotationChecked?(<p style={{ color: "#17b2e8" }}>{`SuperCheck : ${
+                  payload[0].payload.sup_cumulative_tasks_count
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.sup_cumulative_tasks_count
+                      )
+                    : 0
+                }`}</p>):annotationChecked&&reviewChecked&&supercheckChecked?(<p style={{ color: "#17b2e8" }}>{`SuperCheck : ${
+                  payload[0].payload.sup_cumulative_tasks_count
+                    ? new Intl.NumberFormat("en").format(
+                        payload[0].payload.sup_cumulative_tasks_count
+                      )
+                    : 0
+                }`}</p>):null}
           </p>
         </div>
       );
@@ -98,7 +152,7 @@ function TaskCountAnalyticsChart(props) {
         <Typography variant="h2" style={{marginBottom:"35px"}} className={classes.heading}>
           {`Tasks Dashboard - ${analyticsData[0].projectType}`}
           <Typography variant="body1">
-            Count of Annotated and Reviewed Data
+          Count of Annotated , Reviewed  and  SuperChecked  Data
           </Typography>
         </Typography>
         <Paper>
@@ -114,33 +168,83 @@ function TaskCountAnalyticsChart(props) {
                 Tasks Dashboard
               </Typography>
             </Box>
-            <Box className={classes.topBarInnerBox}>
-              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Tasks Count
+            {annotationChecked?<Box className={classes.topBarInnerBox} style={{ borderLeft: "2px solid #00000029"}}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400"}}>
+                Total Annotated Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalAnnotationTasksCount &&
+                  new Intl.NumberFormat("en").format(totalAnnotationTasksCount)}
+              </Typography>
+            </Box>:annotationChecked&&reviewChecked&&!supercheckChecked?<Box className={classes.topBarInnerBox} style={{ borderLeft: "2px solid #00000029"}}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400"}}>
+                Total Annotated Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {annRev &&
+                  new Intl.NumberFormat("en").format(annRev)}
+              </Typography>
+            </Box>:annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox} style={{ borderLeft: "2px solid #00000029"}}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400"}}>
+                Total Annotated Tasks
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalTaskCount &&
                   new Intl.NumberFormat("en").format(totalTaskCount)}
               </Typography>
-            </Box>
-            <Box className={classes.topBarInnerBox}>
+            </Box>:null}
+
+
+
+            {annotationChecked&&reviewChecked&&!supercheckChecked?<Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Sentence Pairs
+                Pending Review Tasks
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalAnnotationTasksCount &&
                   new Intl.NumberFormat("en").format(totalAnnotationTasksCount)}
               </Typography>
-            </Box>
-            <Box className={classes.topBarInnerBox}>
+            </Box>:annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
+                Pending Review Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalAnnotationTasksCount &&
+                  new Intl.NumberFormat("en").format(totalAnnotationTasksCount)}
+              </Typography>
+            </Box>:null}
+
+
+
+            {annotationChecked&&reviewChecked&&!supercheckChecked?<Box className={classes.topBarInnerBox}>
               <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
-                Total Quality/Reviewed Sentence Pairs
+                Review Completed Task
               </Typography>
               <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
                 {totalReviewTasksCount &&
                   new Intl.NumberFormat("en").format(totalReviewTasksCount)}
               </Typography>
-            </Box>
+            </Box>:annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
+                Pending Supercheck Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalReviewTasksCount &&
+                  new Intl.NumberFormat("en").format(totalReviewTasksCount)}
+              </Typography>
+            </Box>:null}
+
+
+
+            {annotationChecked&&reviewChecked&&supercheckChecked?<Box className={classes.topBarInnerBox}>
+              <Typography style={{ fontSize: "0.875rem", fontWeight: "400" }}>
+              SuperCheck Completed Tasks
+              </Typography>
+              <Typography style={{ fontSize: "1.125rem", fontWeight: "400" }}>
+                {totalSupercheckCount &&
+                  new Intl.NumberFormat("en").format(totalSupercheckCount)}
+              </Typography>
+            </Box>:null}
           </Box>
           <Grid>
           <ResponsiveChartContainer>
@@ -203,21 +307,84 @@ function TaskCountAnalyticsChart(props) {
                 content={<CustomTooltip />}
               />
               <Legend verticalAlign="top" />
-              <Bar
+               {supercheckChecked&&!reviewChecked&&!annotationChecked?(<Bar
+                dataKey="sup_cumulative_tasks_count"
+                barSize={30}
+                name="Supercheck"
+                stackId="a"
+                fill="#17b2e8"
+                 cursor="pointer"
+              />):annotationChecked&&reviewChecked&&supercheckChecked?(<Bar
+                dataKey="sup_cumulative_tasks_count"
+                barSize={30}
+                name="SuperCheck"
+                stackId="a"
+                fill="#17b2e8"
+                 cursor="pointer"
+              />):null}
+
+
+
+              {reviewChecked&&!annotationChecked&&!supercheckChecked?(<Bar
                 dataKey="review_cumulative_tasks_count"
                 barSize={30}
                 name="Review"
                 stackId="a"
                 fill="rgba(35, 155, 86 )"
                 cursor="pointer"
-              />
-              <Bar
-                dataKey="diff_annotation_review"
+              />):annotationChecked&&reviewChecked&&!supercheckChecked?(<Bar
+                dataKey="review_cumulative_tasks_count"
+                barSize={30}
+                name="Review"
+                stackId="a"
+                fill="rgba(35, 155, 86 )"
+                cursor="pointer"
+              />):annotationChecked&&reviewChecked&&supercheckChecked?(<Bar
+                dataKey="diff_rev"
+                barSize={30}
+                name="Review"
+                stackId="a"
+                fill="rgba(35, 155, 86 )"
+                 cursor="pointer"
+              />):reviewChecked&&supercheckChecked&&!annotationChecked?(<Bar
+                dataKey="diff_rev"
+                barSize={30}
+                name="Review"
+                stackId="a"
+                fill="#2C2799"
+                 cursor="pointer"
+              />):null}
+
+
+              {annotationChecked&&!reviewChecked&&!supercheckChecked?(<Bar
+                dataKey="annotation_cumulative_tasks_count"
                 barSize={30}
                 name="Annotation"
                 stackId="a"
                 fill="rgba(243, 156, 18 )"
-              />
+                 cursor="pointer"
+              />):annotationChecked&&reviewChecked&&!supercheckChecked?(<Bar
+                dataKey="diff_annotation_rev"
+                barSize={30}
+                name="Annotation"
+                stackId="a"
+                fill="rgba(243, 156, 18 )"
+                 cursor="pointer"
+              />):annotationChecked&&reviewChecked&&supercheckChecked?(<Bar
+                dataKey="diff_annotation_rev_sup"
+                barSize={30}
+                name="Annotation"
+                stackId="a"
+                fill="rgba(243, 156, 18 )"
+                 cursor="pointer"
+              />):annotationChecked&&supercheckChecked&&!reviewChecked?(<Bar
+                dataKey="diff_annotation_sup"
+                barSize={30}
+                name="Annotation"
+                stackId="a"
+                fill="rgba(243, 156, 18 )"
+                 cursor="pointer"
+              />):null}
             </BarChart>
             </ResponsiveChartContainer>
           </Grid>
diff --git a/src/ui/pages/container/Progress/Workspace/MetaAnalytics.jsx b/src/ui/pages/container/Progress/Workspace/MetaAnalytics.jsx
index afb58d31a..f005bd338 100644
--- a/src/ui/pages/container/Progress/Workspace/MetaAnalytics.jsx
+++ b/src/ui/pages/container/Progress/Workspace/MetaAnalytics.jsx
@@ -232,8 +232,8 @@ export default function MetaAnalytics(props) {
               ))}
             </Select>
           </FormControl>
-          <CustomButton label="Submit" sx={{ width: "120px" }} onClick={handleSubmit} disabled={loading} />
-          <Box display="flex" alignItems="center">
+          <CustomButton label="Submit" sx={{ width: "120px" }} onClick={handleSubmit}  />
+          <Box display="flex"   sx={{ width: { xs: "100px", md: "120px" }, height: "40px", marginRight: 1 }}alignItems="center">
             <CustomButton
               onClick={handleClick}
               disabled={loading}
diff --git a/src/ui/pages/container/Progress/Workspace/TaskAnalytics.jsx b/src/ui/pages/container/Progress/Workspace/TaskAnalytics.jsx
index f3ab084b1..c0a3f325a 100644
--- a/src/ui/pages/container/Progress/Workspace/TaskAnalytics.jsx
+++ b/src/ui/pages/container/Progress/Workspace/TaskAnalytics.jsx
@@ -1,5 +1,5 @@
 // import { Grid } from "@material-ui/core";
-import { Button, Grid, ThemeProvider, Select, Box, MenuItem,Radio, InputLabel, FormControl, Card, Typography, Menu, styled } from "@mui/material";
+import { Button, Grid, ThemeProvider, Select, Box, MenuItem,Radio, InputLabel, FormControl,Checkbox, Card, Typography, Menu, styled, FormControlLabel, IconButton } from "@mui/material";
 import React from "react";
 // import ContextualTranslationEditing from "../TaskAnalytics/ContextualTranslationEditing";
 // import SemanticTextualSimilarityChart from "../TaskAnalytics/SemanticTextualSimilarityChart";
@@ -22,7 +22,7 @@ import TaskCountAnalyticsChart from "../TaskAnalytics/TaskCountAnalyticsChart";
 import exportFromJSON from 'export-from-json';
 import jsPDF from 'jspdf';
 import html2canvas from 'html2canvas';
-import { KeyboardArrowDown } from "@material-ui/icons";
+import { FilterList, KeyboardArrowDown } from "@material-ui/icons";
 const StyledMenu = styled((props) => (
   <Menu
     elevation={3}
@@ -53,6 +53,11 @@ const TaskAnalytics = () => {
   const [loading, setLoading] = useState(true);
   const [projectTypes, setProjectTypes] = useState([]);
   const [selectedType, setSelectedType] = useState("ContextualTranslationEditing");
+  const [annotationChecked, setAnnotationChecked] = useState(true);
+  const [reviewChecked, setReviewChecked] = useState(true);
+  const [supercheckChecked, setSupercheckChecked] = useState(false);
+  const [showFilterBox, setShowFilterBox] = useState(false);
+
   const ProjectTypes = useSelector((state) => state.getProjectDomains.data);
   const workspaceDetails = useSelector((state) => state.getWorkspaceDetails.data);
   const taskAnalyticsData = useSelector(
@@ -186,45 +191,112 @@ const TaskAnalytics = () => {
 
   };
 
+  const handleReviewChange = (e) => {
+    const isChecked = e.target.checked;
+    setReviewChecked(isChecked);
+    
+    if (isChecked) {
+      setAnnotationChecked(true);
+    }
+    else{
+      setSupercheckChecked(false)
+    }
+  };
+  
+  const handleSupercheckChange = (e) => {
+    const isChecked = e.target.checked;
+    setSupercheckChecked(isChecked);
+  
+    if (isChecked) {
+      setReviewChecked(true);
+      setAnnotationChecked(true);
+    }
+  };
+  const handleApply = () => {
+    getTaskAnalyticsdata();
+    setShowFilterBox(false); 
+  };
+
+  const handleCancel = () => {
+    setSelectedType("ContextualTranslationEditing");
+    setAnnotationChecked(true);
+    setReviewChecked(true);
+    setSupercheckChecked(true);
+    setShowFilterBox(false); 
+  };
 
-  return (
+  const toggleFilterBox = () => {
+    setShowFilterBox(!showFilterBox); 
+  };   
+   return (
     <>
-      {console.log(taskAnalyticsData[0])}
-      <Grid container columnSpacing={3} rowSpacing={2}  mb={1} gap={3}>
-      <Grid item xs={6} sm={6} md={6} lg={6} xl={6} display={"flex"} justifyContent="space-between" >
-      <FormControl  size="small">
-            <InputLabel id="demo-simple-select-label" sx={{ fontSize: "16px" }}>
-              Project Type {" "}
-              {
-                <LightTooltip
-                  arrow
-                  placement="top"
-                  title={translate("tooltip.ProjectType")}>
-                  <InfoIcon
-                    fontSize="medium"
-                  />
-                </LightTooltip>
-              }
-            </InputLabel>
+      <Grid container columnSpacing={3} rowSpacing={2} mb={1} gap={3}>
+        <Grid item xs={2} sm={2} md={2} lg={2} xl={2} display={"flex"} justifyContent="space-between" >
+        <Box display="flex" justifyContent="flex-end" mb={2}>
+          <IconButton onClick={toggleFilterBox} aria-label="filter">
+            <FilterList fontSize="large" />
+          </IconButton>
+        </Box>
 
-            <Select
-              labelId="demo-simple-select-label"
-              id="demo-simple-select"
-              value={selectedType}
-              label="Project Type"
-              sx={{padding:"1px"}}
-              onChange={(e) => setSelectedType(e.target.value)}
-              MenuProps={MenuProps}
-            >
-              {projectTypes.map((type, index) => (
-                <MenuItem value={type} key={index}>
-                  {type}
-                </MenuItem>
-              ))}
-            </Select>
-          </FormControl>
-  <CustomButton label="Submit" sx={{ width: "120px" }} onClick={handleSubmit} disabled={loading} />
-          <Box display="flex" alignItems="center">
+        {showFilterBox && (
+          <Box border={1} borderRadius={2} padding={2} display="flex" flexDirection="column" gap={2}>
+
+            {/* Project Type Dropdown */}
+            <FormControl size="small">
+              <InputLabel id="demo-simple-select-label">Project Type</InputLabel>
+              <Select
+                labelId="demo-simple-select-label"
+                id="demo-simple-select"
+                value={selectedType}
+                label="Project Type"
+                onChange={(e) => setSelectedType(e.target.value)}
+                MenuProps={MenuProps}
+              >
+                {projectTypes.map((type, index) => (
+                  <MenuItem value={type} key={index}>
+                    {type}
+                  </MenuItem>
+                ))}
+              </Select>
+            </FormControl>
+
+            <Box display="flex" flexDirection="column">
+            <LightTooltip 
+ title={
+  <ul style={{ margin: 0, paddingLeft: '20px' }}>
+    <li>To View annotation count seperately.</li>
+    <li>To View combination of annotation and review counts.</li>
+    <li>To View combination of annotation, review, and supercheck counts.</li>
+  </ul>
+}      placement="top"
+    >
+      <InfoIcon fontSize="small" style={{ cursor: 'pointer', marginRight: 8 }} />
+    </LightTooltip>
+
+              <FormControlLabel
+                control={<Checkbox checked={annotationChecked}  />}
+                label="Annotation"
+              />
+              <FormControlLabel
+                control={<Checkbox checked={reviewChecked} onChange={handleReviewChange} />}
+                label="Review"
+              />
+              <FormControlLabel
+                control={<Checkbox checked={supercheckChecked} onChange={handleSupercheckChange} />}
+                label="Supercheck"
+              />
+            </Box>
+
+            <Box display="flex" justifyContent="flex-end" gap={2}>
+              <CustomButton label="Apply" onClick={handleApply}  />
+              <CustomButton label="Cancel" onClick={handleCancel} />
+            </Box>
+
+          </Box>
+        )}
+          {/* <Grid item xs={12} sm={12} md={12} lg={12} xl={12} container justifyContent="space-between" alignItems="center"> */}
+          {/* <CustomButton label="Submit" sx={{ width: { xs: "100px", md: "120px" }, height: "40px" }} onClick={handleSubmit}  /> */}
+          <Box display="flex"   sx={{ width: { xs: "100px", md: "120px" }, height: "40px", marginRight: 1 }}alignItems="center">
             <CustomButton
               onClick={handleClick}
               disabled={loading}
@@ -245,16 +317,19 @@ const TaskAnalytics = () => {
               <MenuItem onClick={downloadJSON}>JSON</MenuItem>
             </StyledMenu>
           </Box>
-        {/* </Grid> */}
       </Grid>
         </Grid>
       
+
       {loading && <Spinner />}
       {taskAnalyticsData.length ?
         taskAnalyticsData.map((analyticsData,_index)=>{
           if (analyticsData.length && audioProjectTypes.includes(analyticsData[0].projectType)){
             return (<Grid key={_index} style={{marginTop:"15px"}}>
-            <AudioTaskAnalyticsChart analyticsData={analyticsData}/>
+            <AudioTaskAnalyticsChart analyticsData={analyticsData}
+             annotationChecked={annotationChecked}
+             reviewChecked={reviewChecked}
+             supercheckChecked={supercheckChecked}/>
           </Grid>)}
           if(analyticsData.length && 
             (translationProjectTypes.includes(analyticsData[0].projectType) ||
@@ -263,7 +338,10 @@ const TaskAnalytics = () => {
               )
             ){
             return <Grid key={_index} style={{marginTop:"15px"}}>
-            <TaskCountAnalyticsChart analyticsData={analyticsData}/>
+            <TaskCountAnalyticsChart analyticsData={analyticsData}
+             annotationChecked={annotationChecked}
+             reviewChecked={reviewChecked}
+             supercheckChecked={supercheckChecked}/>
           </Grid>
           }
         })
diff --git a/src/ui/styles/Dataset.js b/src/ui/styles/Dataset.js
index 8ce09f681..d3bb752da 100644
--- a/src/ui/styles/Dataset.js
+++ b/src/ui/styles/Dataset.js
@@ -278,6 +278,7 @@ const DatasetStyle = makeStyles({
   topBar: {
     display: "flex",
     alignItems: "center",
+    justifyContent:"space-around",
     backgroundColor: "#DEECFF",
     fontSize: "18px",
   },
@@ -287,10 +288,10 @@ const DatasetStyle = makeStyles({
     display: "flex",
     flexDirection: "column",
     textAlign: "center",
-    boxShadow: "3px 0 2px -2px #00000029",
+    // boxShadow: "3px 0 2px -2px #00000029",
   },
   toolTip: {
-    width: "200px", height: "180px", fontSize: "16px", backgroundColor: "white", color: "black", padding: "5px 10px 10px 10px", border: "1px solid gray"
+    width: "200px", height: "auto", fontSize: "16px", backgroundColor: "white", color: "black", padding: "5px 10px 10px 10px", border: "1px solid gray"
   },
 
     toolTips: {