Fix：Optimize Agent template page, fix bugs in knowledge base (#9009)

### What problem does this PR solve?

Replace Avatar with RAGFlowAvatar component for knowledge base and
agent, optimize Agent template page, and modify bugs in knowledge base
#3221

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/dataset/dataset/parsing-status-cell.tsx

@@ -6,6 +6,11 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@/components/ui/hover-card';
 import { Progress } from '@/components/ui/progress';
 import { Separator } from '@/components/ui/separator';
 import { IDocumentInfo } from '@/interfaces/database/document';
@@ -13,12 +18,11 @@ import { CircleX, Play, RefreshCw } from 'lucide-react';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { RunningStatus } from './constant';
-import { ParsingCard } from './parsing-card';
+import { ParsingCard, PopoverContent } from './parsing-card';
 import { UseChangeDocumentParserShowType } from './use-change-document-parser';
 import { useHandleRunDocumentByIds } from './use-run-document';
 import { UseSaveMetaShowType } from './use-save-meta';
 import { isParserRunning } from './utils';
-
 const IconMap = {
   [RunningStatus.UNSTART]: <Play />,
   [RunningStatus.RUNNING]: <CircleX />,
@@ -94,10 +98,17 @@ export function ParsingStatusCell({
         </Button>
       </ConfirmDeleteDialog>
       {isParserRunning(run) ? (
-        <div className="flex items-center gap-1">
-          <Progress value={p} className="h-1 flex-1 min-w-10" />
-          {p}%
-        </div>
+        <HoverCard>
+          <HoverCardTrigger asChild>
+            <div className="flex items-center gap-1">
+              <Progress value={p} className="h-1 flex-1 min-w-10" />
+              {p}%
+            </div>
+          </HoverCardTrigger>
+          <HoverCardContent className="w-[40vw]">
+            <PopoverContent record={record}></PopoverContent>
+          </HoverCardContent>
+        </HoverCard>
       ) : (
         <ParsingCard record={record}></ParsingCard>
       )}

web/src/pages/dataset/setting/hooks.ts

@@ -71,9 +71,13 @@ export const useFetchKnowledgeConfigurationOnMount = (
       knowledgeDetails.avatar,
     );
 
-    console.log('🚀 ~ useEffect ~ fileList:', fileList);
-    form.reset({
-      ...pick(knowledgeDetails, [
+    console.log('🚀 ~ useEffect ~ fileList:', fileList, knowledgeDetails);
+    const parser_config = {
+      ...form.formState?.defaultValues?.parser_config,
+      ...knowledgeDetails.parser_config,
+    };
+    const formValues = {
+      ...pick({ ...knowledgeDetails, parser_config: parser_config }, [
         'description',
         'name',
         'permission',
@@ -83,6 +87,9 @@ export const useFetchKnowledgeConfigurationOnMount = (
         'parser_config',
         'pagerank',
       ]),
+    };
+    form.reset({
+      ...formValues,
       avatar: fileList,
     });
   }, [form, knowledgeDetails]);

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

@@ -54,10 +54,6 @@ export default function DatasetSettings() {
         topn_tags: 3,
         raptor: {
           use_raptor: false,
-          max_token: 256,
-          threshold: 0.1,
-          max_cluster: 64,
-          random_seed: 0,
         },
         graphrag: {
           use_graphrag: false,