Add Prompt Field section to General settings and relocate related configuration toggles

- rename 'edit formats' to 'edit format instructions'
- place 'send with shift+enter' and 'push to talk' in a sub-group 'prompt field'. Locate it above checkpoints.

Author: robertpiosik

apps/editor/src/views/settings/frontend/Home/Home.tsx

@@ -29,6 +29,7 @@ import { default_system_instructions } from '@shared/constants/default-system-in
 
 export type NavItem =
   | 'general'
+  | 'prompt-field'
   | 'checkpoints'
   | 'edit-format'
   | 'chatbots'
@@ -44,14 +45,19 @@ const NAV_ITEMS_CONFIG: NavConfigItem[] = [
     id: 'general',
     label: 'sidebar.general'
   },
+  {
+    id: 'prompt-field',
+    label: 'general.prompt-field.title',
+    is_nested: true
+  },
   {
     id: 'checkpoints',
     label: 'general.checkpoints.title',
     is_nested: true
   },
   {
     id: 'edit-format',
-    label: 'general.edit-formats.title',
+    label: 'general.edit-format-instructions.title',
     is_nested: true
   },
   {
@@ -159,6 +165,7 @@ export const Home: React.FC<Props> = (props) => {
   const scroll_container_ref = useRef<HTMLDivElement>(null)
   const section_refs = useRef<Record<NavItem, HTMLDivElement | null>>({
     general: null,
+    'prompt-field': null,
     checkpoints: null,
     'edit-format': null,
     chatbots: null,

apps/editor/src/views/settings/frontend/Home/sections/GeneralSection.tsx

@@ -269,26 +269,6 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
               />
             }
           />
-          <UiItem
-            title={t('general.send-with-shift-enter.title')}
-            description={t('general.send-with-shift-enter.description')}
-            slot_right={
-              <UiToggler
-                is_on={props.send_with_shift_enter}
-                on_toggle={props.on_send_with_shift_enter_change}
-              />
-            }
-          />
-          <UiItem
-            title={t('general.voice-input.push-to-talk.title')}
-            description={t('general.voice-input.push-to-talk.description')}
-            slot_right={
-              <UiToggler
-                is_on={props.voice_input_push_to_talk}
-                on_toggle={props.on_voice_input_push_to_talk_change}
-              />
-            }
-          />
           <UiItem
             title={t('general.include-prompts-in-commit-messages.title')}
             description={t('general.include-prompts-in-commit-messages.description')}
@@ -335,6 +315,31 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
           />
         </UiGroup>
 
+        <div ref={(el) => props.set_section_ref('prompt-field', el)}>
+          <UiGroup title={t('general.prompt-field.title')}>
+            <UiItem
+              title={t('general.send-with-shift-enter.title')}
+              description={t('general.send-with-shift-enter.description')}
+              slot_right={
+                <UiToggler
+                  is_on={props.send_with_shift_enter}
+                  on_toggle={props.on_send_with_shift_enter_change}
+                />
+              }
+            />
+            <UiItem
+              title={t('general.voice-input.push-to-talk.title')}
+              description={t('general.voice-input.push-to-talk.description')}
+              slot_right={
+                <UiToggler
+                  is_on={props.voice_input_push_to_talk}
+                  on_toggle={props.on_voice_input_push_to_talk_change}
+                />
+              }
+            />
+          </UiGroup>
+        </div>
+
         <div ref={(el) => props.set_section_ref('checkpoints', el)}>
           <UiGroup title={t('general.checkpoints.title')}>
             <UiItem
@@ -370,7 +375,7 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
         </div>
 
         <div ref={(el) => props.set_section_ref('edit-format', el)}>
-          <UiGroup title={t('general.edit-formats.title')}>
+          <UiGroup title={t('general.edit-format-instructions.title')}>
             <UiItem
               title={t('general.edit-format.whole.title')}
               description={t('general.edit-format.whole.description')}

apps/editor/src/views/settings/frontend/i18n/translations/general.ts

@@ -405,6 +405,24 @@ export const general = {
     hu: 'Minden Kijelölés Törlése',
     bg: 'Размаркиране на всички'
   },
+  'general.prompt-field.title': {
+    en: 'Prompt Field',
+    pl: 'Pole promptu',
+    'zh-cn': '提示字段',
+    ja: 'プロンプトフィールド',
+    'zh-tw': '提示欄位',
+    de: 'Prompt-Feld',
+    es: 'Campo de prompt',
+    fr: 'Champ de prompt',
+    'pt-br': 'Campo de Prompt',
+    ru: 'Поле промпта',
+    ko: '프롬프트 필드',
+    it: 'Campo prompt',
+    tr: 'İstem Alanı',
+    cs: 'Pole promptu',
+    hu: 'Prompt mező',
+    bg: 'Поле за промпт'
+  },
   'general.checkpoints.title': {
     en: 'Checkpoints',
     pl: 'Punkty kontrolne',
@@ -497,23 +515,23 @@ export const general = {
     hu: 'Élettartam órákban. A régebbiek automatikusan törlődnek.',
     bg: 'Продължителност в часове. Старите се изтриват.'
   },
-  'general.edit-formats.title': {
-    en: 'Edit Formats',
-    pl: 'Formaty edycji',
-    'zh-cn': '编辑格式',
-    ja: '編集フォーマット',
-    'zh-tw': '編輯格式',
-    de: 'Bearbeitungsformate',
-    es: 'Formatos de edición',
-    fr: "Formats d'édition",
-    'pt-br': 'Formatos de Edição',
-    ru: 'Форматы редактирования',
-    ko: '편집 형식',
-    it: 'Formati di modifica',
-    tr: 'Düzenleme Biçimleri',
-    cs: 'Formáty úprav',
-    hu: 'Szerkesztési Formátumok',
-    bg: 'Формати на редактиране'
+  'general.edit-format-instructions.title': {
+    en: 'Edit Format Instructions',
+    pl: 'Instrukcje formatu edycji',
+    'zh-cn': '编辑格式说明',
+    ja: '編集フォーマットの指示',
+    'zh-tw': '編輯格式說明',
+    de: 'Bearbeitungsformat-Anweisungen',
+    es: 'Instrucciones de formato de edición',
+    fr: "Instructions de format d'édition",
+    'pt-br': 'Instruções de Formato de Edição',
+    ru: 'Инструкции для форматов редактирования',
+    ko: '편집 형식 지침',
+    it: 'Istruzioni formato di modifica',
+    tr: 'Düzenleme Biçimi Talimatları',
+    cs: 'Instrukce formátů úprav',
+    hu: 'Szerkesztési Formátum Utasítások',
+    bg: 'Инструкции за формати на редактиране'
   },
   'general.edit-format.whole.title': {
     en: 'Whole',