Remove preset groups and separators support and migrate existing configurations

Author: robertpiosik

apps/editor/src/extension.ts

@@ -11,7 +11,8 @@ import {
   migrate_model_providers_type,
   migrate_prune_context_to_find_relevant_files,
   migrate_merge_configurations,
-  migrate_preset_affix_to_prompt_template
+  migrate_preset_affix_to_prompt_template,
+  migrate_remove_preset_groups_and_separators
 } from './migrations'
 import {
   apply_chat_response_command,
@@ -69,6 +70,8 @@ export const activate = async (context: vscode.ExtensionContext) => {
     await migrate_merge_configurations(context)
     // 8 June 2026
     await migrate_preset_affix_to_prompt_template(context)
+    // 8 June 2026
+    await migrate_remove_preset_groups_and_separators(context)
   }
 
   await migrations()

apps/editor/src/migrations/index.ts

@@ -6,4 +6,4 @@ export * from './migrate-model-providers-type'
 export * from './migrate-prune-context-to-find-relevant-files'
 export * from './migrate-merge-configurations'
 export * from './migrate-preset-affix-to-prompt-template'
-
+export * from './migrate-remove-preset-groups-and-separators'

apps/editor/src/migrations/migrate-remove-preset-groups-and-separators.ts

@@ -0,0 +1,62 @@
+import * as vscode from 'vscode'
+import { Logger } from '@shared/utils/logger'
+
+const MIGRATION_ID = 'remove-preset-groups-and-separators-migration-20260608'
+
+export async function migrate_remove_preset_groups_and_separators(
+  context: vscode.ExtensionContext
+): Promise<void> {
+  try {
+    if (context.globalState.get(MIGRATION_ID)) {
+      return
+    }
+
+    const KEYS = [
+      'chatPresetsForAskAboutContext',
+      'chatPresetsForEditContext',
+      'chatPresetsForCodeAtCursor',
+      'chatPresetsForFindRelevantFiles',
+      'chatPresetsForNoContext'
+    ]
+
+    for (const key of KEYS) {
+      const config = vscode.workspace.getConfiguration('codeWebChat')
+      const presetsInspect = config.inspect<any[]>(key)
+
+      if (
+        presetsInspect?.globalValue &&
+        Array.isArray(presetsInspect.globalValue)
+      ) {
+        const presets = JSON.parse(JSON.stringify(presetsInspect.globalValue))
+        // Filter out groups (no chatbot, has name) and separators (no chatbot, no name)
+        const new_presets = presets.filter((p: any) => !!p.chatbot)
+
+        // Clean up obsolete fields
+        for (const p of new_presets) {
+          delete p.isCollapsed
+          delete p.isSelected
+        }
+
+        if (new_presets.length !== presets.length || presets.some((p: any) => p.isCollapsed !== undefined || p.isSelected !== undefined)) {
+          await config.update(
+            key,
+            new_presets,
+            vscode.ConfigurationTarget.Global
+          )
+        }
+      }
+    }
+
+    await context.globalState.update(MIGRATION_ID, true)
+    Logger.info({
+      function_name: 'migrate_remove_preset_groups_and_separators',
+      message: 'Successfully removed preset groups and separators'
+    })
+  } catch (error) {
+    Logger.error({
+      function_name: 'migrate_remove_preset_groups_and_separators',
+      message: 'Error removing preset groups and separators',
+      data: error instanceof Error ? error.message : String(error)
+    })
+  }
+}

…ndle-create-preset-group-or-separator.ts …message-handlers/handle-create-preset.tsapps/editor/src/views/panel/backend/message-handlers/handle-create-preset-group-or-separator.ts renamed to apps/editor/src/views/panel/backend/message-handlers/handle-create-preset.ts apps/editor/src/views/panel/backend/message-handlers/handle-create-preset-group-or-separator.ts renamed to apps/editor/src/views/panel/backend/message-handlers/handle-create-preset.ts

@@ -6,76 +6,10 @@ import {
   config_preset_to_ui_format,
   ConfigPresetFormat
 } from '@/views/panel/backend/utils/preset-format-converters'
-import { CreatePresetGroupOrSeparatorMessage } from '@/views/panel/types/messages'
+import { CreatePresetMessage } from '@/views/panel/types/messages'
 
-const ITEM_NAME_GROUP = 'Group'
-const ITEM_NAME_SEPARATOR = 'Separator'
 const ITEM_NAME_PRESET = 'Preset'
 
-const create_group = async (params: {
-  panel_provider: PanelProvider
-  insertion_index?: number
-}) => {
-  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, []) || []
-
-  let new_name = ''
-  let copy_number = 0
-  while (new_name == '' || current_presets.some((p) => p.name == new_name)) {
-    new_name = `(${copy_number++})`
-  }
-
-  const new_group = {
-    name: new_name
-  } as ConfigPresetFormat
-
-  const updated_presets = [...current_presets]
-  if (params.insertion_index !== undefined) {
-    updated_presets.splice(params.insertion_index, 0, new_group)
-  } else {
-    updated_presets.push(new_group)
-  }
-
-  try {
-    params.panel_provider.send_message({
-      command: 'PRESET_CREATED',
-      preset: config_preset_to_ui_format(new_group)
-    })
-    await config.update(presets_config_key, updated_presets, true)
-  } catch (error) {
-    vscode.window.showErrorMessage(
-      dictionary.error_message.FAILED_TO_CREATE_ITEM(ITEM_NAME_GROUP, error)
-    )
-  }
-}
-
-const create_separator = async (params: {
-  panel_provider: PanelProvider
-  insertion_index?: number
-}) => {
-  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 new_separator = {} as ConfigPresetFormat
-
-  const updated_presets = [...current_presets]
-  if (params.insertion_index !== undefined) {
-    updated_presets.splice(params.insertion_index, 0, new_separator)
-  } else {
-    updated_presets.push(new_separator)
-  }
-
-  try {
-    await config.update(presets_config_key, updated_presets, true)
-  } catch (error) {
-    vscode.window.showErrorMessage(`Failed to create ${ITEM_NAME_SEPARATOR}`)
-  }
-}
-
 const create_preset = async (params: {
   panel_provider: PanelProvider
   insertion_index?: number
@@ -105,15 +39,7 @@ const create_preset = async (params: {
   if (params.insertion_index !== undefined) {
     updated_presets.splice(params.insertion_index, 0, new_preset)
   } else {
-    const last_group_or_separator = [...current_presets]
-      .reverse()
-      .find((p) => (!p.chatbot && p.name) || !p.name)
-
-    if (last_group_or_separator?.name && !last_group_or_separator.chatbot) {
-      updated_presets.push({}, new_preset)
-    } else {
-      updated_presets.push(new_preset)
-    }
+    updated_presets.push(new_preset)
   }
 
   try {
@@ -129,9 +55,9 @@ const create_preset = async (params: {
   }
 }
 
-export const handle_create_preset_group_or_separator = async (
+export const handle_create_preset = async (
   panel_provider: PanelProvider,
-  message: CreatePresetGroupOrSeparatorMessage
+  message: CreatePresetMessage
 ): Promise<void> => {
   let insertion_index: number | undefined
 
@@ -184,43 +110,6 @@ export const handle_create_preset_group_or_separator = async (
     insertion_index = 0
   }
 
-  const show_item_types_menu = () => {
-    const quickPick = vscode.window.createQuickPick()
-    quickPick.items = [
-      { label: ITEM_NAME_PRESET },
-      { label: ITEM_NAME_GROUP },
-      { label: ITEM_NAME_SEPARATOR }
-    ]
-    quickPick.title = 'Item Types'
-    quickPick.placeholder = 'What would you like to create?'
-    quickPick.buttons = [
-      {
-        iconPath: new vscode.ThemeIcon('close'),
-        tooltip: 'Close'
-      }
-    ]
-
-    quickPick.onDidTriggerButton(() => {
-      quickPick.hide()
-    })
-
-    quickPick.onDidAccept(async () => {
-      const selection = quickPick.selectedItems[0]?.label
-      quickPick.hide()
-
-      if (selection == ITEM_NAME_GROUP) {
-        await create_group({ panel_provider, insertion_index })
-      } else if (selection == ITEM_NAME_SEPARATOR) {
-        await create_separator({ panel_provider, insertion_index })
-      } else if (selection == ITEM_NAME_PRESET) {
-        show_chatbots_menu()
-      }
-    })
-
-    quickPick.onDidHide(() => quickPick.dispose())
-    quickPick.show()
-  }
-
   const show_chatbots_menu = () => {
     const chatbots = Object.entries(CHATBOTS)
     const items: vscode.QuickPickItem[] = chatbots.map(
@@ -237,21 +126,20 @@ export const handle_create_preset_group_or_separator = async (
     quick_pick.items = items
     quick_pick.title = 'Chatbots'
     quick_pick.placeholder = 'Choose a chatbot for the new preset'
-    quick_pick.buttons = [vscode.QuickInputButtons.Back]
+    quick_pick.buttons = [
+      {
+        iconPath: new vscode.ThemeIcon('close'),
+        tooltip: 'Close'
+      }
+    ]
 
-    let is_handled = false
     const disposables: vscode.Disposable[] = []
 
     disposables.push(
-      quick_pick.onDidTriggerButton((button) => {
-        if (button === vscode.QuickInputButtons.Back) {
-          is_handled = true
+      quick_pick.onDidTriggerButton(() => {
           quick_pick.hide()
-          show_item_types_menu()
-        }
       }),
       quick_pick.onDidAccept(async () => {
-        is_handled = true
         const selected_chatbot = quick_pick.selectedItems[0]
           ?.label as keyof typeof CHATBOTS
         quick_pick.hide()
@@ -264,9 +152,6 @@ export const handle_create_preset_group_or_separator = async (
         }
       }),
       quick_pick.onDidHide(() => {
-        if (!is_handled) {
-          show_item_types_menu()
-        }
         disposables.forEach((d) => d.dispose())
         quick_pick.dispose()
       })
@@ -275,5 +160,5 @@ export const handle_create_preset_group_or_separator = async (
     quick_pick.show()
   }
 
-  show_item_types_menu()
+  show_chatbots_menu()
 }