Fix: Optimized the timeline component and parser editing features #9869 (#10268)

### What problem does this PR solve?

Fix: Optimized the timeline component and parser editing features #9869

- Introduced the TimelineNodeType type, restructured the timeline node
structure, and supported dynamic node generation
- Enhanced the FormatPreserveEditor component to support editing and
line wrapping of JSON-formatted content
- Added a rerun function and loading state to the parser and splitter
components
- Adjusted the timeline style and interaction logic to enhance the user
experience
- Improved the modal component and added a destroy method to support
more flexible control
- Optimized the chunk result display and operation logic, supporting
batch deletion and selection
### Type of change

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

web/src/pages/dataflow-result/components/chunk-result-bar/checkbox-sets.tsx

@@ -1,24 +1,17 @@
 import { Checkbox } from '@/components/ui/checkbox';
 import { Label } from '@/components/ui/label';
-import { Ban, CircleCheck, Trash2 } from 'lucide-react';
+import { Trash2 } from 'lucide-react';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 type ICheckboxSetProps = {
   selectAllChunk: (e: any) => void;
   removeChunk: (e?: any) => void;
-  switchChunk: (available: number) => void;
   checked: boolean;
   selectedChunkIds: string[];
 };
 export default (props: ICheckboxSetProps) => {
-  const {
-    selectAllChunk,
-    removeChunk,
-    switchChunk,
-    checked,
-    selectedChunkIds,
-  } = props;
+  const { selectAllChunk, removeChunk, checked, selectedChunkIds } = props;
   const { t } = useTranslation();
   const handleSelectAllCheck = useCallback(
     (e: any) => {
@@ -32,14 +25,6 @@ export default (props: ICheckboxSetProps) => {
     removeChunk();
   }, [removeChunk]);
 
-  const handleEnabledClick = useCallback(() => {
-    switchChunk(1);
-  }, [switchChunk]);
-
-  const handleDisabledClick = useCallback(() => {
-    switchChunk(0);
-  }, [switchChunk]);
-
   const isSelected = useMemo(() => {
     return selectedChunkIds?.length > 0;
   }, [selectedChunkIds]);
@@ -57,20 +42,6 @@ export default (props: ICheckboxSetProps) => {
       </div>
       {isSelected && (
         <>
-          <div
-            className="flex items-center cursor-pointer text-muted-foreground hover:text-text-primary"
-            onClick={handleEnabledClick}
-          >
-            <CircleCheck size={16} />
-            <span className="block ml-1">{t('chunk.enable')}</span>
-          </div>
-          <div
-            className="flex items-center cursor-pointer text-muted-foreground hover:text-text-primary"
-            onClick={handleDisabledClick}
-          >
-            <Ban size={16} />
-            <span className="block ml-1">{t('chunk.disable')}</span>
-          </div>
           <div
             className="flex items-center cursor-pointer text-red-400 hover:text-red-500"
             onClick={handleDeleteClick}