| | |
| | | <StatusContainer status={status}> |
| | | <div className='flex'> |
| | | <div className={cn( |
| | | 'max-w-[120px] flex-[33%]', |
| | | 'flex-[33%] max-w-[120px]', |
| | | status === 'partial-succeeded' && 'min-w-[140px]', |
| | | )}> |
| | | <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t('runLog.resultPanel.status')}</div> |
| | | <div className='mb-1 text-text-tertiary system-2xs-medium-uppercase'>{t('runLog.resultPanel.status')}</div> |
| | | <div |
| | | className={cn( |
| | | 'system-xs-semibold-uppercase flex items-center gap-1', |
| | | 'flex items-center gap-1 system-xs-semibold-uppercase', |
| | | status === 'succeeded' && 'text-util-colors-green-green-600', |
| | | status === 'partial-succeeded' && 'text-util-colors-green-green-600', |
| | | status === 'failed' && 'text-util-colors-red-red-600', |
| | |
| | | )} |
| | | </div> |
| | | </div> |
| | | <div className='max-w-[152px] flex-[33%]'> |
| | | <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t('runLog.resultPanel.time')}</div> |
| | | <div className='system-sm-medium flex items-center gap-1 text-text-secondary'> |
| | | <div className='flex-[33%] max-w-[152px]'> |
| | | <div className='mb-1 text-text-tertiary system-2xs-medium-uppercase'>{t('runLog.resultPanel.time')}</div> |
| | | <div className='flex items-center gap-1 system-sm-medium text-text-secondary'> |
| | | {status === 'running' && ( |
| | | <div className='h-2 w-16 rounded-sm bg-text-quaternary' /> |
| | | <div className='w-16 h-2 rounded-sm bg-text-quaternary' /> |
| | | )} |
| | | {status !== 'running' && ( |
| | | <span>{time ? `${time?.toFixed(3)}s` : '-'}</span> |
| | |
| | | </div> |
| | | </div> |
| | | <div className='flex-[33%]'> |
| | | <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t('runLog.resultPanel.tokens')}</div> |
| | | <div className='system-sm-medium flex items-center gap-1 text-text-secondary'> |
| | | <div className='mb-1 text-text-tertiary system-2xs-medium-uppercase'>{t('runLog.resultPanel.tokens')}</div> |
| | | <div className='flex items-center gap-1 system-sm-medium text-text-secondary'> |
| | | {status === 'running' && ( |
| | | <div className='h-2 w-20 rounded-sm bg-text-quaternary' /> |
| | | <div className='w-20 h-2 rounded-sm bg-text-quaternary' /> |
| | | )} |
| | | {status !== 'running' && ( |
| | | <span>{`${tokens || 0} Tokens`}</span> |