初始化

wwf

2025-05-20 938c3e5a587ce950a94964ea509b9e7f8834dfae

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
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