Add preparing progress indicator to apply response command

- once applying from clipboard, the progress modal in Prompt View appears with noticable delay, should immediately
- when there is an ongoing response in preview, 'show progress' modal for other coming-in responses should not be shown (showing 'switch' modal, even with slight delay is alright)
- the first 'show progress' modal should show 'Preparing...' subtitle

├── apps
│   └── editor
│       └── src
│           ├── commands
│           │   └── apply-response-command
│           │       ├── apply-response-command.ts
│           │       ├── response-processor
│           │       │   └── response-processor.ts
│           │       └── utils
│           │           └── response-parser
│           │               └── response-parser.ts
│           ├── context
│           │   ├── helpers
│           │   │   └── get-all-workspace-files.ts
│           │   └── providers
│           │       └── workspace
│           │           └── workspace-provider.ts
│           ├── features
│           │   └── checkpoints
│           │       └── actions
│           │           └── create-checkpoint.ts
│           ├── i18n
│           │   └── translations
│           │       └── common.ts
│           └── views
│               └── prompt
│                   ├── backend
│                   │   └── prompt-view-provider.ts
│                   ├── frontend
│                   │   ├── Prompt.tsx
│                   │   ├── components
│                   │   │   └── Layout
│                   │   │       └── Footer
│                   │   │           └── Footer.tsx
│                   │   └── hooks
│                   │       └── use-modal-manager.ts
│                   └── types
│                       └── messages.ts
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── prompt-view
                        └── modals
                            ├── Modal
                            │   └── Modal.tsx
                            └── ProgressModal
                                ├── ProgressModal.module.scss
                                └── ProgressModal.tsx

Author: robertpiosik

apps/editor/src/commands/apply-response-command/apply-response-command.ts

@@ -99,6 +99,14 @@ export const apply_response_command = (params: {
 
         const resolve_fn = get_response_preview_promise_resolve()
 
+        if (!resolve_fn) {
+          params.prompt_view_provider.send_message({
+            command: 'SHOW_PROGRESS',
+            title: t('common.progress.response-preview'),
+            subtitle: t('common.progress.preparing')
+          })
+        }
+
         const is_single_root_folder_workspace =
           (vscode.workspace.workspaceFolders?.length ?? 0) <= 1
 
@@ -149,6 +157,7 @@ export const apply_response_command = (params: {
         ) as any
 
         if (commit_message_item) {
+          params.prompt_view_provider.send_message({ command: 'HIDE_PROGRESS' })
           await vscode.commands.executeCommand(
             'codeWebChat.internal.generateCommitMessageWithProvidedTextAndCommit',
             commit_message_item.message
@@ -165,6 +174,7 @@ export const apply_response_command = (params: {
         )
 
         if (patch_repair_items.length > 0) {
+          params.prompt_view_provider.send_message({ command: 'HIDE_PROGRESS' })
           if (!resolve_fn) {
             return false
           }
@@ -182,6 +192,7 @@ export const apply_response_command = (params: {
         )
 
         if (is_code_at_cursor) {
+          params.prompt_view_provider.send_message({ command: 'HIDE_PROGRESS' })
           const item = response_items.find(
             (i) => i.type === 'code-at-cursor'
           ) as any
@@ -213,6 +224,9 @@ export const apply_response_command = (params: {
           patch_repair_items.length === 0
         ) {
           if ((args as any)?.is_from_agentic_cli) {
+            params.prompt_view_provider.send_message({
+              command: 'HIDE_PROGRESS'
+            })
             vscode.window.showWarningMessage(
               t('command.apply-response-command.error.no-valid-response')
             )
@@ -248,16 +262,27 @@ export const apply_response_command = (params: {
           }
 
           if (params.prompt_view_provider.preview_switch_choice_resolver) {
+            params.prompt_view_provider.send_message({
+              command: 'HIDE_PROGRESS'
+            })
             return
           }
 
           const choice = await new Promise<'Switch' | undefined>((resolve) => {
+            params.prompt_view_provider.send_message({
+              command: 'HIDE_PROGRESS'
+            })
             params.prompt_view_provider.preview_switch_choice_resolver = resolve
             params.prompt_view_provider.show_preview_ongoing_modal()
           })
           params.prompt_view_provider.preview_switch_choice_resolver = undefined
 
           if (choice === 'Switch') {
+            params.prompt_view_provider.send_message({
+              command: 'SHOW_PROGRESS',
+              title: t('common.progress.response-preview'),
+              subtitle: t('common.progress.preparing')
+            })
             args = { ...args, created_at: created_at_for_switch }
             resolve_fn({ accepted_files: [] })
             if (ongoing_preview_cleanup_promise) {
@@ -272,6 +297,9 @@ export const apply_response_command = (params: {
         }
 
         in_progress = true
+      } catch (err) {
+        params.prompt_view_provider.send_message({ command: 'HIDE_PROGRESS' })
+        throw err
       } finally {
         release_mutex()
       }

apps/editor/src/i18n/translations/common.ts

@@ -539,6 +539,24 @@ export const translations = {
     hu: 'Válasz előnézete',
     bg: 'Преглед на отговора'
   },
+  'common.progress.preparing': {
+    en: 'Preparing...',
+    pl: 'Przygotowywanie...',
+    'zh-cn': '准备中...',
+    ja: '準備中...',
+    'zh-tw': '準備中...',
+    de: 'Vorbereitung...',
+    es: 'Preparando...',
+    fr: 'Préparation...',
+    'pt-br': 'Preparando...',
+    ru: 'Подготовка...',
+    ko: '준비 중...',
+    it: 'Preparazione...',
+    tr: 'Hazırlanıyor...',
+    cs: 'Příprava...',
+    hu: 'Előkészítés...',
+    bg: 'Подготовка...'
+  },
   'common.separator.recently-used': {
     en: 'recently used',
     pl: 'ostatnio używane',
@@ -1667,7 +1685,8 @@ export const translations = {
     de: 'Der Arbeitsbereich ist nicht vertrauenswürdig. Diese Funktion ist deaktiviert.',
     es: 'El espacio de trabajo no es de confianza. Esta función está deshabilitada.',
     fr: "L'espace de travail n'est pas approuvé. Cette fonctionnalité est désactivée.",
-    'pt-br': 'O espaço de trabalho não é confiável. Este recurso está desativado.',
+    'pt-br':
+      'O espaço de trabalho não é confiável. Este recurso está desativado.',
     ru: 'Рабочая область не является доверенной. Эта функция отключена.',
     ko: '작업 공간을 신뢰할 수 없습니다. 이 기능은 비활성화되었습니다.',
     it: "L'area di lavoro non è attendibile. Questa funzionalità è disabilitata.",