feat: knowledge pipeline (#25360)

Signed-off-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
Co-authored-by: jyong <718720800@qq.com>
Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com>
Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com>
Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com>
Co-authored-by: quicksand <quicksandzn@gmail.com>
Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com>
Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: Hanqing Zhao <sherry9277@gmail.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: Harry <xh001x@hotmail.com>

web/app/components/base/radio/ui.tsx

@@ -5,22 +5,33 @@ import cn from '@/utils/classnames'
 
 type Props = {
   isChecked: boolean
+  disabled?: boolean
+  onCheck?: (event: React.MouseEvent<HTMLDivElement>) => void
   className?: string
 }
 
 const RadioUI: FC<Props> = ({
   isChecked,
+  disabled = false,
+  onCheck,
   className,
 }) => {
   return (
     <div
       className={cn(
-        isChecked ? 'border-[5px] border-components-radio-border-checked' : 'border-[2px] border-components-radio-border',
-        'h-4 w-4  rounded-full',
+        'size-4 rounded-full',
+        isChecked && !disabled && 'border-[5px] border-components-radio-border-checked hover:border-components-radio-border-checked-hover',
+        !isChecked && !disabled && 'border border-components-radio-border hover:border-components-radio-border-hover',
+        isChecked && disabled && 'border-[5px] border-components-radio-border-checked-disabled',
+        !isChecked && disabled && 'border border-components-radio-border-disabled bg-components-radio-bg-disabled',
+        !disabled && 'bg-components-radio-bg shadow-xs shadow-shadow-shadow-3 hover:bg-components-radio-bg-hover',
         className,
       )}
-    >
-    </div>
+      onClick={(event) => {
+        if (disabled) return
+        onCheck?.(event)
+      }}
+    />
   )
 }
 export default React.memo(RadioUI)