Merge pull request #268 from unslothai/fix/delete-custom-config

Updated the delete custom preset in chat tab (filters)

studio/frontend/src/features/chat/chat-settings-sheet.tsx

@@ -157,6 +157,7 @@ export function ChatSettingsPanel({
 }: ChatSettingsPanelProps) {
   const [presets, setPresets] = useState<Preset[]>(BUILTIN_PRESETS);
   const [activePreset, setActivePreset] = useState("Default");
+  const isBuiltinPreset = BUILTIN_PRESETS.some((p) => p.name === activePreset);
 
   function set<K extends keyof InferenceParams>(key: K) {
     return (v: InferenceParams[K]) => onParamsChange({ ...params, [key]: v });
@@ -223,24 +224,7 @@ export function ChatSettingsPanel({
                 <SelectContent>
                   {presets.map((p) => (
                     <SelectItem key={p.name} value={p.name}>
-                      <div className="flex w-full items-center justify-between gap-2">
-                        <span>{p.name}</span>
-                        {!BUILTIN_PRESETS.some((bp) => bp.name === p.name) && (
-                          <button
-                            type="button"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              deletePreset(p.name);
-                            }}
-                            className="text-muted-foreground hover:text-destructive"
-                          >
-                            <HugeiconsIcon
-                              icon={Delete02Icon}
-                              className="size-3"
-                            />
-                          </button>
-                        )}
-                      </div>
+                      {p.name}
                     </SelectItem>
                   ))}
                 </SelectContent>
@@ -254,6 +238,20 @@ export function ChatSettingsPanel({
                 <HugeiconsIcon icon={FloppyDiskIcon} className="size-3.5" />
                 Save
               </button>
+              <button
+                type="button"
+                onClick={() => deletePreset(activePreset)}
+                disabled={isBuiltinPreset}
+                className="flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-xs text-muted-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50"
+                title={
+                  isBuiltinPreset
+                    ? "Built-in presets cannot be deleted"
+                    : "Delete selected preset"
+                }
+              >
+                <HugeiconsIcon icon={Delete02Icon} className="size-3.5" />
+                Delete
+              </button>
             </div>
           </div>