From b10e9c59e072d5cbb6d39662aa5aa237936212ae Mon Sep 17 00:00:00 2001
From: Lucio Lelii <lucio.lelii@isti.cnr.it>
Date: Fri, 27 Mar 2026 16:14:38 +0100
Subject: [PATCH] Expand array outputs in execution viewer

---
 .../task-execution-viewer.html                |  7 ++++-
 .../task-execution-viewer.ts                  | 29 ++++++++++++-------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/app/shared/task-execution-viewer/task-execution-viewer.html b/src/app/shared/task-execution-viewer/task-execution-viewer.html
index a4111b3..d8e6ed8 100644
--- a/src/app/shared/task-execution-viewer/task-execution-viewer.html
+++ b/src/app/shared/task-execution-viewer/task-execution-viewer.html
@@ -201,7 +201,12 @@
                   @for (output of group.outputs; track output.key) {
                   <div class="execution-output-item">
                     <div class="execution-output-item-head">
-                      <div class="execution-output-item-name">{{ output.outputName }}</div>
+                      <div>
+                        <div class="execution-output-item-name">{{ output.outputName }}</div>
+                        @if (output.itemLabel) {
+                        <div class="text-[11px] text-slate-500">{{ output.itemLabel }}</div>
+                        }
+                      </div>
                       @if (output.isLong) {
                       <button
                         type="button"
diff --git a/src/app/shared/task-execution-viewer/task-execution-viewer.ts b/src/app/shared/task-execution-viewer/task-execution-viewer.ts
index 848a798..bc20acb 100644
--- a/src/app/shared/task-execution-viewer/task-execution-viewer.ts
+++ b/src/app/shared/task-execution-viewer/task-execution-viewer.ts
@@ -44,6 +44,7 @@ type ExecutionOutputEntry = {
   value: string;
   preview: string;
   isLong: boolean;
+  itemLabel: string | null;
 };
 
 type ExecutionOutputGroup = {
@@ -310,18 +311,24 @@ export class TaskExecutionViewerComponent implements OnDestroy {
     const resultMap = this.execution()?.context.result ?? {};
 
     return Object.entries(resultMap)
-      .map(([key, rawValue]) => {
-        const value = this.stringifyOutputValue(rawValue);
-        const isLong = value.length > TaskExecutionViewerComponent.OUTPUT_PREVIEW_LIMIT;
+      .flatMap(([key, rawValue]) => {
         const label = this.formatExecutionOutputLabel(key, steps);
-        return {
-          key,
-          nodeTitle: label.nodeTitle,
-          outputName: label.outputName,
-          value,
-          preview: isLong ? `${value.slice(0, TaskExecutionViewerComponent.OUTPUT_PREVIEW_LIMIT)}...` : value,
-          isLong
-        };
+        const values = Array.isArray(rawValue) ? rawValue : [rawValue];
+
+        return values.map((item, index) => {
+          const value = this.stringifyOutputValue(item);
+          const isLong = value.length > TaskExecutionViewerComponent.OUTPUT_PREVIEW_LIMIT;
+          const isArrayItem = Array.isArray(rawValue);
+          return {
+            key: isArrayItem ? `${key}:${index}` : key,
+            nodeTitle: label.nodeTitle,
+            outputName: label.outputName,
+            value,
+            preview: isLong ? `${value.slice(0, TaskExecutionViewerComponent.OUTPUT_PREVIEW_LIMIT)}...` : value,
+            isLong,
+            itemLabel: isArrayItem ? `Item ${index + 1}` : null
+          };
+        });
       })
       .sort((a, b) => a.nodeTitle.localeCompare(b.nodeTitle) || a.outputName.localeCompare(b.outputName));
   });