From 440b2878998eee63b60a0c3ca629c70a852f4dae Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Tue, 4 Mar 2025 22:11:14 -0800
Subject: [PATCH] improvement(ux): added slight running animation

---
 app/page.tsx                                 | 2 --
 app/w/components/control-bar/control-bar.tsx | 6 ++++--
 blocks/blocks/exa.ts                         | 2 +-
 tailwind.config.ts                           | 9 +++++++++
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 96e8fb2cc8..5195ceb433 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,5 +1,3 @@
 import Landing from './(landing)/landing'
 
 export default Landing
-
-// adding test
\ No newline at end of file
diff --git a/app/w/components/control-bar/control-bar.tsx b/app/w/components/control-bar/control-bar.tsx
index 95b769b0be..e33417d3f3 100644
--- a/app/w/components/control-bar/control-bar.tsx
+++ b/app/w/components/control-bar/control-bar.tsx
@@ -445,12 +445,14 @@ export function ControlBar() {
    */
   const renderRunButton = () => (
     <Button
-      className="gap-2 bg-[#7F2FFF] hover:bg-[#7F2FFF]/90 text-white"
+      className={`gap-2 bg-[#7F2FFF] hover:bg-[#7F2FFF]/90 text-white ${
+        isExecuting ? 'animate-run-glow' : ''
+      }`}
       onClick={handleRunWorkflow}
       disabled={isExecuting}
     >
       <Play fill="white" stroke="white" className="!h-3.5 !w-3.5" />
-      {isExecuting ? 'Running...' : 'Run'}
+      {isExecuting ? 'Running' : 'Run'}
     </Button>
   )
 
diff --git a/blocks/blocks/exa.ts b/blocks/blocks/exa.ts
index 99339c9f83..9811a9c024 100644
--- a/blocks/blocks/exa.ts
+++ b/blocks/blocks/exa.ts
@@ -18,7 +18,7 @@ export const ExaBlock: BlockConfig<ExaResponse> = {
   name: 'Exa',
   description: 'Search with Exa AI',
   category: 'tools',
-  bgColor: '#1F41ED',
+  bgColor: '#1F40ED',
   icon: ExaAIIcon,
   subBlocks: [
     // Operation selector
diff --git a/tailwind.config.ts b/tailwind.config.ts
index a56933e29e..6519db183c 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -99,6 +99,14 @@ export default {
             opacity: '0.7',
           },
         },
+        'run-glow': {
+          '0%, 100%': {
+            filter: 'opacity(1)',
+          },
+          '50%': {
+            filter: 'opacity(0.7)',
+          },
+        },
       },
       animation: {
         'slide-down': 'slide-down 0.3s ease-out',
@@ -106,6 +114,7 @@ export default {
         'notification-fade-out': 'notification-fade-out 0.2s ease-out forwards',
         'fade-up': 'fade-up 0.5s ease-out forwards',
         'rocket-pulse': 'rocket-pulse 1.5s ease-in-out infinite',
+        'run-glow': 'run-glow 2s ease-in-out infinite',
       },
     },
   },