fix: Variable aggregation node adds execution details

Author: wangdan-fit2cloud

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">

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')"

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')"

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>