From e2940e353ddf9d23062ece09c796dfe8aaf9a5b8 Mon Sep 17 00:00:00 2001
From: jZonG <jzongcode@gmail.com>
Date: Wed, 21 May 2025 10:07:46 +0800
Subject: [PATCH] display visible var in var tree

---
 web/app/components/workflow/variable-inspect/group.tsx | 2 +-
 web/app/components/workflow/variable-inspect/panel.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/components/workflow/variable-inspect/group.tsx b/web/app/components/workflow/variable-inspect/group.tsx
index e7d779ddf7..834bc0dc09 100644
--- a/web/app/components/workflow/variable-inspect/group.tsx
+++ b/web/app/components/workflow/variable-inspect/group.tsx
@@ -47,7 +47,7 @@ const Group = ({
   const isChatVar = varType === VarInInspectType.conversation
   const isSystem = varType === VarInInspectType.system
 
-  const visibleVarList = varList.filter(v => v.visible)
+  const visibleVarList = isEnv ? varList : varList.filter(v => v.visible)
 
   const handleSelectVar = (varItem: any, type?: string) => {
     if (type === VarInInspectType.environment) {
diff --git a/web/app/components/workflow/variable-inspect/panel.tsx b/web/app/components/workflow/variable-inspect/panel.tsx
index 987ea549ad..87d2eedc0c 100644
--- a/web/app/components/workflow/variable-inspect/panel.tsx
+++ b/web/app/components/workflow/variable-inspect/panel.tsx
@@ -62,6 +62,7 @@ const Panel: FC = () => {
           var: {
             ...currentVar,
             type: VarInInspectType.environment,
+            visible: true,
             ...(currentVar.value_type === 'secret' ? { value: '******************' } : {}),
           },
         }