fix: immer version and ref in code base (#27130)

web/app/components/workflow/candidate-node.tsx

@@ -1,7 +1,7 @@
 import {
   memo,
 } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import {
   useReactFlow,
   useStoreApi,

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-node-data-update.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import produce from 'immer'
+import { produce } from 'immer'
 import { useStoreApi } from 'reactflow'
 import { useNodesSyncDraft } from './use-nodes-sync-draft'
 import { useNodesReadOnly } from './use-workflow'

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/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/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/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/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/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/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'

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,

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,