diff --git a/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx b/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx
index a1208ef24..6fdef02b4 100644
--- a/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx
+++ b/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx
@@ -26,7 +26,7 @@ import APITransport from '../../../../redux/actions/apitransport/apitransport';
 import { useParams, useNavigate } from "react-router-dom";
 import useFullPageLoader from "../../../../hooks/useFullPageLoader";
 import { snakeToTitleCase } from '../../../../utils/utils';
-
+import keymap from './keymap';
 import styles from './lsf.module.css'
 import "./lsf.css"
 import { useDispatch, useSelector } from 'react-redux';
@@ -205,6 +205,7 @@ useEffect(() => {
           id: taskData.id,
           data: taskData.data,
         },
+        keymap: keymap,
 
         onLabelStudioLoad: function (ls) {
           annotation_status.current = ProjectDetails.project_stage == 2 ? "labeled": "accepted";
diff --git a/src/ui/pages/container/Label-Studio/LSF.jsx b/src/ui/pages/container/Label-Studio/LSF.jsx
index 9af60fd7e..e961bde08 100644
--- a/src/ui/pages/container/Label-Studio/LSF.jsx
+++ b/src/ui/pages/container/Label-Studio/LSF.jsx
@@ -1,8 +1,8 @@
 import PropTypes from "prop-types";
 import React, { useState, useEffect, useRef } from "react";
-import ReactQuill, { Quill } from 'react-quill';
-import "./editor.css"
-import 'quill/dist/quill.snow.css';
+import ReactQuill, { Quill } from "react-quill";
+import "./editor.css";
+import "quill/dist/quill.snow.css";
 import LabelStudio from "@heartexlabs/label-studio";
 import {
   Tooltip,
@@ -24,6 +24,8 @@ import ArrowRightIcon from "@mui/icons-material/ArrowRight";
 import CustomizedSnackbars from "../../component/common/Snackbar";
 import generateLabelConfig from "../../../../utils/LabelConfig/ConversationTranslation";
 import conversationVerificationLabelConfig from "../../../../utils/LabelConfig/ConversationVerification";
+// import keymap from "@label-studio/keymap";
+import keymap from "./keymap";
 
 import {
   getProjectsandTasks,
@@ -46,7 +48,7 @@ import Glossary from "../Glossary/Glossary";
 import { TabsSuggestionData } from "../../../../utils/TabsSuggestionData/TabsSuggestionData";
 import InfoIcon from "@mui/icons-material/Info";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
-import getTaskAssignedUsers from '../../../../utils/getTaskAssignedUsers';
+import getTaskAssignedUsers from "../../../../utils/getTaskAssignedUsers";
 import LightTooltip from "../../component/common/Tooltip";
 import { labelConfigJS } from "./labelConfigJSX";
 
@@ -64,12 +66,10 @@ const filterAnnotations = (
     return annotation.completed_by === user.id && !annotation.parent_annotation;
   });
   let userAnnotationData = annotations.find(
-    (annotation) =>
-      annotation.annotation_type === 2
+    (annotation) => annotation.annotation_type === 2
   );
 
   if (userAnnotation) {
-
     if (userAnnotation.annotation_status === "labeled") {
       const superCheckedAnnotation = annotations.find(
         (annotation) => annotation.annotation_type === 3
@@ -93,12 +93,9 @@ const filterAnnotations = (
         disable = true;
       } else if (
         review &&
-        [
-          "skipped",
-          "draft",
-          "rejected",
-          "unreviewed",
-        ].includes(review.annotation_status)
+        ["skipped", "draft", "rejected", "unreviewed"].includes(
+          review.annotation_status
+        )
       ) {
         filteredAnnotations = [userAnnotation];
         disable = true;
@@ -119,31 +116,27 @@ const filterAnnotations = (
       } else {
         filteredAnnotations = [userAnnotation];
       }
-    }
-    else if (
+    } else if (
       userAnnotationData &&
-      [
-        "draft",
-      ].includes(userAnnotation.annotation_status)
+      ["draft"].includes(userAnnotation.annotation_status)
     ) {
       filteredAnnotations = [userAnnotation];
       disableSkip = true;
       setDisableButton(true);
-      setFilterMessage("Skip button is disabled, since the task is being reviewed");
-    }
-    else if (
+      setFilterMessage(
+        "Skip button is disabled, since the task is being reviewed"
+      );
+    } else if (
       userAnnotation &&
-      [
-        "to_be_revised"
-      ].includes(userAnnotation.annotation_status)
+      ["to_be_revised"].includes(userAnnotation.annotation_status)
     ) {
       filteredAnnotations = [userAnnotation];
       disableSkip = true;
       setDisableButton(true);
-      setFilterMessage("Skip button is disabled, since the task is being reviewed");
-    }
-
-    else {
+      setFilterMessage(
+        "Skip button is disabled, since the task is being reviewed"
+      );
+    } else {
       filteredAnnotations = [userAnnotation];
     }
   } else if ([4, 5, 6].includes(user.role)) {
@@ -161,7 +154,7 @@ const AUTO_SAVE_INTERVAL = 30000; //1 minute
 const AUDIO_PROJECT_SAVE_CHECK = [
   "AudioTranscription",
   "AudioTranscriptionEditing",
-  "AcousticNormalisedTranscriptionEditing"
+  "AcousticNormalisedTranscriptionEditing",
 ];
 
 const LabelStudioWrapper = ({
@@ -208,14 +201,14 @@ const LabelStudioWrapper = ({
   //console.log("projectId, taskId", projectId, taskId);
   // debugger
   // const projectType = ProjectDetails?.project_type?.includes("Audio")
-  
+
   /* useEffect(() => {
     if(Object.keys(userData).includes("prefer_cl_ui") && (userData.prefer_cl_ui) && ProjectDetails?.project_type?.includes("Acoustic")) {
       autoSaveAnnotation();
       navigate(`/projects/${projectId}/AudioTranscriptionLandingPage/${taskId}`);
     }
   }, [userData]); */
-  
+
   useEffect(() => {
     let sidePanel = ProjectDetails?.project_type?.includes("OCRSegmentCategorization");
     let showLabelsOnly = ProjectDetails?.project_type?.includes("OCRSegmentCategorization");
@@ -279,13 +272,14 @@ const LabelStudioWrapper = ({
     let interfaces = [];
 
     if (predictions == null) predictions = [];
-    const [filteredAnnotations, disableLSFControls, disableSkip] = filterAnnotations(
-      annotations,
-      userData,
-      setDisableBtns,
-      setFilterMessage,
-      setDisableButton
-    );
+    const [filteredAnnotations, disableLSFControls, disableSkip] =
+      filterAnnotations(
+        annotations,
+        userData,
+        setDisableBtns,
+        setFilterMessage,
+        setDisableButton
+      );
     isAudioProject.current = AUDIO_PROJECT_SAVE_CHECK.includes(projectType);
     //console.log("labelConfig", labelConfig);
 
@@ -299,7 +293,9 @@ const LabelStudioWrapper = ({
         "infobar",
         "topbar",
         "instruction",
-        ...(isAudioProject.current || projectType.includes("OCR") ? ["side-column"] : []),
+        ...(isAudioProject.current || projectType.includes("OCR")
+          ? ["side-column"]
+          : []),
         "annotations:history",
         "annotations:tabs",
         "annotations:menu",
@@ -326,7 +322,9 @@ const LabelStudioWrapper = ({
         "infobar",
         "topbar",
         "instruction",
-        ...(isAudioProject.current || projectType.includes("OCR") ? ["side-column"] : []),
+        ...(isAudioProject.current || projectType.includes("OCR")
+          ? ["side-column"]
+          : []),
         "annotations:history",
         "annotations:tabs",
         "annotations:menu",
@@ -340,8 +338,11 @@ const LabelStudioWrapper = ({
         "edit-history",
       ];
     }
-    if (disableLSFControls || !taskData?.annotation_users?.some(
-      (user) => user === userData.id)) setAutoSave(false);
+    if (
+      disableLSFControls ||
+      !taskData?.annotation_users?.some((user) => user === userData.id)
+    )
+      setAutoSave(false);
 
     if (rootRef.current) {
       if (lsfRef.current) {
@@ -365,6 +366,7 @@ const LabelStudioWrapper = ({
           id: taskData.id,
           data: taskData.data,
         },
+        keymap:  keymap,
 
         onLabelStudioLoad: function (ls) {
           annotation_status.current =
@@ -391,14 +393,13 @@ const LabelStudioWrapper = ({
               countLables++;
             }
           });
-          if (projectType.includes("OCR") && ids.size>countLables) {
+          if (projectType.includes("OCR") && ids.size > countLables) {
             setSnackbarInfo({
               open: true,
               message: "Please select labels for all boxes",
               variant: "error",
             });
-          }
-          else {
+          } else {
             if (isAudioProject.current) {
               const counter = temp.reduce((acc, curr) => {
                 if (curr.from_name === "labels")
@@ -417,7 +418,8 @@ const LabelStudioWrapper = ({
               if (counter.labels !== counter.textareas || counter.empty) {
                 setSnackbarInfo({
                   open: true,
-                  message: "Please fill the annotations for every segment/region",
+                  message:
+                    "Please fill the annotations for every segment/region",
                   variant: "warning",
                 });
                 return;
@@ -432,7 +434,9 @@ const LabelStudioWrapper = ({
                 load_time.current,
                 annotation.lead_time,
                 annotation_status.current,
-                JSON.stringify(annotationNotesRef.current.getEditor().getContents())
+                JSON.stringify(
+                  annotationNotesRef.current.getEditor().getContents()
+                )
               ).then((res) => {
                 if (localStorage.getItem("labelAll"))
                   getNextProject(projectId, taskData.id).then((res) => {
@@ -468,7 +472,9 @@ const LabelStudioWrapper = ({
               load_time.current,
               annotation.lead_time,
               "skipped",
-              JSON.stringify(annotationNotesRef.current.getEditor().getContents())
+              JSON.stringify(
+                annotationNotesRef.current.getEditor().getContents()
+              )
             ).then(() => {
               getNextProject(projectId, taskData.id).then((res) => {
                 hideLoader();
@@ -481,7 +487,7 @@ const LabelStudioWrapper = ({
         onUpdateAnnotation: function (ls, annotation) {
           let temp = annotation.serializeAnnotation();
           let ids = new Set();
-          let countLables = 0;       
+          let countLables = 0;
           temp.map((curr) => {
             // console.log(curr);
             if(curr.type !== "relation"){
@@ -491,14 +497,13 @@ const LabelStudioWrapper = ({
               countLables++;
             }
           });
-          if (projectType.includes("OCR") && ids.size>countLables) {
+          if (projectType.includes("OCR") && ids.size > countLables) {
             setSnackbarInfo({
               open: true,
               message: "Please select labels for all boxes",
               variant: "error",
             });
-          }
-          else {
+          } else {
             if (isAudioProject.current) {
               const counter = temp.reduce((acc, curr) => {
                 if (curr.from_name === "labels")
@@ -516,7 +521,8 @@ const LabelStudioWrapper = ({
               if (counter.labels !== counter.textareas || counter.empty) {
                 setSnackbarInfo({
                   open: true,
-                  message: "Please fill the annotations for every segment/region",
+                  message:
+                    "Please fill the annotations for every segment/region",
                   variant: "warning",
                 });
                 return;
@@ -525,9 +531,10 @@ const LabelStudioWrapper = ({
             if (taskData.annotation_status !== "freezed") {
               for (let i = 0; i < annotations.length; i++) {
                 if (
-                  !annotations[i].result?.length || !annotation.serializeAnnotation().length ||
+                  !annotations[i].result?.length ||
+                  !annotation.serializeAnnotation().length ||
                   annotation.serializeAnnotation()[0].id ===
-                  annotations[i].result[0].id
+                    annotations[i].result[0].id
                 ) {
                   setAutoSave(false);
                   showLoader();
@@ -546,7 +553,9 @@ const LabelStudioWrapper = ({
                     load_time.current,
                     annotations[i].lead_time,
                     annotation_status.current,
-                    JSON.stringify(annotationNotesRef.current.getEditor().getContents())
+                    JSON.stringify(
+                      annotationNotesRef.current.getEditor().getContents()
+                    )
                   ).then((res) => {
                     hideLoader();
                     if (res.status !== 200) {
@@ -555,8 +564,7 @@ const LabelStudioWrapper = ({
                         message: "Error in saving annotation",
                         variant: "error",
                       });
-                    }
-                    else if (localStorage.getItem("labelAll"))
+                    } else if (localStorage.getItem("labelAll"))
                       getNextProject(projectId, taskData.id).then((res) => {
                         tasksComplete(res?.id || null);
                       });
@@ -609,8 +617,12 @@ const LabelStudioWrapper = ({
         loaded.current = taskId;
         getProjectsandTasks(projectId, taskId).then(
           ([labelConfig, taskData, annotations, predictions]) => {
-            if (annotations.message?.includes("not a part of this project") || annotations.detail?.includes("Not found")) {
-              if (annotations.detail?.includes("Not found")) annotations.message = "Task not found";
+            if (
+              annotations.message?.includes("not a part of this project") ||
+              annotations.detail?.includes("Not found")
+            ) {
+              if (annotations.detail?.includes("Not found"))
+                annotations.message = "Task not found";
               setSnackbarInfo({
                 open: true,
                 message: annotations.message,
@@ -621,8 +633,14 @@ const LabelStudioWrapper = ({
             }
             // both have loaded!
             // console.log("[labelConfig, taskData, annotations, predictions]", [labelConfig, taskData, annotations, predictions]);
-            let tempLabelConfig = labelConfig.project_type === "ConversationTranslation" || labelConfig.project_type === "ConversationTranslationEditing" ? generateLabelConfig(taskData.data) : labelConfig.project_type === "ConversationVerification" ? conversationVerificationLabelConfig(taskData.data) : labelConfig.label_config;
-            if (labelConfig.project_type.includes("OCRSegmentCategorization")){
+            let tempLabelConfig =
+              labelConfig.project_type === "ConversationTranslation" ||
+              labelConfig.project_type === "ConversationTranslationEditing"
+                ? generateLabelConfig(taskData.data)
+                : labelConfig.project_type === "ConversationVerification"
+                ? conversationVerificationLabelConfig(taskData.data)
+                : labelConfig.label_config;
+            if (labelConfig.project_type.includes("OCRSegmentCategorization")) {
               tempLabelConfig = labelConfigJS;
             }
             setAnnotations(annotations);
@@ -771,22 +789,27 @@ const LabelStudioWrapper = ({
 
   useEffect(() => {
     const showAssignedUsers = async () => {
-      getTaskAssignedUsers(taskData).then(res => setAssignedUsers(res));
-    }
+      getTaskAssignedUsers(taskData).then((res) => setAssignedUsers(res));
+    };
     taskData?.id && showAssignedUsers();
   }, [taskData]);
 
   const autoSaveAnnotation = () => {
-    if (autoSave && lsfRef.current?.store?.annotationStore?.selected && taskData.task_status.toLowerCase() !== "labeled") {
+    if (
+      autoSave &&
+      lsfRef.current?.store?.annotationStore?.selected &&
+      taskData.task_status.toLowerCase() !== "labeled"
+    ) {
       if (taskData?.annotation_status !== "freezed") {
         let annotation = lsfRef.current.store.annotationStore.selected;
+        let temp;
         for (let i = 0; i < annotations.length; i++) {
           if (
             !annotations[i].result?.length ||
             annotation.serializeAnnotation()[0].id ===
-            annotations[i].result[0].id
+              annotations[i].result[0].id
           ) {
-            let temp = annotation.serializeAnnotation();
+            temp = annotation.serializeAnnotation();
             if (annotations[i].annotation_type !== 1) continue;
             for (let i = 0; i < temp.length; i++) {
               if(temp[i].type === "relation"){
@@ -825,15 +848,15 @@ const LabelStudioWrapper = ({
   };
 
   let hidden, visibilityChange;
-  if (typeof document.hidden !== 'undefined') {
-    hidden = 'hidden';
-    visibilityChange = 'visibilitychange';
-  } else if (typeof document.msHidden !== 'undefined') {
-    hidden = 'msHidden';
-    visibilityChange = 'msvisibilitychange';
-  } else if (typeof document.webkitHidden !== 'undefined') {
-    hidden = 'webkitHidden';
-    visibilityChange = 'webkitvisibilitychange';
+  if (typeof document.hidden !== "undefined") {
+    hidden = "hidden";
+    visibilityChange = "visibilitychange";
+  } else if (typeof document.msHidden !== "undefined") {
+    hidden = "msHidden";
+    visibilityChange = "msvisibilitychange";
+  } else if (typeof document.webkitHidden !== "undefined") {
+    hidden = "webkitHidden";
+    visibilityChange = "webkitvisibilitychange";
   }
 
   const [visible, setVisibile] = useState(!document[hidden]);
@@ -843,7 +866,7 @@ const LabelStudioWrapper = ({
     document.addEventListener(visibilityChange, handleVisibilityChange);
     return () => {
       document.removeEventListener(visibilityChange, handleVisibilityChange);
-    }
+    };
   }, []);
 
   useEffect(() => {
@@ -855,7 +878,12 @@ const LabelStudioWrapper = ({
       visible && autoSaveAnnotation();
     }, AUTO_SAVE_INTERVAL);
     return () => clearInterval(interval);
-  }, [visible, autoSave, lsfRef.current?.store?.annotationStore?.selected, taskData]);
+  }, [
+    visible,
+    autoSave,
+    lsfRef.current?.store?.annotationStore?.selected,
+    taskData,
+  ]);
 
   const handleDraftAnnotationClick = async () => {
     annotation_status.current = "draft";
@@ -885,14 +913,16 @@ const LabelStudioWrapper = ({
       />
     );
   };
+
   return (
     <div>
-      {autoSave &&
+      {autoSave && (
         <div style={{ textAlign: "left", marginBottom: "15px" }}>
           <Typography variant="body" color="#000000">
             Auto-save enabled for this scenario.
           </Typography>
-        </div>}
+        </div>
+      )}
       {filterMessage && (
         <Alert severity="info" sx={{ mb: 3 }}>
           {filterMessage}
@@ -914,11 +944,15 @@ const LabelStudioWrapper = ({
                     minWidth: "40px",
                     border: "1px solid #e6e6e6",
                     color: "grey",
-                    pt: 1, pl: 1, pr: 1,
+                    pt: 1,
+                    pl: 1,
+                    pr: 1,
                     borderBottom: "None",
                   }}
-                  > 
-                    <InfoOutlinedIcon sx={{mb: "-3px", ml: "2px", color: "grey"}}/>
+                >
+                  <InfoOutlinedIcon
+                    sx={{ mb: "-3px", ml: "2px", color: "grey" }}
+                  />
                 </Button>
               </LightTooltip>
             </Grid>
@@ -927,7 +961,7 @@ const LabelStudioWrapper = ({
               {taskData?.annotation_users?.some(
                 (user) => user === userData.id
               ) &&
-                (!disableBtns) && (
+                !disableBtns && (
                   <Tooltip title="Save task for later">
                     <Button
                       value="Draft"
@@ -1007,8 +1041,8 @@ export default function LSF() {
   const reviewNotesRef = useRef(null);
   const { taskId } = useParams();
   const [taskData, setTaskData] = useState([]);
-  const [annotationtext,setannotationtext] = useState('')
-  const [reviewtext,setreviewtext] = useState('')
+  const [annotationtext, setannotationtext] = useState("");
+  const [reviewtext, setreviewtext] = useState("");
   const [showTagsInput, setShowTagsInput] = useState(false);
   const [selectedTag, setSelectedTag] = useState("");
   const [alertData, setAlertData] = useState({
@@ -1021,22 +1055,24 @@ export default function LSF() {
   const [loader, showLoader, hideLoader] = useFullPageLoader();
   const ProjectDetails = useSelector((state) => state.getProjectDetails.data);
   const modules = {
-    toolbar:[
-      
-    [{ size: [] }],
-    ['bold', 'italic', 'underline', 'strike'],
-    [{ 'color': [] }],
-    [{ 'script': 'sub'}, { 'script': 'super' }],
-    ]
+    toolbar: [
+      [{ size: [] }],
+      ["bold", "italic", "underline", "strike"],
+      [{ color: [] }],
+      [{ script: "sub" }, { script: "super" }],
+    ],
   };
 
   const formats = [
-    'size',
-    'bold','italic','underline','strike',
-    'color','background',
-    'script']
-
-
+    "size",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "color",
+    "background",
+    "script",
+  ];
 
   const handleTagChange = (event, value, reason) => {
     if (reason === "selectOption") {
@@ -1051,11 +1087,11 @@ export default function LSF() {
     }
   };
 
-
   useEffect(() => {
     if (
       ProjectDetails?.project_type &&
-      (ProjectDetails?.project_type.toLowerCase().includes("audio") || ProjectDetails?.project_type?.includes("Acoustic"))
+      (ProjectDetails?.project_type.toLowerCase().includes("audio") ||
+        ProjectDetails?.project_type?.includes("Acoustic"))
     ) {
       setShowTagsInput(true);
     }
@@ -1075,27 +1111,32 @@ export default function LSF() {
         annotationNotesRef.current.value = data[0].annotation_notes ?? "";
         reviewNotesRef.current.value = data[0].review_notes ?? "";
         try {
-          const newDelta2 = annotationNotesRef.current.value !== "" ? JSON.parse(annotationNotesRef.current.value) : "";
+          const newDelta2 =
+            annotationNotesRef.current.value !== ""
+              ? JSON.parse(annotationNotesRef.current.value)
+              : "";
           console.log(newDelta2);
           annotationNotesRef.current.getEditor().setContents(newDelta2);
         } catch (err) {
-          if(err instanceof SyntaxError){
+          if (err instanceof SyntaxError) {
             const newDelta2 = annotationNotesRef.current.value;
             annotationNotesRef.current.getEditor().setText(newDelta2);
           }
         }
         try {
-          const newDelta1 = reviewNotesRef.current.value!=""?JSON.parse(reviewNotesRef.current.value):"";
+          const newDelta1 =
+            reviewNotesRef.current.value != ""
+              ? JSON.parse(reviewNotesRef.current.value)
+              : "";
           reviewNotesRef.current.getEditor().setContents(newDelta1);
         } catch (err) {
-          if(err instanceof SyntaxError){
+          if (err instanceof SyntaxError) {
             const newDelta1 = reviewNotesRef.current.value;
             reviewNotesRef.current.getEditor().setText(newDelta1);
           }
         }
-        setannotationtext(annotationNotesRef.current.getEditor().getText())
-        setreviewtext(reviewNotesRef.current.getEditor().getText())
-
+        setannotationtext(annotationNotesRef.current.getEditor().getText());
+        setreviewtext(reviewNotesRef.current.getEditor().getText());
       }
     });
   }, [taskId]);
@@ -1114,8 +1155,6 @@ export default function LSF() {
     setTaskData(taskData);
   };
 
-
-
   return (
     <div style={{ maxHeight: "100%", maxWidth: "100%", margin: "auto" }}>
       {!loader && (
@@ -1124,7 +1163,7 @@ export default function LSF() {
           startIcon={<ArrowBackIcon />}
           variant="contained"
           color="primary"
-          sx={{mt:2}} 
+          sx={{ mt: 2 }}
           onClick={() => {
             localStorage.removeItem("labelAll");
             navigate(`/projects/${projectId}`);
@@ -1153,11 +1192,9 @@ export default function LSF() {
             <Button
               endIcon={showNotes ? <ArrowRightIcon /> : <ArrowDropDownIcon />}
               variant="contained"
-              color={
-                reviewtext.trim().length === 0 ? "primary" : "success"
-              }
+              color={reviewtext.trim().length === 0 ? "primary" : "success"}
               onClick={handleCollapseClick}
-            // style={{ marginBottom: "20px" }}
+              // style={{ marginBottom: "20px" }}
             >
               Notes {reviewtext.trim().length === 0 ? "" : "*"}
             </Button>
@@ -1168,7 +1205,6 @@ export default function LSF() {
             style={{
               display: showNotes ? "block" : "none",
               paddingBottom: "16px",
-               
             }}
           >
             {/* <Alert severity="warning" showIcon style={{marginBottom: '1%'}}>
diff --git a/src/ui/pages/container/Label-Studio/ReviewLSF.jsx b/src/ui/pages/container/Label-Studio/ReviewLSF.jsx
index 15276ea3d..bf79db791 100644
--- a/src/ui/pages/container/Label-Studio/ReviewLSF.jsx
+++ b/src/ui/pages/container/Label-Studio/ReviewLSF.jsx
@@ -35,6 +35,7 @@ import APITransport from "../../../../redux/actions/apitransport/apitransport";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import getTaskAssignedUsers from '../../../../utils/getTaskAssignedUsers';
 import LightTooltip from "../../component/common/Tooltip";
+import keymap from "./keymap";
 
 import {
   getProjectsandTasks,
@@ -420,6 +421,7 @@ useEffect(() => {
           id: taskData.id,
           data: taskData.data,
         },
+        keymap: keymap,
 
         onLabelStudioLoad: function (ls) {
           // if (taskData.correct_annotation) {
diff --git a/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx b/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx
index aac867c97..74aea942b 100644
--- a/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx
+++ b/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx
@@ -35,7 +35,7 @@ import APITransport from "../../../../redux/actions/apitransport/apitransport";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import getTaskAssignedUsers from '../../../../utils/getTaskAssignedUsers';
 import LightTooltip from "../../component/common/Tooltip";
-
+import keymap from "./keymap";
 import {
   getProjectsandTasks,
   getNextProject,
@@ -331,6 +331,7 @@ useEffect(() => {
           id: taskData.id,
           data: taskData.data,
         },
+        keymap: keymap,
 
         onLabelStudioLoad: function (ls) {
           // if (taskData.correct_annotation) {
diff --git a/src/ui/pages/container/Label-Studio/keymap.js b/src/ui/pages/container/Label-Studio/keymap.js
new file mode 100644
index 000000000..fb7ca739d
--- /dev/null
+++ b/src/ui/pages/container/Label-Studio/keymap.js
@@ -0,0 +1,8 @@
+const keymap ={
+    "region:relation": {
+    "key": "alt+w",
+    "description": "Create relation between regions"
+  }
+}
+
+export default keymap;
\ No newline at end of file