Update insertion quick pick labels to be more descriptive and specific

Author: robertpiosik

apps/editor/src/views/panel/backend/message-handlers/handle-create-preset-group-or-separator.ts

@@ -138,8 +138,8 @@ export const handle_create_preset_group_or_separator = async (
       (resolve) => {
         const quick_pick = vscode.window.createQuickPick()
         quick_pick.items = [
-          { label: 'Insert above' },
-          { label: 'Insert below' }
+          { label: 'Insert new item above' },
+          { label: 'Insert new item below' }
         ]
         quick_pick.title = 'Placement'
         quick_pick.placeholder = 'Where to insert?'
@@ -175,7 +175,7 @@ export const handle_create_preset_group_or_separator = async (
     if (!position_quick_pick) return
 
     insertion_index =
-      position_quick_pick == 'Insert above'
+      position_quick_pick == 'Insert new item above'
         ? message.reference_index
         : message.reference_index + 1
   } else if (message.placement == 'top') {

apps/editor/src/views/settings/backend/message-handlers/handle-upsert-model-provider.ts

@@ -311,8 +311,8 @@ export const handle_upsert_model_provider = async (params: {
       (resolve) => {
         const quick_pick = vscode.window.createQuickPick()
         quick_pick.items = [
-          { label: 'Insert above' },
-          { label: 'Insert below' }
+          { label: 'Insert new provider above' },
+          { label: 'Insert new provider below' }
         ]
         quick_pick.title = 'Placement'
         quick_pick.placeholder = 'Where to insert?'
@@ -348,7 +348,7 @@ export const handle_upsert_model_provider = async (params: {
     if (!position_quick_pick) return
 
     actual_insertion_index =
-      position_quick_pick == 'Insert above'
+      position_quick_pick == 'Insert new provider above'
         ? insertion_index
         : insertion_index + 1
   }

apps/editor/src/views/utils/upsert-configuration.ts

@@ -82,8 +82,8 @@ export const upsert_configuration = async (params: {
       (resolve) => {
         const quick_pick = vscode.window.createQuickPick()
         quick_pick.items = [
-          { label: 'Insert above' },
-          { label: 'Insert below' }
+          { label: 'Insert new configuration above' },
+          { label: 'Insert new configuration below' }
         ]
         quick_pick.title = 'Placement'
         quick_pick.placeholder = 'Where to insert?'
@@ -119,7 +119,7 @@ export const upsert_configuration = async (params: {
     if (!position_quick_pick) return
 
     actual_insertion_index =
-      position_quick_pick == 'Insert above'
+      position_quick_pick == 'Insert new configuration above'
         ? params.insertion_index
         : params.insertion_index + 1
   }

packages/ui/src/components/editor/panel/Configurations/Configurations.tsx

@@ -97,7 +97,7 @@ export const Configurations: React.FC<Configurations.Props> = (props) => {
           {!is_dragging_disabled && (
             <IconButton
               codicon_icon="insert"
-              title="Insert below/above"
+              title="Insert new configuration below/above"
               on_click={(e) => {
                 e.stopPropagation()
                 props.on_create({ insertion_index: index_for_insertion })

packages/ui/src/components/editor/panel/Presets/Presets.tsx

@@ -344,7 +344,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                         />
                         <IconButton
                           codicon_icon="insert"
-                          title="Insert below/above"
+                          title="Insert new item below/above"
                           on_click={(e) => {
                             e.stopPropagation()
                             props.on_create(undefined, preset.original_index!)
@@ -549,7 +549,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                       />
                       <IconButton
                         codicon_icon="insert"
-                        title="Insert below/above"
+                        title="Insert new item below/above"
                         on_click={(e) => {
                           e.stopPropagation()
                           props.on_create(undefined, preset.original_index!)

packages/ui/src/components/editor/settings/ConfigurationsList/ConfigurationsList.tsx

@@ -58,7 +58,7 @@ export const ConfigurationsList: React.FC<ConfigurationsList.Props> = (
         {sortable && (
           <IconButton
             codicon_icon="insert"
-            title="Insert below/above"
+            title="Insert new configuration below/above"
             on_click={() => props.on_add({ insertion_index: index })}
           />
         )}

packages/ui/src/components/editor/settings/ModelProviders/ModelProviders.tsx

@@ -45,7 +45,7 @@ export const ModelProviders: React.FC<ModelProviders.Props> = (props) => {
       <div className={styles['col-actions']}>
         <IconButton
           codicon_icon="insert"
-          title="Insert below/above"
+          title="Insert new provider below/above"
           on_click={() => props.on_add_provider({ insertion_index: index })}
         />
         {provider.type == 'custom' && (