mirror of
				https://github.com/langgenius/dify.git
				synced 2025-10-31 19:03:09 +00:00 
			
		
		
		
	 7709d9df20
			
		
	
	
		7709d9df20
		
			
		
	
	
	
	
		
			
			Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
		
			
				
	
	
		
			50 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			50 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import { RiArrowRightLine } from '@remixicon/react'
 | |
| import { useTranslation } from 'react-i18next'
 | |
| import type {
 | |
|   AgentLogItemWithChildren,
 | |
|   NodeTracing,
 | |
| } from '@/types/workflow'
 | |
| 
 | |
| type AgentLogTriggerProps = {
 | |
|   nodeInfo: NodeTracing
 | |
|   onShowAgentOrToolLog: (detail?: AgentLogItemWithChildren) => void
 | |
| }
 | |
| const AgentLogTrigger = ({
 | |
|   nodeInfo,
 | |
|   onShowAgentOrToolLog,
 | |
| }: AgentLogTriggerProps) => {
 | |
|   const { t } = useTranslation()
 | |
|   const { agentLog, execution_metadata } = nodeInfo
 | |
|   const agentStrategy = execution_metadata?.tool_info?.agent_strategy
 | |
| 
 | |
|   return (
 | |
|     <div
 | |
|       className='cursor-pointer rounded-[10px] bg-components-button-tertiary-bg'
 | |
|       onClick={() => {
 | |
|         onShowAgentOrToolLog({ id: nodeInfo.id, children: agentLog || [] } as AgentLogItemWithChildren)
 | |
|       }}
 | |
|     >
 | |
|       <div className='system-2xs-medium-uppercase flex items-center px-3 pt-2 text-text-tertiary'>
 | |
|         {t('workflow.nodes.agent.strategy.label')}
 | |
|       </div>
 | |
|       <div className='flex items-center pb-1.5 pl-3 pr-2 pt-1'>
 | |
|         {
 | |
|           agentStrategy && (
 | |
|             <div className='system-xs-medium grow text-text-secondary'>
 | |
|               {agentStrategy}
 | |
|             </div>
 | |
|           )
 | |
|         }
 | |
|         <div
 | |
|           className='system-xs-regular-uppercase flex shrink-0 cursor-pointer items-center px-[1px] text-text-tertiary'
 | |
|         >
 | |
|           {t('runLog.detail')}
 | |
|           <RiArrowRightLine className='ml-0.5 h-3.5 w-3.5' />
 | |
|         </div>
 | |
|       </div>
 | |
|     </div>
 | |
|   )
 | |
| }
 | |
| 
 | |
| export default AgentLogTrigger
 |