mirror of
https://github.com/langgenius/dify.git
synced 2025-10-31 10:53:02 +00:00
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
|
import { RiAlertFill } from '@remixicon/react'
|
||
|
|
import { useTranslation } from 'react-i18next'
|
||
|
|
import AgentLogItem from './agent-log-item'
|
||
|
|
import AgentLogNav from './agent-log-nav'
|
||
|
|
import type { AgentLogItemWithChildren } from '@/types/workflow'
|
||
|
|
|
||
|
|
type AgentResultPanelProps = {
|
||
|
|
agentOrToolLogItemStack: AgentLogItemWithChildren[]
|
||
|
|
agentOrToolLogListMap: Record<string, AgentLogItemWithChildren[]>
|
||
|
|
onShowAgentOrToolLog: (detail?: AgentLogItemWithChildren) => void
|
||
|
|
}
|
||
|
|
const AgentResultPanel = ({
|
||
|
|
agentOrToolLogItemStack,
|
||
|
|
agentOrToolLogListMap,
|
||
|
|
onShowAgentOrToolLog,
|
||
|
|
}: AgentResultPanelProps) => {
|
||
|
|
const { t } = useTranslation()
|
||
|
|
const top = agentOrToolLogItemStack[agentOrToolLogItemStack.length - 1]
|
||
|
|
const list = agentOrToolLogListMap[top.id]
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className='bg-background-section overflow-y-auto'>
|
||
|
|
<AgentLogNav
|
||
|
|
agentOrToolLogItemStack={agentOrToolLogItemStack}
|
||
|
|
onShowAgentOrToolLog={onShowAgentOrToolLog}
|
||
|
|
/>
|
||
|
|
{
|
||
|
|
<div className='p-2 space-y-1'>
|
||
|
|
{
|
||
|
|
list.map(item => (
|
||
|
|
<AgentLogItem
|
||
|
|
key={item.id}
|
||
|
|
item={item}
|
||
|
|
onShowAgentOrToolLog={onShowAgentOrToolLog}
|
||
|
|
/>
|
||
|
|
))
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
{
|
||
|
|
top.hasCircle && (
|
||
|
|
<div className='flex items-center mt-1 rounded-xl px-3 pr-2 border border-components-panel-border bg-components-panel-bg-blur shadow-md'>
|
||
|
|
<div
|
||
|
|
className='absolute inset-0 opacity-[0.4] rounded-xl'
|
||
|
|
style={{
|
||
|
|
background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)',
|
||
|
|
}}
|
||
|
|
></div>
|
||
|
|
<RiAlertFill className='mr-1.5 w-4 h-4 text-text-warning-secondary' />
|
||
|
|
<div className='system-xs-medium text-text-primary'>
|
||
|
|
{t('runLog.circularInvocationTip')}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default AgentResultPanel
|