n8n-editor-ui 1.83.2 → 1.85.0

package/dist/assets/{WorkflowExecutionsPreview-BMqpqyNP.js → WorkflowExecutionsPreview-BmG1Fptg.js}

@@ -1,9 +1,8 @@
-import { d as defineComponent, m as resolveComponent, c as openBlock, h as createElementBlock, i as createVNode, n as normalizeClass, _ as _export_sfc, at as useExecutionsStore, a as useToast, r as ref, q as computed, bW as resolveDirective, j as createBaseVNode, t as toDisplayString, l as unref, e as createBlock, F as Fragment, B as renderList, w as withCtx, k as createTextVNode, ax as withDirectives, g as useI18n, D as createEventBus, ak as useTelemetry, W as useRoute, b as useRouter, U as useWorkflowsStore, p as useSettingsStore, bX as useTestDefinitionStore, o as onMounted, f as createCommentVNode, V as VIEWS, b0 as mergeProps, bY as ElDropdown, af as MODAL_CONFIRM, al as useMessage, am as getResourcePermissions, a9 as EnterpriseEditionFeature } from "./index-ntAcmC2q.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-WtMBcJA-.js";
-import { _ as _sfc_main$3 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-COOCXFFe.js";
-import { W as WorkflowPreview } from "./WorkflowPreview-B05e6atY.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-DYVB2XNC.js";
-import { P as ProjectCreateResource } from "./ProjectCreateResource-5lC9x1Ht.js";
+import { d as defineComponent, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, au as useExecutionsStore, a as useToast, r as ref, q as computed, c2 as resolveDirective, k as createBaseVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, C as createEventBus, F as Fragment, D as renderList, w as withCtx, l as createTextVNode, aB as withDirectives, ah as useTelemetry, U as useRoute, b as useRouter, T as useWorkflowsStore, p as useSettingsStore, c3 as useTestDefinitionStore, a8 as getResourcePermissions, ab as EnterpriseEditionFeature, o as onMounted, f as createCommentVNode, by as N8nText, b9 as N8nButton, c4 as RouterLink, V as VIEWS, c5 as ElDropdown, J as withModifiers, aT as _sfc_main$4, c6 as N8nIcon, c7 as ElDropdownMenu, c8 as ElDropdownItem, aR as N8nTooltip, ar as h, aj as useMessage, ak as MODAL_CONFIRM } from "./index-CDluwnbb.js";
+import { _ as _sfc_main$3 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-BefsLZo6.js";
+import { W as WorkflowPreview } from "./WorkflowPreview-x0_AdULu.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-BN-lQ24h.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-wN0DRQB-.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VoteButtons",
   props: {
@@ -286,21 +285,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_3xgto_123";
-const section = "_section_3xgto_139";
-const metadata = "_metadata_3xgto_148";
-const heading = "_heading_3xgto_152";
-const controls = "_controls_3xgto_159";
-const vote = "_vote_3xgto_171";
-const ratingIcon = "_ratingIcon_3xgto_180";
-const highlight = "_highlight_3xgto_184";
-const customDataEntry = "_customDataEntry_3xgto_188";
-const key = "_key_3xgto_195";
-const noResultsContainer = "_noResultsContainer_3xgto_199";
-const tagsContainer = "_tagsContainer_3xgto_209";
-const addTag = "_addTag_3xgto_219";
-const addTagStandalone = "_addTagStandalone_3xgto_230";
-const addTagWrapper = "_addTagWrapper_3xgto_234";
+const container = "_container_1ld9i_123";
+const section = "_section_1ld9i_139";
+const metadata = "_metadata_1ld9i_148";
+const heading = "_heading_1ld9i_152";
+const controls = "_controls_1ld9i_159";
+const vote = "_vote_1ld9i_171";
+const ratingIcon = "_ratingIcon_1ld9i_180";
+const highlight = "_highlight_1ld9i_184";
+const customDataEntry = "_customDataEntry_1ld9i_188";
+const key = "_key_1ld9i_195";
+const noResultsContainer = "_noResultsContainer_1ld9i_199";
+const tagsContainer = "_tagsContainer_1ld9i_209";
+const addTag = "_addTag_1ld9i_219";
+const addTagStandalone = "_addTagStandalone_1ld9i_230";
+const addTagWrapper = "_addTagWrapper_1ld9i_234";
 const style0$1 = {
   container,
   section,
@@ -313,8 +312,8 @@ const style0$1 = {
   customDataEntry,
   key,
   noResultsContainer,
-  "execution-annotation-panel": "_execution-annotation-panel_3xgto_204",
-  "el-skeleton__item": "_el-skeleton__item_3xgto_204",
+  "execution-annotation-panel": "_execution-annotation-panel_1ld9i_204",
+  "el-skeleton__item": "_el-skeleton__item_1ld9i_204",
   tagsContainer,
   addTag,
   addTagStandalone,
@@ -347,7 +346,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const testDefinitionStore = useTestDefinitionStore();
     const executionsStore = useExecutionsStore();
     const retryDropdownRef = ref(null);
-    const actionToggleRef = ref(null);
     const workflowId = computed(() => route.params.name);
     const workflowPermissions = computed(
       () => getResourcePermissions(workflowsStore.getWorkflowById(workflowId.value)?.scopes).workflow
@@ -375,48 +373,91 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => !!props.execution?.annotation && (props.execution?.annotation.vote || props.execution?.annotation.tags.length > 0)
     );
     const testDefinitions = computed(
-      () => testDefinitionStore.allTestDefinitionsByWorkflowId[workflowId.value]
+      () => testDefinitionStore.allTestDefinitionsByWorkflowId[workflowId.value] ?? []
     );
     const testDefinition = computed(
       () => testDefinitions.value.find((test) => test.id === route.query.testId)
     );
-    const addToTestActions = computed(() => {
-      const testAction = testDefinitions.value.filter((test) => test.annotationTagId).map((test) => {
-        const isAlreadyAdded = isTagAlreadyAdded(test.annotationTagId ?? "");
-        return {
-          label: `${test.name}`,
-          value: test.annotationTagId ?? "",
-          disabled: !workflowPermissions.value.update || isAlreadyAdded
-        };
-      });
-      const newTestAction = {
-        label: "+ New Test",
-        value: "new",
-        disabled: !workflowPermissions.value.update
-      };
-      return [newTestAction, ...testAction];
+    const disableAddToTestTooltip = computed(() => {
+      if (props.execution.mode === "evaluation") {
+        return locale.baseText("testDefinition.executions.tooltip.noExecutions");
+      }
+      if (props.execution.status !== "success") {
+        return locale.baseText("testDefinition.executions.tooltip.onlySuccess");
+      }
+      return "";
     });
-    function getTestButtonLabel(isAdded) {
-      if (isAdded) {
-        return locale.baseText("testDefinition.executions.addedTo", {
-          interpolate: { name: testDefinition.value?.name ?? "" }
+    const getTagIds = (tags) => (tags ?? []).map((t) => t.id);
+    const addExecutionTag = async (annotationTagId) => {
+      const newTags = [...getTagIds(props.execution?.annotation?.tags), annotationTagId];
+      await executionsStore.annotateExecution(props.execution.id, { tags: newTags });
+      toast.showToast({
+        title: locale.baseText("testDefinition.executions.toast.addedTo.title"),
+        message: h(
+          N8nText,
+          {
+            color: "primary",
+            style: { cursor: "pointer " }
+          },
+          () => locale.baseText("testDefinition.executions.toast.closeTab")
+        ),
+        closeOnClick: false,
+        onClick() {
+          window.close();
+        },
+        type: "success"
+      });
+    };
+    const removeExecutionTag = async (annotationTagId) => {
+      const newTags = getTagIds(props.execution?.annotation?.tags).filter(
+        (id) => id !== annotationTagId
+      );
+      await executionsStore.annotateExecution(props.execution.id, { tags: newTags });
+      toast.showMessage({
+        title: locale.baseText("testDefinition.executions.toast.removedFrom.title"),
+        type: "success"
+      });
+    };
+    const createTestForExecution = async (id) => {
+      await router.push({
+        name: VIEWS.NEW_TEST_DEFINITION,
+        params: {
+          name: workflowId.value
+        },
+        query: {
+          executionId: id,
+          annotationTags: getTagIds(props.execution?.annotation?.tags)
+        }
+      });
+    };
+    const commandCallbacks = {
+      addTag: addExecutionTag,
+      removeTag: removeExecutionTag,
+      createTest: createTestForExecution
+    };
+    const handleCommand = async (command) => {
+      const action = commandCallbacks[command.type];
+      return await action(command.id);
+    };
+    const testList = computed(() => {
+      return testDefinitions.value.reduce((acc, test) => {
+        if (!test.annotationTagId) return acc;
+        const added = isTagAlreadyAdded(test.annotationTagId);
+        acc.push({
+          label: test.name,
+          value: test.annotationTagId,
+          added,
+          command: { type: added ? "removeTag" : "addTag", id: test.annotationTagId, name: test.name }
         });
-      }
-      return testDefinition.value ? locale.baseText("testDefinition.executions.addTo.existing", {
-        interpolate: { name: testDefinition.value.name }
-      }) : locale.baseText("testDefinition.executions.addTo.new");
-    }
-    const addTestButtonData = computed(() => {
-      const isAdded = isTagAlreadyAdded(route.query.tag);
-      return {
-        label: getTestButtonLabel(isAdded),
-        type: route.query.testId ? "primary" : "secondary",
-        disabled: !workflowPermissions.value.update || isAdded
-      };
+        return acc;
+      }, []);
     });
     function isTagAlreadyAdded(tagId) {
       return Boolean(tagId && props.execution?.annotation?.tags.some((tag) => tag.id === tagId));
     }
+    const executionHasTestTag = computed(
+      () => isTagAlreadyAdded(testDefinition.value?.annotationTagId)
+    );
     async function onDeleteExecution() {
       const confirmationText = [
         hasAnnotation.value && locale.baseText("executionDetails.confirmMessage.annotationsNote"),
@@ -447,50 +488,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         retryDropdownRef.value.handleClose();
       }
     }
-    async function handleAddToTestAction(actionValue) {
-      if (actionValue === "new") {
-        await router.push({
-          name: VIEWS.NEW_TEST_DEFINITION,
-          params: {
-            name: workflowId.value
-          }
-        });
-        return;
-      }
-      const currentTags = props.execution?.annotation?.tags ?? [];
-      const newTags = [...currentTags.map((t) => t.id), actionValue];
-      await executionsStore.annotateExecution(props.execution.id, { tags: newTags });
-      toast.showMessage({
-        title: locale.baseText("testDefinition.executions.toast.addedTo.title"),
-        message: locale.baseText("testDefinition.executions.toast.addedTo", {
-          interpolate: { name: testDefinition.value?.name ?? "" }
-        }),
-        type: "success"
-      });
-    }
-    async function handleEvaluationButton() {
-      if (!testDefinition.value) {
-        actionToggleRef.value?.openActionToggle(true);
-      } else {
-        await handleAddToTestAction(route.query.tag);
-      }
-    }
     onMounted(async () => {
       await testDefinitionStore.fetchTestDefinitionsByWorkflowId(workflowId.value);
     });
     return (_ctx, _cache) => {
-      const _component_N8nText = resolveComponent("N8nText");
-      const _component_N8nButton = resolveComponent("N8nButton");
       const _component_N8nSpinner = resolveComponent("N8nSpinner");
-      const _component_router_link = resolveComponent("router-link");
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
-      const _component_ElDropdownItem = resolveComponent("ElDropdownItem");
-      const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
       return executionUIDetails.value?.name === "new" ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.newInfo)
       }, [
-        createVNode(_component_N8nText, {
+        createVNode(unref(N8nText), {
           class: normalizeClass(_ctx.$style.newMessage),
           color: "text-light"
         }, {
@@ -499,7 +506,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["class"]),
-        createVNode(_component_N8nButton, {
+        createVNode(unref(N8nButton), {
           class: "mt-l",
           type: "tertiary",
           onClick: handleStopClick
@@ -518,7 +525,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(_component_N8nSpinner, { type: "ring" })
         ], 2),
-        createVNode(_component_N8nText, {
+        createVNode(unref(N8nText), {
           class: normalizeClass(_ctx.$style.runningMessage),
           color: "text-light"
         }, {
@@ -527,7 +534,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["class"]),
-        createVNode(_component_N8nButton, {
+        createVNode(unref(N8nButton), {
           "data-test-id": "stop-execution",
           class: "mt-l",
           type: "tertiary",
@@ -550,7 +557,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           isAnnotationEnabled.value && _ctx.execution ? (openBlock(), createBlock(WorkflowExecutionAnnotationPanel, { key: 0 })) : createCommentVNode("", true),
           createBaseVNode("div", null, [
-            createVNode(_component_N8nText, {
+            createVNode(unref(N8nText), {
               size: "large",
               color: "text-base",
               bold: true,
@@ -561,13 +568,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            _cache[1] || (_cache[1] = createBaseVNode("br", null, null, -1)),
+            _cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1)),
             executionUIDetails.value?.name === "running" ? (openBlock(), createBlock(_component_N8nSpinner, {
               key: 0,
               size: "small",
               class: normalizeClass([_ctx.$style.spinner, "mr-4xs"])
             }, null, 8, ["class"])) : createCommentVNode("", true),
-            createVNode(_component_N8nText, {
+            createVNode(unref(N8nText), {
               size: "medium",
               class: normalizeClass([_ctx.$style.status, _ctx.$style[executionUIDetails.value.name]]),
               "data-test-id": "execution-preview-label"
@@ -577,8 +584,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"]),
-            _cache[2] || (_cache[2] = createTextVNode(" " + toDisplayString(" ") + " ")),
-            executionUIDetails.value?.showTimestamp === false ? (openBlock(), createBlock(_component_N8nText, {
+            _cache[4] || (_cache[4] = createTextVNode(" " + toDisplayString(" ") + " ")),
+            executionUIDetails.value?.showTimestamp === false ? (openBlock(), createBlock(unref(N8nText), {
               key: 1,
               color: "text-base",
               size: "medium"
@@ -587,7 +594,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(" | ID#" + toDisplayString(_ctx.execution.id), 1)
               ]),
               _: 1
-            })) : executionUIDetails.value.name === "running" ? (openBlock(), createBlock(_component_N8nText, {
+            })) : executionUIDetails.value.name === "running" ? (openBlock(), createBlock(unref(N8nText), {
               key: 2,
               color: "text-base",
               size: "medium"
@@ -598,7 +605,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })) + " | ID#" + toDisplayString(_ctx.execution.id), 1)
               ]),
               _: 1
-            })) : executionUIDetails.value.name !== "waiting" ? (openBlock(), createBlock(_component_N8nText, {
+            })) : executionUIDetails.value.name !== "waiting" ? (openBlock(), createBlock(unref(N8nText), {
               key: 3,
               color: "text-base",
               size: "medium",
@@ -611,15 +618,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            _cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1)),
-            _ctx.execution.mode === "retry" ? (openBlock(), createBlock(_component_N8nText, {
+            _cache[5] || (_cache[5] = createBaseVNode("br", null, null, -1)),
+            _ctx.execution.mode === "retry" ? (openBlock(), createBlock(unref(N8nText), {
               key: 4,
               color: "text-base",
               size: "medium"
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(locale).baseText("executionDetails.retry")) + " ", 1),
-                createVNode(_component_router_link, {
+                createVNode(unref(RouterLink), {
                   class: normalizeClass(_ctx.$style.executionLink),
                   to: {
                     name: unref(VIEWS).EXECUTION_PREVIEW,
@@ -641,20 +648,136 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.actions)
           }, [
-            testDefinitions.value && testDefinitions.value.length ? (openBlock(), createBlock(ProjectCreateResource, {
-              key: 0,
-              ref_key: "actionToggleRef",
-              ref: actionToggleRef,
-              actions: addToTestActions.value,
-              type: addTestButtonData.value.type,
-              onAction: handleAddToTestAction
+            createVNode(unref(N8nTooltip), {
+              placement: "top",
+              content: disableAddToTestTooltip.value,
+              disabled: !disableAddToTestTooltip.value
             }, {
               default: withCtx(() => [
-                createVNode(_component_N8nButton, mergeProps({ "data-test-id": "add-to-test-button" }, addTestButtonData.value, { onClick: handleEvaluationButton }), null, 16)
+                createVNode(unref(ElDropdown), {
+                  trigger: "click",
+                  placement: "bottom-end",
+                  "data-test-id": "test-execution-crud",
+                  onCommand: handleCommand
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(unref(ElDropdownMenu), {
+                      class: normalizeClass(_ctx.$style.testDropdownMenu)
+                    }, {
+                      default: withCtx(() => [
+                        createBaseVNode("div", {
+                          class: normalizeClass(_ctx.$style.testDropdownMenuScroll)
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(testList.value, (test) => {
+                            return openBlock(), createBlock(unref(ElDropdownItem), {
+                              key: test.value,
+                              command: test.command,
+                              "data-test-id": "test-execution-add-to"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(N8nText), {
+                                  color: test.added ? "primary" : "text-dark",
+                                  class: normalizeClass(_ctx.$style.fontMedium)
+                                }, {
+                                  default: withCtx(() => [
+                                    test.added ? (openBlock(), createBlock(unref(N8nIcon), {
+                                      key: 0,
+                                      icon: "check",
+                                      color: "primary"
+                                    })) : createCommentVNode("", true),
+                                    createTextVNode(" " + toDisplayString(test.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["color", "class"])
+                              ]),
+                              _: 2
+                            }, 1032, ["command"]);
+                          }), 128))
+                        ], 2),
+                        createVNode(unref(ElDropdownItem), {
+                          class: normalizeClass(_ctx.$style.createTestButton),
+                          command: { type: "createTest", id: _ctx.execution.id },
+                          disabled: !workflowPermissions.value.update,
+                          "data-test-id": "test-execution-create"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(N8nText), {
+                              class: normalizeClass(_ctx.$style.fontMedium)
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(N8nIcon), { icon: "plus" }),
+                                createTextVNode(" " + toDisplayString(unref(locale).baseText("testDefinition.executions.tooltip.addTo")), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["class"])
+                          ]),
+                          _: 1
+                        }, 8, ["class", "command", "disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ]),
+                  default: withCtx(() => [
+                    testDefinition.value ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(_ctx.$style.buttonGroup)
+                    }, [
+                      executionHasTestTag.value ? (openBlock(), createBlock(unref(N8nButton), {
+                        key: 0,
+                        disabled: !!disableAddToTestTooltip.value,
+                        type: "secondary",
+                        "data-test-id": "test-execution-remove",
+                        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => removeExecutionTag(testDefinition.value.annotationTagId), ["stop"]))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(locale).baseText("testDefinition.executions.removeFrom", {
+                            interpolate: { name: testDefinition.value.name }
+                          })), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])) : (openBlock(), createBlock(unref(N8nButton), {
+                        key: 1,
+                        disabled: !!disableAddToTestTooltip.value,
+                        type: "primary",
+                        "data-test-id": "test-execution-add",
+                        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => addExecutionTag(testDefinition.value.annotationTagId), ["stop"]))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(locale).baseText("testDefinition.executions.addTo.existing", {
+                            interpolate: { name: testDefinition.value.name }
+                          })), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])),
+                      createVNode(unref(_sfc_main$4), {
+                        disabled: !!disableAddToTestTooltip.value,
+                        icon: "angle-down",
+                        type: executionHasTestTag.value ? "secondary" : "primary",
+                        "data-test-id": "test-execution-toggle"
+                      }, null, 8, ["disabled", "type"])
+                    ], 2)) : (openBlock(), createBlock(unref(N8nButton), {
+                      key: 1,
+                      disabled: !!disableAddToTestTooltip.value,
+                      type: "secondary",
+                      "data-test-id": "test-execution-toggle"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(locale).baseText("testDefinition.executions.addTo.new")) + " ", 1),
+                        createVNode(unref(N8nIcon), {
+                          icon: "angle-down",
+                          size: "small",
+                          class: "ml-2xs"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"]))
+                  ]),
+                  _: 1
+                })
               ]),
               _: 1
-            }, 8, ["actions", "type"])) : createCommentVNode("", true),
-            createVNode(_component_router_link, {
+            }, 8, ["content", "disabled"]),
+            createVNode(unref(RouterLink), {
               to: {
                 name: unref(VIEWS).EXECUTION_DEBUG,
                 params: {
@@ -664,7 +787,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }
             }, {
               default: withCtx(() => [
-                createVNode(_component_N8nButton, {
+                createVNode(unref(N8nButton), {
                   size: "medium",
                   type: debugButtonData.value.type,
                   class: normalizeClass(_ctx.$style.debugLink),
@@ -673,7 +796,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createBaseVNode("span", {
                       "data-test-id": "execution-debug-button",
-                      onClick: _cache[0] || (_cache[0] = //@ts-ignore
+                      onClick: _cache[2] || (_cache[2] = //@ts-ignore
                       (...args) => unref(executionDebugging).handleDebugLinkClick && unref(executionDebugging).handleDebugLinkClick(...args))
                     }, toDisplayString(debugButtonData.value.text), 1)
                   ]),
@@ -683,22 +806,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["to"]),
             isRetriable.value ? (openBlock(), createBlock(unref(ElDropdown), {
-              key: 1,
+              key: 0,
               ref: "retryDropdown",
               trigger: "click",
               class: "mr-xs",
               onCommand: handleRetryClick
             }, {
               dropdown: withCtx(() => [
-                createVNode(_component_ElDropdownMenu, null, {
+                createVNode(unref(ElDropdownMenu), null, {
                   default: withCtx(() => [
-                    createVNode(_component_ElDropdownItem, { command: "current-workflow" }, {
+                    createVNode(unref(ElDropdownItem), { command: "current-workflow" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref(locale).baseText("executionsList.retryWithCurrentlySavedWorkflow")), 1)
                       ]),
                       _: 1
                     }),
-                    createVNode(_component_ElDropdownItem, { command: "original-workflow" }, {
+                    createVNode(unref(ElDropdownItem), { command: "original-workflow" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref(locale).baseText("executionsList.retryWithOriginalWorkflow")), 1)
                       ]),
@@ -710,7 +833,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 createBaseVNode("span", _hoisted_2, [
-                  createVNode(_component_N8nIconButton, {
+                  createVNode(unref(_sfc_main$4), {
                     size: "medium",
                     type: "tertiary",
                     title: unref(locale).baseText("executionsList.retryExecution"),
@@ -723,7 +846,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 512)) : createCommentVNode("", true),
-            createVNode(_component_N8nIconButton, {
+            createVNode(unref(_sfc_main$4), {
               title: unref(locale).baseText("executionDetails.deleteExecution"),
               disabled: !workflowPermissions.value.update,
               icon: "trash",
@@ -745,19 +868,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const previewContainer = "_previewContainer_1xkms_123";
-const executionDetails = "_executionDetails_1xkms_129";
-const spinner = "_spinner_1xkms_148";
-const running = "_running_1xkms_154";
-const waiting = "_waiting_1xkms_159";
-const success = "_success_1xkms_163";
-const error = "_error_1xkms_167";
-const newInfo = "_newInfo_1xkms_171";
-const runningInfo = "_runningInfo_1xkms_172";
-const newMessage = "_newMessage_1xkms_179";
-const runningMessage = "_runningMessage_1xkms_180";
-const debugLink = "_debugLink_1xkms_186";
-const actions = "_actions_1xkms_191";
+const previewContainer = "_previewContainer_w0lyd_123";
+const executionDetails = "_executionDetails_w0lyd_129";
+const spinner = "_spinner_w0lyd_148";
+const running = "_running_w0lyd_154";
+const waiting = "_waiting_w0lyd_159";
+const success = "_success_w0lyd_163";
+const error = "_error_w0lyd_167";
+const newInfo = "_newInfo_w0lyd_171";
+const runningInfo = "_runningInfo_w0lyd_172";
+const newMessage = "_newMessage_w0lyd_179";
+const runningMessage = "_runningMessage_w0lyd_180";
+const debugLink = "_debugLink_w0lyd_186";
+const actions = "_actions_w0lyd_191";
+const testDropdownMenu = "_testDropdownMenu_w0lyd_196";
+const testDropdownMenuScroll = "_testDropdownMenuScroll_w0lyd_200";
+const createTestButton = "_createTestButton_w0lyd_206";
+const fontMedium = "_fontMedium_w0lyd_216";
+const buttonGroup = "_buttonGroup_w0lyd_220";
 const style0 = {
   previewContainer,
   executionDetails,
@@ -771,7 +899,13 @@ const style0 = {
   newMessage,
   runningMessage,
   debugLink,
-  actions
+  actions,
+  testDropdownMenu,
+  testDropdownMenuScroll,
+  createTestButton,
+  "is-disabled": "_is-disabled_w0lyd_212",
+  fontMedium,
+  buttonGroup
 };
 const cssModules = {
   "$style": style0