Add confirmation prompts to discard unsaved changes when cancelling new web and API configurations

- when creating web/api configuration and going 'back'/closing, we should be asked in a modal if we want to discard, just like when we create model provider.

Author: robertpiosik

apps/editor/src/views/panel/backend/message-handlers/handle-update-web-configuration.ts

@@ -1,10 +1,33 @@
+import * as vscode from 'vscode'
+import { dictionary } from '@shared/constants/dictionary'
 import { PanelProvider } from '../panel-provider'
 import { update } from '@/views/shared/actions/web/update'
 
 export const handle_update_web_configuration = async (
   provider: PanelProvider,
   message: any
 ): Promise<void> => {
+  if (message.is_new && message.origin === 'cancel') {
+    const discard_button = 'Discard'
+    const result = await vscode.window.showWarningMessage(
+      dictionary.information_message.CONFIRM_DISCARD_UNSAVED_CHANGES(
+        'web configuration'
+      ),
+      {
+        modal: true,
+        detail:
+          dictionary.information_message.UNSAVED_CHANGES_TO_ITEM_WILL_BE_LOST(
+            'web configuration'
+          )
+      },
+      discard_button
+    )
+
+    if (result != discard_button) {
+      return
+    }
+  }
+
   const result = await update({
     updating_web_configuration: message.updating_web_configuration,
     updated_web_configuration: message.updated_web_configuration,

apps/editor/src/views/settings/backend/message-handlers/handle-update-web-configuration.ts

@@ -1,3 +1,5 @@
+import * as vscode from 'vscode'
+import { dictionary } from '@shared/constants/dictionary'
 import { SettingsProvider } from '@/views/settings/backend/settings-provider'
 import { UpdateWebConfigurationMessage } from '@/views/settings/types/messages'
 import { update } from '@/views/shared/actions/web/update'
@@ -6,6 +8,27 @@ export const handle_update_web_configuration = async (
   settings_provider: SettingsProvider,
   message: UpdateWebConfigurationMessage
 ): Promise<void> => {
+  if (message.is_new && message.origin === 'cancel') {
+    const discard_button = 'Discard'
+    const result = await vscode.window.showWarningMessage(
+      dictionary.information_message.CONFIRM_DISCARD_UNSAVED_CHANGES(
+        'web configuration'
+      ),
+      {
+        modal: true,
+        detail:
+          dictionary.information_message.UNSAVED_CHANGES_TO_ITEM_WILL_BE_LOST(
+            'web configuration'
+          )
+      },
+      discard_button
+    )
+
+    if (result != discard_button) {
+      return
+    }
+  }
+
   const result = await update({
     updating_web_configuration: message.updating_web_configuration,
     updated_web_configuration: message.updated_web_configuration,

apps/editor/src/views/shared/actions/api/update/update.ts

@@ -18,10 +18,6 @@ export const update = async (params: {
 }): Promise<{ success: boolean; has_changes: boolean; new_id?: string }> => {
   const providers_manager = new ModelProvidersManager(params.context)
 
-  if (params.is_new && params.origin === 'cancel') {
-    return { success: true, has_changes: false }
-  }
-
   const api_configurations = await providers_manager.get_api_configurations()
 
   let api_configuration_index = -1