rabbit fixes

Author: pythongosssss

src/components/builder/BuilderDialog.vue

@@ -10,13 +10,14 @@
           <slot name="title" />
         </h2>
       </div>
-      <button
-        class="cursor-pointer rounded border-none bg-transparent p-0 text-muted-foreground transition-colors hover:text-base-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-secondary-foreground"
+      <Button
+        variant="muted-textonly"
+        class="-mr-1"
         :aria-label="$t('g.close')"
         @click="$emit('close')"
       >
         <i class="pi pi-times size-4" />
-      </button>
+      </Button>
     </div>
 
     <!-- Body -->
@@ -32,6 +33,8 @@
 </template>
 
 <script setup lang="ts">
+import Button from '@/components/ui/button/Button.vue'
+
 defineEmits<{
   close: []
 }>()

src/components/builder/BuilderSaveDialogContent.vue

@@ -25,7 +25,7 @@
         {{ $t('builderToolbar.saveAsLabel') }}
       </label>
       <div role="radiogroup" class="flex flex-col gap-2">
-        <button
+        <Button
           v-for="option in saveTypeOptions"
           :key="option.value.toString()"
           role="radio"
@@ -36,6 +36,7 @@
               openAsApp === option.value && 'bg-secondary-background'
             )
           "
+          variant="textonly"
           @click="openAsApp = option.value"
         >
           <div
@@ -55,7 +56,7 @@
             v-if="openAsApp === option.value"
             class="icon-[lucide--check] size-4 text-base-foreground"
           />
-        </button>
+        </Button>
       </div>
     </div>
 

src/components/builder/useBuilderSave.ts

@@ -57,14 +57,19 @@ export function useBuilderSave() {
       props: {
         defaultFilename,
         onSave: handleSave,
-        onClose: closeSaveDialog
+        onClose: handleCancelSave
       },
       dialogComponentProps: {
         onClose: resetSaving
       }
     })
   }
 
+  function handleCancelSave() {
+    closeSaveDialog()
+    resetSaving()
+  }
+
   async function handleSave(filename: string, openAsApp: boolean) {
     try {
       const workflow = workflowStore.activeWorkflow