no need for these extra constants

Author: Veikkosuhonen

src/client/components/Prompt/PromptEditor.tsx

@@ -16,7 +16,7 @@ import {
   Typography,
   CircularProgress,
 } from '@mui/material'
-import { DEFAULT_RAG_SYSTEM_MESSAGE, validModels } from '@config'
+import { validModels } from '@config'
 import { useTranslation } from 'react-i18next'
 import type { RagIndexAttributes } from '@shared/types'
 import { useCreatePromptMutation, useEditPromptMutation } from '../../hooks/usePromptMutation'
@@ -41,7 +41,7 @@ export const PromptEditor = ({ prompt, ragIndices, type, chatInstanceId, setEdit
   const [name, setName] = useState<string>(prompt?.name ?? '')
   const [systemMessage, setSystemMessage] = useState<string>(prompt?.systemMessage ?? '')
   const [ragSystemMessage, setRagSystemMessage] = useState<string>(() =>
-    prompt ? prompt.messages?.find((m) => m.role === 'system')?.content || '' : t(DEFAULT_RAG_SYSTEM_MESSAGE),
+    prompt ? prompt.messages?.find((m) => m.role === 'system')?.content || '' : t('prompt:defaultRagMessage'),
   )
   const [hidden, setHidden] = useState<boolean>(prompt?.hidden ?? false)
   const [mandatory, setMandatory] = useState<boolean>(prompt?.mandatory ?? false)
@@ -196,7 +196,7 @@ export const PromptEditor = ({ prompt, ragIndices, type, chatInstanceId, setEdit
             <OpenableTextfield
               value={ragSystemMessage}
               onChange={(e) => setRagSystemMessage(e.target.value)}
-              onAppend={(text) => setRagSystemMessage(prev => prev + (prev.trim().length ? ' ' : '') + text)}
+              onAppend={(text) => setRagSystemMessage((prev) => prev + (prev.trim().length ? ' ' : '') + text)}
               slotProps={{
                 htmlInput: { 'data-testid': 'rag-system-message-input' },
               }}
@@ -228,7 +228,7 @@ export const PromptEditor = ({ prompt, ragIndices, type, chatInstanceId, setEdit
       </Box>
 
       <DialogActions>
-        {loading && <CircularProgress color='secondary' />}
+        {loading && <CircularProgress color="secondary" />}
         <BlueButton disabled={loading} type="submit" variant="contained" sx={{ mt: 2 }}>
           {t('common:save')}
         </BlueButton>

src/client/components/common/OpenableTextfield.tsx

@@ -1,32 +1,29 @@
-import { Accordion, AccordionDetails, AccordionSummary, Box, TextField, TextFieldProps } from '@mui/material'
-import { DEFAULT_RAG_SYSTEM_MESSAGE, ENFORCE_RAG_SYSTEM_MESSAGE, UNKNOWN_RAG_SYSTEM_MESSAGE } from '@config'
+import { Box, TextField, type TextFieldProps } from '@mui/material'
 import { GrayButton } from '../ChatV2/general/Buttons'
-import AddIcon from '@mui/icons-material/Add';
-import { t } from 'i18next';
+import AddIcon from '@mui/icons-material/Add'
+import { t } from 'i18next'
 
 type OpenableTextfieldProps = TextFieldProps & {
   onAppend: (text: string) => void
 }
 
 const OpenableTextfield = ({ onAppend, ...props }: OpenableTextfieldProps) => {
-
   return (
     <Box sx={{ mb: 2 }}>
       <TextField sx={{ mb: 0 }} {...props} fullWidth />
       <Box sx={{ display: 'flex', gap: 1, mt: 1, width: '100%' }}>
-        <GrayButton size="small" endIcon={<AddIcon />} onClick={() => onAppend(t(DEFAULT_RAG_SYSTEM_MESSAGE))}>
-          {t("prompt:defaultRagLabel")}
+        <GrayButton size="small" endIcon={<AddIcon />} onClick={() => onAppend(t('prompt:defaultRagMessage'))}>
+          {t('prompt:defaultRagLabel')}
         </GrayButton>
-        <GrayButton size="small" endIcon={<AddIcon />} onClick={() => onAppend(t(ENFORCE_RAG_SYSTEM_MESSAGE))}>
-          {t("prompt:enforceRagLabel")}
+        <GrayButton size="small" endIcon={<AddIcon />} onClick={() => onAppend(t('prompt:enforceRagMessage'))}>
+          {t('prompt:enforceRagLabel')}
         </GrayButton>
-        <GrayButton size="small" endIcon={<AddIcon />} onClick={() => onAppend(t(UNKNOWN_RAG_SYSTEM_MESSAGE))}>
-          {t("prompt:unknownRagLabel")}
+        <GrayButton size="small" endIcon={<AddIcon />} onClick={() => onAppend(t('prompt:unknownRagMessage'))}>
+          {t('prompt:unknownRagLabel')}
         </GrayButton>
       </Box>
     </Box>
   )
 }
 
-
-export default OpenableTextfield
+export default OpenableTextfield

src/config.ts

@@ -28,11 +28,6 @@ Put math in $$ ... $$ for LaTeX rendering.
 Wrap code in triple backticks with the correct language tag (js, ts, py, etc.) so syntax highlighting and rendering work.
 `
 
-// EXAMPLE: with localize translation -> t(DEFAULT_RAG_SYSTEM_MESSAGE)
-export const DEFAULT_RAG_SYSTEM_MESSAGE = 'prompt:defaultRagMessage'
-export const ENFORCE_RAG_SYSTEM_MESSAGE = 'prompt:enforceRagMessage'
-export const UNKNOWN_RAG_SYSTEM_MESSAGE = 'prompt:unknownRagMessage'
-
 /**
  * name: the acual model name, which is shown to users, configures the model to be used and is also the azure deployment name.
  */