Add warning prompt for missing API configurations and fix notice component styling

- `apps/editor/src/views/prompt/backend/message-handlers/handle-make-api-call.ts` should show modal 'missing configuration'
- in `apps/editor/src/utils/show-no-configurations-warning.ts` use translation [Pasted text] placed in `apps/editor/src/i18n/translations/utils`
- implement ellipsis truncation in notice

├── apps
│   └── editor
│       └── src
│           ├── constants
│           │   └── edit-format-instructions.ts
│           ├── i18n
│           │   └── translations
│           │       ├── common.ts
│           │       └── utils
│           │           ├── git-repository-utils.ts
│           │           ├── index.ts
│           │           ├── show-no-configurations-warning.ts
│           │           └── show-parent-folder-quick-pick.ts
│           ├── utils
│           │   └── show-no-configurations-warning.ts
│           └── views
│               ├── prompt
│               │   ├── backend
│               │   │   └── message-handlers
│               │   │       └── handle-make-api-call.ts
│               │   └── frontend
│               │       └── i18n
│               │           └── translations
│               │               └── common.ts
│               └── settings
│                   ├── frontend
│                   │   ├── Home
│                   │   │   └── sections
│                   │   │       ├── ApiSection.tsx
│                   │   │       └── WebSection.tsx
│                   │   └── i18n
│                   │       └── translations
│                   │           └── common.ts
│                   └── helpers
│                       └── open-settings.ts
├── docs
│   └── chatbot-initialization.mdx
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── settings
                        └── Notice
                            ├── Notice.module.scss
                            ├── Notice.tsx
                            └── index.ts

Author: robertpiosik

apps/editor/src/i18n/translations/utils/index.ts

@@ -1,7 +1,9 @@
 import { translations as show_parent_folder_quick_pick } from './show-parent-folder-quick-pick'
 import { translations as git_repository_utils } from './git-repository-utils'
+import { translations as show_no_configurations_warning } from './show-no-configurations-warning'
 
 export const translations = {
   ...show_parent_folder_quick_pick,
-  ...git_repository_utils
+  ...git_repository_utils,
+  ...show_no_configurations_warning
 }

apps/editor/src/i18n/translations/utils/show-no-configurations-warning.ts

@@ -0,0 +1,20 @@
+export const translations = {
+  'utils.show-no-configurations-warning.no-configurations-created-yet': {
+    en: 'No configurations created yet.',
+    pl: 'Nie utworzono jeszcze żadnych konfiguracji.',
+    'zh-cn': '尚未创建配置。',
+    ja: 'まだ設定は作成されていません。',
+    'zh-tw': '尚未建立設定。',
+    de: 'Noch keine Konfigurationen erstellt.',
+    es: 'Aún no se han creado configuraciones.',
+    fr: 'Aucune configuration créée pour le moment.',
+    'pt-br': 'Nenhuma configuração criada ainda.',
+    ru: 'Конфигурации еще не созданы.',
+    ko: '아직 생성된 구성이 없습니다.',
+    it: 'Nessuna configurazione ancora creata.',
+    tr: 'Henüz yapılandırma oluşturulmadı.',
+    cs: 'Zatím nebyly vytvořeny žádné konfigurace.',
+    hu: 'Még nincsenek konfigurációk létrehozva.',
+    bg: 'Все още няма създадени конфигурации.'
+  }
+} as const

apps/editor/src/utils/show-no-configurations-warning.ts

@@ -7,7 +7,7 @@ export const show_no_configurations_warning = async (
 ): Promise<void> => {
   const open_settings_label = t('common.open-settings')
   const result = await vscode.window.showWarningMessage(
-    t('common.missing-configuration'),
+    t('utils.show-no-configurations-warning.no-configurations-created-yet'),
     { modal: true },
     open_settings_label
   )

apps/editor/src/views/prompt/backend/message-handlers/handle-make-api-call.ts

@@ -21,6 +21,7 @@ import {
   show_configuration_quick_pick,
   map_api_configuration_to_item
 } from '@/utils/show-configuration-quick-pick'
+import { show_no_configurations_warning } from '@/utils/show-no-configurations-warning'
 import { PromptBuilder } from '@/utils/prompt-builder'
 import { ApiPromptType } from '@shared/types/prompt-types'
 import {
@@ -50,6 +51,7 @@ const get_api_configuration = async (params: {
     await params.model_providers_manager.get_api_configurations()
 
   if (api_configurations.length == 0) {
+    show_no_configurations_warning('api')
     return
   }
 

apps/editor/src/views/settings/helpers/open-settings.ts

@@ -5,7 +5,7 @@ export const open_settings = {
     prompt_field: () =>
       vscode.commands.executeCommand(
         'codeWebChat.settings',
-        'section:general:group:prompt-field'
+        'section:general:group:prompt'
       )
   },
   web: {

packages/ui/src/components/editor/settings/Notice/Notice.module.scss

@@ -29,6 +29,7 @@
   display: flex;
   align-items: center;
   gap: 6px;
+  min-width: 0;
 
   &--warning {
     > span:first-child {
@@ -46,5 +47,8 @@
 
   .content {
     flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 }