wangys/urbanLifeline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dify

Browse Source
This commit is contained in:
wangys
2025-12-01 17:21:38 +08:00
parent 32fee2b8ab
commit fab8c13cb3
7511 changed files with 996300 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
dify/web/app/components/workflow/run/meta.tsx Normal file
View File

@@ -0,0 +1,117 @@
'use client'
import type { FC } from 'react'
import { useTranslation } from 'react-i18next'
import useTimestamp from '@/hooks/use-timestamp'
type Props = {
status: string
executor?: string
startTime?: number
time?: number
tokens?: number
steps?: number
showSteps?: boolean
}
const MetaData: FC<Props> = ({
status,
executor,
startTime,
time,
tokens,
steps = 1,
showSteps = true,
}) => {
const { t } = useTranslation()
const { formatTime } = useTimestamp()
return (
<div className='relative'>
<div className='system-xs-medium-uppercase h-6 py-1 text-text-tertiary'>{t('runLog.meta.title')}</div>
<div className='py-1'>
<div className='flex'>
<div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.status')}</div>
<div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
{status === 'running' && (
<div className='my-1 h-2 w-16 rounded-sm bg-text-quaternary'/>
)}
{status === 'succeeded' && (
<span>SUCCESS</span>
)}
{status === 'partial-succeeded' && (
<span>PARTIAL SUCCESS</span>
)}
{status === 'exception' && (
<span>EXCEPTION</span>
)}
{status === 'failed' && (
<span>FAIL</span>
)}
{status === 'stopped' && (
<span>STOP</span>
)}
</div>
</div>
<div className='flex'>
<div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.executor')}</div>
<div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
{status === 'running' && (
<div className='my-1 h-2 w-[88px] rounded-sm bg-text-quaternary'/>
)}
{status !== 'running' && (
<span>{executor || 'N/A'}</span>
)}
</div>
</div>
<div className='flex'>
<div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.startTime')}</div>
<div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
{status === 'running' && (
<div className='my-1 h-2 w-[72px] rounded-sm bg-text-quaternary'/>
)}
{status !== 'running' && (
<span>{startTime ? formatTime(startTime, t('appLog.dateTimeFormat') as string) : '-'}</span>
)}
</div>
</div>
<div className='flex'>
<div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.time')}</div>
<div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
{status === 'running' && (
<div className='my-1 h-2 w-[72px] rounded-sm bg-text-quaternary'/>
)}
{status !== 'running' && (
<span>{time ? `${time.toFixed(3)}s` : '-'}</span>
)}
</div>
</div>
<div className='flex'>
<div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.tokens')}</div>
<div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
{status === 'running' && (
<div className='my-1 h-2 w-[48px] rounded-sm bg-text-quaternary'/>
)}
{status !== 'running' && (
<span>{`${tokens || 0} Tokens`}</span>
)}
</div>
</div>
{showSteps && (
<div className='flex'>
<div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.steps')}</div>
<div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
{status === 'running' && (
<div className='my-1 h-2 w-[24px] rounded-sm bg-text-quaternary'/>
)}
{status !== 'running' && (
<span>{steps}</span>
)}
</div>
</div>
)}
</div>
</div>
)
}
export default MetaData