| | |
| | | setHitHistoryList(data as HitHistoryItem[]) |
| | | setTotal(total) |
| | | } |
| | | catch { |
| | | catch (e) { |
| | | } |
| | | } |
| | | |
| | |
| | | <table className={cn('w-full min-w-[440px] border-collapse border-0')} > |
| | | <thead className="system-xs-medium-uppercase text-text-tertiary"> |
| | | <tr> |
| | | <td className='w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1'>{t('appAnnotation.hitHistoryTable.query')}</td> |
| | | <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.match')}</td> |
| | | <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.response')}</td> |
| | | <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.source')}</td> |
| | | <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.score')}</td> |
| | | <td className='w-[160px] whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.time')}</td> |
| | | <td className='pl-2 pr-1 w-5 rounded-l-lg bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.hitHistoryTable.query')}</td> |
| | | <td className='pl-3 py-1.5 bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.hitHistoryTable.match')}</td> |
| | | <td className='pl-3 py-1.5 bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.hitHistoryTable.response')}</td> |
| | | <td className='pl-3 py-1.5 bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.hitHistoryTable.source')}</td> |
| | | <td className='pl-3 py-1.5 bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.hitHistoryTable.score')}</td> |
| | | <td className='pl-3 py-1.5 rounded-r-lg bg-background-section-burn whitespace-nowrap w-[160px]'>{t('appAnnotation.hitHistoryTable.time')}</td> |
| | | </tr> |
| | | </thead> |
| | | <tbody className="system-sm-regular text-text-secondary"> |
| | | <tbody className="text-text-secondary system-sm-regular"> |
| | | {hitHistoryList.map(item => ( |
| | | <tr |
| | | key={item.id} |
| | | className={'cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover'} |
| | | className={'border-b border-divider-subtle hover:bg-background-default-hover cursor-pointer'} |
| | | > |
| | | <td |
| | | className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2' |
| | | className='p-3 pr-2 whitespace-nowrap overflow-hidden text-ellipsis max-w-[250px]' |
| | | title={item.question} |
| | | >{item.question}</td> |
| | | <td |
| | | className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2' |
| | | className='p-3 pr-2 whitespace-nowrap overflow-hidden text-ellipsis max-w-[250px]' |
| | | title={item.match} |
| | | >{item.match}</td> |
| | | <td |
| | | className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2' |
| | | className='p-3 pr-2 whitespace-nowrap overflow-hidden text-ellipsis max-w-[250px]' |
| | | title={item.response} |
| | | >{item.response}</td> |
| | | <td className='p-3 pr-2'>{item.source}</td> |
| | |
| | | maxWidthClassName='!max-w-[800px]' |
| | | title={ |
| | | <TabSlider |
| | | className='relative top-[9px] shrink-0' |
| | | className='shrink-0 relative top-[9px]' |
| | | value={activeTab} |
| | | onChange={v => setActiveTab(v as TabType)} |
| | | options={tabs} |
| | |
| | | } |
| | | body={( |
| | | <div> |
| | | <div className='space-y-6 p-6 pb-4'> |
| | | <div className='p-6 pb-4 space-y-6'> |
| | | {activeTab === TabType.annotation ? annotationTab : hitHistoryTab} |
| | | </div> |
| | | <Confirm |
| | |
| | | )} |
| | | foot={id |
| | | ? ( |
| | | <div className='system-sm-medium flex h-16 items-center justify-between rounded-bl-xl rounded-br-xl border-t border-divider-subtle bg-background-section-burn px-4 text-text-tertiary'> |
| | | <div className='px-4 flex h-16 items-center justify-between border-t border-divider-subtle bg-background-section-burn rounded-bl-xl rounded-br-xl system-sm-medium text-text-tertiary'> |
| | | <div |
| | | className='flex cursor-pointer items-center space-x-2 pl-3' |
| | | className='flex items-center pl-3 space-x-2 cursor-pointer' |
| | | onClick={() => setShowModal(true)} |
| | | > |
| | | <MessageCheckRemove /> |