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/workflow/nodes/tool/components/copy-id.tsx

@@ -26,7 +26,7 @@ const CopyFeedbackNew = ({ content }: Props) => {
   }, 100)
 
   return (
-    <div className='inline-flex pb-0.5' onClick={e => e.stopPropagation()} onMouseLeave={onMouseLeave}>
+    <div className='inline-flex w-full pb-0.5' onClick={e => e.stopPropagation()} onMouseLeave={onMouseLeave}>
       <Tooltip
         popupContent={
           (isCopied
@@ -35,13 +35,13 @@ const CopyFeedbackNew = ({ content }: Props) => {
         }
       >
         <div
-          className='group/copy flex items-center gap-0.5 '
+          className='group/copy flex w-full items-center gap-0.5 '
           onClick={onClickCopy}
         >
           <div
-            className='system-2xs-regular cursor-pointer text-text-quaternary group-hover:text-text-tertiary'
+            className='system-2xs-regular w-0 grow cursor-pointer truncate text-text-quaternary group-hover:text-text-tertiary'
           >{content}</div>
-          <RiFileCopyLine className='h-3 w-3 text-text-tertiary opacity-0 group-hover/copy:opacity-100' />
+          <RiFileCopyLine className='h-3 w-3 shrink-0 text-text-tertiary opacity-0 group-hover/copy:opacity-100' />
         </div>
       </Tooltip>
     </div>

web/app/components/workflow/nodes/tool/components/input-var-list.tsx

@@ -181,7 +181,7 @@ const InputVarList: FC<Props> = ({
 
           return (
             <div key={variable} className='space-y-1'>
-              <div className='flex h-[18px] items-center space-x-2'>
+              <div className='flex items-center space-x-2 leading-[18px]'>
                 <span className='code-sm-semibold text-text-secondary'>{label[language] || label.en_US}</span>
                 <span className='system-xs-regular text-text-tertiary'>{paramType(type)}</span>
                 {required && <span className='system-xs-regular text-util-colors-orange-dark-orange-dark-600'>Required</span>}

web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx

@@ -10,6 +10,7 @@ import type {
 } from '@/app/components/workflow/types'
 import { BlockEnum } from '@/app/components/workflow/types'
 import cn from '@/utils/classnames'
+import { useStore } from '@/app/components/workflow/store'
 
 type MixedVariableTextInputProps = {
   readOnly?: boolean
@@ -17,6 +18,8 @@ type MixedVariableTextInputProps = {
   availableNodes?: Node[]
   value?: string
   onChange?: (text: string) => void
+  showManageInputField?: boolean
+  onManageInputField?: () => void
 }
 const MixedVariableTextInput = ({
   readOnly = false,
@@ -24,10 +27,15 @@ const MixedVariableTextInput = ({
   availableNodes = [],
   value = '',
   onChange,
+  showManageInputField,
+  onManageInputField,
 }: MixedVariableTextInputProps) => {
   const { t } = useTranslation()
+  const controlPromptEditorRerenderKey = useStore(s => s.controlPromptEditorRerenderKey)
+
   return (
     <PromptEditor
+      key={controlPromptEditorRerenderKey}
       wrapperClassName={cn(
         'w-full rounded-lg border border-transparent bg-components-input-bg-normal px-2 py-1',
         'hover:border-components-input-border-hover hover:bg-components-input-bg-hover',
@@ -52,6 +60,8 @@ const MixedVariableTextInput = ({
           }
           return acc
         }, {} as any),
+        showManageInputField,
+        onManageInputField,
       }}
       placeholder={<Placeholder />}
       onChange={onChange}

web/app/components/workflow/nodes/tool/components/tool-form/index.tsx

@@ -16,6 +16,8 @@ type Props = {
   inPanel?: boolean
   currentTool?: Tool
   currentProvider?: ToolWithProvider
+  showManageInputField?: boolean
+  onManageInputField?: () => void
 }
 
 const ToolForm: FC<Props> = ({
@@ -27,6 +29,8 @@ const ToolForm: FC<Props> = ({
   inPanel,
   currentTool,
   currentProvider,
+  showManageInputField,
+  onManageInputField,
 }) => {
   return (
     <div className='space-y-1'>
@@ -42,6 +46,8 @@ const ToolForm: FC<Props> = ({
             inPanel={inPanel}
             currentTool={currentTool}
             currentProvider={currentProvider}
+            showManageInputField={showManageInputField}
+            onManageInputField={onManageInputField}
           />
         ))
       }

web/app/components/workflow/nodes/tool/components/tool-form/item.tsx

@@ -24,6 +24,8 @@ type Props = {
   inPanel?: boolean
   currentTool?: Tool
   currentProvider?: ToolWithProvider
+  showManageInputField?: boolean
+  onManageInputField?: () => void
 }
 
 const ToolFormItem: FC<Props> = ({
@@ -35,6 +37,8 @@ const ToolFormItem: FC<Props> = ({
   inPanel,
   currentTool,
   currentProvider,
+  showManageInputField,
+  onManageInputField,
 }) => {
   const language = useLanguage()
   const { name, label, type, required, tooltip, input_schema } = schema
@@ -89,6 +93,8 @@ const ToolFormItem: FC<Props> = ({
         inPanel={inPanel}
         currentTool={currentTool}
         currentProvider={currentProvider}
+        showManageInputField={showManageInputField}
+        onManageInputField={onManageInputField}
       />
 
       {isShowSchema && (