Remove disabled web configuration warnings and update prompt field dropdown and tooltips for better clarity

- allow sending to browser with an empty prompt
- in 'web', we allow sending empty prompt, so place 'Send' action in dropdown.
- the submit tooltip that shows model should be prefixed with 'Send with [conf name]'

Author: robertpiosik

apps/editor/src/views/panel/backend/message-handlers/handle-send-to-browser.ts

@@ -354,16 +354,6 @@ const show_web_configuration_quick_pick = async (params: {
 
       const web_configuration = valid_web_configurations.find((p) => p.name == selected.web_configuration_name)!
       if (params.get_is_web_configuration_disabled(web_configuration)) {
-        if (
-          !params.is_in_code_completions_mode &&
-          !params.current_instructions
-        ) {
-          params.panel_provider.send_message({
-            command: 'SHOW_AUTO_CLOSING_MODAL',
-            title: 'Type something to use this web configuration',
-            type: 'warning'
-          })
-        }
         do_resolve(null)
       } else {
         handle_update_last_used_web_configuration_or_group({
@@ -435,24 +425,13 @@ const resolve_web_configuration = async (params: {
       (!params.panel_provider.websocket_server_instance.is_connected_with_browser() ||
         (is_in_code_completions_mode &&
           (!params.panel_provider.currently_open_file_path ||
-            !!params.panel_provider.current_selection)) ||
-        (!is_in_code_completions_mode && !current_instructions))) ||
+            !!params.panel_provider.current_selection)))) ||
     false
 
   if (params.web_configuration_name !== undefined) {
     const web_configuration = all_web_configurations.find((p) => p.name == params.web_configuration_name)
     if (web_configuration) {
       if (get_is_web_configuration_disabled(web_configuration)) {
-        if (
-          !is_in_code_completions_mode &&
-          !current_instructions
-        ) {
-          params.panel_provider.send_message({
-            command: 'SHOW_AUTO_CLOSING_MODAL',
-            title: 'Type something to use this web configuration',
-            type: 'warning'
-          })
-        }
         return { web_configuration_name: undefined }
       }
       return { web_configuration_name: params.web_configuration_name }
@@ -473,18 +452,7 @@ const resolve_web_configuration = async (params: {
       const item = all_web_configurations.find((p) => p.name === last_selected_name)
       if (item) {
         if (item.chatbot) {
-          // It's a web_configuration
           if (get_is_web_configuration_disabled(item)) {
-            if (
-              !is_in_code_completions_mode &&
-              !current_instructions
-            ) {
-              params.panel_provider.send_message({
-                command: 'SHOW_AUTO_CLOSING_MODAL',
-                title: 'Type something to use this web configuration',
-                type: 'warning'
-              })
-            }
             return { web_configuration_name: undefined }
           } else {
             return { web_configuration_name: last_selected_name }

packages/ui/src/components/editor/panel/prompts/PromptField/PromptField.tsx

@@ -400,7 +400,7 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
         >
           {props.last_choice_button_title && show_submit_tooltip && (
             <Tooltip
-              message={props.last_choice_button_title}
+              message={`Send with ${props.last_choice_button_title}`}
               offset={28}
               align="right"
             />
@@ -650,8 +650,24 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
                   {is_dropdown_open && (
                     <DropdownMenu
                       items={[
+                        ...(!props.value &&
+                        props.prompt_type != 'code-at-cursor' &&
+                        props.is_web_mode
+                          ? [
+                              {
+                                label: 'Send',
+                                shortcut: is_mac ? '↩' : 'Enter',
+                                on_click: () => {
+                                  handle_submit({
+                                    stopPropagation: () => {}
+                                  } as any)
+                                  close_dropdown()
+                                }
+                              }
+                            ]
+                          : []),
                         {
-                          label: 'Select...',
+                          label: 'Send with...',
                           shortcut: is_mac ? '⌘↩' : 'Ctrl+Enter',
                           on_click: handle_select_click
                         },