Fix:filename is not displayed on the overview page #9869 (#10731)

### What problem does this PR solve?

Fix: Fixed the issue that filename is not displayed on the overview
page; and added the processing logic of the generate button when chunk=0

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
This commit is contained in:
chanx
2025-10-22 19:52:50 +08:00
committed by GitHub
parent d616354d66
commit 15fff5724e
3 changed files with 27 additions and 16 deletions

View File

@ -85,8 +85,8 @@ export const getFileLogsTableColumns = (
// row.original.kb_id, // row.original.kb_id,
// )} // )}
> >
<FileIcon name={row.original.fileName}></FileIcon> <FileIcon name={row.original.document_name}></FileIcon>
{row.original.fileName} {row.original.document_name}
</div> </div>
), ),
}, },

View File

@ -83,10 +83,10 @@ const MenuItem: React.FC<{
className={cn( className={cn(
'border cursor-pointer p-2 rounded-md focus:bg-transparent', 'border cursor-pointer p-2 rounded-md focus:bg-transparent',
{ {
'hover:border-accent-primary hover:bg-[rgba(59,160,92,0.1)]': 'hover:border-accent-primary hover:bg-[rgba(59,160,92,0.1)] focus:bg-[rgba(59,160,92,0.1)]':
status === generateStatus.start || status === generateStatus.start ||
status === generateStatus.completed, status === generateStatus.completed,
'hover:border-border hover:bg-[rgba(59,160,92,0)]': 'hover:border-border hover:bg-[rgba(59,160,92,0)] focus:bg-[rgba(59,160,92,0)]':
status !== generateStatus.start && status !== generateStatus.start &&
status !== generateStatus.completed, status !== generateStatus.completed,
}, },
@ -177,7 +177,11 @@ const MenuItem: React.FC<{
); );
}; };
const Generate: React.FC = () => { type GenerateProps = {
disabled?: boolean;
};
const Generate: React.FC<GenerateProps> = (props) => {
const { disabled = false } = props;
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const { graphRunData, raptorRunData } = useTraceGenerate({ open }); const { graphRunData, raptorRunData } = useTraceGenerate({ open });
const { runGenerate, pauseGenerate } = useDatasetGenerate(); const { runGenerate, pauseGenerate } = useDatasetGenerate();
@ -189,16 +193,21 @@ const Generate: React.FC = () => {
return ( return (
<div className="generate"> <div className="generate">
<DropdownMenu open={open} onOpenChange={handleOpenChange}> <DropdownMenu open={open} onOpenChange={handleOpenChange}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild disabled={disabled}>
<Button <div className={cn({ 'cursor-not-allowed': disabled })}>
variant={'transparent'} <Button
onClick={() => { disabled={disabled}
handleOpenChange(!open); variant={'transparent'}
}} onClick={() => {
> if (!disabled) {
<WandSparkles className="mr-2" /> handleOpenChange(!open);
{t('knowledgeDetails.generate')} }
</Button> }}
>
<WandSparkles className="mr-2 size-4" />
{t('knowledgeDetails.generate')}
</Button>
</div>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent className="w-[380px] p-5 flex flex-col gap-2 "> <DropdownMenuContent className="w-[380px] p-5 flex flex-col gap-2 ">
{Object.values(GenerateType).map((name) => { {Object.values(GenerateType).map((name) => {

View File

@ -12,6 +12,7 @@ import {
} from '@/components/ui/dropdown-menu'; } from '@/components/ui/dropdown-menu';
import { useRowSelection } from '@/hooks/logic-hooks/use-row-selection'; import { useRowSelection } from '@/hooks/logic-hooks/use-row-selection';
import { useFetchDocumentList } from '@/hooks/use-document-request'; import { useFetchDocumentList } from '@/hooks/use-document-request';
import { useFetchKnowledgeBaseConfiguration } from '@/hooks/use-knowledge-request';
import { Upload } from 'lucide-react'; import { Upload } from 'lucide-react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { DatasetTable } from './dataset-table'; import { DatasetTable } from './dataset-table';
@ -30,6 +31,7 @@ export default function Dataset() {
onDocumentUploadOk, onDocumentUploadOk,
documentUploadLoading, documentUploadLoading,
} = useHandleUploadDocument(); } = useHandleUploadDocument();
const { data: dataSetData } = useFetchKnowledgeBaseConfiguration();
const { const {
searchString, searchString,
@ -62,7 +64,7 @@ export default function Dataset() {
return ( return (
<> <>
<div className="absolute top-4 right-5"> <div className="absolute top-4 right-5">
<Generate /> <Generate disabled={!(dataSetData.chunk_num > 0)} />
</div> </div>
<section className="p-5 min-w-[880px]"> <section className="p-5 min-w-[880px]">
<ListFilterBar <ListFilterBar