From 04aee4a4c64150abb2497cb489cbf83bed74916d Mon Sep 17 00:00:00 2001
From: samit <sshah229@asu.edu>
Date: Wed, 25 Feb 2026 21:36:50 -0800
Subject: [PATCH] updated to make the delete preset work

---
 .../src/features/chat/chat-settings-sheet.tsx | 34 +++++++++----------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/studio/frontend/src/features/chat/chat-settings-sheet.tsx b/studio/frontend/src/features/chat/chat-settings-sheet.tsx
index 2d7ae781fa..4bfc3351e8 100644
--- a/studio/frontend/src/features/chat/chat-settings-sheet.tsx
+++ b/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 });
@@ -219,24 +220,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>
@@ -250,6 +234,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>