feat: add AddChunks icon and related components for knowledge base chunk structure

web/app/components/base/icons/assets/vender/knowledge/add-chunks.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0855 2.50411C10.5056 2.54689 10.8333 2.90198 10.8333 3.33337C10.8333 3.79361 10.4602 4.16671 10 4.16671H6.00017C5.51971 4.16671 5.20926 4.16776 4.97315 4.18705C4.74683 4.20555 4.66278 4.23686 4.62159 4.25785C4.46494 4.33771 4.33768 4.46498 4.25782 4.62162C4.23683 4.66282 4.20551 4.74687 4.18702 4.97319C4.16772 5.2093 4.16667 5.51975 4.16667 6.0002V13.9999C4.16667 14.4803 4.16772 14.7908 4.18702 15.0269C4.20551 15.2532 4.23684 15.3373 4.25782 15.3785C4.33771 15.5351 4.465 15.6624 4.62159 15.7422C4.66278 15.7632 4.74684 15.7945 4.97315 15.813C5.20926 15.8323 5.51971 15.8334 6.00017 15.8334H13.9998C14.4803 15.8334 14.7907 15.8323 15.0269 15.813C15.2532 15.7945 15.3372 15.7632 15.3784 15.7422C15.5351 15.6624 15.6624 15.5351 15.7422 15.3785C15.7632 15.3373 15.7945 15.2532 15.813 15.0269C15.8323 14.7908 15.8333 14.4803 15.8333 13.9999V10C15.8333 9.53981 16.2064 9.16671 16.6667 9.16671C17.1269 9.16671 17.5 9.53981 17.5 10V13.9999C17.5 14.4528 17.5009 14.8431 17.4748 15.1628C17.4478 15.4922 17.388 15.82 17.2274 16.1353C16.9878 16.6055 16.6054 16.9878 16.1353 17.2274C15.82 17.3881 15.4922 17.4479 15.1628 17.4748C14.843 17.5009 14.4528 17.5 13.9998 17.5H6.00017C5.54721 17.5 5.15697 17.5009 4.83724 17.4748C4.50786 17.4479 4.18 17.3881 3.86475 17.2274C3.39449 16.9878 3.01223 16.6054 2.77263 16.1353C2.61199 15.82 2.55216 15.4922 2.52523 15.1628C2.49911 14.8431 2.5 14.4528 2.5 13.9999V6.0002C2.5 5.54725 2.49911 5.15701 2.52523 4.83728C2.55216 4.5079 2.612 4.18003 2.77263 3.86479C3.01227 3.3946 3.39456 3.0123 3.86475 2.77266C4.18 2.61203 4.50786 2.55219 4.83724 2.52527C5.15697 2.49915 5.54721 2.50004 6.00017 2.50004H10L10.0855 2.50411Z" fill="#155AEF"/>
+<path d="M10.8333 12.5C11.2936 12.5 11.6667 12.8731 11.6667 13.3334C11.6667 13.7936 11.2936 14.1667 10.8333 14.1667H6.66667C6.20643 14.1667 5.83334 13.7936 5.83334 13.3334C5.83334 12.8731 6.20643 12.5 6.66667 12.5H10.8333Z" fill="#155AEF"/>
+<path d="M8.33334 9.16671C8.79357 9.16671 9.16667 9.5398 9.16667 10C9.16667 10.4603 8.79357 10.8334 8.33334 10.8334H6.66667C6.20643 10.8334 5.83334 10.4603 5.83334 10C5.83334 9.5398 6.20643 9.16671 6.66667 9.16671H8.33334Z" fill="#155AEF"/>
+<path d="M13.3333 9.16671C13.7936 9.16671 14.1667 9.5398 14.1667 10C14.1667 10.4603 13.7936 10.8334 13.3333 10.8334H10.8333C10.3731 10.8334 10 10.4603 10 10C10 9.5398 10.3731 9.16671 10.8333 9.16671H13.3333Z" fill="#155AEF"/>
+<path d="M10 5.83337C10.4602 5.83337 10.8333 6.20647 10.8333 6.66671C10.8333 7.12694 10.4602 7.50004 10 7.50004H6.66667C6.20643 7.50004 5.83334 7.12694 5.83334 6.66671C5.83334 6.20647 6.20643 5.83338 6.66667 5.83337H10Z" fill="#155AEF"/>
+<path d="M15.8333 0.833374C16.2936 0.833374 16.6667 1.20647 16.6667 1.66671V3.33337H18.3333C18.7936 3.33337 19.1667 3.70647 19.1667 4.16671C19.1667 4.62694 18.7936 5.00004 18.3333 5.00004H16.6667V6.66671C16.6667 7.12694 16.2936 7.50004 15.8333 7.50004C15.3731 7.50004 15 7.12694 15 6.66671V5.00004H13.3333C12.8731 5.00004 12.5 4.62694 12.5 4.16671C12.5 3.70647 12.8731 3.33338 13.3333 3.33337H15V1.66671C15 1.20647 15.3731 0.833376 15.8333 0.833374Z" fill="#155AEF"/>
+</svg>

web/app/components/base/icons/src/vender/knowledge/AddChunks.json

@@ -0,0 +1,71 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "20",
+			"height": "20",
+			"viewBox": "0 0 20 20",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M10.0855 2.50411C10.5056 2.54689 10.8333 2.90198 10.8333 3.33337C10.8333 3.79361 10.4602 4.16671 10 4.16671H6.00017C5.51971 4.16671 5.20926 4.16776 4.97315 4.18705C4.74683 4.20555 4.66278 4.23686 4.62159 4.25785C4.46494 4.33771 4.33768 4.46498 4.25782 4.62162C4.23683 4.66282 4.20551 4.74687 4.18702 4.97319C4.16772 5.2093 4.16667 5.51975 4.16667 6.0002V13.9999C4.16667 14.4803 4.16772 14.7908 4.18702 15.0269C4.20551 15.2532 4.23684 15.3373 4.25782 15.3785C4.33771 15.5351 4.465 15.6624 4.62159 15.7422C4.66278 15.7632 4.74684 15.7945 4.97315 15.813C5.20926 15.8323 5.51971 15.8334 6.00017 15.8334H13.9998C14.4803 15.8334 14.7907 15.8323 15.0269 15.813C15.2532 15.7945 15.3372 15.7632 15.3784 15.7422C15.5351 15.6624 15.6624 15.5351 15.7422 15.3785C15.7632 15.3373 15.7945 15.2532 15.813 15.0269C15.8323 14.7908 15.8333 14.4803 15.8333 13.9999V10C15.8333 9.53981 16.2064 9.16671 16.6667 9.16671C17.1269 9.16671 17.5 9.53981 17.5 10V13.9999C17.5 14.4528 17.5009 14.8431 17.4748 15.1628C17.4478 15.4922 17.388 15.82 17.2274 16.1353C16.9878 16.6055 16.6054 16.9878 16.1353 17.2274C15.82 17.3881 15.4922 17.4479 15.1628 17.4748C14.843 17.5009 14.4528 17.5 13.9998 17.5H6.00017C5.54721 17.5 5.15697 17.5009 4.83724 17.4748C4.50786 17.4479 4.18 17.3881 3.86475 17.2274C3.39449 16.9878 3.01223 16.6054 2.77263 16.1353C2.61199 15.82 2.55216 15.4922 2.52523 15.1628C2.49911 14.8431 2.5 14.4528 2.5 13.9999V6.0002C2.5 5.54725 2.49911 5.15701 2.52523 4.83728C2.55216 4.5079 2.612 4.18003 2.77263 3.86479C3.01227 3.3946 3.39456 3.0123 3.86475 2.77266C4.18 2.61203 4.50786 2.55219 4.83724 2.52527C5.15697 2.49915 5.54721 2.50004 6.00017 2.50004H10L10.0855 2.50411Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M10.8333 12.5C11.2936 12.5 11.6667 12.8731 11.6667 13.3334C11.6667 13.7936 11.2936 14.1667 10.8333 14.1667H6.66667C6.20643 14.1667 5.83334 13.7936 5.83334 13.3334C5.83334 12.8731 6.20643 12.5 6.66667 12.5H10.8333Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8.33334 9.16671C8.79357 9.16671 9.16667 9.5398 9.16667 10C9.16667 10.4603 8.79357 10.8334 8.33334 10.8334H6.66667C6.20643 10.8334 5.83334 10.4603 5.83334 10C5.83334 9.5398 6.20643 9.16671 6.66667 9.16671H8.33334Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M13.3333 9.16671C13.7936 9.16671 14.1667 9.5398 14.1667 10C14.1667 10.4603 13.7936 10.8334 13.3333 10.8334H10.8333C10.3731 10.8334 10 10.4603 10 10C10 9.5398 10.3731 9.16671 10.8333 9.16671H13.3333Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M10 5.83337C10.4602 5.83337 10.8333 6.20647 10.8333 6.66671C10.8333 7.12694 10.4602 7.50004 10 7.50004H6.66667C6.20643 7.50004 5.83334 7.12694 5.83334 6.66671C5.83334 6.20647 6.20643 5.83338 6.66667 5.83337H10Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M15.8333 0.833374C16.2936 0.833374 16.6667 1.20647 16.6667 1.66671V3.33337H18.3333C18.7936 3.33337 19.1667 3.70647 19.1667 4.16671C19.1667 4.62694 18.7936 5.00004 18.3333 5.00004H16.6667V6.66671C16.6667 7.12694 16.2936 7.50004 15.8333 7.50004C15.3731 7.50004 15 7.12694 15 6.66671V5.00004H13.3333C12.8731 5.00004 12.5 4.62694 12.5 4.16671C12.5 3.70647 12.8731 3.33338 13.3333 3.33337H15V1.66671C15 1.20647 15.3731 0.833376 15.8333 0.833374Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "AddChunks"
+}

web/app/components/base/icons/src/vender/knowledge/AddChunks.tsx

@@ -0,0 +1,20 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './AddChunks.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = (
+  {
+    ref,
+    ...props
+  }: React.SVGProps<SVGSVGElement> & {
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
+
+Icon.displayName = 'AddChunks'
+
+export default Icon

web/app/components/base/icons/src/vender/knowledge/index.ts

@@ -1,3 +1,4 @@
+export { default as AddChunks } from './AddChunks'
 export { default as ArrowShape } from './ArrowShape'
 export { default as Chunk } from './Chunk'
 export { default as Collapse } from './Collapse'

web/app/components/datasets/documents/detail/completed/common/empty.tsx

@@ -22,13 +22,13 @@ const Line = React.memo(({
   className,
 }: LineProps) => {
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="2" height="241" viewBox="0 0 2 241" fill="none" className={className}>
-      <path d="M1 0.5L1 240.5" stroke="url(#paint0_linear_1989_74474)"/>
+    <svg xmlns='http://www.w3.org/2000/svg' width='2' height='241' viewBox='0 0 2 241' fill='none' className={className}>
+      <path d='M1 0.5L1 240.5' stroke='url(#paint0_linear_1989_74474)' />
       <defs>
-        <linearGradient id="paint0_linear_1989_74474" x1="-7.99584" y1="240.5" x2="-7.88094" y2="0.50004" gradientUnits="userSpaceOnUse">
-          <stop stopColor="white" stopOpacity="0.01"/>
-          <stop offset="0.503965" stopColor="#101828" stopOpacity="0.08"/>
-          <stop offset="1" stopColor="white" stopOpacity="0.01"/>
+        <linearGradient id='paint0_linear_1989_74474' x1='-7.99584' y1='240.5' x2='-7.88094' y2='0.50004' gradientUnits='userSpaceOnUse'>
+          <stop stopColor='white' stopOpacity='0.01' />
+          <stop offset='0.503965' stopColor='#101828' stopOpacity='0.08' />
+          <stop offset='1' stopColor='white' stopOpacity='0.01' />
         </linearGradient>
       </defs>
     </svg>
@@ -47,8 +47,8 @@ const Empty: FC<IEmptyProps> = ({
       <div className='flex flex-col items-center'>
         <div className='relative z-10 flex h-14 w-14 items-center justify-center rounded-xl border border-divider-subtle bg-components-card-bg shadow-lg shadow-shadow-shadow-5'>
           <RiFileList2Line className='h-6 w-6 text-text-secondary' />
-          <Line className='absolute -right-[1px] top-1/2 -translate-y-1/2' />
-          <Line className='absolute -left-[1px] top-1/2 -translate-y-1/2' />
+          <Line className='absolute -right-px top-1/2 -translate-y-1/2' />
+          <Line className='absolute -left-px top-1/2 -translate-y-1/2' />
           <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' />
           <Line className='absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90' />
         </div>

web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/index.tsx

@@ -7,6 +7,7 @@ import OptionCard from '../option-card'
 import Selector from './selector'
 import { useChunkStructure } from './hooks'
 import Button from '@/app/components/base/button'
+import Instruction from './instruction'
 
 type ChunkStructureProps = {
   chunkStructure?: ChunkStructureEnum
@@ -51,20 +52,23 @@ const ChunkStructure = ({
       }
       {
         !chunkStructure && (
-          <Selector
-            options={options}
-            onChange={onChunkStructureChange}
-            readonly={readonly}
-            trigger={(
-              <Button
-                className='w-full'
-                variant='secondary-accent'
-              >
-                <RiAddLine className='mr-1 h-4 w-4' />
-                {t('workflow.nodes.knowledgeBase.chooseChunkStructure')}
-              </Button>
-            )}
-          />
+          <>
+            <Selector
+              options={options}
+              onChange={onChunkStructureChange}
+              readonly={readonly}
+              trigger={(
+                <Button
+                  className='w-full'
+                  variant='secondary-accent'
+                >
+                  <RiAddLine className='mr-1 h-4 w-4' />
+                  {t('workflow.nodes.knowledgeBase.chooseChunkStructure')}
+                </Button>
+              )}
+            />
+            <Instruction className='mt-2' />
+          </>
         )
       }
     </Field>

web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/index.tsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import { AddChunks } from '@/app/components/base/icons/src/vender/knowledge'
+import Line from './line'
+import cn from '@/utils/classnames'
+import { useTranslation } from 'react-i18next'
+import { useDocLink } from '@/context/i18n'
+
+type InstructionProps = {
+  className?: string
+}
+
+const Instruction = ({
+  className,
+}: InstructionProps) => {
+  const { t } = useTranslation()
+  const docLink = useDocLink()
+
+  return (
+    <div className={cn('flex flex-col gap-y-2 overflow-hidden rounded-[10px] bg-workflow-process-bg p-4', className)}>
+      <div className='relative flex size-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg backdrop-blur-[5px]'>
+        <AddChunks className='size-5 text-text-accent' />
+        <Line className='absolute -left-px bottom-[-76px]' type='vertical' />
+        <Line className='absolute -right-px bottom-[-76px]' type='vertical' />
+        <Line className='absolute -top-px right-[-184px]' type='horizontal' />
+        <Line className='absolute -bottom-px right-[-184px]' type='horizontal' />
+      </div>
+      <div className='flex flex-col gap-y-1'>
+        <div className='system-sm-medium text-text-secondary'>
+          {t('workflow.nodes.knowledgeBase.chunkStructureTip.title')}
+        </div>
+        <div className='system-xs-regular'>
+          <p className='text-text-tertiary'>{t('workflow.nodes.knowledgeBase.chunkStructureTip.message')}</p>
+          <a
+            href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents/chunking-and-cleaning-text')}
+            target='_blank'
+            rel='noopener noreferrer'
+            className='text-text-accent'
+          >
+            {t('workflow.nodes.knowledgeBase.chunkStructureTip.learnMore')}
+          </a>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default React.memo(Instruction)

web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/line.tsx

@@ -0,0 +1,41 @@
+import React from 'react'
+
+type LineProps = {
+  type?: 'vertical' | 'horizontal'
+  className?: string
+}
+
+const Line = ({
+  type = 'vertical',
+  className,
+}: LineProps) => {
+  if (type === 'vertical') {
+    return (
+      <svg xmlns='http://www.w3.org/2000/svg' width='2' height='132' viewBox='0 0 2 132' fill='none' className={className}>
+        <path d='M1 0L1 132' stroke='url(#paint0_linear_10882_18766)' />
+        <defs>
+          <linearGradient id='paint0_linear_10882_18766' x1='-7.99584' y1='132' x2='-7.96108' y2='6.4974e-07' gradientUnits='userSpaceOnUse'>
+            <stop stopColor='var(--color-background-gradient-mask-transparent)' />
+            <stop offset='0.877606' stopColor='var(--color-divider-subtle)' />
+            <stop offset='1' stopColor='var(--color-background-gradient-mask-transparent)' />
+          </linearGradient>
+        </defs>
+      </svg>
+    )
+  }
+
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='240' height='2' viewBox='0 0 240 2' fill='none' className={className}>
+      <path d='M0 1H240' stroke='url(#paint0_linear_10882_18763)' />
+      <defs>
+        <linearGradient id='paint0_linear_10882_18763' x1='240' y1='9.99584' x2='3.95539e-05' y2='9.88094' gradientUnits='userSpaceOnUse'>
+          <stop stopColor='var(--color-background-gradient-mask-transparent)' />
+          <stop offset='0.9031' stopColor='var(--color-divider-subtle)' />
+          <stop offset='1' stopColor='var(--color-background-gradient-mask-transparent)' />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default React.memo(Line)

web/app/components/workflow/nodes/knowledge-base/panel.tsx

@@ -47,7 +47,7 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
   } = useConfig(id)
 
   const filterVar = useCallback((variable: Var) => {
-    if(!data.chunk_structure) return false
+    if (!data.chunk_structure) return false
     switch (data.chunk_structure) {
       case ChunkStructureEnum.general:
         return variable.schemaType === 'general_structure'
@@ -55,37 +55,16 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
         return variable.schemaType === 'parent_child_structure'
       case ChunkStructureEnum.question_answer:
         return variable.schemaType === 'qa_structure'
+      default:
+        return false
     }
-    return false
   }, [data.chunk_structure])
 
   return (
     <div>
-      <BoxGroupField
-        boxGroupProps={{
-          boxProps: { withBorderBottom: true },
-        }}
-        fieldProps={{
-          fieldTitleProps: {
-            title: t('workflow.nodes.common.inputVars'),
-          },
-        }}
-      >
-        <VarReferencePicker
-          nodeId={id}
-          isShowNodeName
-          value={data.index_chunk_variable_selector}
-          onChange={handleInputVariableChange}
-          readonly={nodesReadOnly}
-          filterVar={filterVar}
-          isFilterFileVar
-          isSupportFileVar={false}
-          preferSchemaType
-        />
-      </BoxGroupField>
       <Group
         className='py-3'
-        withBorderBottom
+        withBorderBottom={!!data.chunk_structure}
       >
         <ChunkStructure
           chunkStructure={data.chunk_structure}
@@ -93,11 +72,33 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
           readonly={nodesReadOnly}
         />
       </Group>
-      <BoxGroup>
-        <div className='space-y-3'>
-          {
-            data.chunk_structure && (
-              <>
+      {
+        data.chunk_structure && (
+          <>
+            <BoxGroupField
+              boxGroupProps={{
+                boxProps: { withBorderBottom: true },
+              }}
+              fieldProps={{
+                fieldTitleProps: {
+                  title: t('workflow.nodes.common.inputVars'),
+                },
+              }}
+            >
+              <VarReferencePicker
+                nodeId={id}
+                isShowNodeName
+                value={data.index_chunk_variable_selector}
+                onChange={handleInputVariableChange}
+                readonly={nodesReadOnly}
+                filterVar={filterVar}
+                isFilterFileVar
+                isSupportFileVar={false}
+                preferSchemaType
+              />
+            </BoxGroupField>
+            <BoxGroup>
+              <div className='space-y-3'>
                 <IndexMethod
                   chunkStructure={data.chunk_structure}
                   indexMethod={data.indexing_technique}
@@ -119,29 +120,29 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
                 <div className='pt-1'>
                   <Split className='h-[1px]' />
                 </div>
-              </>
-            )
-          }
-          <RetrievalSetting
-            indexMethod={data.indexing_technique}
-            searchMethod={data.retrieval_model.search_method}
-            onRetrievalSearchMethodChange={handleRetrievalSearchMethodChange}
-            hybridSearchMode={data.retrieval_model.hybridSearchMode}
-            onHybridSearchModeChange={handleHybridSearchModeChange}
-            weightedScore={data.retrieval_model.weights}
-            onWeightedScoreChange={handleWeighedScoreChange}
-            rerankingModel={data.retrieval_model.reranking_model}
-            onRerankingModelChange={handleRerankingModelChange}
-            topK={data.retrieval_model.top_k}
-            onTopKChange={handleTopKChange}
-            scoreThreshold={data.retrieval_model.score_threshold}
-            onScoreThresholdChange={handleScoreThresholdChange}
-            isScoreThresholdEnabled={data.retrieval_model.score_threshold_enabled}
-            onScoreThresholdEnabledChange={handleScoreThresholdEnabledChange}
-            readonly={nodesReadOnly}
-          />
-        </div>
-      </BoxGroup>
+                <RetrievalSetting
+                  indexMethod={data.indexing_technique}
+                  searchMethod={data.retrieval_model.search_method}
+                  onRetrievalSearchMethodChange={handleRetrievalSearchMethodChange}
+                  hybridSearchMode={data.retrieval_model.hybridSearchMode}
+                  onHybridSearchModeChange={handleHybridSearchModeChange}
+                  weightedScore={data.retrieval_model.weights}
+                  onWeightedScoreChange={handleWeighedScoreChange}
+                  rerankingModel={data.retrieval_model.reranking_model}
+                  onRerankingModelChange={handleRerankingModelChange}
+                  topK={data.retrieval_model.top_k}
+                  onTopKChange={handleTopKChange}
+                  scoreThreshold={data.retrieval_model.score_threshold}
+                  onScoreThresholdChange={handleScoreThresholdChange}
+                  isScoreThresholdEnabled={data.retrieval_model.score_threshold_enabled}
+                  onScoreThresholdEnabledChange={handleScoreThresholdEnabledChange}
+                  readonly={nodesReadOnly}
+                />
+              </div>
+            </BoxGroup>
+          </>
+        )
+      }
     </div>
   )
 }

web/i18n/en-US/workflow.ts

@@ -934,6 +934,11 @@ const translation = {
     knowledgeBase: {
       chunkStructure: 'Chunk Structure',
       chooseChunkStructure: 'Choose a chunk structure',
+      chunkStructureTip: {
+        title: 'Please choose a chunk structure',
+        message: 'After configuring chunk structure, this node will automatically load the remaining configurations.',
+        learnMore: 'Learn more',
+      },
       changeChunkStructure: 'Change Chunk Structure',
       aboutRetrieval: 'about retrieval method.',
       chunkIsRequired: 'Chunk structure is required',

web/i18n/zh-Hans/workflow.ts

@@ -933,6 +933,11 @@ const translation = {
     knowledgeBase: {
       chunkStructure: '分段结构',
       chooseChunkStructure: '选择分段结构',
+      chunkStructureTip: {
+        title: '请选择分段结构',
+        message: '配置完成分段结构后，将自动加载剩余配置。',
+        learnMore: '了解更多',
+      },
       changeChunkStructure: '更改分段结构',
       aboutRetrieval: '关于知识检索。',
       chunkIsRequired: '分段结构是必需的',