Rename all occurrences of preset to web configuration across the editor and shared packages

- in place of [Fragment], use [Fragment]. Remove unused translations.
- rename 'edit preset form' to 'edit web configuration form'
- in identifiers, file names: rename 'preset' to 'web configuration'

Author: robertpiosik

apps/editor/src/constants/state-keys.ts

@@ -70,7 +70,7 @@ export const RECENTLY_USED_INTELLIGENT_UPDATE_CONFIG_IDS_STATE_KEY =
 export const RECENTLY_USED_VOICE_INPUT_CONFIG_IDS_STATE_KEY =
   'recently-used-voice-input-config-ids'
 
-export const PRESETS_COLLAPSED_STATE_KEY = 'presets-collapsed'
+export const WEB_CONFIGURATIONS_COLLAPSED_STATE_KEY = 'web-configurations-collapsed'
 export const API_CONFIGURATIONS_COLLAPSED_STATE_KEY = 'api-configurations-collapsed'
 
 export const get_recently_used_presets_or_groups_key = (

apps/editor/src/services/websocket-manager.ts

@@ -13,7 +13,7 @@ import { CHATBOTS } from '@shared/constants/chatbots'
 import { DEFAULT_PORT, SECURITY_TOKENS } from '@shared/constants/websocket'
 import { dictionary } from '@shared/constants/dictionary'
 import { Logger } from '@shared/utils/logger'
-import { Preset } from '@shared/types/preset'
+import { WebConfiguration } from '@shared/types/web-configuration'
 import { ConfigPresetFormat } from '@/views/panel/backend/utils/preset-format-converters'
 import { LAST_SELECTED_BROWSER_ID_STATE_KEY } from '@/constants/state-keys'
 import { ApplyChatResponseCommandArgs } from '@/commands/apply-chat-response-command/response-processor'
@@ -345,20 +345,20 @@ export class WebSocketManager {
   public async initialize_chats(params: {
     chats: Array<{
       text: string
-      preset_name: string
+      web_configuration_name: string
       raw_instructions?: string
       edit_format?: string
       prompt_type?: WebPromptType
     }>
-    presets_config_key: string
+    web_configurations_config_key: string
   }): Promise<boolean> {
     if (!this.has_connected_browsers) {
       throw new Error('Does not have connected browsers.')
     }
 
     const config = vscode.workspace.getConfiguration('codeWebChat')
     const web_chat_presets =
-      config.get<ConfigPresetFormat[]>(params.presets_config_key) ?? []
+      config.get<ConfigPresetFormat[]>(params.web_configurations_config_key) ?? []
     const gemini_user_id = config.get<number | null>('geminiUserId')
     const ai_studio_user_id = config.get<number | null>('aiStudioUserId')
     const reuse_last_tab =
@@ -372,7 +372,7 @@ export class WebSocketManager {
     }
 
     for (const chat of params.chats) {
-      const preset = web_chat_presets.find((p) => p.name == chat.preset_name)
+      const preset = web_chat_presets.find((p) => p.name == chat.web_configuration_name)
       if (!preset) {
         continue
       }
@@ -460,7 +460,7 @@ export class WebSocketManager {
 
   public async preview_preset(params: {
     instruction: string
-    preset: Preset
+    preset: WebConfiguration
     raw_instructions: string
     prompt_type?: WebPromptType
   }): Promise<boolean> {

apps/editor/src/views/panel/backend/message-handlers/handle-copy-prompt.ts

@@ -20,7 +20,7 @@ import { replace_symbols } from '@/views/panel/backend/utils/symbols/replace-sym
 export const handle_copy_prompt = async (params: {
   panel_provider: PanelProvider
   instructions: string
-  preset_name?: string
+  web_configuration_name?: string
 }): Promise<void> => {
   const files_collector = new FilesCollector({
     workspace_provider: params.panel_provider.workspace_provider,

…message-handlers/handle-create-preset.ts …dlers/handle-create-web-configuration.tsapps/editor/src/views/panel/backend/message-handlers/handle-create-preset.ts renamed to apps/editor/src/views/panel/backend/message-handlers/handle-create-web-configuration.ts apps/editor/src/views/panel/backend/message-handlers/handle-create-preset.ts renamed to apps/editor/src/views/panel/backend/message-handlers/handle-create-web-configuration.ts

@@ -3,30 +3,30 @@ import { PanelProvider } from '@/views/panel/backend/panel-provider'
 import { dictionary } from '@shared/constants/dictionary'
 import { CHATBOTS } from '@shared/constants/chatbots'
 import {
-  config_preset_to_ui_format,
-  ConfigPresetFormat
-} from '@/views/panel/backend/utils/preset-format-converters'
-import { CreatePresetMessage } from '@/views/panel/types/messages'
+  config_web_configuration_to_ui_format,
+  ConfigWebConfigurationFormat
+} from '@/views/panel/backend/utils/web-configuration-format-converters'
+import { CreateWebConfigurationMessage } from '@/views/panel/types/messages'
 
-const ITEM_NAME_PRESET = 'Preset'
+const ITEM_NAME_WEB_CONFIGURATION = 'Web Configuration'
 
-const create_preset = async (params: {
+const create_web_configuration = async (params: {
   panel_provider: PanelProvider
   insertion_index?: number
   chatbot: keyof typeof CHATBOTS
 }) => {
   const config = vscode.workspace.getConfiguration('codeWebChat')
-  const presets_config_key = params.panel_provider.get_presets_config_key()
-  const current_presets =
-    config.get<ConfigPresetFormat[]>(presets_config_key, []) || []
+  const web_configurations_config_key = params.panel_provider.get_web_configurations_config_key()
+  const current_web_configurations =
+    config.get<ConfigWebConfigurationFormat[]>(web_configurations_config_key, []) || []
 
   let copy_number = 0
   let new_name: string
   do {
     new_name = `(${copy_number++})`
-  } while (current_presets.some((p) => p.name == new_name))
+  } while (current_web_configurations.some((p) => p.name == new_name))
 
-  const new_preset: ConfigPresetFormat = {
+  const new_web_configuration: ConfigWebConfigurationFormat = {
     name: new_name,
     chatbot: params.chatbot,
     model: Object.keys(CHATBOTS[params.chatbot].models ?? {})[0],
@@ -35,29 +35,29 @@ const create_preset = async (params: {
       : undefined
   }
 
-  const updated_presets = [...current_presets]
+  const updated_web_configurations = [...current_web_configurations]
   if (params.insertion_index !== undefined) {
-    updated_presets.splice(params.insertion_index, 0, new_preset)
+    updated_web_configurations.splice(params.insertion_index, 0, new_web_configuration)
   } else {
-    updated_presets.push(new_preset)
+    updated_web_configurations.push(new_web_configuration)
   }
 
   try {
     params.panel_provider.send_message({
-      command: 'PRESET_CREATED',
-      preset: config_preset_to_ui_format(new_preset)
+      command: 'WEB_CONFIGURATION_CREATED',
+      web_configuration: config_web_configuration_to_ui_format(new_web_configuration)
     })
-    await config.update(presets_config_key, updated_presets, true)
+    await config.update(web_configurations_config_key, updated_web_configurations, true)
   } catch (error) {
     vscode.window.showErrorMessage(
-      dictionary.error_message.FAILED_TO_CREATE_ITEM(ITEM_NAME_PRESET, error)
+      dictionary.error_message.FAILED_TO_CREATE_ITEM(ITEM_NAME_WEB_CONFIGURATION, error)
     )
   }
 }
 
-export const handle_create_preset = async (
+export const handle_create_web_configuration = async (
   panel_provider: PanelProvider,
-  message: CreatePresetMessage
+  message: CreateWebConfigurationMessage
 ): Promise<void> => {
   let insertion_index: number | undefined
 
@@ -125,7 +125,7 @@ export const handle_create_preset = async (
     const quick_pick = vscode.window.createQuickPick()
     quick_pick.items = items
     quick_pick.title = 'Chatbots'
-    quick_pick.placeholder = 'Choose a chatbot for the new preset'
+    quick_pick.placeholder = 'Choose a chatbot for the new web configuration'
     quick_pick.buttons = [
       {
         iconPath: new vscode.ThemeIcon('close'),
@@ -144,7 +144,7 @@ export const handle_create_preset = async (
           ?.label as keyof typeof CHATBOTS
         quick_pick.hide()
         if (selected_chatbot) {
-          await create_preset({
+          await create_web_configuration({
             panel_provider,
             insertion_index,
             chatbot: selected_chatbot

apps/editor/src/views/panel/backend/message-handlers/handle-delete-preset.ts

@@ -0,0 +1,57 @@
+import * as vscode from 'vscode'
+import { PanelProvider } from '@/views/panel/backend/panel-provider'
+import { dictionary } from '@shared/constants/dictionary'
+import { DeleteWebConfigurationMessage } from '@/views/panel/types/messages'
+import { ConfigWebConfigurationFormat } from '@/views/panel/backend/utils/web-configuration-format-converters'
+
+export const handle_delete_web_configuration = async (
+  panel_provider: PanelProvider,
+  message: DeleteWebConfigurationMessage,
+  webview_view: vscode.WebviewView
+): Promise<void> => {
+  const { index } = message
+  const config = vscode.workspace.getConfiguration('codeWebChat')
+  const web_configurations_config_key = panel_provider.get_web_configurations_config_key()
+  const current_web_configurations =
+    config.get<ConfigWebConfigurationFormat[]>(web_configurations_config_key, []) || []
+
+  if (index < 0 || index >= current_web_configurations.length) return
+
+  const item_to_delete = current_web_configurations[index]
+  const item_name = item_to_delete.name
+  const is_unnamed = !item_name || /^\(\d+\)$/.test(item_name?.trim() ?? '')
+  const display_item_name = is_unnamed ? 'Unnamed' : item_name!
+
+  const delete_button = 'Delete'
+  const result = await vscode.window.showWarningMessage(
+    dictionary.warning_message.PLEASE_CONFIRM,
+    {
+      modal: true,
+      detail: is_unnamed
+        ? dictionary.warning_message.CONFIRM_DELETE_ITEM('configuration')
+        : dictionary.warning_message.CONFIRM_DELETE_NAMED_ITEM('web configuration', display_item_name)
+    },
+    delete_button
+  )
+
+  if (result != delete_button) {
+    return
+  }
+
+  const updated_web_configurations = [...current_web_configurations]
+  updated_web_configurations.splice(index, 1)
+
+  try {
+    await config.update(
+      web_configurations_config_key,
+      updated_web_configurations,
+      vscode.ConfigurationTarget.Global
+    )
+
+    panel_provider.send_web_configurations_to_webview(webview_view.webview)
+  } catch (error) {
+    vscode.window.showErrorMessage(
+      dictionary.error_message.FAILED_TO_DELETE_ITEM('web configuration', error)
+    )
+  }
+}