| | |
| | | ] = useBoolean(false) |
| | | |
| | | return ( |
| | | <div className={cn('cursor-pointer rounded-xl bg-chat-bubble-bg pt-3 hover:shadow-lg')} onClick={showDetailModal}> |
| | | <div className={cn('pt-3 bg-chat-bubble-bg rounded-xl hover:shadow-lg cursor-pointer')} onClick={showDetailModal}> |
| | | {/* Meta info */} |
| | | <ResultItemMeta className='px-3' labelPrefix={'Chunk'} positionId={positionId} wordCount={content.length} score={score} /> |
| | | |
| | | {/* Main */} |
| | | <div className='mt-1 px-3'> |
| | | <div className='body-md-regular line-clamp-2 break-all'>{content}</div> |
| | | <div className='line-clamp-2 body-md-regular break-all'>{content}</div> |
| | | </div> |
| | | |
| | | {/* Foot */} |
| | |
| | | > |
| | | <div className='mt-4 flex-1'> |
| | | <ResultItemMeta labelPrefix={'Chunk'} positionId={positionId} wordCount={content.length} score={score} /> |
| | | <div className={cn('body-md-regular mt-2 break-all text-text-secondary', 'h-[min(539px,_80vh)] overflow-y-auto')}> |
| | | <div className={cn('mt-2 body-md-regular text-text-secondary break-all', 'h-[min(539px,_80vh)] overflow-y-auto')}> |
| | | {content} |
| | | </div> |
| | | </div> |