From 45c2167e0f4963838bf064bed826f9b23dec5815 Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Thu, 22 Jan 2026 14:49:38 +0800
Subject: [PATCH] fix: default value of input field in form content editor

---
 .../plugins/hitl-input-block/component-ui.tsx             | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/app/components/base/prompt-editor/plugins/hitl-input-block/component-ui.tsx b/web/app/components/base/prompt-editor/plugins/hitl-input-block/component-ui.tsx
index c55261f809..36dd2959e3 100644
--- a/web/app/components/base/prompt-editor/plugins/hitl-input-block/component-ui.tsx
+++ b/web/app/components/base/prompt-editor/plugins/hitl-input-block/component-ui.tsx
@@ -71,17 +71,19 @@ const HITLInputComponentUI: FC<HITLInputComponentUIProps> = ({
       if (editBtn)
         editBtn.removeEventListener('click', showEditModal)
     }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   const removeBtnRef = useRef<HTMLDivElement>(null)
   useEffect(() => {
     const removeBtn = removeBtnRef.current
+    const removeHandler = () => onRemove(varName)
     if (removeBtn)
-      removeBtn.addEventListener('click', () => onRemove(varName))
+      removeBtn.addEventListener('click', removeHandler)
 
     return () => {
       if (removeBtn)
-        removeBtn.removeEventListener('click', () => onRemove(varName))
+        removeBtn.removeEventListener('click', removeHandler)
     }
   }, [onRemove, varName])
 
@@ -123,7 +125,7 @@ const HITLInputComponentUI: FC<HITLInputComponentUIProps> = ({
             />
           )}
           {!isPlaceholderVariable && (
-            <div className="system-xs-medium max-w-full truncate text-text-quaternary">{formInput.placeholder.value}</div>
+            <div className="system-xs-medium max-w-full truncate text-components-input-text-filled">{formInput.placeholder.value}</div>
           )}
         </div>