Add commit message default configuration support for web chatbots and consolidate UI translations

- should be able to set default chatbot for commit messages, similarly how we set default agent for commit messages
- place repeated translations in `apps/editor/src/views/settings/frontend/i18n/translations/common.ts`

└── apps
    └── editor
        └── src
            ├── commands
            │   └── generate-commit-message-commands
            │       └── actions
            │           └── run-generate-action.ts
            ├── constants
            │   └── state-keys.ts
            ├── types
            │   └── web-configuration.ts
            ├── utils
            │   ├── cli-configuration-format-converters.ts
            │   └── web-configuration-format-converters.ts
            └── views
                └── settings
                    ├── backend
                    │   ├── message-handlers
                    │   │   ├── handle-get-cli-configurations.ts
                    │   │   ├── handle-get-web-configurations.ts
                    │   │   ├── handle-select-default-cli-configuration.ts
                    │   │   ├── handle-select-default-web-configuration.ts
                    │   │   ├── handle-set-default-cli-configuration.ts
                    │   │   ├── handle-set-default-web-configuration.ts
                    │   │   └── index.ts
                    │   └── settings-view-provider.ts
                    ├── frontend
                    │   ├── App.tsx
                    │   ├── Home
                    │   │   ├── Home.tsx
                    │   │   ├── hooks
                    │   │   │   └── use-scroll-to.ts
                    │   │   ├── index.ts
                    │   │   └── sections
                    │   │       ├── ApiSection.tsx
                    │   │       ├── CliSection.tsx
                    │   │       ├── GeneralSection.tsx
                    │   │       └── WebSection.tsx
                    │   ├── Settings.tsx
                    │   ├── forms
                    │   │   ├── EditProviderForm
                    │   │   │   ├── EditProviderForm.module.scss
                    │   │   │   ├── EditProviderForm.tsx
                    │   │   │   └── index.ts
                    │   │   └── EditTemplateForm
                    │   │       ├── EditTemplateForm.module.scss
                    │   │       ├── EditTemplateForm.tsx
                    │   │       └── index.ts
                    │   ├── hooks
                    │   │   ├── use-api-configuration-editing.ts
                    │   │   ├── use-cli-configuration-editing.ts
                    │   │   ├── use-provider-editing.ts
                    │   │   ├── use-settings.ts
                    │   │   └── use-web-configuration-editing.ts
                    │   ├── i18n
                    │   │   ├── translations
                    │   │   │   ├── actions.ts
                    │   │   │   ├── api.ts
                    │   │   │   ├── cli.ts
                    │   │   │   ├── common.ts
                    │   │   │   ├── edit-provider-form.ts
                    │   │   │   ├── edit-template-form.ts
                    │   │   │   ├── general.ts
                    │   │   │   ├── index.ts
                    │   │   │   ├── sections.ts
                    │   │   │   └── web.ts
                    │   │   └── use-translation.tsx
                    │   └── utils
                    │       └── post-message.ts
                    └── types
                        └── messages.ts

Author: robertpiosik

apps/editor/src/utils/web-configuration-format-converters.ts

@@ -14,6 +14,7 @@ export type ConfigWebConfigurationFormat = {
   isDefaultForCodeAtCursor?: boolean
   isDefaultForIntelligentSearch?: boolean
   isDefaultForPatchRepair?: boolean
+  isDefaultForCommitMessage?: boolean
 }
 
 export const config_web_configuration_to_ui_format = (

apps/editor/src/views/settings/backend/message-handlers/handle-get-web-configurations.ts

@@ -43,7 +43,10 @@ export const handle_get_web_configurations = async (
       'intelligent-search':
         web_configurations_config.find(
           (c: any) => c.isDefaultForIntelligentSearch
-        )?.name || null
+        )?.name || null,
+      'commit-message':
+        web_configurations_config.find((c: any) => c.isDefaultForCommitMessage)
+          ?.name || null
     }
   })
 }

apps/editor/src/views/settings/backend/message-handlers/handle-select-default-web-configuration.ts

@@ -97,6 +97,12 @@ export const handle_select_default_web_configuration = async (
           } else {
             delete new_c.isDefaultForIntelligentSearch
           }
+        } else if (message.web_feature == 'commit-message') {
+          if (c.name == selected.web_configuration_name) {
+            new_c.isDefaultForCommitMessage = true
+          } else {
+            delete new_c.isDefaultForCommitMessage
+          }
         }
         return new_c
       })

apps/editor/src/views/settings/backend/message-handlers/handle-set-default-web-configuration.ts

@@ -26,6 +26,12 @@ export const handle_set_default_web_configuration = async (
       } else {
         delete new_c.isDefaultForIntelligentSearch
       }
+    } else if (message.web_feature == 'commit-message') {
+      if (c.name == message.web_configuration_name) {
+        new_c.isDefaultForCommitMessage = true
+      } else {
+        delete new_c.isDefaultForCommitMessage
+      }
     }
     return new_c
   })

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

@@ -68,7 +68,7 @@ export const NAV_ITEMS_CONFIG: NavConfigItem[] = [
   },
   {
     id: 'section:web:group:web-defaults',
-    label: 'web.default-configurations.title'
+    label: 'common.defaults'
   },
   {
     id: 'section:api',
@@ -88,7 +88,7 @@ export const NAV_ITEMS_CONFIG: NavConfigItem[] = [
   },
   {
     id: 'section:api:group:api-defaults',
-    label: 'api.default-configurations.title'
+    label: 'common.defaults'
   },
   {
     id: 'section:cli',
@@ -100,7 +100,7 @@ export const NAV_ITEMS_CONFIG: NavConfigItem[] = [
   },
   {
     id: 'section:cli:group:agent-defaults',
-    label: 'cli.default-configurations.title'
+    label: 'common.defaults'
   }
 ]
 

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

@@ -342,11 +342,11 @@ export const ApiSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
         }
       >
         <UiGroup
-          title={t('api.default-configurations.title')}
+          title={t('common.defaults')}
           is_disabled={props.api_configurations.length === 0}
         >
           <DefaultConfigurationSelector
-            title={t('api.default-configurations.tool.code-at-cursor')}
+            title={t('common.code-at-cursor')}
             value={props.defaults['code-at-cursor'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -357,11 +357,11 @@ export const ApiSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('api.configurations.action.select-default'),
-              unset: t('api.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('api.default-configurations.tool.commit-message')}
+            title={t('common.commit-message')}
             value={props.defaults['commit-message'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -372,11 +372,11 @@ export const ApiSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('api.configurations.action.select-default'),
-              unset: t('api.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('api.default-configurations.tool.intelligent-search')}
+            title={t('common.intelligent-search')}
             value={props.defaults['intelligent-search'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -387,11 +387,11 @@ export const ApiSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('api.configurations.action.select-default'),
-              unset: t('api.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('api.default-configurations.tool.patch-repair')}
+            title={t('common.patch-repair')}
             value={props.defaults['patch-repair'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -402,11 +402,11 @@ export const ApiSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('api.configurations.action.select-default'),
-              unset: t('api.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('api.default-configurations.tool.voice-input')}
+            title={t('common.voice-input')}
             value={props.defaults['voice-input'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -417,7 +417,7 @@ export const ApiSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('api.configurations.action.select-default'),
-              unset: t('api.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
         </UiGroup>

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

@@ -169,11 +169,11 @@ export const CliSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
         }
       >
         <UiGroup
-          title={t('cli.default-configurations.title')}
+          title={t('common.defaults')}
           is_disabled={props.cli_configurations.length === 0}
         >
           <DefaultConfigurationSelector
-            title={t('cli.default-configurations.tool.agentic-search')}
+            title={t('common.agentic-search')}
             value={props.agent_defaults['agentic-search'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -184,11 +184,11 @@ export const CliSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('agents.configurations.action.select-default'),
-              unset: t('agents.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('cli.default-configurations.tool.code-at-cursor')}
+            title={t('common.code-at-cursor')}
             value={props.agent_defaults['code-at-cursor'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -199,11 +199,11 @@ export const CliSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('agents.configurations.action.select-default'),
-              unset: t('agents.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('cli.default-configurations.tool.commit-message')}
+            title={t('common.commit-message')}
             value={props.agent_defaults['commit-message'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -214,11 +214,11 @@ export const CliSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('agents.configurations.action.select-default'),
-              unset: t('agents.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('cli.default-configurations.tool.intelligent-search')}
+            title={t('common.intelligent-search')}
             value={props.agent_defaults['intelligent-search'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -229,11 +229,11 @@ export const CliSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('agents.configurations.action.select-default'),
-              unset: t('agents.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('cli.default-configurations.tool.patch-repair')}
+            title={t('common.patch-repair')}
             value={props.agent_defaults['patch-repair'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -244,11 +244,11 @@ export const CliSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('agents.configurations.action.select-default'),
-              unset: t('agents.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('cli.default-configurations.tool.voice-input')}
+            title={t('common.voice-input')}
             value={props.agent_defaults['voice-input'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -259,7 +259,7 @@ export const CliSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('agents.configurations.action.select-default'),
-              unset: t('agents.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
         </UiGroup>

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

@@ -224,21 +224,15 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
                   options={[
                     {
                       value: 'ask',
-                      label: t(
-                        'general.commits.use-context-files-in-commit-message-prompt.ask'
-                      )
+                      label: t('common.ask')
                     },
                     {
                       value: 'always',
-                      label: t(
-                        'general.commits.use-context-files-in-commit-message-prompt.always'
-                      )
+                      label: t('common.always')
                     },
                     {
                       value: 'never',
-                      label: t(
-                        'general.commits.use-context-files-in-commit-message-prompt.never'
-                      )
+                      label: t('common.never')
                     }
                   ]}
                   value={props.use_context_files_in_commit_message_prompt}
@@ -258,21 +252,15 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
                   options={[
                     {
                       value: 'ask',
-                      label: t(
-                        'general.commits.attach-ascii-tree-of-context.ask'
-                      )
+                      label: t('common.ask')
                     },
                     {
                       value: 'always',
-                      label: t(
-                        'general.commits.attach-ascii-tree-of-context.always'
-                      )
+                      label: t('common.always')
                     },
                     {
                       value: 'never',
-                      label: t(
-                        'general.commits.attach-ascii-tree-of-context.never'
-                      )
+                      label: t('common.never')
                     }
                   ]}
                   value={props.attach_ascii_tree_of_context}
@@ -336,7 +324,7 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
                   options={[
                     {
                       value: 'ask',
-                      label: t('general.voice-input.default-action.ask')
+                      label: t('common.ask')
                     },
                     {
                       value: 'send-request',

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

@@ -339,11 +339,11 @@ export const WebSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
         }
       >
         <UiGroup
-          title={t('web.default-configurations.title')}
+          title={t('common.defaults')}
           is_disabled={props.web_configurations.length === 0}
         >
           <DefaultConfigurationSelector
-            title={t('web.default-configurations.tool.code-at-cursor')}
+            title={t('common.code-at-cursor')}
             value={props.web_defaults['code-at-cursor'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -354,11 +354,11 @@ export const WebSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('chatbots.configurations.action.select-default'),
-              unset: t('chatbots.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('web.default-configurations.tool.intelligent-search')}
+            title={t('common.intelligent-search')}
             value={props.web_defaults['intelligent-search'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -369,11 +369,11 @@ export const WebSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('chatbots.configurations.action.select-default'),
-              unset: t('chatbots.configurations.action.unset-default')
+              unset: t('common.unset-default')
             }}
           />
           <DefaultConfigurationSelector
-            title={t('web.default-configurations.tool.patch-repair')}
+            title={t('common.patch-repair')}
             value={props.web_defaults['patch-repair'] || null}
             configurations={selector_configurations}
             on_unset={() =>
@@ -384,7 +384,22 @@ export const WebSection = forwardRef<HTMLDivElement, Props>((props, ref) => {
             }
             translations={{
               select: t('chatbots.configurations.action.select-default'),
-              unset: t('chatbots.configurations.action.unset-default')
+              unset: t('common.unset-default')
+            }}
+          />
+          <DefaultConfigurationSelector
+            title={t('common.commit-message')}
+            value={props.web_defaults['commit-message'] || null}
+            configurations={selector_configurations}
+            on_unset={() =>
+              props.on_set_default_web_configuration('commit-message', null)
+            }
+            on_select={() =>
+              props.on_select_default_web_configuration('commit-message')
+            }
+            translations={{
+              select: t('chatbots.configurations.action.select-default'),
+              unset: t('common.unset-default')
             }}
           />
         </UiGroup>

apps/editor/src/views/settings/frontend/forms/EditProviderForm/EditProviderForm.tsx

@@ -45,7 +45,7 @@ export const EditProviderForm: React.FC<Props> = (props) => {
     <UiScrollable top_shadow>
       <div className={styles.form}>
         <UiFieldset>
-          <UiField label={t('edit-provider-form.name.label')} html_for="name">
+          <UiField label={t('common.name')} html_for="name">
             <UiInput
               id="name"
               type="text"