feat: Execution details of variable splitting and parameter extraction

ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailCard.vue

@@ -841,7 +841,7 @@
                 </div>
               </div>
             </div>
-            <div class="card-never border-r-6">
+            <div class="card-never border-r-6  mt-8">
               <h5 class="p-8-12">
                 {{ $t('common.param.outputParam') }}
               </h5>
@@ -853,6 +853,33 @@
             </div>
           </template>
 
+          <!-- 变量拆分 -->
+          <template
+            v-if="
+              data.type === WorkflowType.VariableSplittingNode ||
+              data.type == WorkflowType.ParameterExtractionNode
+            "
+          >
+            <div class="card-never border-r-6">
+              <h5 class="p-8-12">
+                {{ $t('common.param.inputParam') }}
+              </h5>
+              <div class="p-8-12 border-t-dashed lighter pre-wrap">
+                {{ data.request || '-' }}
+              </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">
@@ -1002,11 +1029,11 @@
               <div class="p-8-12 border-t-dashed lighter">
                 <div class="mb-8">
                   <span class="color-secondary"> knowledge_list:</span>
-                  {{ data.knowledge_items?.map((v:any) => v.name).join(',') }}
+                  {{ data.knowledge_items?.map((v: any) => v.name).join(',') }}
                 </div>
                 <div class="mb-8">
                   <span class="color-secondary"> document_list:</span>
-                  {{ data.document_items?.map((v:any)  => v.name).join(',')  }}
+                  {{ data.document_items?.map((v: any) => v.name).join(',') }}
                 </div>
               </div>
             </div>