Refine preset management by introducing an 'Ungrouped' section and enhancing preset creation options

Author: robertpiosik

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

@@ -54,10 +54,6 @@
       }
     }
 
-    &--ungrouped {
-      padding: 0 var(--padding-12px) 0 33px;
-    }
-
     &__left {
       display: flex;
       align-items: center;
@@ -68,14 +64,17 @@
       position: relative;
 
       &__drag_handle {
-        display: flex;
-        align-items: center;
         cursor: grab;
         opacity: 0.5;
 
         &:active {
           cursor: grabbing;
         }
+
+        &--disabled {
+          opacity: 0.3;
+          cursor: auto
+        }
       }
 
       &__icon > svg {

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

@@ -128,10 +128,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
         : props.translations.initialize_chat_with_preset
     } else if (props.is_in_context_dependent_mode && !props.has_context) {
       return props.translations.add_files_to_context_first
-    } else if (
-      !props.is_in_code_completions_mode &&
-      !props.has_instructions
-    ) {
+    } else if (!props.is_in_code_completions_mode && !props.has_instructions) {
       return props.translations.type_or_add_prompt_to_use_preset
     }
     return props.translations.initialize_chat_with_preset
@@ -160,10 +157,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
               const preset_names: string[] = []
               for (const preset of props.presets) {
                 if (!preset.chatbot) break
-                if (
-                  preset.is_default &&
-                  !get_is_preset_disabled(preset)
-                ) {
+                if (preset.is_default && !get_is_preset_disabled(preset)) {
                   preset_names.push(preset.name)
                 }
               }
@@ -173,6 +167,14 @@ export const Presets: React.FC<Presets.Props> = (props) => {
             title={get_ungrouped_title()}
           >
             <div className={styles.presets__item__left}>
+              <div
+                className={cn(
+                  styles.presets__item__left__drag_handle,
+                  styles['presets__item__left__drag_handle--disabled']
+                )}
+              >
+                <span className="codicon codicon-gripper" />
+              </div>
               <div className={styles.presets__item__left__text}>Ungrouped</div>
             </div>
           </div>

packages/vscode/package.json

@@ -2,7 +2,7 @@
   "name": "gemini-coder",
   "displayName": "Code Web Chat (CWC)",
   "description": "Free AI coding for everyone",
-  "version": "1.221.0",
+  "version": "1.222.0",
   "scripts": {
     "build": "npx vsce package --no-dependencies",
     "vscode:prepublish": "rimraf out && npm run compile",

packages/vscode/src/view/backend/message-handlers/handle-create-preset.ts

@@ -14,11 +14,11 @@ export const handle_create_preset = async (
     [
       {
         label: 'Preset',
-        description: 'A web chat tailored to your needs'
+        description: 'Your favorite chatbot, preconfigured'
       },
       {
         label: 'Group',
-        description: 'Keep related presets together'
+        description: 'Simultaneous initializatoins of selected presets'
       }
     ],
     {

packages/vscode/src/view/backend/message-handlers/handle-show-history-quick-pick.ts

@@ -80,8 +80,7 @@ export const handle_show_history_quick_pick = async (
     total_pinned?: number,
     is_searching?: boolean
   ): vscode.QuickPickItem => ({
-    label: '$(history)',
-    description: dayjs(entry.createdAt).fromNow(),
+    label: dayjs(entry.createdAt).fromNow(),
     detail: entry.text,
     buttons: [
       ...(list == 'pinned' &&