feat: ctrl+w to clear convo, fix: wrong hint on send btn about send shortcut

Author: Veikkosuhonen

src/client/components/ChatV2/ChatBox.tsx

@@ -15,6 +15,7 @@ import { BlueButton, GrayButton, OutlineButtonBlack } from './general/Buttons'
 import { useIsEmbedded } from '../../contexts/EmbeddedContext'
 import useCurrentUser from '../../hooks/useCurrentUser'
 import { SendPreferenceConfiguratorModal, ShiftEnterForNewline, ShiftEnterToSend } from './SendPreferenceConfigurator'
+import { useKeyboardCommands } from './keyboardCommands'
 
 export const ChatBox = ({
   disabled,
@@ -77,6 +78,10 @@ export const ChatBox = ({
 
   const { t } = useTranslation()
 
+  useKeyboardCommands({ resetChat: handleReset })
+
+  const isShiftEnterSend = user?.preferences?.sendShortcutMode === 'shift+enter'
+
   const handleDeleteFile = () => {
     if (fileInputRef.current) {
       fileInputRef.current.value = ''
@@ -227,7 +232,7 @@ export const ChatBox = ({
                   />
                 </IconButton>
               </Tooltip>
-              <Tooltip title={t('chat:emptyConversation')} arrow placement="top">
+              <Tooltip title={t('chat:emptyConversationTooltip')} arrow placement="top">
                 <IconButton onClick={handleReset}>
                   <RestartAltIcon />
                 </IconButton>
@@ -238,7 +243,7 @@ export const ChatBox = ({
               )}
             </Box>
 
-            <Tooltip title={disabled ? t('chat:cancelResponse') : t('chat:shiftEnter')} arrow placement="top">
+            <Tooltip title={disabled ? t('chat:cancelResponse') : isShiftEnterSend ? t('chat:shiftEnterSend') : t('chat:enterSend')} arrow placement="top">
               <IconButton type={disabled ? 'button' : 'submit'} ref={sendButtonRef}>
                 {disabled ? <StopIcon /> : <Send />}
               </IconButton>
@@ -285,7 +290,7 @@ export const ChatBox = ({
               variant="body1"
               color="textSecondary"
             >
-              {user?.preferences?.sendShortcutMode === 'enter' ? <ShiftEnterForNewline t={t} /> : <ShiftEnterToSend t={t} />}
+              {isShiftEnterSend ? <ShiftEnterToSend t={t} /> : <ShiftEnterForNewline t={t} />}
             </Typography>
           )}
 

src/client/components/ChatV2/keyboardCommands.ts

@@ -0,0 +1,17 @@
+import { useEffect } from 'react'
+
+export const useKeyboardCommands = ({ resetChat }: { resetChat: () => void }) => {
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'w' && event.ctrlKey) {
+        resetChat()
+      }
+    }
+
+    window.addEventListener('keydown', handleKeyDown)
+
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown)
+    }
+  }, [resetChat])
+}

src/client/locales/en.json

@@ -84,9 +84,12 @@
     "denySave": "The conversation may not be saved.",
     "toBeSaved": "The discussion will be saved anonymously",
     "emptyConversation": "Clear conversation",
+    "emptyConversationTooltip": "Clear conversation (ctrl + W)",
     "emptyConfirm": "Are you sure you want to empty this conversation?",
     "settings": "Chat settings",
-    "shiftEnter": "Or send on Shift + Enter",
+    "shiftEnterSend": "Send (Shift + Enter)",
+    "enterSend": "Send (Enter)",
+    "chooseModelTooltip": "Choose model (ctrl + M)",
     "testUseInfo": "The new chat view is still in development and bugs are likely to occur",
     "searchTerms": "Searched for:",
     "readMore": "Read more",
@@ -321,4 +324,4 @@
     "ok": "Ok",
     "openConfigurator": "Keyboard shortcut for sending a message"
   }
-}
+}

src/client/locales/fi.json

@@ -84,9 +84,12 @@
     "denySave": "Keskustelua ei saa tallentaa",
     "toBeSaved": "Keskustelu tallennetaan anonyymisti",
     "emptyConversation": "Tyhjennä keskustelu",
+    "emptyConversationTooltip": "Tyhjennä keskustelu (ctrl + W)",
     "emptyConfirm": "Oletko varma että tahdot tyhjentää keskustelun?",
     "settings": "Keskustelun asetukset",
-    "shiftEnter": "Tai lähetä Shift + Enterillä",
+    "shiftEnterSend": "Lähetä (Shift + Enter)",
+    "enterSend": "Lähetä (Enter)",
+    "chooseModelTooltip": "Valitse malli (ctrl + M)",
     "testUseInfo": "Curren uusi chattinäkymä on vielä kehitysvaiheessa ja bugeja varmasti ilmenee",
     "searchTerms": "Hakusanat:",
     "readMore": "Lue lisää",
@@ -321,4 +324,4 @@
     "ok": "Ok",
     "openConfigurator": "Viestin lähetyksen näppäinyhdistelmä"
   }
-}
+}