From a84be67d4d57f0efdc802b732380e4811a46b0fa Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 29 Oct 2025 14:36:59 +0800
Subject: [PATCH] fix: Variable aggregation node adds execution details

---
 .../ExecutionDetailCard.vue                   | 38 ++++++++++++++++++-
 ui/src/workflow/common/NodeContainer.vue      |  2 +-
 .../loop-body-node/LoopBodyContainer.vue      |  2 +-
 .../nodes/variable-aggregation-node/index.vue |  2 +-
 4 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue b/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue
index c1b723445..2b6e4af57 100644
--- a/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue
+++ b/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue
@@ -842,7 +842,7 @@
                 </div>
               </div>
             </div>
-            <div class="card-never border-r-6  mt-8">
+            <div class="card-never border-r-6 mt-8">
               <h5 class="p-8-12">
                 {{ $t('common.param.outputParam') }}
               </h5>
@@ -880,7 +880,41 @@
               </div>
             </div>
           </template>
-
+          <!-- 变量聚合 -->
+          <template v-if="data.type === WorkflowType.VariableAggregationNode">
+            <div class="card-never border-r-6">
+              <h5 class="p-8-12">
+                {{ $t('views.applicationWorkflow.nodes.variableAggregationNode.Strategy') }}
+              </h5>
+              <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                {{ data.strategy }}
+              </div>
+            </div>
+            <div
+              class="card-never border-r-6 mt-8"
+              v-for="(group, groupI) in data.group_list"
+              :key="groupI"
+            >
+              <h5 class="p-8-12">
+                {{ group.label+ ' '+ $t('common.param.inputParam') }}
+              </h5>
+              <div class="p-8-12 border-t-dashed lighter">
+                <div v-for="(f, i) in group.variable_list" :key="i" class="mb-8">
+                  <span class="color-secondary">{{ `${f.node_name}.${f.field}` }}:</span> {{ f.value }}
+                </div>
+              </div>
+            </div>
+            <div class="card-never border-r-6 mt-8">
+              <h5 class="p-8-12">
+                {{ $t('common.param.outputParam') }}
+              </h5>
+              <div class="p-8-12 border-t-dashed lighter">
+                <div v-for="(f, i) in data.result" :key="i" class="mb-8">
+                  <span class="color-secondary">{{ i }}:</span> {{ f }}
+                </div>
+              </div>
+            </div>
+          </template>
           <!-- MCP 节点 -->
           <template v-if="data.type === WorkflowType.McpNode">
             <div class="card-never border-r-6">
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index 2c1c2b63b..e62d1ee4b 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -102,7 +102,7 @@
                   @mouseenter="showicon = index"
                   @mouseleave="showicon = null"
                 >
-                  <span style="max-width: 92%">{{ item.label }} {{ '{' + item.value + '}' }}</span>
+                  <span class="break-all">{{ item.label }} {{ '{' + item.value + '}' }}</span>
                   <el-tooltip
                     effect="dark"
                     :content="$t('views.applicationWorkflow.setting.copyParam')"
diff --git a/ui/src/workflow/nodes/loop-body-node/LoopBodyContainer.vue b/ui/src/workflow/nodes/loop-body-node/LoopBodyContainer.vue
index e8db4aa07..6597f2e76 100644
--- a/ui/src/workflow/nodes/loop-body-node/LoopBodyContainer.vue
+++ b/ui/src/workflow/nodes/loop-body-node/LoopBodyContainer.vue
@@ -54,7 +54,7 @@
                   @mouseenter="showicon = index"
                   @mouseleave="showicon = null"
                 >
-                  <span style="max-width: 92%">{{ item.label }} {{ '{' + item.value + '}' }}</span>
+                  <span class="break-all">{{ item.label }} {{ '{' + item.value + '}' }}</span>
                   <el-tooltip
                     effect="dark"
                     :content="$t('views.applicationWorkflow.setting.copyParam')"
diff --git a/ui/src/workflow/nodes/variable-aggregation-node/index.vue b/ui/src/workflow/nodes/variable-aggregation-node/index.vue
index ab1e33101..7f9071a79 100644
--- a/ui/src/workflow/nodes/variable-aggregation-node/index.vue
+++ b/ui/src/workflow/nodes/variable-aggregation-node/index.vue
@@ -41,7 +41,7 @@
       <div v-for="(group, gIndex) in form_data.group_list" :key="group.id" class="mb-8">
         <el-card shadow="never" class="card-never" style="--el-card-padding: 12px">
           <div class="flex-between mb-12">
-            <span class="font-bold">{{ group.label }}</span>
+            <span class="ellipsis" :title="group.label">{{ group.label }}</span>
             <div class="flex align-center" style="margin-right: -3px;">
               <el-button @click="openAddOrEditDialog(group, gIndex)"  link>
                 <el-icon><EditPen /></el-icon>