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/note-node/index.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next'
 import { useClickAway } from 'ahooks'
 import type { NodeProps } from 'reactflow'
 import NodeResizer from '../nodes/_base/components/node-resizer'
+import { useWorkflowHistoryStore } from '../workflow-history-store'
 import {
   useNodeDataUpdate,
   useNodesInteractions,
@@ -58,6 +59,8 @@ const NoteNode = ({
     handleNodeDataUpdateWithSyncDraft({ id, data: { selected: false } })
   }, ref)
 
+  const { setShortcutsEnabled } = useWorkflowHistoryStore()
+
   return (
     <div
       className={cn(
@@ -74,22 +77,27 @@ const NoteNode = ({
       <NoteEditorContextProvider
         key={controlPromptEditorRerenderKey}
         value={data.text}
+        editable={!data._isTempNode}
       >
         <>
-          <NodeResizer
-            nodeId={id}
-            nodeData={data}
-            icon={<Icon />}
-            minWidth={240}
-            minHeight={88}
-          />
+          {
+            !data._isTempNode && (
+              <NodeResizer
+                nodeId={id}
+                nodeData={data}
+                icon={<Icon />}
+                minWidth={240}
+                minHeight={88}
+              />
+            )
+          }
           <div
             className={cn(
               'h-2 shrink-0 rounded-t-md opacity-50',
               THEME_MAP[theme].title,
             )}></div>
           {
-            data.selected && (
+            data.selected && !data._isTempNode && (
               <div className='absolute left-1/2 top-[-41px] -translate-x-1/2'>
                 <NoteEditorToolbar
                   theme={theme}
@@ -111,6 +119,7 @@ const NoteNode = ({
                 containerElement={ref.current}
                 placeholder={t('workflow.nodes.note.editor.placeholder') || ''}
                 onChange={handleEditorChange}
+                setShortcutsEnabled={setShortcutsEnabled}
               />
             </div>
           </div>

web/app/components/workflow/note-node/note-editor/context.tsx

@@ -20,10 +20,12 @@ const NoteEditorContext = createContext<NoteEditorStore | null>(null)
 type NoteEditorContextProviderProps = {
   value: string
   children: React.JSX.Element | string | (React.JSX.Element | string)[]
+  editable?: boolean
 }
 export const NoteEditorContextProvider = memo(({
   value,
   children,
+  editable = true,
 }: NoteEditorContextProviderProps) => {
   const storeRef = useRef<NoteEditorStore | undefined>(undefined)
 
@@ -50,6 +52,7 @@ export const NoteEditorContextProvider = memo(({
       throw error
     },
     theme,
+    editable,
   }
 
   return (

web/app/components/workflow/note-node/note-editor/editor.tsx

@@ -13,7 +13,6 @@ import { ListPlugin } from '@lexical/react/LexicalListPlugin'
 import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'
 import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
-import { useWorkflowHistoryStore } from '../../workflow-history-store'
 import LinkEditorPlugin from './plugins/link-editor-plugin'
 import FormatDetectorPlugin from './plugins/format-detector-plugin'
 // import TreeView from '@/app/components/base/prompt-editor/plugins/tree-view'
@@ -23,26 +22,26 @@ type EditorProps = {
   placeholder?: string
   onChange?: (editorState: EditorState) => void
   containerElement: HTMLDivElement | null
+  setShortcutsEnabled?: (v: boolean) => void
 }
 const Editor = ({
   placeholder = 'write you note...',
   onChange,
   containerElement,
+  setShortcutsEnabled,
 }: EditorProps) => {
   const handleEditorChange = useCallback((editorState: EditorState) => {
     onChange?.(editorState)
   }, [onChange])
 
-  const { setShortcutsEnabled } = useWorkflowHistoryStore()
-
   return (
     <div className='relative'>
       <RichTextPlugin
         contentEditable={
           <div>
             <ContentEditable
-              onFocus={() => setShortcutsEnabled(false)}
-              onBlur={() => setShortcutsEnabled(true)}
+              onFocus={() => setShortcutsEnabled?.(false)}
+              onBlur={() => setShortcutsEnabled?.(true)}
               spellCheck={false}
               className='h-full w-full text-text-secondary caret-primary-600 outline-none'
             />