From a4bdeba60df49bd2ab52b2a45457b10beba835c6 Mon Sep 17 00:00:00 2001
From: Minamiyama <minamiyama@qq.com>
Date: Tue, 8 Jul 2025 10:04:05 +0800
Subject: [PATCH] feat(question-classifier): add instanceId to class-item
 editor (#22002)

---
 .../nodes/question-classifier/components/class-item.tsx  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx b/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx
index 606503732..be4a6cb90 100644
--- a/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx
@@ -1,11 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
+import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import type { Topic } from '../types'
 import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
 import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 import type { ValueSelector, Var } from '@/app/components/workflow/types'
+import { uniqueId } from 'lodash-es'
 
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
 
@@ -29,6 +30,11 @@ const ClassItem: FC<Props> = ({
   filterVar,
 }) => {
   const { t } = useTranslation()
+  const [instanceId, setInstanceId] = useState(uniqueId())
+
+  useEffect(() => {
+    setInstanceId(`${nodeId}-${uniqueId()}`)
+  }, [nodeId])
 
   const handleNameChange = useCallback((value: string) => {
     onChange({ ...payload, name: value })
@@ -52,6 +58,7 @@ const ClassItem: FC<Props> = ({
       nodesOutputVars={availableVars}
       availableNodes={availableNodesWithParent}
       readOnly={readonly} // ?
+      instanceId={instanceId}
       justVar // ?
       isSupportFileVar // ?
     />