Merge branch 'main' into feat/trigger

web/app/components/workflow/block-selector/market-place-plugin/list.tsx

@@ -12,7 +12,7 @@ import { noop } from 'lodash-es'
 import { getMarketplaceUrl } from '@/utils/var'
 
 export type ListProps = {
-  wrapElemRef: React.RefObject<HTMLElement>
+  wrapElemRef: React.RefObject<HTMLElement | null>
   list: Plugin[]
   searchText: string
   tags: string[]

web/app/components/workflow/block-selector/tool-picker.tsx

@@ -178,6 +178,7 @@ const ToolPicker: FC<Props> = ({
             mcpTools={mcpTools || []}
             selectedTools={selectedTools}
             canChooseMCPTool={canChooseMCPTool}
+            onTagsChange={setTags}
           />
         </div>
       </PortalToFollowElemContent>

web/app/components/workflow/block-selector/tool/tool-list-tree-view/item.tsx

@@ -39,7 +39,6 @@ const Item: FC<Props> = ({
             key={tool.id}
             payload={tool}
             viewType={ViewType.tree}
-            isShowLetterIndex={false}
             hasSearchText={hasSearchText}
             onSelect={onSelect}
             canNotSelectMultiple={canNotSelectMultiple}

web/app/components/workflow/block-selector/types.ts

@@ -57,6 +57,7 @@ export type ToolDefaultValue = PluginCommonDefaultValue & {
   output_schema?: Record<string, any>
   credential_id?: string
   meta?: PluginMeta
+  output_schema?: Record<string, any>
 }
 
 export type DataSourceDefaultValue = Omit<PluginCommonDefaultValue, 'provider_id'> & {

web/app/components/workflow/block-selector/use-sticky-scroll.ts

@@ -8,8 +8,8 @@ export enum ScrollPosition {
 }
 
 type Params = {
-  wrapElemRef: React.RefObject<HTMLElement>
-  nextToStickyELemRef: React.RefObject<HTMLElement>
+  wrapElemRef: React.RefObject<HTMLElement | null>
+  nextToStickyELemRef: React.RefObject<HTMLElement | null>
 }
 const useStickyScroll = ({
   wrapElemRef,

web/app/components/workflow/datasets-detail-store/provider.tsx

@@ -21,7 +21,7 @@ const DatasetsDetailProvider: FC<DatasetsDetailProviderProps> = ({
   nodes,
   children,
 }) => {
-  const storeRef = useRef<DatasetsDetailStoreApi>()
+  const storeRef = useRef<DatasetsDetailStoreApi>(undefined)
 
   if (!storeRef.current)
     storeRef.current = createDatasetsDetailStore()

web/app/components/workflow/datasets-detail-store/store.ts

@@ -2,7 +2,7 @@ import { useContext } from 'react'
 import { createStore, useStore } from 'zustand'
 import type { DataSet } from '@/models/datasets'
 import { DatasetsDetailContext } from './provider'
-import produce from 'immer'
+import { produce } from 'immer'
 
 type DatasetsDetailStore = {
   datasetsDetail: Record<string, DataSet>

web/app/components/workflow/hooks/use-config-vision.ts

@@ -1,4 +1,4 @@
-import produce from 'immer'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useIsChatMode } from './use-workflow'
 import type { ModelConfig, VisionSetting } from '@/app/components/workflow/types'

web/app/components/workflow/hooks/use-edges-interactions-without-sync.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 
 export const useEdgesInteractionsWithoutSync = () => {

web/app/components/workflow/hooks/use-edges-interactions.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type {
   EdgeMouseHandler,
   OnEdgesChange,

web/app/components/workflow/hooks/use-inspect-vars-crud-common.ts

@@ -10,7 +10,7 @@ import {
   isSystemVar,
   toNodeOutputVars,
 } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { Node } from '@/app/components/workflow/types'
 import { useNodesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-nodes-interactions-without-sync'
 import { useEdgesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-edges-interactions-without-sync'

web/app/components/workflow/hooks/use-nodes-interactions-without-sync.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 import { NodeRunningStatus } from '../types'
 

web/app/components/workflow/hooks/use-nodes-interactions.ts

@@ -1,7 +1,7 @@
 import type { MouseEvent } from 'react'
 import { useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import type {
   NodeDragHandler,
   NodeMouseHandler,

web/app/components/workflow/hooks/use-selection-interactions.ts

@@ -2,7 +2,7 @@ import type { MouseEvent } from 'react'
 import {
   useCallback,
 } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type {
   OnSelectionChangeFunc,
 } from 'reactflow'

web/app/components/workflow/hooks/use-workflow-interactions.ts

@@ -2,7 +2,7 @@ import {
   useCallback,
 } from 'react'
 import { useReactFlow, useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStore, useWorkflowStore } from '../store'
 import {
   CUSTOM_NODE,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-agent-log.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { AgentLogResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-failed.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-finished.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { WorkflowFinishedResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import { getFilesInLogs } from '@/app/components/base/file-uploader/utils'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-finished.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { NodeFinishedResponse } from '@/types/workflow'
 import {
   BlockEnum,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-finished.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { IterationFinishedResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import { DEFAULT_ITER_TIMES } from '@/app/components/workflow/constants'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-next.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { IterationNextResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-started.ts

@@ -3,7 +3,7 @@ import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import type { IterationStartedResponse } from '@/types/workflow'
 import { NodeRunningStatus } from '@/app/components/workflow/types'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-finished.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { LoopFinishedResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-next.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { LoopNextResponse } from '@/types/workflow'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
 

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-started.ts

@@ -3,7 +3,7 @@ import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import type { LoopStartedResponse } from '@/types/workflow'
 import { NodeRunningStatus } from '@/app/components/workflow/types'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-retry.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type {
   NodeFinishedResponse,
 } from '@/types/workflow'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-started.ts

@@ -3,7 +3,7 @@ import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { NodeStartedResponse } from '@/types/workflow'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
 import { useWorkflowStore } from '@/app/components/workflow/store'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-started.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { WorkflowStartedResponse } from '@/types/workflow'
 import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import { useWorkflowStore } from '@/app/components/workflow/store'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-chunk.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { TextChunkResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-replace.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { TextReplaceResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 

web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx

@@ -212,7 +212,7 @@ export const AgentStrategySelector = memo((props: AgentStrategySelectorProps) =>
                 agent_strategy_name: tool!.tool_name,
                 agent_strategy_provider_name: tool!.provider_name,
                 agent_strategy_label: tool!.tool_label,
-                agent_output_schema: tool!.output_schema,
+                agent_output_schema: tool!.output_schema || {},
                 plugin_unique_identifier: tool!.provider_id,
                 meta: tool!.meta,
               })

web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import {
   RiDeleteBinLine,
 } from '@remixicon/react'

web/app/components/workflow/nodes/_base/components/before-run-form/form.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useEffect, useMemo, useRef } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { InputVar } from '../../../../types'
 import FormItem from './form-item'
 import cn from '@/utils/classnames'

web/app/components/workflow/nodes/_base/components/config-vision.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import VarReferencePicker from './variable/var-reference-picker'
 import ResolutionPicker from '@/app/components/workflow/nodes/llm/components/resolution-picker'
 import Field from '@/app/components/workflow/nodes/_base/components/field'

web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import useSWR from 'swr'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import type { UploadFileSetting } from '../../../types'
 import { SupportUploadFileTypes } from '../../../types'

web/app/components/workflow/nodes/_base/components/input-var-type-icon.tsx

@@ -28,7 +28,6 @@ const getIcon = (type: InputVarType) => {
     [InputVarType.jsonObject]: RiBracesLine,
     [InputVarType.singleFile]: RiFileList2Line,
     [InputVarType.multiFiles]: RiFileCopy2Line,
-    [InputVarType.checkbox]: RiCheckboxLine,
   } as any)[type] || RiTextSnippet
 }
 

web/app/components/workflow/nodes/_base/components/memory-config.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { Memory } from '../../../types'
 import { MemoryRole } from '../../../types'
 import cn from '@/utils/classnames'

web/app/components/workflow/nodes/_base/components/node-handle.tsx

@@ -85,9 +85,9 @@ export const NodeTargetHandle = memo(({
           data._runningStatus === NodeRunningStatus.Exception && 'after:bg-workflow-link-line-failure-handle',
           !connected && 'after:opacity-0',
           (data.type === BlockEnum.Start
-           || data.type === BlockEnum.TriggerWebhook
-           || data.type === BlockEnum.TriggerSchedule
-           || data.type === BlockEnum.TriggerPlugin) && 'opacity-0',
+            || data.type === BlockEnum.TriggerWebhook
+            || data.type === BlockEnum.TriggerSchedule
+            || data.type === BlockEnum.TriggerPlugin) && 'opacity-0',
           handleClassName,
         )}
         isConnectable={isConnectable}

web/app/components/workflow/nodes/_base/components/variable/output-var-list.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import type { OutputVar } from '../../../code/types'
 import RemoveButton from '../remove-button'

web/app/components/workflow/nodes/_base/components/variable/utils.ts

@@ -1,4 +1,4 @@
-import produce from 'immer'
+import { produce } from 'immer'
 import { isArray, uniq } from 'lodash-es'
 import type { CodeNodeType } from '../../../code/types'
 import type { EndNodeType } from '../../../end/types'

web/app/components/workflow/nodes/_base/components/variable/var-list.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import RemoveButton from '../remove-button'
 import VarReferencePicker from './var-reference-picker'
 import Input from '@/app/components/base/input'

web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx

@@ -9,7 +9,7 @@ import {
   RiLoader4Line,
   RiMoreLine,
 } from '@remixicon/react'
-import produce from 'immer'
+import { produce } from 'immer'
 import {
   useNodes,
   useReactFlow,

web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts

@@ -26,7 +26,7 @@ export const useVarIcon = (variables: string[], variableCategory?: VarInInspectT
   if (isConversationVar(variables) || variableCategory === VarInInspectType.conversation || variableCategory === 'conversation')
     return BubbleX
 
-  if(isGlobalVar(variables))
+  if (isGlobalVar(variables))
     return GlobalVariable
 
   return Variable02
@@ -50,7 +50,7 @@ export const useVarColor = (variables: string[], isExceptionVariable?: boolean,
       return 'text-util-colors-orange-orange-600'
 
     return 'text-text-accent'
-  }, [variables, isExceptionVariable])
+  }, [variables, isExceptionVariable, variableCategory])
 }
 
 export const useVarName = (variables: string[], notShowFullPath?: boolean) => {
@@ -60,14 +60,19 @@ export const useVarName = (variables: string[], notShowFullPath?: boolean) => {
   if (isRagVariableVar(variables))
     variableFullPathName = variables.slice(2).join('.')
 
-  const variablesLength = variables.length
   const varName = useMemo(() => {
+    variableFullPathName = variables.slice(1).join('.')
+
+    if (isRagVariableVar(variables))
+      variableFullPathName = variables.slice(2).join('.')
+
+    const variablesLength = variables.length
     const isSystem = isSystemVar(variables)
     const varName = notShowFullPath ? variables[variablesLength - 1] : variableFullPathName
     return `${isSystem ? 'sys.' : ''}${varName}`
   }, [variables, notShowFullPath])
 
-  if(showName)
+  if (showName)
     return showName
   return varName
 }

web/app/components/workflow/nodes/_base/hooks/use-one-step-run.ts

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { unionBy } from 'lodash-es'
-import produce from 'immer'
+import { produce } from 'immer'
 import {
   useIsChatMode,
   useNodeDataUpdate,

web/app/components/workflow/nodes/_base/hooks/use-output-var-list.ts

@@ -1,5 +1,5 @@
 import { useCallback, useRef, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useBoolean, useDebounceFn } from 'ahooks'
 import type {
   CodeNodeType,

web/app/components/workflow/nodes/_base/hooks/use-var-list.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { Variable } from '@/app/components/workflow/types'
 
 type Params<T> = {

web/app/components/workflow/nodes/_base/node.tsx

@@ -53,8 +53,13 @@ import { ToolTypeEnum } from '../../block-selector/types'
 import { useTriggerStatusStore } from '../../store/trigger-status'
 import { isTriggerNode } from '../../types'
 
+type NodeChildProps = {
+  id: string
+  data: NodeProps['data']
+}
+
 type BaseNodeProps = {
-  children: ReactElement
+  children: ReactElement<Partial<NodeChildProps>>
   id: NodeProps['id']
   data: NodeProps['data']
 }

web/app/components/workflow/nodes/agent/use-config.ts

@@ -12,7 +12,7 @@ import { useCheckInstalled, useFetchPluginsInMarketPlaceByIds } from '@/service/
 import type { Memory, Var } from '../../types'
 import { VarType as VarKindType } from '../../types'
 import useAvailableVarList from '../_base/hooks/use-available-var-list'
-import produce from 'immer'
+import { produce } from 'immer'
 import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { isSupportMCP } from '@/utils/plugin-version-feature'
 import { generateAgentToolValue, toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'

web/app/components/workflow/nodes/answer/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import useVarList from '../_base/hooks/use-var-list'
 import type { Var } from '../../types'
 import { VarType } from '../../types'

web/app/components/workflow/nodes/assigner/components/var-list/index.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import React, { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { RiDeleteBinLine } from '@remixicon/react'
 import OperationSelector from '../operation-selector'
 import { AssignerNodeInputType, WriteMode } from '../../types'

web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { AssignerNodeOperation, AssignerNodeType } from '../../types'
 import { AssignerNodeInputType, WriteMode } from '../../types'
 

web/app/components/workflow/nodes/assigner/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 import { VarType } from '../../types'
 import type { ValueSelector, Var } from '../../types'

web/app/components/workflow/nodes/code/types.ts

@@ -11,6 +11,11 @@ export type OutputVar = Record<string, {
   children: null // support nest in the future,
 }>
 
+export type CodeDependency = {
+  name: string
+  version?: string
+}
+
 export type CodeNodeType = CommonNodeType & {
   variables: Variable[]
   code_language: CodeLanguage

web/app/components/workflow/nodes/code/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import useVarList from '../_base/hooks/use-var-list'
 import useOutputVarList from '../_base/hooks/use-output-var-list'
 import { BlockEnum, VarType } from '../../types'

web/app/components/workflow/nodes/document-extractor/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 import type { ValueSelector, Var } from '../../types'
 import { VarType } from '../../types'

web/app/components/workflow/nodes/http/components/authorization/index.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import React, { useCallback, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { Authorization as AuthorizationPayloadType } from '../../types'
 import { APIType, AuthorizationType } from '../../types'
 import RadioGroup from './radio-group'

web/app/components/workflow/nodes/http/components/edit-body/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useMemo } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { uniqueId } from 'lodash-es'
 import type { Body, BodyPayload, KeyValue as KeyValueType } from '../../types'
 import { BodyPayloadValueType, BodyType } from '../../types'

web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import type { KeyValue } from '../../../types'
 import KeyValueItem from './item'

web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { KeyValue } from '../../../types'
 import VarReferencePicker from '../../../../_base/components/variable/var-reference-picker'
 import InputItem from './input-item'

web/app/components/workflow/nodes/http/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useBoolean } from 'ahooks'
 import useVarList from '../_base/hooks/use-var-list'
 import { VarType } from '../../types'
@@ -16,7 +16,7 @@ import {
 const useConfig = (id: string, payload: HttpNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
 
-  const defaultConfig = useStore(s => s.nodesDefaultConfigs)[payload.type]
+  const defaultConfig = useStore(s => s.nodesDefaultConfigs?.[payload.type])
 
   const { inputs, setInputs } = useNodeCrud<HttpNodeType>(id, payload)
 

web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx

@@ -5,7 +5,7 @@ import {
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { RiDeleteBinLine } from '@remixicon/react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { VarType as NumberVarType } from '../../../tool/types'
 import type {
   Condition,
@@ -209,7 +209,7 @@ const ConditionItem = ({
       onRemoveCondition?.(caseId, condition.id)
   }, [caseId, condition, conditionId, isSubVariableKey, onRemoveCondition, onRemoveSubVariableCondition])
 
-  const { getMatchedSchemaType } = useMatchSchemaType()
+  const { schemaTypeDefinitions } = useMatchSchemaType()
   const handleVarChange = useCallback((valueSelector: ValueSelector, _varItem: Var) => {
     const {
       conversationVariables,
@@ -226,7 +226,7 @@ const ConditionItem = ({
         workflowTools,
         dataSourceList: dataSourceList ?? [],
       },
-      getMatchedSchemaType,
+      schemaTypeDefinitions,
     })
 
     const newCondition = produce(condition, (draft) => {
@@ -241,7 +241,7 @@ const ConditionItem = ({
     })
     doUpdateCondition(newCondition)
     setOpen(false)
-  }, [condition, doUpdateCondition, availableNodes, isChatMode, setControlPromptEditorRerenderKey])
+  }, [condition, doUpdateCondition, availableNodes, isChatMode, setControlPromptEditorRerenderKey, schemaTypeDefinitions])
 
   const showBooleanInput = useMemo(() => {
     if(condition.varType === VarType.boolean)

web/app/components/workflow/nodes/if-else/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { v4 as uuid4 } from 'uuid'
 import { useUpdateNodeInternals } from 'reactflow'
 import type {

web/app/components/workflow/nodes/iteration/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import {
   useIsChatMode,
   useNodesReadOnly,

web/app/components/workflow/nodes/iteration/use-interactions.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import { useStoreApi } from 'reactflow'
 import type {

web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-list.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useMemo } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import Item from './dataset-item'
 import type { DataSet } from '@/models/datasets'

web/app/components/workflow/nodes/knowledge-retrieval/use-config.ts

@@ -4,7 +4,7 @@ import {
   useRef,
   useState,
 } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { isEqual } from 'lodash-es'
 import { v4 as uuid4 } from 'uuid'
 import type { ValueSelector, Var } from '../../types'

web/app/components/workflow/nodes/list-operator/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 import type { ValueSelector, Var } from '../../types'
 import { VarType } from '../../types'

web/app/components/workflow/nodes/llm/components/config-prompt.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import { ReactSortable } from 'react-sortablejs'
 import { v4 as uuid4 } from 'uuid'
 import type { ModelConfig, PromptItem, ValueSelector, Var, Variable } from '../../../types'

web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/hooks.ts

@@ -1,4 +1,4 @@
-import produce from 'immer'
+import { produce } from 'immer'
 import type { VisualEditorProps } from '.'
 import { useMittContext } from './context'
 import { useVisualEditorStore } from './store'

web/app/components/workflow/nodes/llm/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { EditionType, VarType } from '../../types'
 import type { Memory, PromptItem, ValueSelector, Var, Variable } from '../../types'
 import { useStore } from '../../store'

web/app/components/workflow/nodes/loop/components/condition-list/condition-item.tsx

@@ -5,7 +5,7 @@ import {
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { RiDeleteBinLine } from '@remixicon/react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { VarType as NumberVarType } from '../../../tool/types'
 import type {
   Condition,

web/app/components/workflow/nodes/loop/use-config.ts

@@ -2,7 +2,7 @@ import {
   useCallback,
   useRef,
 } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { v4 as uuid4 } from 'uuid'
 import {
   useIsChatMode,

web/app/components/workflow/nodes/loop/use-interactions.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 import type {
   BlockEnum,

web/app/components/workflow/nodes/parameter-extractor/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { Memory, MoreInfo, ValueSelector, Var } from '../../types'
 import { ChangeType, VarType } from '../../types'
 import { useStore } from '../../store'

web/app/components/workflow/nodes/question-classifier/components/class-list.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import { useEdgesInteractions } from '../../../hooks'
 import AddButton from '../../_base/components/add-button'

web/app/components/workflow/nodes/question-classifier/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { BlockEnum, VarType } from '../../types'
 import type { Memory, ValueSelector, Var } from '../../types'
 import {

web/app/components/workflow/nodes/start/components/var-list.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useMemo } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import VarItem from './var-item'
 import { ChangeType, type InputVar, type MoreInfo } from '@/app/components/workflow/types'

web/app/components/workflow/nodes/start/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useBoolean } from 'ahooks'
 import type { StartNodeType } from './types'
 import { ChangeType } from '@/app/components/workflow/types'

web/app/components/workflow/nodes/template-transform/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import useVarList from '../_base/hooks/use-var-list'
 import type { Var, Variable } from '../../types'
 import { VarType } from '../../types'

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

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useTranslation } from 'react-i18next'
 import type { ToolVarInputs } from '../types'
 import { VarType as VarKindType } from '../types'

web/app/components/workflow/nodes/tool/use-config.ts

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useBoolean } from 'ahooks'
 import { useStore, useWorkflowStore } from '../../store'
 import type { ToolNodeType, ToolVarInputs } from './types'

web/app/components/workflow/nodes/tool/use-single-run-form-params.ts

@@ -5,7 +5,7 @@ import useNodeCrud from '../_base/hooks/use-node-crud'
 import { type ToolNodeType, VarType } from './types'
 import type { ValueSelector } from '@/app/components/workflow/types'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { NodeTracing } from '@/types/workflow'
 import { useTranslation } from 'react-i18next'
 import formatToTracingNodeList from '@/app/components/workflow/run/utils/format-log'

web/app/components/workflow/nodes/variable-assigner/components/var-group-item.tsx

@@ -2,7 +2,7 @@
 import React, { useCallback } from 'react'
 import type { ChangeEvent, FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useBoolean } from 'ahooks'
 import {
   RiDeleteBinLine,

web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import React, { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import RemoveButton from '../../../_base/components/remove-button'
 import ListNoDataPlaceholder from '../../../_base/components/list-no-data-placeholder'
 import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'

web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { VariableAssignerNodeType } from '../../types'
 import type { ValueSelector } from '@/app/components/workflow/types'
 

web/app/components/workflow/nodes/variable-assigner/hooks.ts

@@ -4,7 +4,7 @@ import {
   useStoreApi,
 } from 'reactflow'
 import { uniqBy } from 'lodash-es'
-import produce from 'immer'
+import { produce } from 'immer'
 import {
   useIsChatMode,
   useNodeDataUpdate,

web/app/components/workflow/nodes/variable-assigner/use-config.ts

@@ -1,5 +1,5 @@
 import { useCallback, useRef, useState } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useBoolean, useDebounceFn } from 'ahooks'
 import { v4 as uuid4 } from 'uuid'
 import type { ValueSelector, Var } from '../../types'

web/app/components/workflow/panel/chat-variable-panel/components/array-bool-list.tsx

@@ -3,7 +3,7 @@ import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { RiAddLine } from '@remixicon/react'
-import produce from 'immer'
+import { produce } from 'immer'
 import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
 import Button from '@/app/components/base/button'
 import BoolValue from './bool-value'

web/app/components/workflow/panel/chat-variable-panel/components/array-value-list.tsx

@@ -3,7 +3,7 @@ import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { RiAddLine } from '@remixicon/react'
-import produce from 'immer'
+import { produce } from 'immer'
 import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'

web/app/components/workflow/panel/chat-variable-panel/components/object-value-item.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useContext } from 'use-context-selector'
 import { ToastContext } from '@/app/components/base/toast'
 import VariableTypeSelector from '@/app/components/workflow/panel/chat-variable-panel/components/variable-type-select'

web/app/components/workflow/selection-contextmenu.tsx

@@ -17,7 +17,7 @@ import {
   RiAlignTop,
 } from '@remixicon/react'
 import { useNodesReadOnly, useNodesSyncDraft } from './hooks'
-import produce from 'immer'
+import { produce } from 'immer'
 import { WorkflowHistoryEvent, useWorkflowHistory } from './hooks/use-workflow-history'
 import { useStore } from './store'
 import { useSelectionInteractions } from './hooks/use-selection-interactions'

web/app/components/workflow/store/workflow/debug/inspect-vars-slice.ts

@@ -1,5 +1,5 @@
 import type { StateCreator } from 'zustand'
-import produce from 'immer'
+import { produce } from 'immer'
 import type { NodeWithVar, VarInInspect } from '@/types/workflow'
 import type { ValueSelector } from '../../../types'
 

web/app/components/workflow/variable-inspect/right.tsx

@@ -31,7 +31,7 @@ import { useNodesInteractions, useToolIcon } from '../hooks'
 import { CodeLanguage } from '../nodes/code/types'
 import useNodeCrud from '../nodes/_base/hooks/use-node-crud'
 import type { GenRes } from '@/service/debug'
-import produce from 'immer'
+import { produce } from 'immer'
 import { PROMPT_EDITOR_UPDATE_VALUE_BY_EVENT_EMITTER } from '../../base/prompt-editor/plugins/update-block'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'

web/app/components/workflow/workflow-preview/components/nodes/loop/hooks.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 import type {
   Node,