| | |
| | | import { useTranslation } from 'react-i18next' |
| | | import type { FC } from 'react' |
| | | import ToolCall from './tool-call' |
| | | import Divider from '@/app/components/base/divider' |
| | | import type { AgentIteration } from '@/models/log' |
| | | import cn from '@/utils/classnames' |
| | | import type { AgentIteration } from '@/models/log' |
| | | |
| | | type Props = { |
| | | isFinal: boolean |
| | |
| | | <div className={cn('px-4 py-2')}> |
| | | <div className='flex items-center'> |
| | | {isFinal && ( |
| | | <div className='mr-3 shrink-0 text-xs font-semibold leading-[18px] text-text-tertiary'>{t('appLog.agentLogDetail.finalProcessing')}</div> |
| | | <div className='shrink-0 mr-3 text-gray-500 text-xs leading-[18px] font-semibold'>{t('appLog.agentLogDetail.finalProcessing')}</div> |
| | | )} |
| | | {!isFinal && ( |
| | | <div className='mr-3 shrink-0 text-xs font-semibold leading-[18px] text-text-tertiary'>{`${t('appLog.agentLogDetail.iteration').toUpperCase()} ${index}`}</div> |
| | | <div className='shrink-0 mr-3 text-gray-500 text-xs leading-[18px] font-semibold'>{`${t('appLog.agentLogDetail.iteration').toUpperCase()} ${index}`}</div> |
| | | )} |
| | | <Divider bgStyle='gradient' className='mx-0 h-[1px] grow'/> |
| | | <div className='grow h-[1px] bg-gradient-to-r from-[#f3f4f6] to-gray-50'></div> |
| | | </div> |
| | | <ToolCall |
| | | isLLM |