import { memo } from 'react' import { useTranslation } from 'react-i18next' import { useIsChatMode } from '../hooks' import { useStore } from '../store' import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time' const RunningTitle = () => { const { t } = useTranslation() const isChatMode = useIsChatMode() const historyWorkflowData = useStore(s => s.historyWorkflowData) return ( <div className='flex items-center h-[18px] text-xs text-gray-500'> <ClockPlay className='mr-1 w-3 h-3 text-gray-500' /> <span>{isChatMode ? `Test Chat#${historyWorkflowData?.sequence_number}` : `Test Run#${historyWorkflowData?.sequence_number}`}</span> <span className='mx-1'>ยท</span> <span className='ml-1 uppercase flex items-center px-1 h-[18px] rounded-[5px] border border-indigo-300 bg-white/[0.48] text-[10px] font-semibold text-indigo-600'> {t('workflow.common.viewOnly')} </span> </div> ) } export default memo(RunningTitle)