node meta data

web/app/components/workflow/hooks/use-nodes-meta-data.ts

@@ -1,6 +1,12 @@
 import { useMemo } from 'react'
 import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store'
 import { useHooksStore } from '@/app/components/workflow/hooks-store'
+import { BlockEnum } from '@/app/components/workflow/types'
+import type { Node } from '@/app/components/workflow/types'
+import { CollectionType } from '@/app/components/tools/types'
+import { useStore } from '@/app/components/workflow/store'
+import { canFindTool } from '@/utils'
+import { useGetLanguage } from '@/context/i18n'
 
 export const useNodesMetaData = () => {
   const availableNodesMetaData = useHooksStore(s => s.availableNodesMetaData)
@@ -12,3 +18,48 @@ export const useNodesMetaData = () => {
     } as AvailableNodesMetaData
   }, [availableNodesMetaData])
 }
+
+export const useNodeMetaData = (node: Node) => {
+  const language = useGetLanguage()
+  const buildInTools = useStore(s => s.buildInTools)
+  const customTools = useStore(s => s.customTools)
+  const workflowTools = useStore(s => s.workflowTools)
+  const dataSourceList = useStore(s => s.dataSourceList)
+  const availableNodesMetaData = useNodesMetaData()
+  const { data } = node
+  const nodeMetaData = availableNodesMetaData.nodesMap?.[data.type]
+  const author = useMemo(() => {
+    if (data.type === BlockEnum.DataSource)
+      return dataSourceList?.find(dataSource => dataSource.id === data.provider_id)?.author
+
+    if (data.type === BlockEnum.Tool) {
+      if (data.provider_type === CollectionType.builtIn)
+        return buildInTools.find(toolWithProvider => canFindTool(toolWithProvider.id, data.provider_id))?.author
+      if (data.provider_type === CollectionType.workflow)
+        return workflowTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.author
+      return customTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.author
+    }
+    return nodeMetaData?.metaData.author
+  }, [data, buildInTools, customTools, workflowTools, nodeMetaData, dataSourceList])
+
+  const description = useMemo(() => {
+    if (data.type === BlockEnum.DataSource)
+      return dataSourceList?.find(dataSource => dataSource.id === data.provider_id)?.description[language]
+    if (data.type === BlockEnum.Tool) {
+      if (data.provider_type === CollectionType.builtIn)
+        return buildInTools.find(toolWithProvider => canFindTool(toolWithProvider.id, data.provider_id))?.description[language]
+      if (data.provider_type === CollectionType.workflow)
+        return workflowTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.description[language]
+      return customTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.description[language]
+    }
+    return nodeMetaData?.metaData.description
+  }, [data, buildInTools, customTools, workflowTools, nodeMetaData, dataSourceList, language])
+
+  return useMemo(() => {
+    return {
+      ...nodeMetaData?.metaData,
+      author,
+      description,
+    }
+  }, [author, nodeMetaData, description])
+}

web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx

@@ -31,7 +31,6 @@ const PanelOperator = ({
     crossAxis: 53,
   },
   onOpenChange,
-  inNode,
   showHelpLink = true,
 }: PanelOperatorProps) => {
   const [open, setOpen] = useState(false)

web/app/components/workflow/nodes/_base/components/panel-operator/panel-operator-popup.tsx

@@ -1,28 +1,22 @@
 import {
   memo,
-  useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useEdges } from 'reactflow'
-import { useNodeHelpLink } from '../../hooks/use-node-help-link'
 import ChangeBlock from './change-block'
 import {
   canRunBySingle,
 } from '@/app/components/workflow/utils'
-import { useStore } from '@/app/components/workflow/store'
 import {
   useNodeDataUpdate,
+  useNodeMetaData,
   useNodesInteractions,
-  useNodesMetaData,
   useNodesReadOnly,
   useNodesSyncDraft,
 } from '@/app/components/workflow/hooks'
 import ShortcutsName from '@/app/components/workflow/shortcuts-name'
 import type { Node } from '@/app/components/workflow/types'
 import { BlockEnum } from '@/app/components/workflow/types'
-import { useGetLanguage } from '@/context/i18n'
-import { CollectionType } from '@/app/components/tools/types'
-import { canFindTool } from '@/utils'
 
 type PanelOperatorPopupProps = {
   id: string
@@ -37,7 +31,6 @@ const PanelOperatorPopup = ({
   showHelpLink,
 }: PanelOperatorPopupProps) => {
   const { t } = useTranslation()
-  const language = useGetLanguage()
   const edges = useEdges()
   const {
     handleNodeDelete,
@@ -48,41 +41,10 @@ const PanelOperatorPopup = ({
   const { handleNodeDataUpdate } = useNodeDataUpdate()
   const { handleSyncWorkflowDraft } = useNodesSyncDraft()
   const { nodesReadOnly } = useNodesReadOnly()
-  const { nodesMap: nodesExtraData } = useNodesMetaData()
-  const buildInTools = useStore(s => s.buildInTools)
-  const customTools = useStore(s => s.customTools)
-  const workflowTools = useStore(s => s.workflowTools)
   const edge = edges.find(edge => edge.target === id)
-  const author = useMemo(() => {
-    if (data.type !== BlockEnum.Tool)
-      return nodesExtraData![data.type].metaData.author
-
-    if (data.provider_type === CollectionType.builtIn)
-      return buildInTools.find(toolWithProvider => canFindTool(toolWithProvider.id, data.provider_id))?.author
-
-    if (data.provider_type === CollectionType.workflow)
-      return workflowTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.author
-
-    return customTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.author
-  }, [data, nodesExtraData, buildInTools, customTools, workflowTools])
-
-  const about = useMemo(() => {
-    if (data.type !== BlockEnum.Tool)
-      return nodesExtraData![data.type].metaData.description
-
-    if (data.provider_type === CollectionType.builtIn)
-      return buildInTools.find(toolWithProvider => canFindTool(toolWithProvider.id, data.provider_id))?.description[language]
-
-    if (data.provider_type === CollectionType.workflow)
-      return workflowTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.description[language]
-
-    return customTools.find(toolWithProvider => toolWithProvider.id === data.provider_id)?.description[language]
-  }, [data, nodesExtraData, language, buildInTools, customTools, workflowTools])
+  const nodeMetaData = useNodeMetaData({ id, data } as Node)
 
   const showChangeBlock = data.type !== BlockEnum.Start && !nodesReadOnly && data.type !== BlockEnum.Iteration && data.type !== BlockEnum.Loop
-
-  const link = useNodeHelpLink(data.type)
-
   return (
     <div className='w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'>
       {
@@ -147,28 +109,34 @@ const PanelOperatorPopup = ({
               </div>
             </div>
             <div className='h-[1px] bg-divider-regular'></div>
-            <div className='p-1'>
-              <div
-                className={`
-                flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary
-                hover:bg-state-destructive-hover hover:text-red-500
-                `}
-                onClick={() => handleNodeDelete(id)}
-              >
-                {t('common.operation.delete')}
-                <ShortcutsName keys={['del']} />
-              </div>
-            </div>
-            <div className='h-[1px] bg-divider-regular'></div>
+            {
+              !nodeMetaData.isUndeletable && (
+                <>
+                  <div className='p-1'>
+                    <div
+                      className={`
+                      flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary
+                      hover:bg-state-destructive-hover hover:text-red-500
+                      `}
+                      onClick={() => handleNodeDelete(id)}
+                    >
+                      {t('common.operation.delete')}
+                      <ShortcutsName keys={['del']} />
+                    </div>
+                  </div>
+                  <div className='h-[1px] bg-divider-regular'></div>
+                </>
+              )
+            }
           </>
         )
       }
       {
-        showHelpLink && link && (
+        showHelpLink && nodeMetaData.helpLinkUri && (
           <>
             <div className='p-1'>
               <a
-                href={link}
+                href={nodeMetaData.helpLinkUri}
                 target='_blank'
                 className='flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
               >
@@ -184,9 +152,9 @@ const PanelOperatorPopup = ({
           <div className='mb-1 flex h-[22px] items-center font-medium'>
             {t('workflow.panel.about').toLocaleUpperCase()}
           </div>
-          <div className='mb-1 leading-[18px] text-text-secondary'>{about}</div>
+          <div className='mb-1 leading-[18px] text-text-secondary'>{nodeMetaData.description}</div>
           <div className='leading-[18px]'>
-            {t('workflow.panel.createdBy')} {author}
+            {t('workflow.panel.createdBy')} {nodeMetaData.author}
           </div>
         </div>
       </div>

web/app/components/workflow/nodes/knowledge-base/components/embedding-model.tsx

@@ -1,5 +1,7 @@
 import {
   memo,
+  useCallback,
+  useEffect,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -26,6 +28,7 @@ const EmbeddingModel = ({
 }: EmbeddingModelProps) => {
   const { t } = useTranslation()
   const {
+    defaultModel,
     modelList: embeddingModelList,
   } = useModelListAndDefaultModel(ModelTypeEnum.textEmbedding)
   const embeddingModelConfig = useMemo(() => {
@@ -38,12 +41,21 @@ const EmbeddingModel = ({
     }
   }, [embeddingModel, embeddingModelProvider])
 
-  const handleRerankingModelChange = (model: DefaultModel) => {
+  const handleEmbeddingModelChange = useCallback((model: DefaultModel) => {
     onEmbeddingModelChange?.({
       embeddingModelProvider: model.provider,
       embeddingModel: model.model,
     })
-  }
+  }, [onEmbeddingModelChange])
+
+  useEffect(() => {
+    if (!embeddingModelConfig && defaultModel) {
+      handleEmbeddingModelChange({
+        provider: defaultModel.provider.provider,
+        model: defaultModel.model,
+      })
+    }
+  }, [embeddingModelConfig, defaultModel, handleEmbeddingModelChange])
 
   return (
     <Field
@@ -54,7 +66,7 @@ const EmbeddingModel = ({
       <ModelSelector
         defaultModel={embeddingModelConfig && { provider: embeddingModelConfig.providerName, model: embeddingModelConfig.modelName }}
         modelList={embeddingModelList}
-        onSelect={handleRerankingModelChange}
+        onSelect={handleEmbeddingModelChange}
         readonly={readonly}
       />
     </Field>