Refactor API call progress messages by renaming WAITING_FOR_API_RESPONSE to WAITING_FOR_RESPONSE and update preset group quick pick logic to allow running selected presets and improve navigation

Author: robertpiosik

packages/shared/src/constants/dictionary.ts

@@ -1,6 +1,6 @@
 export const dictionary = {
   api_call: {
-    WAITING_FOR_API_RESPONSE: 'Waiting for API response',
+    WAITING_FOR_RESPONSE: 'Waiting for response',
     THINKING: 'Thinking',
     RECEIVING_RESPONSE: 'Receiving response'
   },

packages/ui/src/components/editor/panel/Dropdown/Dropdown.module.scss

@@ -5,7 +5,7 @@
 .button {
   display: flex;
   align-items: center;
-  gap: var(--padding-2px);
+  gap: var(--padding-3px);
   padding: 0 var(--padding-5px) 0 var(--padding-7px);
   height: 24px;
   border: 1px solid var(--cwc-border-color-dimmed);
@@ -39,7 +39,6 @@
 
   &__icon {
     font-size: var(--font-size-14px) !important;
-    margin-left: var(--padding-2px);
     color: var(--vscode-icon-foreground);
   }
 }

packages/ui/src/components/editor/panel/Presets/Presets.tsx

@@ -534,8 +534,8 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                         }}
                       >
                         <IconButton
-                          codicon_icon="run-coverage"
-                          title="Run selected presets in this group"
+                          codicon_icon="run-all-coverage"
+                          title="Run selected presets"
                           on_click={(e) => {
                             e.stopPropagation()
                             props.on_group_click('Ungrouped')
@@ -596,7 +596,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                         }}
                       >
                         <IconButton
-                          codicon_icon="run-coverage"
+                          codicon_icon="run-all-coverage"
                           title="Run"
                           on_click={(e) => {
                             e.stopPropagation()
@@ -654,14 +654,17 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                           selected_count++
                         }
                       }
-                      return `${preset_count} ${
-                        preset_count == 1 ? 'preset' : 'presets'
-                      }${
-                        selected_count > 0
-                          ? ` · ${selected_count} selected`
-                          : ''
-                      }`
+                      if (preset.is_collapsed) {
+                        let text = `${preset_count} ${
+                          preset_count == 1 ? 'preset' : 'presets'
+                        }`
+                        if (selected_count > 0) {
+                          text += ` · ${selected_count} selected`
+                        }
+                        return text
+                      }
                     }
+
                     return model || ''
                   }
 
@@ -759,7 +762,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                     >
                       {!preset.chatbot && (
                         <IconButton
-                          codicon_icon="run-coverage"
+                          codicon_icon="run-all-coverage"
                           title="Run"
                           on_click={(e) => {
                             e.stopPropagation()

packages/ui/src/components/editor/panel/ResponsePreview/components/TextItem.module.scss

@@ -19,7 +19,6 @@
   code {
     font-family: monospace;
     font-size: var(--font-size-11px);
-    background-color: var(--vscode-textCodeBlock-background);
     padding: 2px 4px;
     border-radius: 3px;
   }

packages/vscode/src/commands/code-completion-commands.ts

@@ -402,7 +402,7 @@ const perform_code_completion = async (params: {
       await vscode.window.withProgress(
         {
           location: vscode.ProgressLocation.Notification,
-          title: dictionary.api_call.WAITING_FOR_API_RESPONSE,
+          title: dictionary.api_call.WAITING_FOR_RESPONSE,
           cancellable: true
         },
         async (progress, token) => {

packages/vscode/src/views/panel/backend/message-handlers/handle-code-completion.ts

@@ -372,7 +372,7 @@ const perform_code_completion = async (params: {
       params.panel_provider.api_call_cancel_token_source = cancel_token_source
       params.panel_provider.send_message({
         command: 'SHOW_PROGRESS',
-        title: `${dictionary.api_call.WAITING_FOR_API_RESPONSE}...`
+        title: `${dictionary.api_call.WAITING_FOR_RESPONSE}...`
       })
     }
 

packages/vscode/src/views/panel/backend/message-handlers/handle-commit-changes/utils/generate-commit-message-from-diff.ts

@@ -55,7 +55,7 @@ const generate_commit_message_with_api = async (params: {
     try {
       params.panel_provider.send_message({
         command: 'SHOW_PROGRESS',
-        title: `${dictionary.api_call.WAITING_FOR_API_RESPONSE}...`
+        title: `${dictionary.api_call.WAITING_FOR_RESPONSE}...`
       })
 
       const result = await make_api_request({
@@ -106,7 +106,7 @@ const generate_commit_message_with_api = async (params: {
     return await vscode.window.withProgress(
       {
         location: vscode.ProgressLocation.Notification,
-        title: dictionary.api_call.WAITING_FOR_API_RESPONSE,
+        title: dictionary.api_call.WAITING_FOR_RESPONSE,
         cancellable: true
       },
       async (progress, token) => {

packages/vscode/src/views/panel/backend/message-handlers/handle-edit-context.ts

@@ -393,7 +393,7 @@ const perform_context_editing = async (params: {
       if (params.panel_provider) {
         params.panel_provider.send_message({
           command: 'SHOW_PROGRESS',
-          title: `${dictionary.api_call.WAITING_FOR_API_RESPONSE}...`
+          title: `${dictionary.api_call.WAITING_FOR_RESPONSE}...`
         })
       }
       const result = await make_api_request({

packages/vscode/src/views/panel/backend/message-handlers/handle-intelligent-update-file-in-preview.ts

@@ -227,7 +227,7 @@ export const handle_intelligent_update_file_in_preview = async (
     await vscode.window.withProgress(
       {
         location: vscode.ProgressLocation.Notification,
-        title: dictionary.api_call.WAITING_FOR_API_RESPONSE,
+        title: dictionary.api_call.WAITING_FOR_RESPONSE,
         cancellable: true
       },
       async (progress, token) => {