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)

web/src/pages/dataset/dataset-overview/overview-table.tsx

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

web/src/pages/dataset/dataset/generate-button/generate.tsx

@@ -83,10 +83,10 @@ const MenuItem: React.FC<{
       className={cn(
         '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.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.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 { graphRunData, raptorRunData } = useTraceGenerate({ open });
   const { runGenerate, pauseGenerate } = useDatasetGenerate();
@@ -189,16 +193,21 @@ const Generate: React.FC = () => {
   return (
     <div className="generate">
       <DropdownMenu open={open} onOpenChange={handleOpenChange}>
-        <DropdownMenuTrigger asChild>
+        <DropdownMenuTrigger asChild disabled={disabled}>
+          <div className={cn({ 'cursor-not-allowed': disabled })}>
             <Button
+              disabled={disabled}
               variant={'transparent'}
               onClick={() => {
+                if (!disabled) {
                   handleOpenChange(!open);
+                }
               }}
             >
-            <WandSparkles className="mr-2" />
+              <WandSparkles className="mr-2 size-4" />
               {t('knowledgeDetails.generate')}
             </Button>
+          </div>
         </DropdownMenuTrigger>
         <DropdownMenuContent className="w-[380px] p-5 flex flex-col gap-2 ">
           {Object.values(GenerateType).map((name) => {

web/src/pages/dataset/dataset/index.tsx

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