Add delay_visibility support to progress modal and reduce visibility delay to 500ms

- some responses are really quick to parse and don't use 'Prompt view', with them we should not show progress modal. example responses: commit messages, code at cursor, intelligent search

├── apps
│   └── editor
│       └── src
│           ├── commands
│           │   └── apply-response-command
│           │       ├── apply-response-command.ts
│           │       ├── response-processor
│           │       │   ├── handlers
│           │       │   │   ├── diff-handler.ts
│           │       │   │   ├── fast-replace-handler.ts
│           │       │   │   ├── patch-repair-handler.ts
│           │       │   │   ├── restore-preview-handler.ts
│           │       │   │   ├── search-replace-handler.ts
│           │       │   │   └── truncated-handler.ts
│           │       │   ├── index.ts
│           │       │   └── response-processor.ts
│           │       └── utils
│           │           └── response-parser
│           │               ├── parsers
│           │               │   ├── code-at-cursor-parser
│           │               │   │   ├── code-at-cursor-parser.ts
│           │               │   │   └── test
│           │               │   │       └── code-at-cursor-parser.spec.ts
│           │               │   ├── commit-message-parser
│           │               │   │   ├── commit-message-parser.ts
│           │               │   │   └── test
│           │               │   │       └── commit-message-parser.spec.ts
│           │               │   ├── index.ts
│           │               │   └── intelligent-file-search-results-parser
│           │               │       └── intelligent-file-search-results-parser.ts
│           │               └── response-parser.ts
│           └── views
│               └── prompt
│                   ├── frontend
│                   │   ├── Prompt.tsx
│                   │   └── hooks
│                   │       └── use-modal-manager.ts
│                   └── types
│                       └── messages.ts
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── prompt-view
                        └── modals
                            └── ProgressModal
                                └── ProgressModal.tsx

Author: robertpiosik

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

@@ -103,7 +103,8 @@ export const apply_response_command = (params: {
           params.prompt_view_provider.send_message({
             command: 'SHOW_PROGRESS',
             title: t('common.progress.response-preview'),
-            subtitle: t('common.progress.preparing')
+            subtitle: t('common.progress.preparing'),
+            delay_visibility: true
           })
         }
 

apps/editor/src/views/prompt/frontend/hooks/use-modal-manager.ts

@@ -32,7 +32,8 @@ export const use_modal_manager = () => {
           title: message.title,
           subtitle: message.subtitle,
           progress: message.progress,
-          cancellable: message.cancellable ?? false
+          cancellable: message.cancellable ?? false,
+          delay_visibility: message.delay_visibility
         })
       } else if (message.command === 'HIDE_PROGRESS') {
         set_progress_state(undefined)

apps/editor/src/views/prompt/types/messages.ts

@@ -963,6 +963,7 @@ export interface ShowProgressMessage extends BaseMessage {
   subtitle?: string
   progress?: number
   cancellable?: boolean
+  delay_visibility?: boolean
 }
 
 export interface HideProgressMessage extends BaseMessage {

packages/ui/src/components/editor/prompt-view/modals/ProgressModal/ProgressModal.tsx

@@ -29,7 +29,7 @@ export const ProgressModal: React.FC<Props> = (props) => {
       set_is_visible(false)
       visibility_timer = setTimeout(() => {
         set_is_visible(true)
-      }, 1500)
+      }, 500)
     } else {
       set_is_visible(true)
     }