| | |
| | | |
| | | return ( |
| | | <div |
| | | className='relative z-10 flex flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl' |
| | | className='relative flex flex-col bg-white border-[0.5px] border-gray-200 rounded-xl shadow-xl z-10' |
| | | style={{ |
| | | width: 480, |
| | | position: 'fixed', |
| | |
| | | }} |
| | | ref={ref} |
| | | > |
| | | <div className='flex h-14 shrink-0 items-center justify-between border-b border-divider-regular pl-6 pr-5'> |
| | | <div className='text-base font-semibold text-text-primary'>PROMPT LOG</div> |
| | | <div className='shrink-0 flex justify-between items-center pl-6 pr-5 h-14 border-b border-b-gray-100'> |
| | | <div className='text-base font-semibold text-gray-900'>PROMPT LOG</div> |
| | | <div className='flex items-center'> |
| | | { |
| | | currentLogItem.log?.length === 1 && ( |
| | | <> |
| | | <CopyFeedbackNew className='h-6 w-6' content={currentLogItem.log[0].text} /> |
| | | <div className='mx-2.5 h-[14px] w-[1px] bg-divider-regular' /> |
| | | <CopyFeedbackNew className='w-6 h-6' content={currentLogItem.log[0].text} /> |
| | | <div className='mx-2.5 w-[1px] h-[14px] bg-gray-200' /> |
| | | </> |
| | | ) |
| | | } |
| | | <div |
| | | onClick={onCancel} |
| | | className='flex h-6 w-6 cursor-pointer items-center justify-center' |
| | | className='flex justify-center items-center w-6 h-6 cursor-pointer' |
| | | > |
| | | <RiCloseLine className='h-4 w-4 text-text-tertiary' /> |
| | | <RiCloseLine className='w-4 h-4 text-gray-500' /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div className='grow overflow-y-auto p-2'> |
| | | <div className='grow p-2 overflow-y-auto'> |
| | | <Card log={currentLogItem.log} /> |
| | | </div> |
| | | </div> |