From c92ff792313f90b57a4063ba37bbbd53f521ab4f Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Sun, 6 Oct 2024 12:10:54 -0400
Subject: [PATCH] Add workflow tab tooltip to show full path (#1134)

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

diff --git a/src/components/topbar/WorkflowTabs.vue b/src/components/topbar/WorkflowTabs.vue
index 50fd485df..512d22357 100644
--- a/src/components/topbar/WorkflowTabs.vue
+++ b/src/components/topbar/WorkflowTabs.vue
@@ -11,8 +11,10 @@
     <template #option="{ option }">
       <span
         class="workflow-label text-sm max-w-[150px] truncate inline-block"
-        >{{ option.label }}</span
+        v-tooltip="option.tooltip"
       >
+        {{ option.label }}
+      </span>
       <div class="relative">
         <span class="status-indicator" v-if="option.unsaved">•</span>
         <Button
@@ -43,12 +45,14 @@ const props = defineProps<{
 const workflowStore = useWorkflowStore()
 interface WorkflowOption {
   label: string
+  tooltip: string
   value: string
   unsaved: boolean
 }
 
 const workflowToOption = (workflow: ComfyWorkflow): WorkflowOption => ({
   label: workflow.name,
+  tooltip: workflow.path,
   value: workflow.key,
   unsaved: workflow.unsaved
 })