From 6411e212af3beb92c27ddc70424ac4d8a6930348 Mon Sep 17 00:00:00 2001
From: Lunny Xiao <xiaolunwen@gmail.com>
Date: Wed, 3 Sep 2025 22:09:38 -0700
Subject: [PATCH] disabled status

---
 .../components/projects/ProjectWorkflow.vue   | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/web_src/js/components/projects/ProjectWorkflow.vue b/web_src/js/components/projects/ProjectWorkflow.vue
index a8f76b5fa9..ef67897590 100644
--- a/web_src/js/components/projects/ProjectWorkflow.vue
+++ b/web_src/js/components/projects/ProjectWorkflow.vue
@@ -311,6 +311,19 @@ const hasAction = (actionType) => {
   return store.selectedWorkflow?.capabilities?.available_actions?.includes(actionType);
 };
 
+const getStatusClass = (item) => {
+  if (!item.isConfigured) {
+    return 'status-inactive'; // Gray dot for unconfigured
+  }
+  
+  // For configured workflows, check enabled status
+  if (item.enabled === false) {
+    return 'status-disabled'; // Red dot for disabled
+  }
+  
+  return 'status-active'; // Green dot for enabled
+};
+
 const isItemSelected = (item) => {
   if (!store.selectedItem) return false;
   
@@ -497,7 +510,7 @@ onUnmounted(() => {
                 <span class="status-indicator">
                   <span
                     v-html="svg('octicon-dot-fill')"
-                    :class="item.isConfigured ? 'status-active' : 'status-inactive'"
+                    :class="getStatusClass(item)"
                   />
                 </span>
                 <div class="workflow-title">{{ item.display_name }}</div>
@@ -788,6 +801,11 @@ onUnmounted(() => {
   font-size: 0.75rem;
 }
 
+.status-indicator .status-disabled {
+  color: #dc3545;
+  font-size: 0.75rem;
+}
+
 /* Main Content Area */
 .workflow-placeholder {
   flex: 1;