| | |
| | | await sleep(2500) |
| | | await startQueryStatus() |
| | | } |
| | | catch { |
| | | catch (e) { |
| | | await sleep(2500) |
| | | await startQueryStatus() |
| | | } |
| | |
| | | |
| | | return ( |
| | | <> |
| | | <div className="mb-3 flex h-5 items-center"> |
| | | <div className="mr-2 flex items-center justify-between text-sm font-medium text-text-secondary"> |
| | | <div className="h-5 flex items-center mb-3"> |
| | | <div className="flex items-center justify-between text-gray-900 font-medium text-sm mr-2"> |
| | | {isEmbedding && <div className='flex items-center'> |
| | | <RiLoader2Fill className='mr-1 size-4 animate-spin text-text-secondary' /> |
| | | <RiLoader2Fill className='size-4 mr-1 animate-spin' /> |
| | | {t('datasetDocuments.embedding.processing')} |
| | | </div>} |
| | | {isEmbeddingCompleted && t('datasetDocuments.embedding.completed')} |
| | |
| | | </div> |
| | | { |
| | | enableBilling && plan.type !== Plan.team && ( |
| | | <div className='mb-3 flex h-14 items-center rounded-xl border-[0.5px] border-black/5 bg-white p-3 shadow-md'> |
| | | <div className='flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[#FFF6ED]'> |
| | | <ZapFast className='h-4 w-4 text-[#FB6514]' /> |
| | | <div className='flex items-center mb-3 p-3 h-14 bg-white border-[0.5px] border-black/5 shadow-md rounded-xl'> |
| | | <div className='shrink-0 flex items-center justify-center w-8 h-8 bg-[#FFF6ED] rounded-lg'> |
| | | <ZapFast className='w-4 h-4 text-[#FB6514]' /> |
| | | </div> |
| | | <div className='mx-3 grow text-[13px] font-medium text-gray-700'> |
| | | <div className='grow mx-3 text-[13px] font-medium text-gray-700'> |
| | | {t('billing.plansCommon.documentProcessingPriorityUpgrade')} |
| | | </div> |
| | | <UpgradeBtn loc='knowledge-speed-up' /> |
| | |
| | | <div className="flex flex-col gap-0.5 pb-2"> |
| | | {indexingStatusBatchDetail.map(indexingStatusDetail => ( |
| | | <div key={indexingStatusDetail.id} className={cn( |
| | | 'relative h-[26px] overflow-hidden rounded-md bg-components-progress-bar-bg', |
| | | 'relative h-[26px] bg-components-progress-bar-bg rounded-md overflow-hidden', |
| | | indexingStatusDetail.indexing_status === 'error' && 'bg-state-destructive-hover-alt', |
| | | // indexingStatusDetail.indexing_status === 'completed' && 's.success', |
| | | )}> |
| | | {isSourceEmbedding(indexingStatusDetail) && ( |
| | | <div className="absolute left-0 top-0 h-full min-w-0.5 border-r-[2px] border-r-components-progress-bar-progress-highlight bg-components-progress-bar-progress" style={{ width: `${getSourcePercent(indexingStatusDetail)}%` }} /> |
| | | <div className="absolute top-0 left-0 h-full min-w-0.5 bg-components-progress-bar-progress border-r-[2px] border-r-components-progress-bar-progress-highlight" style={{ width: `${getSourcePercent(indexingStatusDetail)}%` }} /> |
| | | )} |
| | | <div className="z-[1] flex h-full items-center gap-1 pl-[6px] pr-2"> |
| | | <div className="flex gap-1 pl-[6px] pr-2 h-full items-center z-[1]"> |
| | | {getSourceType(indexingStatusDetail.id) === DataSourceType.FILE && ( |
| | | // <div className={cn( |
| | | // 'shrink-0 marker:size-4 bg-center bg-no-repeat bg-contain', |
| | | // s[getFileType(getSourceName(indexingStatusDetail.id))] || s.unknownFileIcon, |
| | | // )} /> |
| | | <DocumentFileIcon |
| | | className="size-4 shrink-0" |
| | | className="shrink-0 size-4" |
| | | name={getSourceName(indexingStatusDetail.id)} |
| | | extension={getFileType(getSourceName(indexingStatusDetail.id))} |
| | | /> |
| | |
| | | src={getIcon(indexingStatusDetail.id)} |
| | | /> |
| | | )} |
| | | <div className="flex w-0 grow items-center gap-1" title={getSourceName(indexingStatusDetail.id)}> |
| | | <div className="system-xs-medium truncate text-text-secondary"> |
| | | <div className="grow flex items-center gap-1 w-0" title={getSourceName(indexingStatusDetail.id)}> |
| | | <div className="text-xs truncate"> |
| | | {getSourceName(indexingStatusDetail.id)} |
| | | </div> |
| | | { |
| | |
| | | } |
| | | </div> |
| | | {isSourceEmbedding(indexingStatusDetail) && ( |
| | | <div className="shrink-0 text-xs text-text-secondary">{`${getSourcePercent(indexingStatusDetail)}%`}</div> |
| | | <div className="shrink-0 text-xs">{`${getSourcePercent(indexingStatusDetail)}%`}</div> |
| | | )} |
| | | {indexingStatusDetail.indexing_status === 'error' && ( |
| | | <Tooltip |
| | |
| | | popupContent={indexingStatusDetail.error} |
| | | > |
| | | <span> |
| | | <RiErrorWarningFill className='size-4 shrink-0 text-text-destructive' /> |
| | | <RiErrorWarningFill className='shrink-0 size-4 text-text-destructive' /> |
| | | </span> |
| | | </Tooltip> |
| | | )} |
| | | {indexingStatusDetail.indexing_status === 'completed' && ( |
| | | <RiCheckboxCircleFill className='size-4 shrink-0 text-text-success' /> |
| | | <RiCheckboxCircleFill className='shrink-0 size-4 text-text-success' /> |
| | | )} |
| | | </div> |
| | | </div> |
| | | ))} |
| | | </div> |
| | | <hr className="my-3 h-[1px] border-0 bg-divider-subtle" /> |
| | | <hr className="my-3 h-[1px] bg-divider-subtle border-0" /> |
| | | <RuleDetail |
| | | sourceData={ruleDetail} |
| | | indexingType={indexingType} |
| | | retrievalMethod={retrievalMethod} |
| | | /> |
| | | <div className='my-10 flex items-center gap-2'> |
| | | <div className='flex items-center gap-2 my-10'> |
| | | <Button className='w-fit' onClick={navToApiDocs}> |
| | | <RiTerminalBoxLine className='mr-2 size-4' /> |
| | | <RiTerminalBoxLine className='size-4 mr-2' /> |
| | | <span>Access the API</span> |
| | | </Button> |
| | | <Button className='w-fit' variant='primary' onClick={navToDocumentList}> |
| | | <span>{t('datasetCreation.stepThree.navTo')}</span> |
| | | <ArrowRightIcon className='ml-2 size-4 stroke-current stroke-1' /> |
| | | <ArrowRightIcon className='size-4 ml-2 stroke-current stroke-1' /> |
| | | </Button> |
| | | </div> |
| | | </> |