Update hover styles for selected items and simplify the model selection placeholder text

Author: robertpiosik

apps/editor/src/views/utils/config-editing.ts

@@ -100,7 +100,7 @@ export const initial_select_model = async (
         const quick_pick = vscode.window.createQuickPick()
         quick_pick.items = model_items
         quick_pick.title = 'Create New Configuration'
-        quick_pick.placeholder = 'Choose an AI model'
+        quick_pick.placeholder = 'Choose a model'
         quick_pick.buttons = [vscode.QuickInputButtons.Back]
         if (provider.name) {
           // Currently initial_select_model doesn't take a previous selection,

packages/ui/src/components/editor/panel/Configurations/Configurations.module.scss

@@ -32,6 +32,10 @@
 
     &--highlighted {
       background-color: var(--vscode-list-inactiveSelectionBackground);
+
+      &:hover {
+        background-color: var(--vscode-list-inactiveSelectionBackground);
+      }
     }
 
     &__left {

packages/ui/src/components/editor/panel/Presets/Presets.module.scss

@@ -60,6 +60,10 @@
 
     &--highlighted {
       background-color: var(--vscode-list-inactiveSelectionBackground);
+
+      &:hover {
+        background-color: var(--vscode-list-inactiveSelectionBackground);
+      }
     }
 
     &__left {

packages/ui/src/components/editor/panel/ResponsePreview/components/FileItem/FileItem.module.scss

@@ -47,6 +47,10 @@
 
   &--selected {
     background-color: var(--vscode-list-inactiveSelectionBackground);
+
+    &:hover {
+      background-color: var(--vscode-list-inactiveSelectionBackground);
+    }
   }
 
   &--deleted {