From e1a2755e3b1d36e84b3e812a868e77507598e5dc Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Wed, 27 Aug 2025 13:55:43 +0800
Subject: [PATCH] fix(web): add spinning animation to loader icon in variable
 inspect trigger for better UX

---
 web/app/components/workflow/variable-inspect/trigger.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/workflow/variable-inspect/trigger.tsx b/web/app/components/workflow/variable-inspect/trigger.tsx
index a45c589ab9..7cfa5ef1db 100644
--- a/web/app/components/workflow/variable-inspect/trigger.tsx
+++ b/web/app/components/workflow/variable-inspect/trigger.tsx
@@ -107,7 +107,7 @@ const VariableInspectTrigger: FC = () => {
             className='system-xs-medium flex h-6 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-accent shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent'
             onClick={() => setShowVariableInspectPanel(true)}
           >
-            <RiLoader2Line className='h-4 w-4' />
+            <RiLoader2Line className='h-4 w-4 animate-spin' />
             <span className='text-text-accent'>{t('workflow.debug.variableInspect.trigger.running')}</span>
           </div>
           {isPreviewRunning && (