diff --git a/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.tsx b/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.tsx
index df93914285..0299d53ac9 100644
--- a/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.tsx
+++ b/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.tsx
@@ -3,9 +3,15 @@ import ChatVariableButton from '@/app/components/workflow/header/chat-variable-b
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
+import { useIsChatMode } from '../../hooks'
 
 const ChatVariableTrigger = () => {
   const { nodesReadOnly } = useNodesReadOnly()
+  const isChatMode = useIsChatMode()
+
+  if (!isChatMode)
+    return null
+
   return <ChatVariableButton disabled={nodesReadOnly} />
 }
 export default memo(ChatVariableTrigger)
diff --git a/web/app/components/workflow-app/components/workflow-panel.tsx b/web/app/components/workflow-app/components/workflow-panel.tsx
index 3c1b5c8aac..dd368660ce 100644
--- a/web/app/components/workflow-app/components/workflow-panel.tsx
+++ b/web/app/components/workflow-app/components/workflow-panel.tsx
@@ -74,7 +74,7 @@ const WorkflowPanelOnRight = () => {
         )
       }
       {
-        showChatVariablePanel && (
+        showChatVariablePanel && isChatMode && (
           <ChatVariablePanel />
         )
       }