| | |
| | | |
| | | return ( |
| | | <div className='relative'> |
| | | <div className='system-xs-medium-uppercase h-6 py-1 text-text-tertiary'>{t('runLog.meta.title')}</div> |
| | | <div className='h-6 py-1 text-text-tertiary system-xs-medium-uppercase'>{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'> |
| | | <div className='shrink-0 w-[104px] px-2 py-1.5 text-text-tertiary system-xs-regular truncate'>{t('runLog.meta.status')}</div> |
| | | <div className='grow px-2 py-1.5 text-text-secondary system-xs-regular'> |
| | | {status === 'running' && ( |
| | | <div className='my-1 h-2 w-16 rounded-sm bg-text-quaternary'/> |
| | | <div className='my-1 w-16 h-2 rounded-sm bg-text-quaternary'/> |
| | | )} |
| | | {status === 'succeeded' && ( |
| | | <span>SUCCESS</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'> |
| | | <div className='shrink-0 w-[104px] px-2 py-1.5 text-text-tertiary system-xs-regular truncate'>{t('runLog.meta.executor')}</div> |
| | | <div className='grow px-2 py-1.5 text-text-secondary system-xs-regular'> |
| | | {status === 'running' && ( |
| | | <div className='my-1 h-2 w-[88px] rounded-sm bg-text-quaternary'/> |
| | | <div className='my-1 w-[88px] h-2 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'> |
| | | <div className='shrink-0 w-[104px] px-2 py-1.5 text-text-tertiary system-xs-regular truncate'>{t('runLog.meta.startTime')}</div> |
| | | <div className='grow px-2 py-1.5 text-text-secondary system-xs-regular'> |
| | | {status === 'running' && ( |
| | | <div className='my-1 h-2 w-[72px] rounded-sm bg-text-quaternary'/> |
| | | <div className='my-1 w-[72px] h-2 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'> |
| | | <div className='shrink-0 w-[104px] px-2 py-1.5 text-text-tertiary system-xs-regular truncate'>{t('runLog.meta.time')}</div> |
| | | <div className='grow px-2 py-1.5 text-text-secondary system-xs-regular'> |
| | | {status === 'running' && ( |
| | | <div className='my-1 h-2 w-[72px] rounded-sm bg-text-quaternary'/> |
| | | <div className='my-1 w-[72px] h-2 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'> |
| | | <div className='shrink-0 w-[104px] px-2 py-1.5 text-text-tertiary system-xs-regular truncate'>{t('runLog.meta.tokens')}</div> |
| | | <div className='grow px-2 py-1.5 text-text-secondary system-xs-regular'> |
| | | {status === 'running' && ( |
| | | <div className='my-1 h-2 w-[48px] rounded-sm bg-text-quaternary'/> |
| | | <div className='my-1 w-[48px] h-2 rounded-sm bg-text-quaternary'/> |
| | | )} |
| | | {status !== 'running' && ( |
| | | <span>{`${tokens || 0} Tokens`}</span> |
| | |
| | | </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'> |
| | | <div className='shrink-0 w-[104px] px-2 py-1.5 text-text-tertiary system-xs-regular truncate'>{t('runLog.meta.steps')}</div> |
| | | <div className='grow px-2 py-1.5 text-text-secondary system-xs-regular'> |
| | | {status === 'running' && ( |
| | | <div className='my-1 h-2 w-[24px] rounded-sm bg-text-quaternary'/> |
| | | <div className='my-1 w-[24px] h-2 rounded-sm bg-text-quaternary'/> |
| | | )} |
| | | {status !== 'running' && ( |
| | | <span>{steps}</span> |