From c7303ea465922e09f6bc0d2dceb15ac22a1fbc3d Mon Sep 17 00:00:00 2001
From: Fahd Arafat <fahdarft@gmail.com>
Date: Sat, 14 Dec 2024 00:14:13 +0200
Subject: [PATCH] Add new workflow button in topbar for tab view (#1903)

---
 src/components/topbar/WorkflowTabs.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/topbar/WorkflowTabs.vue b/src/components/topbar/WorkflowTabs.vue
index c314550ae..acc6fa7db 100644
--- a/src/components/topbar/WorkflowTabs.vue
+++ b/src/components/topbar/WorkflowTabs.vue
@@ -1,6 +1,6 @@
 <template>
   <SelectButton
-    class="workflow-tabs bg-transparent flex flex-wrap"
+    class="workflow-tabs bg-transparent inline"
     :class="props.class"
     :modelValue="selectedWorkflow"
     @update:modelValue="onWorkflowChange"
@@ -41,12 +41,20 @@
       </div>
     </template>
   </SelectButton>
+  <Button
+    class="new-blank-workflow-button"
+    icon="pi pi-plus"
+    text
+    severity="secondary"
+    @click="() => commandStore.execute('Comfy.NewBlankWorkflow')"
+  />
   <ContextMenu ref="menu" :model="contextMenuItems" />
 </template>
 
 <script setup lang="ts">
 import { ComfyWorkflow } from '@/stores/workflowStore'
 import { useWorkflowStore } from '@/stores/workflowStore'
+import { useCommandStore } from '@/stores/commandStore'
 import SelectButton from 'primevue/selectbutton'
 import Button from 'primevue/button'
 import { computed, ref } from 'vue'
@@ -158,6 +166,8 @@ const contextMenuItems = computed(() => {
     }
   ]
 })
+
+const commandStore = useCommandStore()
 </script>
 
 <style scoped>