Refactor prompt field properties and streamline layout structure

- remove 'copy prompt' from 'api' target
- in api target, edit prompt type, when missing configuration, should not show 'attaching X files' notice
- 'prompt field' should work without being aware of the current prompt type
- in api target, submitting should be disabled when there are no api configurations
- show 'missing configuration' warning also when there are no web configurations
- show warnings independently allowing showing more at once, don't use loops for it to not break border radius that should be only on last notice
- when not showing 'empty context' warning, should show 'attaching X files...' notice
- not last notice should not have border radius
- show empty context/attaching... above the eventual 'missing configuration'
- dont't show 'missing configuration' warning, simplify as necessary, as we only show either one context related prompt notice
- 'preview prompt' should only be disabled in 'edit' when context is empty.
- submitting in API target should never be disabled, even if there are no api configurations
- don't show [Image] when in web target and being not connected
- move UiBrowserExtensionMessage
- in `apps/editor/src/views/prompt/frontend/Main/MainView/MainView.tsx` wrap everyting in .container
- in `apps/editor/src/views/prompt/frontend/Main/MainView/MainView.tsx` wrap everyting in scrollable in div.container
- remove -container suffix from [Pasted text]

├── apps
│   └── editor
│       └── src
│           └── views
│               └── prompt
│                   └── frontend
│                       └── Main
│                           └── MainView
│                               ├── MainView.module.scss
│                               └── MainView.tsx
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    ├── common
                    │   └── prompts
                    │       ├── PromptField
                    │       │   ├── PromptField.module.scss
                    │       │   ├── PromptField.stories.tsx
                    │       │   ├── PromptField.tsx
                    │       │   ├── hooks
                    │       │   │   ├── use-drag-drop.ts
                    │       │   │   ├── use-dropdown.ts
                    │       │   │   ├── use-ghost-text.ts
                    │       │   │   ├── use-handlers
                    │       │   │   │   ├── handle-copy.ts
                    │       │   │   │   ├── handle-cut.ts
                    │       │   │   │   ├── handle-input-change.ts
                    │       │   │   │   ├── handle-input-click.ts
                    │       │   │   │   ├── handle-key-down.ts
                    │       │   │   │   ├── handle-paste.ts
                    │       │   │   │   ├── handle-submit.ts
                    │       │   │   │   ├── index.ts
                    │       │   │   │   ├── types.ts
                    │       │   │   │   ├── use-handlers.ts
                    │       │   │   │   └── utils.ts
                    │       │   │   └── use-keyboard-shortcuts.ts
                    │       │   └── index.ts
                    │       ├── Template
                    │       │   ├── Template.module.scss
                    │       │   ├── Template.tsx
                    │       │   └── index.ts
                    │       └── shared
                    │           └── symbols
                    │               ├── caret.ts
                    │               ├── get-highlighted-text.tsx
                    │               ├── index.ts
                    │               ├── position-mapping.ts
                    │               ├── prompt-symbols.module.scss
                    │               ├── reconstruct-raw-value.ts
                    │               └── use-symbol-deletion.ts
                    ├── prompt
                    │   ├── BrowserExtensionMessage
                    │   │   ├── BrowserExtensionMessage.module.scss
                    │   │   ├── BrowserExtensionMessage.stories.tsx
                    │   │   ├── BrowserExtensionMessage.tsx
                    │   │   └── index.ts
                    │   └── PromptNotice
                    │       ├── PromptNotice.module.scss
                    │       └── PromptNotice.tsx
                    └── settings
                        └── Notice
                            └── Notice.tsx

Author: robertpiosik

apps/editor/package.json

@@ -1040,11 +1040,11 @@
           "default": [
             {
               "name": "(0)",
-              "chatbot": "Gemini"
+              "chatbot": "ChatGPT"
             },
             {
               "name": "(1)",
-              "chatbot": "ChatGPT"
+              "chatbot": "Gemini"
             },
             {
               "name": "(2)",

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

@@ -29,7 +29,6 @@ import {
   EDIT_FORMAT_INSTRUCTIONS_TRUNCATED,
   EDIT_FORMAT_INSTRUCTIONS_WHOLE
 } from '@/constants/edit-format-instructions'
-import { open_settings } from '@/views/settings/helpers/open-settings'
 
 const get_last_used_config_id_key = () => {
   return LAST_USED_EDIT_FILES_CONFIG_ID_STATE_KEY
@@ -50,8 +49,6 @@ const get_api_configuration = async (params: {
     await params.model_providers_manager.get_api_configurations()
 
   if (api_configurations.length == 0) {
-    open_settings.api.api_configurations()
-    vscode.window.showInformationMessage(t('common.no-configurations-found'))
     return
   }
 

apps/editor/src/views/prompt/frontend/Main/MainView/MainView.module.scss

@@ -1,4 +1,12 @@
-.chat-input-container {
+.container {
+  padding: 4px 0 12px 0;
+
+  :global([data-modern-ui='true']) & {
+    padding: 4px 0 10px 0;
+  }
+}
+
+.chat-input {
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -8,3 +16,16 @@
     margin: 0 10px;
   }
 }
+
+.notices {
+  display: flex;
+  flex-direction: column;
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  overflow: hidden;
+  margin: 0 20px;
+
+  :global([data-modern-ui='true']) & {
+    margin: 0 18px;
+  }
+}