From 016ff0feaece67eeef8a453ed21ed3a409570510 Mon Sep 17 00:00:00 2001
From: Minamiyama <minamiyama@qq.com>
Date: Sun, 13 Jul 2025 20:10:15 +0800
Subject: [PATCH] fix(ui): prevent var icon hidden when only one var in list of
 start node (#22290)

---
 .../components/workflow/nodes/start/components/var-item.tsx | 6 ++++--
 .../components/workflow/nodes/start/components/var-list.tsx | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/nodes/start/components/var-item.tsx b/web/app/components/workflow/nodes/start/components/var-item.tsx
index 603a2b2160..029547542e 100644
--- a/web/app/components/workflow/nodes/start/components/var-item.tsx
+++ b/web/app/components/workflow/nodes/start/components/var-item.tsx
@@ -23,7 +23,8 @@ type Props = {
   onRemove?: () => void
   rightContent?: React.JSX.Element
   varKeys?: string[]
-  showLegacyBadge?: boolean
+  showLegacyBadge?: boolean,
+  canDrag?: boolean,
 }
 
 const VarItem: FC<Props> = ({
@@ -35,6 +36,7 @@ const VarItem: FC<Props> = ({
   rightContent,
   varKeys = [],
   showLegacyBadge = false,
+  canDrag,
 }) => {
   const { t } = useTranslation()
 
@@ -52,7 +54,7 @@ const VarItem: FC<Props> = ({
   return (
     <div ref={ref} className={cn('flex h-8 cursor-pointer items-center justify-between rounded-lg border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg px-2.5 shadow-xs hover:shadow-md', className)}>
       <div className='flex w-0 grow items-center space-x-1'>
-        <Variable02 className='h-3.5 w-3.5 text-text-accent group-hover:opacity-0' />
+        <Variable02 className={cn('h-3.5 w-3.5 text-text-accent', canDrag && 'group-hover:opacity-0')} />
         <div title={payload.variable} className='max-w-[130px] shrink-0 truncate text-[13px] font-medium text-text-secondary'>{payload.variable}</div>
         {payload.label && (<><div className='shrink-0 text-xs font-medium text-text-quaternary'>·</div>
           <div title={payload.label as string} className='max-w-[130px] truncate text-[13px] font-medium text-text-tertiary'>{payload.label as string}</div>
diff --git a/web/app/components/workflow/nodes/start/components/var-list.tsx b/web/app/components/workflow/nodes/start/components/var-list.tsx
index db5b9e9882..024b50a759 100644
--- a/web/app/components/workflow/nodes/start/components/var-list.tsx
+++ b/web/app/components/workflow/nodes/start/components/var-list.tsx
@@ -91,6 +91,7 @@ const VarList: FC<Props> = ({
               onChange={handleVarChange(index)}
               onRemove={handleVarRemove(index)}
               varKeys={list.map(item => item.variable)}
+              canDrag={canDrag}
             />
             {canDrag && <RiDraggable className={cn(
               'handle absolute left-3 top-2.5 hidden h-3 w-3 cursor-pointer text-text-tertiary',