From 9a2780b073deac0cd818a73eadf3da23777f013e Mon Sep 17 00:00:00 2001
From: Emanuele Ferrelli <emanuele.ferrelli@accenture.com>
Date: Tue, 10 Jun 2025 16:30:15 +0200
Subject: [PATCH] Update DashExecutions

---
 package-lock.json                 |  319 +++++-
 package.json                      |    2 +-
 src/views/pages/DashExecution.vue | 1538 +++++++++++++----------------
 3 files changed, 954 insertions(+), 905 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 49398c5..19d549a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
                 "oidc-client": "^1.11.5",
                 "pinia": "^2.2.4",
                 "primeicons": "^6.0.1",
-                "primevue": "^4.1.1",
+                "primevue": "^4.3.5",
                 "quill": "^1.3.7",
                 "showdown": "^2.1.0",
                 "v-code-diff": "^1.13.1",
@@ -114,6 +114,8 @@
         },
         "node_modules/@babel/helper-string-parser": {
             "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -121,16 +123,20 @@
         },
         "node_modules/@babel/helper-validator-identifier": {
             "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+            "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.27.2",
+            "version": "7.27.5",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
+            "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.27.1"
+                "@babel/types": "^7.27.3"
             },
             "bin": {
                 "parser": "bin/babel-parser.js"
@@ -142,6 +148,18 @@
         "node_modules/@babel/types": {
             "version": "7.27.1",
             "license": "MIT",
+            "dependencies": {
+                "regenerator-runtime": "^0.14.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.27.6",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.6.tgz",
+            "integrity": "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==",
+            "license": "MIT",
             "dependencies": {
                 "@babel/helper-string-parser": "^7.27.1",
                 "@babel/helper-validator-identifier": "^7.27.1"
@@ -1057,16 +1075,32 @@
         },
         "node_modules/@primeuix/styles": {
             "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@primeuix/styles/-/styles-1.1.1.tgz",
+            "integrity": "sha512-oguFY2Rs4ZqdcFqEKxBt2d8trTkAjJ5BGTaDV0zbwdqRCRcZp9+di3K3Wv57CW/+tFDA0z1Dg7Dpm7wmkOII9Q==",
             "license": "MIT",
             "dependencies": {
                 "@primeuix/styled": "^0.6.1"
             }
         },
-        "node_modules/@primeuix/themes": {
-            "version": "1.1.1",
+        "node_modules/@primeuix/styles/node_modules/@primeuix/styled": {
+            "version": "0.6.4",
+            "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.6.4.tgz",
+            "integrity": "sha512-7ePLwqazLV0x269YlPMeE4wtQKT0NScY2/gEin0/96krTiGiElmlzKMMbH69bVApm/sfen5DZGuCEEwPiBJJ5g==",
             "license": "MIT",
             "dependencies": {
-                "@primeuix/styled": "^0.6.1"
+                "@primeuix/utils": "^0.5.3"
+            },
+            "engines": {
+                "node": ">=12.11.0"
+            }
+        },
+        "node_modules/@primeuix/styles/node_modules/@primeuix/utils": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.5.4.tgz",
+            "integrity": "sha512-8LggV3Jz59pymHQD10e/u63z/GemQ22RBeu2Gb1eJgBYVwn1iOb82LR+daeAc/LxrXCC5pHnftnCmnZO6vInLA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.11.0"
             }
         },
         "node_modules/@primeuix/utils": {
@@ -1090,10 +1124,12 @@
             }
         },
         "node_modules/@primevue/core": {
-            "version": "4.3.4",
+            "version": "4.3.5",
+            "resolved": "https://registry.npmjs.org/@primevue/core/-/core-4.3.5.tgz",
+            "integrity": "sha512-YBlSr/EbXsnsTOyfgqmbrJQ7AI5EThaeGZvfDFjPIIEpokEK+Q32++9xPn3MH8rcM8zPsfMeBOWi4/OJkOqG4w==",
             "license": "MIT",
             "dependencies": {
-                "@primeuix/styled": "^0.6.1",
+                "@primeuix/styled": "^0.6.4",
                 "@primeuix/utils": "^0.5.3"
             },
             "engines": {
@@ -1103,17 +1139,49 @@
                 "vue": "^3.5.0"
             }
         },
+        "node_modules/@primevue/core/node_modules/@primeuix/styled": {
+            "version": "0.6.4",
+            "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.6.4.tgz",
+            "integrity": "sha512-7ePLwqazLV0x269YlPMeE4wtQKT0NScY2/gEin0/96krTiGiElmlzKMMbH69bVApm/sfen5DZGuCEEwPiBJJ5g==",
+            "license": "MIT",
+            "dependencies": {
+                "@primeuix/utils": "^0.5.3"
+            },
+            "engines": {
+                "node": ">=12.11.0"
+            }
+        },
+        "node_modules/@primevue/core/node_modules/@primeuix/utils": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.5.4.tgz",
+            "integrity": "sha512-8LggV3Jz59pymHQD10e/u63z/GemQ22RBeu2Gb1eJgBYVwn1iOb82LR+daeAc/LxrXCC5pHnftnCmnZO6vInLA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.11.0"
+            }
+        },
         "node_modules/@primevue/icons": {
-            "version": "4.3.4",
+            "version": "4.3.5",
+            "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.3.5.tgz",
+            "integrity": "sha512-+V8XG6MEvczw3Ufz7+ABSSCaVdFCYKRHvVDmXpS65AUeQTDEqmJz3xx2UiYYdASA6Gb2yIKdVztTcRjHFtiAnw==",
             "license": "MIT",
             "dependencies": {
                 "@primeuix/utils": "^0.5.3",
-                "@primevue/core": "4.3.4"
+                "@primevue/core": "4.3.5"
             },
             "engines": {
                 "node": ">=12.11.0"
             }
         },
+        "node_modules/@primevue/icons/node_modules/@primeuix/utils": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.5.4.tgz",
+            "integrity": "sha512-8LggV3Jz59pymHQD10e/u63z/GemQ22RBeu2Gb1eJgBYVwn1iOb82LR+daeAc/LxrXCC5pHnftnCmnZO6vInLA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.11.0"
+            }
+        },
         "node_modules/@primevue/metadata": {
             "version": "4.3.4",
             "dev": true,
@@ -1531,33 +1599,39 @@
             }
         },
         "node_modules/@vue/compiler-core": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.16.tgz",
+            "integrity": "sha512-AOQS2eaQOaaZQoL1u+2rCJIKDruNXVBZSiUD3chnUrsoX5ZTQMaCvXlWNIfxBJuU15r1o7+mpo5223KVtIhAgQ==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.27.2",
-                "@vue/shared": "3.5.14",
+                "@vue/shared": "3.5.16",
                 "entities": "^4.5.0",
                 "estree-walker": "^2.0.2",
                 "source-map-js": "^1.2.1"
             }
         },
         "node_modules/@vue/compiler-dom": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.16.tgz",
+            "integrity": "sha512-SSJIhBr/teipXiXjmWOVWLnxjNGo65Oj/8wTEQz0nqwQeP75jWZ0n4sF24Zxoht1cuJoWopwj0J0exYwCJ0dCQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-core": "3.5.14",
-                "@vue/shared": "3.5.14"
+                "@vue/compiler-core": "3.5.16",
+                "@vue/shared": "3.5.16"
             }
         },
         "node_modules/@vue/compiler-sfc": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.16.tgz",
+            "integrity": "sha512-rQR6VSFNpiinDy/DVUE0vHoIDUF++6p910cgcZoaAUm3POxgNOOdS/xgoll3rNdKYTYPnnbARDCZOyZ+QSe6Pw==",
             "license": "MIT",
             "dependencies": {
                 "@babel/parser": "^7.27.2",
-                "@vue/compiler-core": "3.5.14",
-                "@vue/compiler-dom": "3.5.14",
-                "@vue/compiler-ssr": "3.5.14",
-                "@vue/shared": "3.5.14",
+                "@vue/compiler-core": "3.5.16",
+                "@vue/compiler-dom": "3.5.16",
+                "@vue/compiler-ssr": "3.5.16",
+                "@vue/shared": "3.5.16",
                 "estree-walker": "^2.0.2",
                 "magic-string": "^0.30.17",
                 "postcss": "^8.5.3",
@@ -1565,11 +1639,13 @@
             }
         },
         "node_modules/@vue/compiler-ssr": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.16.tgz",
+            "integrity": "sha512-d2V7kfxbdsjrDSGlJE7my1ZzCXViEcqN6w14DOsDrUCHEA6vbnVCpRFfrc4ryCP/lCKzX2eS1YtnLE/BuC9f/A==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.5.14",
-                "@vue/shared": "3.5.14"
+                "@vue/compiler-dom": "3.5.16",
+                "@vue/shared": "3.5.16"
             }
         },
         "node_modules/@vue/devtools-api": {
@@ -1664,43 +1740,53 @@
             }
         },
         "node_modules/@vue/reactivity": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.16.tgz",
+            "integrity": "sha512-FG5Q5ee/kxhIm1p2bykPpPwqiUBV3kFySsHEQha5BJvjXdZTUfmya7wP7zC39dFuZAcf/PD5S4Lni55vGLMhvA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/shared": "3.5.14"
+                "@vue/shared": "3.5.16"
             }
         },
         "node_modules/@vue/runtime-core": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.16.tgz",
+            "integrity": "sha512-bw5Ykq6+JFHYxrQa7Tjr+VSzw7Dj4ldR/udyBZbq73fCdJmyy5MPIFR9IX/M5Qs+TtTjuyUTCnmK3lWWwpAcFQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.14",
-                "@vue/shared": "3.5.14"
+                "@vue/reactivity": "3.5.16",
+                "@vue/shared": "3.5.16"
             }
         },
         "node_modules/@vue/runtime-dom": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.16.tgz",
+            "integrity": "sha512-T1qqYJsG2xMGhImRUV9y/RseB9d0eCYZQ4CWca9ztCuiPj/XWNNN+lkNBuzVbia5z4/cgxdL28NoQCvC0Xcfww==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.14",
-                "@vue/runtime-core": "3.5.14",
-                "@vue/shared": "3.5.14",
+                "@vue/reactivity": "3.5.16",
+                "@vue/runtime-core": "3.5.16",
+                "@vue/shared": "3.5.16",
                 "csstype": "^3.1.3"
             }
         },
         "node_modules/@vue/server-renderer": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.16.tgz",
+            "integrity": "sha512-BrX0qLiv/WugguGsnQUJiYOE0Fe5mZTwi6b7X/ybGB0vfrPH9z0gD/Y6WOR1sGCgX4gc25L1RYS5eYQKDMoNIg==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-ssr": "3.5.14",
-                "@vue/shared": "3.5.14"
+                "@vue/compiler-ssr": "3.5.16",
+                "@vue/shared": "3.5.16"
             },
             "peerDependencies": {
-                "vue": "3.5.14"
+                "vue": "3.5.16"
             }
         },
         "node_modules/@vue/shared": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.16.tgz",
+            "integrity": "sha512-c/0fWy3Jw6Z8L9FmTyYfkpM5zklnqqa9+a6dz3DvONRKW2NEbh46BP0FHuLFSWi2TnQEtp91Z6zOWNrU6QiyPg==",
             "license": "MIT"
         },
         "node_modules/@vueuse/core": {
@@ -2458,8 +2544,106 @@
         },
         "node_modules/csstype": {
             "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
             "license": "MIT"
         },
+        "node_modules/d3-color": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+            "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/d3-dispatch": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+            "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/d3-drag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+            "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+            "dependencies": {
+                "d3-dispatch": "1 - 3",
+                "d3-selection": "3"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/d3-ease": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+            "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/d3-interpolate": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+            "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+            "dependencies": {
+                "d3-color": "1 - 3"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/d3-selection": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+            "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/d3-timer": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+            "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/d3-transition": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+            "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+            "dependencies": {
+                "d3-color": "1 - 3",
+                "d3-dispatch": "1 - 3",
+                "d3-ease": "1 - 3",
+                "d3-interpolate": "1 - 3",
+                "d3-timer": "1 - 3"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "peerDependencies": {
+                "d3-selection": "2 - 3"
+            }
+        },
+        "node_modules/d3-zoom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+            "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+            "dependencies": {
+                "d3-dispatch": "1 - 3",
+                "d3-drag": "2 - 3",
+                "d3-interpolate": "1 - 3",
+                "d3-selection": "2 - 3",
+                "d3-transition": "2 - 3"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
         "node_modules/debug": {
             "version": "4.4.1",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
@@ -3852,6 +4036,8 @@
         },
         "node_modules/magic-string": {
             "version": "0.30.17",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.5.0"
@@ -4575,6 +4761,8 @@
         },
         "node_modules/nanoid": {
             "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
             "funding": [
                 {
                     "type": "github",
@@ -4889,9 +5077,9 @@
             }
         },
         "node_modules/postcss": {
-            "version": "8.5.3",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
-            "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+            "version": "8.5.4",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz",
+            "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -4908,7 +5096,7 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "nanoid": "^3.3.8",
+                "nanoid": "^3.3.11",
                 "picocolors": "^1.1.1",
                 "source-map-js": "^1.2.1"
             },
@@ -5060,21 +5248,42 @@
             "license": "MIT"
         },
         "node_modules/primevue": {
-            "version": "4.3.4",
-            "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.3.4.tgz",
-            "integrity": "sha512-zYQFBXI7BIEglc99MzNmQ/huZnzUYzF2JXQT3OFFUIUfz6aHW5hCdjyYPoThDICjKYAladqvvLkW7XQT+Kf08Q==",
+            "version": "4.3.5",
+            "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.3.5.tgz",
+            "integrity": "sha512-KYjLrf7W96qVOFdX2nyap5IrJIEF8qEfLaHpMPw+H3SCd7zV6uiIrOYBNvovk677rhjBGpSjEbxTFY/K+i/DMA==",
             "license": "MIT",
             "dependencies": {
-                "@primeuix/styled": "^0.6.1",
+                "@primeuix/styled": "^0.6.4",
                 "@primeuix/styles": "^1.1.1",
                 "@primeuix/utils": "^0.5.3",
-                "@primevue/core": "4.3.4",
-                "@primevue/icons": "4.3.4"
+                "@primevue/core": "4.3.5",
+                "@primevue/icons": "4.3.5"
             },
             "engines": {
                 "node": ">=12.11.0"
             }
         },
+        "node_modules/primevue/node_modules/@primeuix/styled": {
+            "version": "0.6.4",
+            "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.6.4.tgz",
+            "integrity": "sha512-7ePLwqazLV0x269YlPMeE4wtQKT0NScY2/gEin0/96krTiGiElmlzKMMbH69bVApm/sfen5DZGuCEEwPiBJJ5g==",
+            "license": "MIT",
+            "dependencies": {
+                "@primeuix/utils": "^0.5.3"
+            },
+            "engines": {
+                "node": ">=12.11.0"
+            }
+        },
+        "node_modules/primevue/node_modules/@primeuix/utils": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.5.4.tgz",
+            "integrity": "sha512-8LggV3Jz59pymHQD10e/u63z/GemQ22RBeu2Gb1eJgBYVwn1iOb82LR+daeAc/LxrXCC5pHnftnCmnZO6vInLA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.11.0"
+            }
+        },
         "node_modules/process-nextick-args": {
             "version": "2.0.1",
             "license": "MIT"
@@ -5455,6 +5664,8 @@
         },
         "node_modules/source-map-js": {
             "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
             "license": "BSD-3-Clause",
             "engines": {
                 "node": ">=0.10.0"
@@ -6137,14 +6348,16 @@
             }
         },
         "node_modules/vue": {
-            "version": "3.5.14",
+            "version": "3.5.16",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.16.tgz",
+            "integrity": "sha512-rjOV2ecxMd5SiAmof2xzh2WxntRcigkX/He4YFJ6WdRvVUrbt6DxC1Iujh10XLl8xCDRDtGKMeO3D+pRQ1PP9w==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.5.14",
-                "@vue/compiler-sfc": "3.5.14",
-                "@vue/runtime-dom": "3.5.14",
-                "@vue/server-renderer": "3.5.14",
-                "@vue/shared": "3.5.14"
+                "@vue/compiler-dom": "3.5.16",
+                "@vue/compiler-sfc": "3.5.16",
+                "@vue/runtime-dom": "3.5.16",
+                "@vue/server-renderer": "3.5.16",
+                "@vue/shared": "3.5.16"
             },
             "peerDependencies": {
                 "typescript": "*"
diff --git a/package.json b/package.json
index e217098..1b86541 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
         "oidc-client": "^1.11.5",
         "pinia": "^2.2.4",
         "primeicons": "^6.0.1",
-        "primevue": "^4.1.1",
+        "primevue": "^4.3.5",
         "quill": "^1.3.7",
         "showdown": "^2.1.0",
         "v-code-diff": "^1.13.1",
diff --git a/src/views/pages/DashExecution.vue b/src/views/pages/DashExecution.vue
index b8672f3..2ea92ef 100644
--- a/src/views/pages/DashExecution.vue
+++ b/src/views/pages/DashExecution.vue
@@ -1,50 +1,33 @@
 <template>
-  <div class="dash-container">
-    <div class="dash-header">
-      <h1 class="dash-title">Dashboard</h1>
-    </div>
+    <div class="dash-container">
+        <div class="dash-header">
+            <h1 class="dash-title">Dashboard</h1>
+        </div>
 
-    <div v-if="loading" class="flex justify-center">
-    <ProgressSpinner style="width: 50px; height: 50px; margin-top: 50px" strokeWidth="3" fill="transparent" />
-    </div>
+        <div v-if="loading" class="flex justify-center">
+            <ProgressSpinner style="width: 50px; height: 50px; margin-top: 50px" strokeWidth="3" fill="transparent" />
+        </div>
 
-    <div v-else class="dash-execution">
-    <div class="filter-section flex justify-start gap-4 items-end ">
-      <div class="filter-item">
-          <label class="filter-label ">Date Range:</label>
-      <Calendar v-model="dateRange" selectionMode="range" placeholder="Date Range" />
-    </div>
-      <!-- Dropdown account -->
-      <div class="filter-item">
-          <label class="filter-label">Account:</label>
-      <Dropdown 
-        v-model="selectedAccount" 
-        :options="uniqueAccounts" 
-        optionLabel="name"
-        optionValue="id" 
-        placeholder="All Accounts" 
-        class="w-full md:w-20rem" 
-      />
-      </div>
+        <div v-else class="dash-execution">
+            <div class="filter-section flex justify-start gap-4 items-end">
+                <div class="filter-item">
+                    <label class="filter-label">Date Range:</label>
+                    <Calendar v-model="dateRange" selectionMode="range" placeholder="Date Range" />
+                </div>
+                <!-- Dropdown account -->
+                <div class="filter-item">
+                    <label class="filter-label">Account:</label>
+                    <Dropdown v-model="selectedAccount" :options="uniqueAccounts" optionLabel="name" optionValue="id" placeholder="All Accounts" class="w-full md:w-20rem" />
+                </div>
 
-      <!-- MultiSelect progetti -->
-      <div class="filter-item">
-          <label class="filter-label">Project:</label>
-      <MultiSelect
-        v-model="selectedProjects"
-        :options="filteredProjects"
-        optionLabel="fe_name"
-        optionValue="id"
-        display="chip"
-        placeholder="All Projects"
-        :maxSelectedLabels="3"
-        class="w-full"
-        style="min-width: 100px;"
-        />
-      </div>
+                <!-- MultiSelect progetti -->
+                <div class="filter-item">
+                    <label class="filter-label">Project:</label>
+                    <MultiSelect v-model="selectedProjects" :options="filteredProjects" optionLabel="fe_name" optionValue="id" display="chip" placeholder="All Projects" :maxSelectedLabels="3" class="w-full" style="min-width: 100px" />
+                </div>
 
-      <!-- MultiSelect applicazione -->
-      <!-- <div class="filter-item">
+                <!-- MultiSelect applicazione -->
+                <!-- <div class="filter-item">
           <label class="filter-label">Application:</label>
       <MultiSelect
         v-model="selectedApplications"
@@ -79,310 +62,281 @@
         </div>
       </div> -->
 
-      <!-- MultiSelect scenarios -->
-      <div class="filter-item">
-          <label class="filter-label">Scenario:</label>
-      <MultiSelect
-        v-model="selectedScenarios"
-        :options="scenarioOptions"
-        optionLabel="name"
-        optionValue="id"
-        display="chip"
-        placeholder="All Scenarios"
-        :maxSelectedLabels="3"
-        class="w-full"
-        style="min-width: 100px;"
-        />
-      </div>
+                <!-- MultiSelect scenarios -->
+                <div class="filter-item">
+                    <label class="filter-label">Scenario:</label>
+                    <MultiSelect v-model="selectedScenarios" :options="scenarioOptions" optionLabel="name" optionValue="id" display="chip" placeholder="All Scenarios" :maxSelectedLabels="3" class="w-full" style="min-width: 100px" />
+                </div>
 
-    <!-- <div class=" apply-button-container">
+                <!-- <div class=" apply-button-container">
       <label class="filter-label">&nbsp;</label>
       <Button label="Apply" @click="onApplyFilters" class="p-button-purple apply-button" />
     </div>
   </div> -->
 
-  <div class="apply-button-container">
-    <label class="filter-label">&nbsp;</label>
-    <div class="button-group">
-      <Button 
-        label="Clear" 
-        @click="onClearFilters" 
-        class="p-button-outlined p-button-secondary clear-button" 
-        icon="pi pi-times"
-      />
-      <Button 
-        label="Apply" 
-        @click="onApplyFilters" 
-        class="p-button-purple apply-button" 
-        icon="pi pi-search"
-      />
-    </div>
-  </div>
-</div>
+                <div class="apply-button-container">
+                    <label class="filter-label">&nbsp;</label>
+                    <div class="button-group">
+                        <Button label="Clear" @click="onClearFilters" class="p-button-outlined p-button-secondary clear-button" icon="pi pi-times" />
+                        <Button label="Apply" @click="onApplyFilters" class="p-button-purple apply-button" icon="pi pi-search" />
+                    </div>
+                </div>
+            </div>
 
+            <div v-if="showTables">
+                <!-- Tabella Aggregations -->
+                <div class="p-my-3 mb-8">
+                    <DataTable
+                        :value="dashboardResponse"
+                        class="p-datatable-sm"
+                        v-model:expandedRows="expandedRows"
+                        @rowExpand="onRowExpand"
+                        @rowCollapse="onRowCollapse"
+                        :paginator="true"
+                        :rows="10"
+                        paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
+                        currentPageReportTemplate="Showing {first} to {last} of {totalRecords} records"
+                        :rowsPerPageOptions="[10, 15, 20, 50, 100]"
+                        dataKey="id"
+                        :rowHover="true"
+                        rowGroupMode="subheader"
+                        :sortOrder="1"
+                        filterDisplay="menu"
+                        responsiveLayout="scroll"
+                    >
+                        <template #header>
+                            <div class="execution-section flex justify-between items-center">
+                                <h3 class="text-xl font-bold mt-6">Executions Stats</h3>
+                                <Button label="Export" icon="pi pi-download" class="p-button-purple" @click="exportAggregations" />
+                            </div>
+                        </template>
 
-   <div v-if="showTables">
-   <!-- Tabella Aggregations -->
-    <div class="p-my-3 mb-8">
-      <DataTable :value="dashboardResponse" class="p-datatable-sm" 
-             :paginator="true"
-             :rows="rowsPerPage"
-              :totalRecords="executions.length"
-              :first="(currentPageExecutions - 1) * rowsPerPage" 
-             paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
-                currentPageReportTemplate="Showing {first} to {last} of {totalRecords} records"
-                :sortOrder="1" filterDisplay="menu"
-                tableStyle="min-width: 70rem" 
-                :rowsPerPageOptions="[10, 15, 20, 50, 100]" dataKey="id" :rowHover="true" rowGroupMode="subheader"
-      @page="onPage" 
-      @sort="onSort"
-      removableSort
-      responsiveLayout="scroll">
-        <template #header>
-        <div class="execution-section flex justify-between items-center ">
-          <h3 class="text-xl font-bold mt-6">Executions Stats</h3>
-          <Button label="Export" icon="pi pi-download" class="p-button-purple" @click="exportAggregations" />
-        </div>
-      </template>
+                        <Column field="projectName" header="Project" sortable>
+                            <template #body="slotProps">
+                                <span>{{ slotProps.data.projectName }}</span>
+                            </template>
+                        </Column>
 
-       <Column field="projectName" header="Project" sortable>
-      <template #body="slotProps">
-        <span>{{ slotProps.data.projectName }}</span>
-      </template>
-    </Column>
+                        <Column field="scenarioInternalName" header="Scenario" sortable>
+                            <template #body="slotProps">
+                                <span>{{ slotProps.data.scenarioInternalName }}</span>
+                            </template>
+                        </Column>
 
-    <Column field="scenarioInternalName" header="Scenario" sortable>
-      <template #body="slotProps">
-        <span>{{ slotProps.data.scenarioInternalName }}</span>
-      </template>
-    </Column>
+                        <Column field="totalExecutions" header="Executions" sortable>
+                            <template #body="slotProps">
+                                <span>{{ slotProps.data.totalExecutions }}</span>
+                            </template>
+                        </Column>
 
-      <Column field="totalExecutions" header="Executions" sortable>
-      <template #body="slotProps">
-      <span>{{ slotProps.data.totalExecutions }}</span>
-      </template>
-      </Column>
+                        <Column field="totalTokens" header="Tokens" sortable>
+                            <template #body="slotProps">
+                                <span>{{ slotProps.data.totalTokens }}</span>
+                            </template>
+                        </Column>
 
-      <Column field="totalTokens" header="Tokens" sortable>
-      <template #body="slotProps">
-      <span>{{ slotProps.data.totalTokens }}</span>
-      </template>
-      </Column>
-
-      <!-- <Column field="totalChatInteractions" header="Chat interactions" sortable>
+                        <!-- <Column field="totalChatInteractions" header="Chat interactions" sortable>
       <template #body="slotProps">
         <span>{{ slotProps.data.totalChatInteractions }}</span>
       </template>
     </Column> -->
+                    </DataTable>
+                </div>
 
-    </DataTable>
-  </div>
+                <!-- Tabella Execution List -->
+                <div class="mb-8">
+                    <DataTable
+                        :value="executions"
+                        ref="executionTable"
+                        :totalRecords="executions.length"
+                        v-model:expandedRows="expandedRows"
+                        @rowExpand="onRowExpand"
+                        @rowCollapse="onRowCollapse"
+                        :paginator="true"
+                        :rows="10"
+                        paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
+                        currentPageReportTemplate="Showing {first} to {last} of {totalRecords} records"
+                        :rowsPerPageOptions="[10, 15, 20, 50, 100]"
+                        dataKey="id"
+                        :rowHover="true"
+                        rowGroupMode="subheader"
+                        :sortOrder="1"
+                        filterDisplay="menu"
+                        responsiveLayout="scroll"
+                    >
+                        <template #header>
+                            <div class="execution-section flex justify-between items-center">
+                                <h3 class="text-xl font-bold mt-6">Execution List</h3>
+                                <Button label="Export" icon="pi pi-download" class="p-button-purple" @click="exportExecutions" />
+                            </div>
+                        </template>
 
-    <!-- Tabella Execution List -->
-     <div class="mb-8">
-    <DataTable 
-      :value="paginatedExecutions" 
-      ref="executionTable"
-      :paginator="true"
-      :rows="rowsPerPage"
-      :totalRecords="executions.length"
-      :first="(currentPageExecutions - 1) * rowsPerPage"
-       paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
-                currentPageReportTemplate="Showing {first} to {last} of {totalRecords} records"
-                :sortOrder="1" filterDisplay="menu"
-                tableStyle="min-width: 70rem" 
-                :rowsPerPageOptions="[10, 15, 20, 50, 100]" dataKey="id" :rowHover="true" rowGroupMode="subheader"
-      @page="onPage" 
-      @sort="onSort"
-      removableSort
-      responsiveLayout="scroll"
-    >
-      <template #header>
-        <div class="execution-section flex justify-between items-center ">
-          <h3 class="text-xl font-bold mt-6">Execution List</h3>
-          <Button label="Export" icon="pi pi-download" class="p-button-purple" @click="exportExecutions" />
-        </div>
-      </template>
+                        <Column field="startDate" header="StartDate" sortable :exportFunction="(row) => moment(row.startDate || row.data?.startDate || row.data).format('DD-MM-YYYY HH:mm:ss')">
+                            <template #body="slotProps">
+                                {{ moment(slotProps.data.startDate).format('DD-MM-YYYY HH:mm:ss') }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="startDate" 
-        header="StartDate" 
-        sortable 
-        :exportFunction="(row) => moment(row.startDate || row.data?.startDate || row.data).format('DD-MM-YYYY HH:mm:ss')"
-      >
-        <template #body="slotProps">
-            {{ moment(slotProps.data.startDate).format('DD-MM-YYYY HH:mm:ss') }}
-        </template>
-      </Column>
+                        <Column field="executedByUsername" header="User" sortable :exportFunction="(row) => row.executedByUsername || ''">
+                            <template #body="slotProps">
+                                {{ slotProps.data.executedByUsername }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="executedByUsername" 
-        header="User" 
-        sortable 
-        :exportFunction="(row) => row.executedByUsername || ''"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.executedByUsername }}
-        </template>
-      </Column>
+                        <Column
+                            field="execSharedMap.user_input.selected_project"
+                            header="Project"
+                            sortable
+                            :exportFunction="
+                                (row) => {
+                                    try {
+                                        return row.execSharedMap?.user_input?.selected_project || '';
+                                    } catch (e) {
+                                        return '';
+                                    }
+                                }
+                            "
+                        >
+                            <template #body="slotProps">
+                                {{ slotProps.data.execSharedMap?.user_input?.selected_project || '' }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="execSharedMap.user_input.selected_project" 
-        header="Project" 
-        sortable 
-        :exportFunction="(row) => {
-          try {
-            return row.execSharedMap?.user_input?.selected_project || '';
-          } catch (e) {
-            return '';
-          }
-        }"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.execSharedMap?.user_input?.selected_project || '' }}
-        </template>
-      </Column>
+                        <Column
+                            field="execSharedMap.user_input.selected_application"
+                            header="App"
+                            sortable
+                            :exportFunction="
+                                (row) => {
+                                    try {
+                                        return row.execSharedMap?.user_input?.selected_application || '';
+                                    } catch (e) {
+                                        return '';
+                                    }
+                                }
+                            "
+                        >
+                            <template #body="slotProps">
+                                {{ slotProps.data.execSharedMap?.user_input?.selected_application || '' }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="execSharedMap.user_input.selected_application" 
-        header="App" 
-        sortable 
-        :exportFunction="(row) => {
-          try {
-            return row.execSharedMap?.user_input?.selected_application || '';
-          } catch (e) {
-            return '';
-          }
-        }"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.execSharedMap?.user_input?.selected_application || '' }}
-        </template>
-      </Column>
+                        <Column
+                            field="scenario.name"
+                            header="Scenario Name"
+                            sortable
+                            :exportFunction="
+                                (row) => {
+                                    try {
+                                        return row.scenario?.name || '';
+                                    } catch (e) {
+                                        return '';
+                                    }
+                                }
+                            "
+                        >
+                            <template #body="slotProps">
+                                {{ slotProps.data.scenario?.name || '' }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="scenario.name" 
-        header="Scenario Name" 
-        sortable 
-        :exportFunction="(row) => {
-          try {
-            return row.scenario?.name || '';
-          } catch (e) {
-            return '';
-          }
-        }"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.scenario?.name || '' }}
-        </template>
-      </Column>
+                        <Column
+                            field="scenario.category"
+                            header="Scenario Type"
+                            sortable
+                            :exportFunction="
+                                (row) => {
+                                    try {
+                                        return row.scenario?.category || '';
+                                    } catch (e) {
+                                        return '';
+                                    }
+                                }
+                            "
+                        >
+                            <template #body="slotProps">
+                                <div class="flex items-center gap-2">
+                                    {{ slotProps.data.scenario?.category || '' }}
+                                    <i class="pi pi-info-circle text-violet-600 cursor-pointer" v-tooltip="'Tipo di scenario: ' + (slotProps.data.scenario?.category || '')"></i>
+                                </div>
+                            </template>
+                        </Column>
 
-      <Column 
-        field="scenario.category" 
-        header="Scenario Type" 
-        sortable 
-        :exportFunction="(row) => {
-          try {
-            return row.scenario?.category || '';
-          } catch (e) {
-            return '';
-          }
-        }"
-      >
-        <template #body="slotProps">
-          <div class="flex items-center gap-2">
-            {{ slotProps.data.scenario?.category || '' }}
-            <i
-              class="pi pi-info-circle text-violet-600 cursor-pointer"
-              v-tooltip="'Tipo di scenario: ' + (slotProps.data.scenario?.category || '')"
-            ></i>
-          </div>
-        </template>
-      </Column>
+                        <Column
+                            field="scenario.aiModel.model"
+                            header="Model"
+                            sortable
+                            :exportFunction="
+                                (row) => {
+                                    try {
+                                        return row.scenario?.aiModel?.model || '';
+                                    } catch (e) {
+                                        return '';
+                                    }
+                                }
+                            "
+                        >
+                            <template #body="slotProps">
+                                {{ slotProps.data.scenario?.aiModel?.model || '' }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="scenario.aiModel.model" 
-        header="Model" 
-        sortable 
-        :exportFunction="(row) => {
-          try {
-            return row.scenario?.aiModel?.model || '';
-          } catch (e) {
-            return '';
-          }
-        }"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.scenario?.aiModel?.model || '' }}
-        </template>
-      </Column>
+                        <Column field="usedTokens" header="Token" sortable :exportFunction="(row) => row.usedTokens || ''">
+                            <template #body="slotProps">
+                                {{ slotProps.data.usedTokens || '' }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="usedTokens" 
-        header="Token" 
-        sortable 
-        :exportFunction="(row) => row.usedTokens || ''"
-      >
-        <template #body="slotProps">
-          {{ slotProps.data.usedTokens || '' }}
-        </template>
-      </Column>
+                        <Column field="rating" header="Rating" sortable :exportFunction="(row) => row.rating || ''">
+                            <template #body="slotProps">
+                                <Rating :modelValue="slotProps.data.rating" :stars="5" :readonly="true" />
+                            </template>
+                        </Column>
 
-      <Column 
-        field="rating" 
-        header="Rating" 
-        sortable 
-        :exportFunction="(row) => row.rating || ''"
-      >
-        <template #body="slotProps">
-          <Rating :modelValue="slotProps.data.rating" :stars="5" :readonly="true" />
-        </template>
-      </Column>
+                        <Column
+                            field="elapsed"
+                            header="Elapsed"
+                            sortable
+                            :exportFunction="
+                                (row) => {
+                                    if (!row.endDate || !row.startDate) return '';
+                                    const elapsed = (new Date(row.endDate) - new Date(row.startDate)) / 1000;
+                                    return formatElapsed(elapsed);
+                                }
+                            "
+                        >
+                            <template #body="slotProps">
+                                {{ formatElapsed((new Date(slotProps.data.endDate) - new Date(slotProps.data.startDate)) / 1000) }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="elapsed" 
-        header="Elapsed" 
-        sortable 
-        :exportFunction="(row) => {
-          if (!row.endDate || !row.startDate) return '';
-          const elapsed = (new Date(row.endDate) - new Date(row.startDate)) / 1000;
-          return formatElapsed(elapsed);
-        }"
-      >
-       <template #body="slotProps">
-        {{
-           formatElapsed(
-         (new Date(slotProps.data.endDate) - new Date(slotProps.data.startDate)) / 1000
-          )
-        }}
-       </template>
-      </Column>
+                        <Column
+                            field="hasAnswer"
+                            header="Answer"
+                            sortable
+                            :exportFunction="
+                                (row) => {
+                                    if (row.latestStepStatus === 'ERROR') return 'N';
+                                    if (row.status === 'ERROR') return 'N';
+                                    return 'Y';
+                                }
+                            "
+                        >
+                            <template #body="slotProps">
+                                {{ slotProps.data.latestStepStatus === 'ERROR' ? 'N' : 'Y' }}
+                            </template>
+                        </Column>
 
-      <Column 
-        field="hasAnswer" 
-        header="Answer" 
-        sortable 
-        :exportFunction="(row) => {
-          if (row.latestStepStatus === 'ERROR') return 'N';
-          if (row.status === 'ERROR') return 'N';
-          return 'Y';
-        }"
-      >
-        <template #body="slotProps">
-            {{ slotProps.data.latestStepStatus === 'ERROR' ? 'N' : 'Y' }}
-        </template>
-      </Column>
+                        <template #empty>
+                            <tr>
+                                <td :colspan="12" class="text-center">No execution found</td>
+                            </tr>
+                        </template>
+                    </DataTable>
+                </div>
 
-      <template #empty>
-        <tr>
-          <td :colspan="12" class="text-center">No execution found</td>
-        </tr>
-      </template>
-    </DataTable>
-  </div>
-
-    <!-- Tabella Chat List -->
-    <!-- <div class="mb-8">
+                <!-- Tabella Chat List -->
+                <!-- <div class="mb-8">
     <DataTable
       :value="paginatedChats" 
       ref="chatTable"
@@ -419,82 +373,77 @@
       </template>
     </DataTable>
   </div>  -->
-  </div> 
+            </div>
 
-
-    <div v-if="loading_data" class="flex justify-center">
-      <ProgressSpinner style="width: 30px; height: 30px; margin: 30px" strokeWidth="6" fill="transparent" />
+            <div v-if="loading_data" class="flex justify-center">
+                <ProgressSpinner style="width: 30px; height: 30px; margin: 30px" strokeWidth="6" fill="transparent" />
+            </div>
+        </div>
     </div>
-  </div>
-</div>
 </template>
 
 <script setup>
-import { ref, onMounted, watch, computed } from 'vue'
-import { useRouter } from 'vue-router'
-import { useToast } from 'primevue/usetoast'
-import ProgressSpinner from 'primevue/progressspinner'
-import { DashboardScenarioStore } from '@/stores/dashboard/DashboardScenarioStore'
-import { UserPrefStore } from '@/stores/UserPrefStore'
-import { Rating } from 'primevue'
-import moment from 'moment';  
-import axios from 'axios'
+import { DashboardScenarioStore } from '@/stores/dashboard/DashboardScenarioStore';
+import { UserPrefStore } from '@/stores/UserPrefStore';
+import moment from 'moment';
+import { Rating } from 'primevue';
+import ProgressSpinner from 'primevue/progressspinner';
+import { useToast } from 'primevue/usetoast';
+import { computed, onMounted, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
 
-const loading = ref(false)
-const loading_data = ref(false)
-const showTables = ref(false) 
+const loading = ref(false);
+const loading_data = ref(false);
+const showTables = ref(false);
 
-const dateRange = ref(null)
-const selectedAccount = ref(null)
-const selectedProjects = ref([])
+const dateRange = ref(null);
+const selectedAccount = ref(null);
+const selectedProjects = ref([]);
 
-const executions = ref([])
-const chats = ref([])
-
-const currentPageExecutions = ref(1)
-const currentPageChats = ref(1)
-const rowsPerPage = ref(100)
-
-const executionTable = ref(null)
-const chatTable = ref(null)
-const router = useRouter()
-const toast = useToast()
-const dashboardScenarioStore = DashboardScenarioStore()
-console.log(dashboardScenarioStore)
-const userPrefStore = UserPrefStore()
-const filteredProjectOption = ref([])
-const projectOptions = ref([])
-const filteredProjectMulti = ref([])
-const selectedApplications = ref([])
-const selectedUsers = ref([])
-const appOptions = ref([])
-const userOptions = ref([])
-const selectedScenarios = ref([]) 
-const scenarioOptions = ref([]) 
-const filteredProjects = ref([])
-const dashboardResponse = ref(null)
-const totalExecutions = ref(null)
-const totalTokens = ref (null)
-const loadingUsers = ref(false)
+const executions = ref([]);
+const chats = ref([]);
 
+const currentPageExecutions = ref(1);
+const currentPageChats = ref(1);
+const rowsPerPage = ref(100);
 
+const executionTable = ref(null);
+const chatTable = ref(null);
+const router = useRouter();
+const toast = useToast();
+const dashboardScenarioStore = DashboardScenarioStore();
+console.log(dashboardScenarioStore);
+const userPrefStore = UserPrefStore();
+const filteredProjectOption = ref([]);
+const projectOptions = ref([]);
+const filteredProjectMulti = ref([]);
+const selectedApplications = ref([]);
+const selectedUsers = ref([]);
+const appOptions = ref([]);
+const userOptions = ref([]);
+const selectedScenarios = ref([]);
+const scenarioOptions = ref([]);
+const filteredProjects = ref([]);
+const dashboardResponse = ref(null);
+const totalExecutions = ref(null);
+const totalTokens = ref(null);
+const loadingUsers = ref(false);
 
 function formatElapsed(seconds) {
-  const mins = Math.floor(seconds / 60)
-  const secs = Math.floor(seconds % 60)
-  return mins > 0 ? `${mins}m ${secs}s` : `${secs}s`
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return mins > 0 ? `${mins}m ${secs}s` : `${secs}s`;
 }
 
 // Computed accounts unici da projectOptions
 const uniqueAccounts = computed(() => {
-  const lstProjects = userPrefStore.user?.lstProjects || []
-  const accounts = [...new Set(lstProjects.map(p => p.account).filter(Boolean))]
-  console.log('Unique accounts:', accounts)
-  return accounts.map(acc => ({ name: acc, id: acc })) // usa anche `id` se serve per la picklist
-})
+    const lstProjects = userPrefStore.user?.lstProjects || [];
+    const accounts = [...new Set(lstProjects.map((p) => p.account).filter(Boolean))];
+    console.log('Unique accounts:', accounts);
+    return accounts.map((acc) => ({ name: acc, id: acc })); // usa anche `id` se serve per la picklist
+});
 
-
-// Filter progetti per account selezionato 
+// Filter progetti per account selezionato
 // const filteredProjects = computed(() => {
 //   if (!projectOptions.value) return []
 //   let filteredList = projectOptions.value
@@ -503,113 +452,86 @@ const uniqueAccounts = computed(() => {
 //     filteredList = filteredList.filter(p => p.account === selectedAccount.value.name)
 //   }
 
-
-//   return filteredList
+return filteredList;
 // })
 
-// Paginate executions
-const paginatedExecutions = computed(() => {
-  const start = (currentPageExecutions.value - 1) * rowsPerPage.value
-  return executions.value.slice(start, start + rowsPerPage.value)
-})
-
 const onPage = (event) => {
-  currentPageExecutions.value = event.page + 1
-  // currentPageChats.value = event.page + 1
-  console.log('Cambio pagina:', event)
-}
-
-
-// Paginate chats
-// const paginatedChats = computed(() => {
-//   const start = (currentPageChats.value - 1) * rowsPerPage.value
-//   return chats.value.slice(start, start + rowsPerPage.value)
-// })
-
+    currentPageExecutions.value = event.page + 1;
+    // currentPageChats.value = event.page + 1
+    console.log('Page changed:', event);
+};
 
 const exportExecutions = () => {
-  if (!executions.value.length) {
-    toast.add({
-      severity: 'warn',
-      summary: 'Attenzione',
-      detail: 'Nessun dato da esportare'
-    })
-    return
-  }
-  
-  // Converte i dati Proxy in oggetti normali per l'export
-  const dataForExport = executions.value.map(row => ({
-    StartDate: moment(row.startDate).format('DD-MM-YYYY HH:mm:ss'),
-    User: row.executedByUsername || '',
-    Project: row.execSharedMap?.user_input?.selected_project || '',
-    App: row.execSharedMap?.user_input?.selected_application || '',
-    'Scenario Name': row.scenario?.name || '',
-    'Scenario Type': row.scenario?.category || '',
-    Model: row.scenario?.aiModel?.model || '',
-    Token: row.usedTokens || '',
-    Rating: row.rating || '',
-    Elapsed: row.endDate && row.startDate ? 
-      formatElapsed((new Date(row.endDate) - new Date(row.startDate)) / 1000) : '',
-    Answer: row.latestStepStatus === 'ERROR' ? 'N' : 'Y'
-  }))
-  
-  // Crea il CSV manualmente
-  const headers = Object.keys(dataForExport[0])
-  const csvContent = [
-    headers.join(','),
-    ...dataForExport.map(row => 
-      headers.map(header => `"${row[header]}"`).join(',')
-    )
-  ].join('\n')
-  
-  // Download del file
-  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
-  const link = document.createElement('a')
-  const url = URL.createObjectURL(blob)
-  link.setAttribute('href', url)
-  link.setAttribute('download', `executions_${moment().format('YYYY-MM-DD')}.csv`)
-  link.style.visibility = 'hidden'
-  document.body.appendChild(link)
-  link.click()
-  document.body.removeChild(link)
-}
+    if (!executions.value.length) {
+        toast.add({
+            severity: 'warn',
+            summary: 'Warning',
+            detail: 'No data to export'
+        });
+        return;
+    }
+
+    // Converte i dati Proxy in oggetti normali per l'export
+    const dataForExport = executions.value.map((row) => ({
+        StartDate: moment(row.startDate).format('DD-MM-YYYY HH:mm:ss'),
+        User: row.executedByUsername || '',
+        Project: row.execSharedMap?.user_input?.selected_project || '',
+        App: row.execSharedMap?.user_input?.selected_application || '',
+        'Scenario Name': row.scenario?.name || '',
+        'Scenario Type': row.scenario?.category || '',
+        Model: row.scenario?.aiModel?.model || '',
+        Token: row.usedTokens || '',
+        Rating: row.rating || '',
+        Elapsed: row.endDate && row.startDate ? formatElapsed((new Date(row.endDate) - new Date(row.startDate)) / 1000) : '',
+        Answer: row.latestStepStatus === 'ERROR' ? 'N' : 'Y'
+    }));
+
+    // Crea il CSV manualmente
+    const headers = Object.keys(dataForExport[0]);
+    const csvContent = [headers.join(','), ...dataForExport.map((row) => headers.map((header) => `"${row[header]}"`).join(','))].join('\n');
+
+    // Download del file
+    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+    const link = document.createElement('a');
+    const url = URL.createObjectURL(blob);
+    link.setAttribute('href', url);
+    link.setAttribute('download', `executions_${moment().format('YYYY-MM-DD')}.csv`);
+    link.style.visibility = 'hidden';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+};
 
 const exportAggregations = () => {
-  if (!dashboardResponse.value || dashboardResponse.value.length === 0) {
-    toast.add({
-      severity: 'warn',
-      summary: 'Attenzione',
-      detail: 'Nessun dato aggregato da esportare'
-    })
-    return
-  }
+    if (!dashboardResponse.value || dashboardResponse.value.length === 0) {
+        toast.add({
+            severity: 'warn',
+            summary: 'Warning',
+            detail: 'No aggregation data to export'
+        });
+        return;
+    }
 
-  const dataForExport = dashboardResponse.value.map(item => ({
-    'Project Name': item.projectName,
-    'Scenario Name': item.scenarioInternalName, 
-    'Total Executions': item.totalExecutions,
-    'Total Tokens': item.totalTokens
-  }))
+    const dataForExport = dashboardResponse.value.map((item) => ({
+        'Project Name': item.projectName,
+        'Scenario Name': item.scenarioInternalName,
+        'Total Executions': item.totalExecutions,
+        'Total Tokens': item.totalTokens
+    }));
 
-  const headers = Object.keys(dataForExport[0])
-  const csvContent = [
-    headers.join(';'), 
-    ...dataForExport.map(row =>
-      headers.map(header => `"${row[header]}"`).join(';')
-    )
-  ].join('\n')
-
-  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
-  const link = document.createElement('a')
-  const url = URL.createObjectURL(blob)
-  link.setAttribute('href', url)
-  link.setAttribute('download', `Aggregations_${moment().format('DD-MM-YYYY_HH-mm-ss')}.csv`)
-  link.style.visibility = 'hidden'
-  document.body.appendChild(link)
-  link.click()
-  document.body.removeChild(link)
-}
+    const headers = Object.keys(dataForExport[0]);
+    const csvContent = [headers.join(';'), ...dataForExport.map((row) => headers.map((header) => `"${row[header]}"`).join(';'))].join('\n');
 
+    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+    const link = document.createElement('a');
+    const url = URL.createObjectURL(blob);
+    link.setAttribute('href', url);
+    link.setAttribute('download', `Aggregations_${moment().format('DD-MM-YYYY_HH-mm-ss')}.csv`);
+    link.style.visibility = 'hidden';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+};
 
 // const exportChats = () => {
 //   if (chatTable.value) chatTable.value.exportCSV()
@@ -617,264 +539,201 @@ const exportAggregations = () => {
 
 // Caricamento dati con filtri
 const loadData = async () => {
-  loading_data.value = true
-  try {
-    const filterParams = {
-      // Date
-      dateFrom:
-        dateRange.value?.[0]
-          ? dateRange.value[0].toISOString().split('T')[0]
-          : null,
-      dateTo:
-        dateRange.value?.[1]
-          ? dateRange.value[1].toISOString().split('T')[0]
-          : null,
+    loading_data.value = true;
+    try {
+        const filterParams = {
+            // Date
+            dateFrom: dateRange.value?.[0] ? dateRange.value[0].toISOString().split('T')[0] : null,
+            dateTo: dateRange.value?.[1] ? dateRange.value[1].toISOString().split('T')[0] : null,
 
-      account: selectedAccount.value || null,
+            account: selectedAccount.value || null,
 
-      // Progetti
-      projectIds: selectedProjects.value.length
-        ? selectedProjects.value.map(id => String(id))
-        : [],
-      projectNames: selectedProjects.value.length
-        ? selectedProjects.value
-            .map(id => {
-              const project = projectOptions.value.find(p => p.id === id)
-              return project ? project.fe_name : null
-            })
-            .filter(Boolean)
-        : [],
+            // Progetti
+            projectIds: selectedProjects.value.length ? selectedProjects.value.map((id) => String(id)) : [],
+            projectNames: selectedProjects.value.length
+                ? selectedProjects.value
+                      .map((id) => {
+                          const project = projectOptions.value.find((p) => p.id === id);
+                          return project ? project.fe_name : null;
+                      })
+                      .filter(Boolean)
+                : [],
 
-      // // Applicazioni
-      // applicationIds: selectedApplications.value.length
-      //   ? selectedApplications.value.map(id => String(id))
-      //   : [],
-      // applicationNames: selectedApplications.value.length
-      //   ? selectedApplications.value
-      //       .map(id => {
-      //         const app = appOptions.value.find(a => a.id === id)
-      //         return app ? app.fe_name : null
-      //       })
-      //       .filter(Boolean)
-      //   : [],
+            // // Applicazioni
+            // applicationIds: selectedApplications.value.length
+            //   ? selectedApplications.value.map(id => String(id))
+            //   : [],
+            // applicationNames: selectedApplications.value.length
+            //   ? selectedApplications.value
+            //       .map(id => {
+            //         const app = appOptions.value.find(a => a.id === id)
+            //         return app ? app.fe_name : null
+            //       })
+            //       .filter(Boolean)
+            //   : [],
 
-      // // Utenti
-      // userIds: selectedUsers.value.length
-      //   ? selectedUsers.value.map(id => String(id))
-      //   : [],
-      // userNames: selectedUsers.value.length
-      //   ? selectedUsers.value
-      //       .map(id => {
-      //         const user = userOptions.value.find(u => u.id === id)
-      //         return user ? user.username : null
-      //       })
-      //       .filter(Boolean)
-      //   : [],
+            // // Utenti
+            // userIds: selectedUsers.value.length
+            //   ? selectedUsers.value.map(id => String(id))
+            //   : [],
+            // userNames: selectedUsers.value.length
+            //   ? selectedUsers.value
+            //       .map(id => {
+            //         const user = userOptions.value.find(u => u.id === id)
+            //         return user ? user.username : null
+            //       })
+            //       .filter(Boolean)
+            //   : [],
 
-      // Scenari
-      scenarioIds: selectedScenarios.value.length
-        ? selectedScenarios.value.map(id => String(id))
-        : [],
-      scenarioNames: selectedScenarios.value.length
-        ? selectedScenarios.value
-            .map(id => {
-              const scenario = scenarioOptions.value.find(s => s.id === id)
-              return scenario ? scenario.name : null
-            })
-            .filter(Boolean)
-        : []
+            // Scenari
+            scenarioIds: selectedScenarios.value.length ? selectedScenarios.value.map((id) => String(id)) : [],
+            scenarioNames: selectedScenarios.value.length
+                ? selectedScenarios.value
+                      .map((id) => {
+                          const scenario = scenarioOptions.value.find((s) => s.id === id);
+                          return scenario ? scenario.name : null;
+                      })
+                      .filter(Boolean)
+                : []
+        };
+
+        console.log('Filter parameters:', filterParams);
+
+        const chatParams = {
+            dateFrom: dateRange.value?.[0] ? dateRange.value[0].toISOString().split('T')[0] : null,
+            dateTo: dateRange.value?.[1] ? dateRange.value[1].toISOString().split('T')[0] : null,
+            projectIds: selectedProjects.value.length ? selectedProjects.value.map((id) => String(id)) : [],
+            projectNames: selectedProjects.value.length
+                ? selectedProjects.value
+                      .map((id) => {
+                          const project = projectOptions.value.find((p) => p.id === id);
+                          return project ? project.fe_name : null;
+                      })
+                      .filter(Boolean)
+                : [],
+            scenarioIds: selectedScenarios.value.length ? selectedScenarios.value.map((id) => String(id)) : []
+        };
+
+        console.log('Chat parameters:', chatParams);
+
+        await dashboardScenarioStore.loadExecutions(filterParams);
+        await dashboardScenarioStore.loadExecutionsStats(filterParams);
+        executions.value = dashboardScenarioStore.executions;
+        console.log('Executions:', executions);
+        dashboardResponse.value = dashboardScenarioStore.dashboardResponse;
+        console.log('Execution Stats:', dashboardResponse);
+    } catch (error) {
+        toast.add({
+            severity: 'error',
+            summary: 'Error',
+            detail: 'Error while loading data'
+        });
+        console.error(error);
+    } finally {
+        loading_data.value = false;
     }
-
-    console.log("Parametri filtro:", filterParams)
-
-
-    const chatParams = {
-      
-      dateFrom:
-        dateRange.value?.[0]
-          ? dateRange.value[0].toISOString().split('T')[0]
-          : null,
-      dateTo:
-        dateRange.value?.[1]
-          ? dateRange.value[1].toISOString().split('T')[0]
-          : null,
-      projectIds: selectedProjects.value.length
-        ? selectedProjects.value.map(id => String(id))
-        : [],
-      projectNames: selectedProjects.value.length
-        ? selectedProjects.value
-            .map(id => {
-              const project = projectOptions.value.find(p => p.id === id)
-              return project ? project.fe_name : null
-            })
-            .filter(Boolean)
-        : [],
-      scenarioIds: selectedScenarios.value.length
-        ? selectedScenarios.value.map(id => String(id))
-        : []
-    }
-
-    console.log("Parametri chat:", chatParams)
-
-  
-
-     await dashboardScenarioStore.loadExecutions(filterParams)
-     await dashboardScenarioStore.loadExecutionsStats(filterParams)
-      executions.value = dashboardScenarioStore.executions
-      console.log("Executions", executions)
-      dashboardResponse.value = dashboardScenarioStore.dashboardResponse
-      console.log("RISPOSTA BACK", dashboardResponse)
-     
-     await dashboardScenarioStore.loadChatStats(chatParams)
-
-    //  if (dashboardResponse.value) {
-    //   if (dashboardResponse.value.executions) {
-    //     executions.value = [...dashboardResponse.value.executions].sort(
-    //      (a, b) => new Date(b.data) - new Date(a.data)
-    //    )
-    //   } else {
-    //    executions.value = []
-    //  }
-    //   if (dashboardResponse.value.totalExecutions) {
-    //     totalExecutions.value = dashboardResponse.value.totalExecutions
-    //   } else {
-    //     totalExecutions.value = 0
-    //   }
-    //   if (dashboardResponse.value.totalTokens) {
-    //     totalTokens.value = dashboardResponse.value.totalTokens
-    //   } else {
-    //     totalTokens.value = 0
-    //   }
-
-    //  } else {
-    //    executions.value = []
-    //  }
-
-    // executions.value = [...dashboardScenarioStore.executions].sort(
-    //   (a, b) => new Date(b.data) - new Date(a.data)
-    // )
-
-  } catch (error) {
-    toast.add({
-      severity: 'error',
-      summary: 'Errore',
-      detail: 'Errore durante il caricamento dei dati'
-    })
-    console.error(error)
-  } finally {
-    loading_data.value = false
-  }
-}
+};
 
 const tableData = computed(() => {
-  const data = dashboardResponse?.value;
-  if (!data || (!data.totalExecutions && !data.totalTokens)) {
-    return [];
-  }
-  return [
-    {
-     project: data.project,
-     scenario: data.scenario,
-     totalExecutions: data.totalExecutions,
-     totalTokens: data.totalTokens,
-     totalChatInteractions: data.totalChatInteractions 
+    const data = dashboardResponse?.value;
+    if (!data || (!data.totalExecutions && !data.totalTokens)) {
+        return [];
     }
-  ];
+    return [
+        {
+            project: data.project,
+            scenario: data.scenario,
+            totalExecutions: data.totalExecutions,
+            totalTokens: data.totalTokens,
+            totalChatInteractions: data.totalChatInteractions
+        }
+    ];
 });
 
 // Validazione range data max 30 giorni
 const validateDateRange = () => {
-  if (dateRange.value && dateRange.value[0] && dateRange.value[1]) {
-    const start = new Date(dateRange.value[0])
-    const end = new Date(dateRange.value[1])
-    const diffInDays = (end - start) / (1000 * 60 * 60 * 24)
+    if (dateRange.value && dateRange.value[0] && dateRange.value[1]) {
+        const start = new Date(dateRange.value[0]);
+        const end = new Date(dateRange.value[1]);
+        const diffInDays = (end - start) / (1000 * 60 * 60 * 24);
 
-    if (diffInDays > 30) {
-      toast.add({
-        severity: 'warn',
-        summary: 'RANGE TROPPO AMPIO!',
-        detail: 'Puoi selezionare al massimo 30 giorni',
-        life: 5000
-      })
-      return false
+        if (diffInDays > 30) {
+            toast.add({
+                severity: 'warn',
+                summary: 'Range Too Wide!',
+                detail: 'You can select a maximum of 30 days',
+                life: 5000
+            });
+            return false;
+        }
     }
-  }
-  return true
-}
+    return true;
+};
 
 // Applica filtro e carica dati
 const onApplyFilters = async () => {
-  if (!validateDateRange()) return
-  currentPageExecutions.value = 1
-  showTables.value = false
-  await loadData()
-  showTables.value = true
-}
+    if (!validateDateRange()) return;
+    currentPageExecutions.value = 1;
+    showTables.value = false;
+    await loadData();
+    showTables.value = true;
+};
 
 // Funzione per cancellare  filtri
 const onClearFilters = () => {
-  dateRange.value = null
-  selectedAccount.value = null
-  selectedProjects.value = []
-  selectedApplications.value = []
-  selectedUsers.value = []
-  selectedScenarios.value = []
-  
-  showTables.value = false
-}
-
+    dateRange.value = null;
+    selectedAccount.value = null;
+    selectedProjects.value = [];
+    selectedApplications.value = [];
+    selectedUsers.value = [];
+    selectedScenarios.value = [];
 
+    showTables.value = false;
+};
 
 // Al montaggio carica progetti
 onMounted(async () => {
-  loading.value = true
-  try {
-    const today = new Date();
-    const sevenDaysAgo = new Date();
-    sevenDaysAgo.setDate(today.getDate() - 7);
-    dateRange.value = [sevenDaysAgo, today];
-    await userPrefStore.fetchUserData()
-    const lstProjects = userPrefStore.user?.lstProjects || []
-     console.log('Progetti caricati:', lstProjects)
+    loading.value = true;
+    try {
+        const today = new Date();
+        const sevenDaysAgo = new Date();
+        sevenDaysAgo.setDate(today.getDate() - 7);
+        dateRange.value = [sevenDaysAgo, today];
+        await userPrefStore.fetchUserData();
+        const lstProjects = userPrefStore.user?.lstProjects || [];
+        console.log('Projects loaded:', lstProjects);
 
-    projectOptions.value = lstProjects
-      .filter(p => p.fe_name)
-      .map(p => ({ ...p }))
-    selectedProjects.value= []
+        projectOptions.value = lstProjects.filter((p) => p.fe_name).map((p) => ({ ...p }));
+        selectedProjects.value = [];
 
-    // Popola appOptions in base alle applicazioni nei progetti
-  const applicationMap = new Map()
+        // Popola appOptions in base alle applicazioni nei progetti
+        const applicationMap = new Map();
 
-  lstProjects.forEach(project => {
-    if (Array.isArray(project.lstApplications)) {
-      project.lstApplications.forEach(app => {
-        // Evita duplicati usando la mappa con ID come chiave
-        if (!applicationMap.has(app.id)) {
-          applicationMap.set(app.id, app)
-        }
-      })
-    } 
-  })
+        lstProjects.forEach((project) => {
+            if (Array.isArray(project.lstApplications)) {
+                project.lstApplications.forEach((app) => {
+                    // Evita duplicati usando la mappa con ID come chiave
+                    if (!applicationMap.has(app.id)) {
+                        applicationMap.set(app.id, app);
+                    }
+                });
+            }
+        });
 
-    appOptions.value = Array.from(applicationMap.values())
+        appOptions.value = Array.from(applicationMap.values());
 
-   
-
-    // await dashboardScenarioStore.loadChats() //per caricare le chat
-   } catch (e) {
-     toast.add({ 
-       severity: 'error',
-       summary: 'Errore',
-       detail: 'Errore caricamento dati',
-       life: 3000,
-     });
-   } finally {
-     loading.value = false
-   }
-
-  
-
-})
+        // await dashboardScenarioStore.loadChats() //per caricare le chat
+    } catch (e) {
+        toast.add({
+            severity: 'error',
+            summary: 'Error',
+            detail: 'Error loading data',
+            life: 3000
+        });
+    } finally {
+        loading.value = false;
+    }
+});
 
 // watch(selectedProjects, (newSelectedProjects) => {
 //   if (newSelectedProjects && newSelectedProjects.length > 0) {
@@ -888,30 +747,27 @@ onMounted(async () => {
 // })
 
 watch(selectedAccount, (newAccount) => {
-  if (newAccount) {
-    filteredProjects.value = userPrefStore.user?.lstProjects.filter(p => p.account === newAccount)
-    const appMap = new Map()
-    console.log("projects", filteredProjects.value)
+    if (newAccount) {
+        filteredProjects.value = userPrefStore.user?.lstProjects.filter((p) => p.account === newAccount);
+        const appMap = new Map();
+        console.log('Filtered projects:', filteredProjects.value);
 
-    filteredProjects.value.forEach((project, index) => {
-    
-      if (Array.isArray(project.lstApplications)) {
-        project.lstApplications.forEach(app => {
-          if (!appMap.has(app.id)) {
-            appMap.set(app.id, app)
-          }
-        })
-    
-      }
-    })
+        filteredProjects.value.forEach((project, index) => {
+            if (Array.isArray(project.lstApplications)) {
+                project.lstApplications.forEach((app) => {
+                    if (!appMap.has(app.id)) {
+                        appMap.set(app.id, app);
+                    }
+                });
+            }
+        });
 
-    
-    appOptions.value = Array.from(appMap.values())
-    loadScenariosByAccount(newAccount)
-  } else {
-    appOptions.value = []
-  }
-})
+        appOptions.value = Array.from(appMap.values());
+        loadScenariosByAccount(newAccount);
+    } else {
+        appOptions.value = [];
+    }
+});
 
 //watch per app e utenti selezionati
 // watch(selectedApplications, (newApps) => {
@@ -927,208 +783,188 @@ watch(selectedAccount, (newAccount) => {
 // })
 
 watch(selectedScenarios, (newScenarios) => {
-  if (newScenarios && newScenarios.length > 0) {
-    console.log('Scenari selezionati:', newScenarios)
-  } else {
-    console.log('Nessuno scenario selezionato')
-  }
-})
-
+    if (newScenarios && newScenarios.length > 0) {
+        console.log('Selected scenarios:', newScenarios);
+    } else {
+        console.log('No scenario selected');
+    }
+});
 
 //Nuova funzione
 function filterAppsByProjects(projectIds) {
-  const lstProjects = userPrefStore.user?.lstProjects || []
-  appOptions.value = lstProjects
-    .filter(project => projectIds.includes(project.id))
-    .flatMap(project => project.lstApplications || [])
-  console.log('appOptions', appOptions.value)
+    const lstProjects = userPrefStore.user?.lstProjects || [];
+    appOptions.value = lstProjects.filter((project) => projectIds.includes(project.id)).flatMap((project) => project.lstApplications || []);
+    console.log('App options:', appOptions.value);
 }
 
 //funzione User
 async function filterUsersByProjects(projectIds) {
-  try {
-    loadingUsers.value = true; 
-    if (!projectIds || projectIds.length === 0) {
-      userOptions.value = []
-      loadingUsers.value = false;
-      return
-    }
-    const projectIdsArr = projectIds.join(",")
+    try {
+        loadingUsers.value = true;
+        if (!projectIds || projectIds.length === 0) {
+            userOptions.value = [];
+            loadingUsers.value = false;
+            return;
+        }
+        const projectIdsArr = projectIds.join(',');
 
-    const response = await dashboardScenarioStore.loadUsers(projectIdsArr)
-    console.log("user", response.data)
-    userOptions.value = response.data.map(user => ({ ...user }))
-    
-  } catch (error) {
-    console.error('Errore nel caricamento utenti:', error)
-    userOptions.value = []
-  } finally {
-    loadingUsers.value = false;
-  }
+        const response = await dashboardScenarioStore.loadUsers(projectIdsArr);
+        console.log('Users:', response.data);
+        userOptions.value = response.data.map((user) => ({ ...user }));
+    } catch (error) {
+        console.error('Errore nel caricamento utenti:', error);
+        userOptions.value = [];
+    } finally {
+        loadingUsers.value = false;
+    }
 }
- console.log(selectedScenarios)
+console.log('Selected scenarios:', selectedScenarios);
 //function per Scenarios
 async function loadScenariosByAccount(selectedAccount) {
-  try {
-  
-    await dashboardScenarioStore.loadScenarios(selectedAccount) 
-    scenarioOptions.value = dashboardScenarioStore.allScenarios.map(scenario => ({...scenario}))
+    try {
+        await dashboardScenarioStore.loadScenarios(selectedAccount);
+        scenarioOptions.value = dashboardScenarioStore.allScenarios.map((scenario) => ({ ...scenario }));
 
-    console.log('Scenari caricati:', scenarioOptions.value)
-  } catch (error) {
-    console.error('Errore nel caricamento scenari:', error)
-    scenarioOptions.value = []
-  }
+        console.log('Scenarios loaded:', scenarioOptions.value);
+    } catch (error) {
+        console.error('Errore nel caricamento scenari:', error);
+        scenarioOptions.value = [];
+    }
 }
 
-
-
 function filterProjectsByAccount(account) {
-  const lstProjects = userPrefStore.user?.lstProjects || []
+    const lstProjects = userPrefStore.user?.lstProjects || [];
 
-  // Filtra i progetti associati all'account selezionato
-  const filteredProjectMulti = lstProjects.filter(p => p.account === account.name || p.account === account)
-  console.log("filtered project", filteredProjectMulti)
-  projectOptions.value = filteredProjectMulti.map(p => ({ ...p }))
-  selectedProjects.value = projectOptions.value.map(p => p.id)
+    // Filtra i progetti associati all'account selezionato
+    const filteredProjectMulti = lstProjects.filter((p) => p.account === account.name || p.account === account);
+    console.log('Filtered projects:', filteredProjectMulti);
+    projectOptions.value = filteredProjectMulti.map((p) => ({ ...p }));
+    selectedProjects.value = projectOptions.value.map((p) => p.id);
 
-
-  // Reset delle applicazioni e utenti quando cambia l'account
-  appOptions.value = []
-  userOptions.value = []
-  selectedApplications.value = []
-  selectedUsers.value = []
+    // Reset delle applicazioni e utenti quando cambia l'account
+    appOptions.value = [];
+    userOptions.value = [];
+    selectedApplications.value = [];
+    selectedUsers.value = [];
 }
-
-
 </script>
 
 <style scoped>
 .dash-container {
-  max-width: 1400px;
-  margin: 0 auto;
-  padding: 0 20px;
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 0 20px;
 }
 .dash-header {
-  margin-bottom: 2rem;
-  padding-top: 1rem;
+    margin-bottom: 2rem;
+    padding-top: 1rem;
 }
 .dash-title {
-  font-size: 2rem;
-  font-weight: 600;
-  margin: 0;
+    font-size: 2rem;
+    font-weight: 600;
+    margin: 0;
 }
 .dash-execution {
-  padding: 0;
+    padding: 0;
 }
 
-
 .filter-section {
- display: grid;
-  grid-template-columns: 1fr 1fr ;
-  grid-template-rows: auto auto auto;
-  gap: 1rem;
-  margin-bottom: 1.5rem;
-  border-bottom: 1px solid #e5e7eb;
-  padding-bottom: 1rem;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: auto auto auto;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px solid #e5e7eb;
+    padding-bottom: 1rem;
 }
 
-
-
 .filter-label {
-  font-weight: bold;
-  margin-bottom: 0.25rem;
+    font-weight: bold;
+    margin-bottom: 0.25rem;
 }
 
 .uniform-input {
-  width: 100% !important;
-  height: 42px !important;
+    width: 100% !important;
+    height: 42px !important;
 }
 
-
 .execution-section,
 .chat-section {
-  margin-top: 1rem;
-  margin-bottom: 30px;
+    margin-top: 1rem;
+    margin-bottom: 30px;
 }
 .mt-4 {
-  margin-top: 20px;
+    margin-top: 20px;
 }
 .p-paginator-rpp-options {
-  display: none !important;
+    display: none !important;
 }
 
- .filter-item {
-   
-  display: flex;
-  flex-direction: column;
-  position: relative;
-} 
+.filter-item {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+}
 
 /* Posizionamento specifico per ogni elemento */
 .filter-item:nth-child(1) {
-  grid-column: 1;
-  grid-row: 1;
+    grid-column: 1;
+    grid-row: 1;
 }
 
 .filter-item:nth-child(2) {
-  grid-column: 2;
-  grid-row: 1;
+    grid-column: 2;
+    grid-row: 1;
 }
 
 .filter-item:nth-child(3) {
-  grid-column: 1;
-  grid-row: 2;
+    grid-column: 1;
+    grid-row: 2;
 }
 
 .filter-item:nth-child(4) {
-  grid-column: 2;
-  grid-row: 2;
+    grid-column: 2;
+    grid-row: 2;
 }
 
 .apply-button-container {
-  grid-column: 1 / -1;
-  grid-row: 3;        
-  justify-self: end;     
-  align-self: end; 
-  margin-top: 0.5rem;         
-}  
-
-
-.filter-label {
-  font-weight: bold;
+    grid-column: 1 / -1;
+    grid-row: 3;
+    justify-self: end;
+    align-self: end;
+    margin-top: 0.5rem;
 }
 
+.filter-label {
+    font-weight: bold;
+}
 
 .user-loading-overlay {
-  position: absolute;
-  bottom: -22px; 
-  left: 0;
-  font-size: 0.85em;
-  color: gray;
-  display: flex;
-  align-items: center;
-  pointer-events: none; 
+    position: absolute;
+    bottom: -22px;
+    left: 0;
+    font-size: 0.85em;
+    color: gray;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
 }
 
 .button-group {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
 }
 
 .clear-button {
-  background-color: transparent !important;
-  border: 1px solid #6b7280 !important;
-  color: #6b7280 !important;
+    background-color: transparent !important;
+    border: 1px solid #6b7280 !important;
+    color: #6b7280 !important;
 }
 
 .clear-button:hover {
-  background-color: #f3f4f6 !important;
-  border-color: #4b5563 !important;
-  color: #4b5563 !important;
+    background-color: #f3f4f6 !important;
+    border-color: #4b5563 !important;
+    color: #4b5563 !important;
 }
-
-
-
-</style>
\ No newline at end of file
+</style>