mirror of
https://github.com/langgenius/dify.git
synced 2026-05-05 18:08:07 +08:00
mrege
This commit is contained in:
Joel
@ -20,7 +20,7 @@ const ChildChunks: FC<Props> = ({
|
||||
className={!isShowAll ? 'line-clamp-2 break-all' : ''}
|
||||
>
|
||||
<div className="relative top-[-2px] inline-flex items-center">
|
||||
<div className="system-2xs-semibold-uppercase flex h-[20.5px] items-center bg-state-accent-solid px-1 text-text-primary-on-surface">
|
||||
<div className="flex h-[20.5px] items-center bg-state-accent-solid px-1 text-text-primary-on-surface system-2xs-semibold-uppercase">
|
||||
C-
|
||||
{position}
|
||||
</div>
|
||||
|
||||
@ -90,13 +90,13 @@ const ChunkDetailModal = ({
|
||||
<div className="break-all">
|
||||
<div className="flex gap-x-1">
|
||||
<div className="w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">Q</div>
|
||||
<div className={cn('body-md-regular line-clamp-20 text-text-secondary')}>
|
||||
<div className={cn('line-clamp-20 text-text-secondary body-md-regular')}>
|
||||
{content}
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex gap-x-1">
|
||||
<div className="w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">A</div>
|
||||
<div className={cn('body-md-regular line-clamp-20 text-text-secondary')}>
|
||||
<div className={cn('line-clamp-20 text-text-secondary body-md-regular')}>
|
||||
{answer}
|
||||
</div>
|
||||
</div>
|
||||
@ -129,7 +129,7 @@ const ChunkDetailModal = ({
|
||||
|
||||
{isParentChildRetrieval && (
|
||||
<div className="flex-1 pb-6 pl-6">
|
||||
<div className="system-xs-semibold-uppercase text-text-secondary">{t(`${i18nPrefix}hitChunks`, { ns: 'datasetHitTesting', num: child_chunks.length })}</div>
|
||||
<div className="text-text-secondary system-xs-semibold-uppercase">{t(`${i18nPrefix}hitChunks`, { ns: 'datasetHitTesting', num: child_chunks.length })}</div>
|
||||
<div className={cn('mt-1 space-y-2', heighClassName)}>
|
||||
{child_chunks.map(item => (
|
||||
<ChildChunksItem key={item.id} payload={item} isShowAll />
|
||||
|
||||
@ -206,7 +206,7 @@ const QueryInput = ({
|
||||
<div className={cn('relative flex h-80 shrink-0 flex-col overflow-hidden rounded-xl bg-gradient-to-r from-components-input-border-active-prompt-1 to-components-input-border-active-prompt-2 p-0.5 shadow-xs')}>
|
||||
<div className="flex h-full flex-col overflow-hidden rounded-[10px] bg-background-section-burn">
|
||||
<div className="relative flex shrink-0 items-center justify-between p-1.5 pb-1 pl-3">
|
||||
<span className="system-sm-semibold-uppercase text-text-secondary">
|
||||
<span className="text-text-secondary system-sm-semibold-uppercase">
|
||||
{t('input.title', { ns: 'datasetHitTesting' })}
|
||||
</span>
|
||||
{isExternal
|
||||
@ -218,7 +218,7 @@ const QueryInput = ({
|
||||
>
|
||||
<RiEqualizer2Line className="h-3.5 w-3.5 text-components-button-secondary-text" />
|
||||
<div className="flex items-center justify-center gap-1 px-[3px]">
|
||||
<span className="system-xs-medium text-components-button-secondary-text">{t('settingTitle', { ns: 'datasetHitTesting' })}</span>
|
||||
<span className="text-components-button-secondary-text system-xs-medium">{t('settingTitle', { ns: 'datasetHitTesting' })}</span>
|
||||
</div>
|
||||
</Button>
|
||||
)
|
||||
|
||||
@ -23,7 +23,7 @@ const Textarea = ({
|
||||
)}
|
||||
>
|
||||
<textarea
|
||||
className="system-md-regular h-full w-full resize-none border-none bg-transparent text-text-secondary caret-[#295EFF] placeholder:text-components-input-text-placeholder focus-visible:outline-none"
|
||||
className="h-full w-full resize-none border-none bg-transparent text-text-secondary caret-[#295EFF] system-md-regular placeholder:text-components-input-text-placeholder focus-visible:outline-none"
|
||||
value={text}
|
||||
onChange={handleTextChange}
|
||||
placeholder={t('input.placeholder', { ns: 'datasetHitTesting' }) as string}
|
||||
@ -40,7 +40,7 @@ const Textarea = ({
|
||||
popupContent={t('input.countWarning', { ns: 'datasetHitTesting' })}
|
||||
>
|
||||
<div
|
||||
className={cn('system-2xs-medium-uppercase bg-util-colors-red-red-100 py-1 pr-2 text-util-colors-red-red-600')}
|
||||
className={cn('bg-util-colors-red-red-100 py-1 pr-2 text-util-colors-red-red-600 system-2xs-medium-uppercase')}
|
||||
>
|
||||
{`${text.length}/200`}
|
||||
</div>
|
||||
@ -49,7 +49,7 @@ const Textarea = ({
|
||||
: (
|
||||
<div
|
||||
className={cn(
|
||||
'system-2xs-medium-uppercase bg-background-section-burn py-1 pr-2 text-text-tertiary',
|
||||
'bg-background-section-burn py-1 pr-2 text-text-tertiary system-2xs-medium-uppercase',
|
||||
)}
|
||||
>
|
||||
{`${text.length}/200`}
|
||||
|
||||
@ -47,11 +47,11 @@ const Records = ({
|
||||
|
||||
return (
|
||||
<div className="grow overflow-y-auto">
|
||||
<table className="w-full border-collapse border-0 text-[13px] leading-4 text-text-secondary ">
|
||||
<thead className="sticky top-0 h-7 text-xs font-medium uppercase leading-7 text-text-tertiary backdrop-blur-[5px]">
|
||||
<table className="w-full border-collapse border-0 text-[13px] leading-4 text-text-secondary">
|
||||
<thead className="sticky top-0 h-7 text-xs font-medium uppercase leading-7 text-text-tertiary backdrop-blur-[5px]">
|
||||
<tr>
|
||||
<td className="rounded-l-lg bg-background-section-burn pl-3">{t('table.header.queryContent', { ns: 'datasetHitTesting' })}</td>
|
||||
<td className="w-[128px] bg-background-section-burn pl-3">{t('table.header.source', { ns: 'datasetHitTesting' })}</td>
|
||||
<td className="w-[128px] bg-background-section-burn pl-3">{t('table.header.source', { ns: 'datasetHitTesting' })}</td>
|
||||
<td className="w-48 rounded-r-lg bg-background-section-burn pl-3">
|
||||
<div
|
||||
className="flex cursor-pointer items-center"
|
||||
|
||||
@ -31,7 +31,7 @@ const ResultItemExternal: FC<Props> = ({ payload, positionId }) => {
|
||||
|
||||
{/* Main */}
|
||||
<div className="mt-1 px-3">
|
||||
<div className="body-md-regular line-clamp-2 break-all text-text-primary">{content}</div>
|
||||
<div className="line-clamp-2 break-all text-text-primary body-md-regular">{content}</div>
|
||||
</div>
|
||||
|
||||
{/* Foot */}
|
||||
@ -47,7 +47,7 @@ const ResultItemExternal: FC<Props> = ({ payload, positionId }) => {
|
||||
>
|
||||
<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 break-all text-text-secondary body-md-regular', 'h-[min(539px,_80vh)] overflow-y-auto')}>
|
||||
{content}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -33,7 +33,7 @@ const ResultItemMeta: FC<Props> = ({
|
||||
className={cn('w-fit group-hover:opacity-100')}
|
||||
/>
|
||||
<Dot />
|
||||
<div className="system-xs-medium text-text-tertiary">
|
||||
<div className="text-text-tertiary system-xs-medium">
|
||||
{wordCount}
|
||||
{' '}
|
||||
{t('segment.characters', { ns: 'datasetDocuments', count: wordCount })}
|
||||
|
||||
@ -46,7 +46,7 @@ const ModifyExternalRetrievalModal: React.FC<ModifyExternalRetrievalModalProps>
|
||||
border-[0.5px] border-components-panel-border bg-components-panel-bg"
|
||||
>
|
||||
<div className="flex items-center justify-between self-stretch p-4 pb-2">
|
||||
<div className="system-xl-semibold grow text-text-primary">{t('settingTitle', { ns: 'datasetHitTesting' })}</div>
|
||||
<div className="grow text-text-primary system-xl-semibold">{t('settingTitle', { ns: 'datasetHitTesting' })}</div>
|
||||
<ActionButton className="ml-auto" onClick={onClose}>
|
||||
<RiCloseLine className="h-4 w-4 shrink-0" />
|
||||
</ActionButton>
|
||||
|
||||
Reference in New Issue
Block a user