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/panel.tsx

@@ -10,7 +10,9 @@ import type { NodePanelProps } from '@/app/components/workflow/types'
 import Loading from '@/app/components/base/loading'
 import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
 import StructureOutputItem from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show'
-import { Type } from '../llm/types'
+import { useStore } from '@/app/components/workflow/store'
+import { wrapStructuredVarItem } from '@/app/components/workflow/utils/tool'
+import useMatchSchemaType, { getMatchedSchemaType } from '../_base/components/variable/use-match-schema-type'
 
 const i18nPrefix = 'workflow.nodes.tool'
 
@@ -19,7 +21,6 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
   data,
 }) => {
   const { t } = useTranslation()
-
   const {
     readOnly,
     inputs,
@@ -37,11 +38,16 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
   } = useConfig(id, data)
 
   const [collapsed, setCollapsed] = React.useState(false)
+  const pipelineId = useStore(s => s.pipelineId)
+  const setShowInputFieldPanel = useStore(s => s.setShowInputFieldPanel)
+  const { schemaTypeDefinitions } = useMatchSchemaType()
 
   if (isLoading) {
-    return <div className='flex h-[200px] items-center justify-center'>
-      <Loading />
-    </div>
+    return (
+      <div className='flex h-[200px] items-center justify-center'>
+        <Loading />
+      </div>
+    )
   }
 
   return (
@@ -61,6 +67,8 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
                 onChange={setInputVar}
                 currentProvider={currCollection}
                 currentTool={currTool}
+                showManageInputField={!!pipelineId}
+                onManageInputField={() => setShowInputFieldPanel?.(true)}
               />
             </Field>
           )}
@@ -111,30 +119,27 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
               description={t(`${i18nPrefix}.outputVars.json`)}
               isIndent={hasObjectOutput}
             />
-            {outputSchema.map(outputItem => (
-              <div key={outputItem.name}>
-                {outputItem.value?.type === 'object' ? (
-                  <StructureOutputItem
-                    rootClassName='code-sm-semibold text-text-secondary'
-                    payload={{
-                      schema: {
-                        type: Type.object,
-                        properties: {
-                          [outputItem.name]: outputItem.value,
-                        },
-                        additionalProperties: false,
-                      },
-                    }} />
-                ) : (
-                  <VarItem
-                    name={outputItem.name}
-                    type={outputItem.type.toLocaleLowerCase()}
-                    description={outputItem.description}
-                    isIndent={hasObjectOutput}
-                  />
-                )}
-              </div>
-            ))}
+            {outputSchema.map((outputItem) => {
+              const schemaType = getMatchedSchemaType(outputItem.value, schemaTypeDefinitions)
+              return (
+                <div key={outputItem.name}>
+                  {outputItem.value?.type === 'object' ? (
+                    <StructureOutputItem
+                      rootClassName='code-sm-semibold text-text-secondary'
+                      payload={wrapStructuredVarItem(outputItem, schemaType)}
+                    />
+                  ) : (
+                    <VarItem
+                      name={outputItem.name}
+                      // eslint-disable-next-line sonarjs/no-nested-template-literals
+                      type={`${outputItem.type.toLocaleLowerCase()}${schemaType ? ` (${schemaType})` : ''}`}
+                      description={outputItem.description}
+                      isIndent={hasObjectOutput}
+                    />
+                  )}
+                </div>
+              )
+            })}
           </>
         </OutputVars>
       </div>