Fix: Optimized knowledge base file parsing and display #9869 (#10292)

### What problem does this PR solve?

Fix: Optimized knowledge base file parsing and display #9869

- Optimized the ChunkMethodDialog component logic and adjusted
FormSchema validation rules
- Updated the document information interface definition, adding
pipeline_id, pipeline_name, and suffix fields
- Refactored the ChunkResultBar component, removing filter-related logic
and simplifying the input box and chunk creation functionality
- Improved FormatPreserveEditor to support text mode switching
(full/omitted) display control
- Updated timeline node titles to more accurate semantic descriptions
(e.g., character splitters)
- Optimized the data flow result page structure and style, dynamically
adjusting height and content display
- Fixed the table sorting function on the dataset overview page and
enhanced the display of task type icons and status mapping.

### Type of change

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

web/src/pages/dataflow-result/components/parse-editer/index.tsx

@@ -2,8 +2,9 @@ import { Checkbox } from '@/components/ui/checkbox';
 import { Textarea } from '@/components/ui/textarea';
 import { cn } from '@/lib/utils';
 import { CheckedState } from '@radix-ui/react-checkbox';
-import { useState } from 'react';
-
+import { useEffect, useState } from 'react';
+import { ChunkTextMode } from '../../constant';
+import styles from '../../index.less';
 interface FormatPreserveEditorProps {
   initialValue: {
     key: string;
@@ -17,6 +18,7 @@ interface FormatPreserveEditorProps {
   isChunck?: boolean;
   handleCheckboxClick?: (id: string | number, checked: boolean) => void;
   selectedChunkIds?: string[];
+  textMode?: ChunkTextMode;
 }
 const FormatPreserveEditor = ({
   initialValue,
@@ -25,6 +27,7 @@ const FormatPreserveEditor = ({
   isChunck,
   handleCheckboxClick,
   selectedChunkIds,
+  textMode,
 }: FormatPreserveEditorProps) => {
   const [content, setContent] = useState(initialValue);
   // const [isEditing, setIsEditing] = useState(false);
@@ -32,6 +35,10 @@ const FormatPreserveEditor = ({
     undefined,
   );
   console.log('initialValue', initialValue);
+
+  useEffect(() => {
+    setContent(initialValue);
+  }, [initialValue]);
   const handleEdit = (e?: any, index?: number) => {
     console.log(e, index, content);
     if (content.key === 'json') {
@@ -143,7 +150,12 @@ const FormatPreserveEditor = ({
           )}
           {activeEditIndex !== index && (
             <div
-              className="text-text-secondary overflow-auto scrollbar-auto whitespace-pre-wrap"
+              className={cn(
+                'text-text-secondary overflow-auto scrollbar-auto whitespace-pre-wrap w-full',
+                {
+                  [styles.contentEllipsis]: textMode === ChunkTextMode.Ellipse,
+                },
+              )}
               key={index}
               onClick={(e) => {
                 handleEdit(e, index);