Feat/environment variables in workflow (#6515)

Co-authored-by: JzoNg <jzongcode@gmail.com>

web/app/components/workflow/header/view-history.tsx

@@ -103,16 +103,13 @@ const ViewHistory = ({
                 popupContent={t('workflow.common.viewRunHistory')}
               >
                 <div
-                  className={`
-                    flex items-center justify-center w-7 h-7 rounded-md hover:bg-black/5 cursor-pointer
-                    ${open && 'bg-primary-50'}
-                  `}
+                  className={cn('group flex items-center justify-center w-7 h-7 rounded-md hover:bg-state-accent-hover cursor-pointer', open && 'bg-state-accent-hover')}
                   onClick={() => {
                     setCurrentLogItem()
                     setShowMessageLogModal(false)
                   }}
                 >
-                  <ClockPlay className={`w-4 h-4 ${open ? 'text-primary-600' : 'text-gray-500'}`} />
+                  <ClockPlay className={cn('w-4 h-4 group-hover:text-components-button-secondary-accent-text', open ? 'text-components-button-secondary-accent-text' : 'text-components-button-ghost-text')} />
                 </div>
               </TooltipPlus>
             )
@@ -170,6 +167,7 @@ const ViewHistory = ({
                           workflowStore.setState({
                             historyWorkflowData: item,
                             showInputsPanel: false,
+                            showEnvPanel: false,
                           })
                           handleBackupDraft()
                           setOpen(false)