Add restore to default functionality for edit context, commit message, and voice input instructions in settings

- current behavior: instructions can't be easily restored. Expected behavior: user can restore modified instructions with a single click

Author: robertpiosik

apps/editor/src/views/settings/backend/message-handlers/handle-update-edit-context-system-instructions.ts

@@ -1,5 +1,6 @@
 import * as vscode from 'vscode'
 import { UpdateEditContextSystemInstructionsMessage } from '@/views/settings/types/messages'
+import { default_system_instructions } from '@shared/constants/default-system-instructions'
 
 export const handle_update_edit_context_system_instructions = async (
   message: UpdateEditContextSystemInstructionsMessage
@@ -8,7 +9,10 @@ export const handle_update_edit_context_system_instructions = async (
     .getConfiguration('codeWebChat')
     .update(
       'editContextSystemInstructions',
-      message.instructions || undefined,
+      message.instructions == '' ||
+        message.instructions == default_system_instructions
+        ? undefined
+        : message.instructions,
       vscode.ConfigurationTarget.Global
     )
 }

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

@@ -490,6 +490,27 @@ export const Home: React.FC<Props> = (props) => {
               )
             }
           }}
+          default_edit_context_instructions={default_system_instructions}
+          default_commit_instructions={default_commit_message_instructions}
+          default_voice_input_instructions={default_voice_input_instructions}
+          on_restore_edit_context_instructions={() => {
+            set_edit_context_instructions(default_system_instructions)
+            props.on_edit_context_system_instructions_change(
+              default_system_instructions
+            )
+          }}
+          on_restore_commit_instructions={() => {
+            set_commit_instructions(default_commit_message_instructions)
+            props.on_commit_instructions_change(
+              default_commit_message_instructions
+            )
+          }}
+          on_restore_voice_input_instructions={() => {
+            set_voice_input_instructions(default_voice_input_instructions)
+            props.on_voice_input_instructions_change(
+              default_voice_input_instructions
+            )
+          }}
         />
       </UiLayout>
     </div>

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

@@ -40,6 +40,12 @@ type Props = {
   on_edit_context_instructions_blur: () => void
   on_commit_instructions_blur: () => void
   on_voice_input_instructions_blur: () => void
+  default_edit_context_instructions: string
+  default_commit_instructions: string
+  default_voice_input_instructions: string
+  on_restore_edit_context_instructions: () => void
+  on_restore_commit_instructions: () => void
+  on_restore_voice_input_instructions: () => void
 }
 
 export const ApiConfigurationsSection = forwardRef<HTMLDivElement, Props>(
@@ -203,6 +209,19 @@ export const ApiConfigurationsSection = forwardRef<HTMLDivElement, Props>(
             <UiItem
               title={t('configurations.edit-context-system-instructions.title')}
               description={t('configurations.edit-context-system-instructions.description')}
+              slot_right={
+                props.edit_context_instructions !==
+                  props.default_edit_context_instructions && (
+                  <IconButton
+                    codicon_icon="discard"
+                    title={t('configurations.action.restore-default')}
+                    on_click={(e) => {
+                      e.stopPropagation()
+                      props.on_restore_edit_context_instructions()
+                    }}
+                  />
+                )
+              }
             >
               <UiTextarea
                 value={props.edit_context_instructions}
@@ -213,6 +232,19 @@ export const ApiConfigurationsSection = forwardRef<HTMLDivElement, Props>(
             <UiItem
               title={t('configurations.commit-message-instructions.title')}
               description={t('configurations.commit-message-instructions.description')}
+              slot_right={
+                props.commit_instructions !==
+                  props.default_commit_instructions && (
+                  <IconButton
+                    codicon_icon="discard"
+                    title={t('configurations.action.restore-default')}
+                    on_click={(e) => {
+                      e.stopPropagation()
+                      props.on_restore_commit_instructions()
+                    }}
+                  />
+                )
+              }
             >
               <UiTextarea
                 value={props.commit_instructions}
@@ -223,6 +255,19 @@ export const ApiConfigurationsSection = forwardRef<HTMLDivElement, Props>(
             <UiItem
               title={t('configurations.voice-input-instructions.title')}
               description={t('configurations.voice-input-instructions.description')}
+              slot_right={
+                props.voice_input_instructions !==
+                  props.default_voice_input_instructions && (
+                  <IconButton
+                    codicon_icon="discard"
+                    title={t('configurations.action.restore-default')}
+                    on_click={(e) => {
+                      e.stopPropagation()
+                      props.on_restore_voice_input_instructions()
+                    }}
+                  />
+                )
+              }
             >
               <UiTextarea
                 value={props.voice_input_instructions}

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

@@ -162,6 +162,24 @@ export const configurations = {
     hu: 'Alapértelmezett törlése',
     bg: 'Премахни подразбиране'
   },
+  'configurations.action.restore-default': {
+    en: 'Restore to default',
+    pl: 'Przywróć domyślne',
+    'zh-cn': '恢复默认',
+    ja: 'デフォルトに戻す',
+    'zh-tw': '恢復預設',
+    de: 'Auf Standard zurücksetzen',
+    es: 'Restaurar predeterminado',
+    fr: 'Restaurer par défaut',
+    'pt-br': 'Restaurar padrão',
+    ru: 'Восстановить по умолчанию',
+    ko: '기본값으로 복원',
+    it: 'Ripristina predefinito',
+    tr: 'Varsayılana geri yükle',
+    cs: 'Obnovit výchozí',
+    hu: 'Alapértelmezett visszaállítása',
+    bg: 'Възстанови по подразбиране'
+  },
   'configurations.item': {
     en: 'configuration',
     pl: 'konfiguracja',