n8n-editor-ui 1.57.0 → 1.58.0

package/dist/assets/WorkflowExecutionsPreview-DRCpGEbi.css

@@ -0,0 +1,247 @@
+._ratingIcon_1wqgu_1 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+._ratingIcon_1wqgu_1 ._up_1wqgu_5 {
+  color: var(--color-success);
+}
+._ratingIcon_1wqgu_1 ._down_1wqgu_8 {
+  color: var(--color-danger);
+}._container_umkw2_1 {
+  z-index: 1;
+  position: absolute;
+  bottom: 0;
+  right: var(--spacing-xl);
+  -webkit-transform: translate(0, 100%);
+          transform: translate(0, 100%);
+  max-height: calc(100vh - 250px);
+  width: 250px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  overflow: auto;
+  background-color: var(--color-background-xlight);
+  border: var(--border-base);
+  border-radius: var(--border-radius-base);
+}
+._section_umkw2_17 {
+  padding: var(--spacing-s);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+._section_umkw2_17:not(:last-child) {
+  border-bottom: var(--border-base);
+}
+._metadata_umkw2_26 {
+  padding-top: var(--spacing-s);
+}
+._heading_umkw2_30 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+  padding-right: var(--spacing-l);
+}
+._controls_umkw2_37 {
+  padding: var(--spacing-s) 0 var(--spacing-xs);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding-right: var(--spacing-m);
+}
+._controls_umkw2_37 button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+._vote_umkw2_49 {
+  padding: 0 0 var(--spacing-xs);
+  font-size: var(--font-size-xs);
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+._vote_umkw2_49 ._ratingIcon_umkw2_58 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+._vote_umkw2_49 ._ratingIcon_umkw2_58 ._highlight_umkw2_62 {
+  color: var(--color-primary);
+}
+._customDataEntry_umkw2_66 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+._customDataEntry_umkw2_66:not(:first-of-type) {
+  margin-top: var(--spacing-s);
+}
+._customDataEntry_umkw2_66 ._key_umkw2_73 {
+  font-weight: bold;
+}
+._noResultsContainer_umkw2_77 {
+  width: 100%;
+  margin-top: var(--spacing-s);
+}
+._execution-annotation-panel_umkw2_82 :deep(._el-skeleton__item_umkw2_82) {
+  height: 60px;
+  border-radius: 0;
+}
+._tagsContainer_umkw2_87 {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-top: calc(var(--spacing-4xs) * -1);
+}
+._tagsContainer_umkw2_87 * {
+  margin: var(--spacing-4xs) var(--spacing-4xs) 0 0;
+}
+._addTag_umkw2_97 {
+  font-size: var(--font-size-2xs);
+  color: var(--color-text-light);
+  font-weight: var(--font-weight-bold);
+  white-space: nowrap;
+}
+._addTag_umkw2_97:hover {
+  color: var(--color-primary);
+  text-decoration: none;
+}
+._addTagStandalone_umkw2_108 {
+  padding: var(--spacing-m) 0;
+}
+._addTagWrapper_umkw2_112 {
+  margin-left: calc(var(--spacing-2xs) * -1);
+}._previewContainer_duwst_1 {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+}
+._executionDetails_duwst_7 {
+  position: absolute;
+  padding: var(--spacing-m);
+  padding-right: var(--spacing-xl);
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-transition: all 150ms ease-in-out;
+  transition: all 150ms ease-in-out;
+  pointer-events: none;
+}
+._executionDetails_duwst_7 > div:last-child {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+._executionDetails_duwst_7 * {
+  pointer-events: all;
+}
+._spinner_duwst_26 div div {
+  width: 30px;
+  height: 30px;
+  border-width: 2px;
+}
+._running_duwst_32,
+._spinner_duwst_26 {
+  color: var(--color-warning);
+}
+._waiting_duwst_37 {
+  color: var(--color-secondary);
+}
+._success_duwst_41 {
+  color: var(--color-success);
+}
+._error_duwst_45 {
+  color: var(--color-danger);
+}
+._newInfo_duwst_49,
+._runningInfo_duwst_50 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-top: var(--spacing-4xl);
+}
+._newMessage_duwst_57,
+._runningMessage_duwst_58 {
+  width: 240px;
+  margin-top: var(--spacing-l);
+  text-align: center;
+}
+._debugLink_duwst_64 {
+  margin-right: var(--spacing-xs);
+}
+._debugLink_duwst_64 a > span {
+  display: block;
+  padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m));
+}

package/dist/assets/{WorkflowExecutionsView-KGfJTF01.js → WorkflowExecutionsView-B5qZFRE6.js}

@@ -1,18 +1,18 @@
 import { I as defineComponent, aE as useRoute, f as computed, q as onMounted, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, a3 as withCtx, L as createBaseVNode, a6 as createTextVNode, a7 as toDisplayString, _ as normalizeClass, V as createBlock, U as createCommentVNode, u as unref, aM as useRouter, a as ref, b as watch, R as Fragment, af as renderList, aa as TransitionGroup, aB as pushScopeId, aC as popScopeId, aY as onBeforeRouteLeave, m as onBeforeUnmount } from "./vendor-tVazXwC6.js";
-import { m as useWorkflowsStore, V as VIEWS, v as useI18n, L as useExecutionsStore, q as getResourcePermissions, di as isComponentPublicInstance, p as useWorkflowHelpers, d7 as getNodeViewTab, J as MAIN_HEADER_TABS, a3 as useNodeTypesStore, u as useToast, d as useDebounce, a8 as useNodeHelpers, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, w as useTelemetry, dj as NO_NETWORK_ERROR_CODE } from "./index-BMqv_cxE.js";
-import { _ as _sfc_main$4, E as ExecutionsFilter } from "./ExecutionsFilter-Y7dLoQFk.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-6mVnBCgd.js";
-import { _ as _export_sfc } from "./n8n-NifPGZSM.js";
-import { W as WorkflowExecutionsInfoAccordion } from "./WorkflowExecutionsInfoAccordion-z-P6winD.js";
+import { k as useWorkflowsStore, bw as usePostHog, b as useSettingsStore, E as EnterpriseEditionFeature, dq as EXECUTION_ANNOTATION_EXPERIMENT, V as VIEWS, j as useI18n, N as useExecutionsStore, t as getResourcePermissions, dr as isComponentPublicInstance, r as useWorkflowHelpers, da as getNodeViewTab, K as MAIN_HEADER_TABS, a5 as useNodeTypesStore, u as useToast, d as useDebounce, ak as useNodeHelpers, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, dp as NEW_WORKFLOW_ID, x as useTelemetry, ds as NO_NETWORK_ERROR_CODE } from "./index-CuuON5-N.js";
+import { _ as _sfc_main$4, E as ExecutionsFilter } from "./ExecutionsFilter-U6t29YO2.js";
+import { u as useExecutionHelpers } from "./AnnotationTagsDropdown-Dt1nrqPR.js";
+import { _ as _export_sfc } from "./n8n-Bsq9j3nN.js";
+import { W as WorkflowExecutionsInfoAccordion } from "./WorkflowExecutionsInfoAccordion-D1GINK_-.js";
 import "./axios-B4zXCSve.js";
 import "./flatted-D70IerrI.js";
 import "./pinia-DvV9jJ-A.js";
 import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-C-N7SOS8.js";
+import "./@vueuse/core-nU0-5GsD.js";
 import "./lodash-es-kRWQHL5K.js";
-import "./@n8n/permissions-BdHAniXb.js";
+import "./@n8n/permissions-BxSXRD9U.js";
 import "./uuid-sKupIUZ4.js";
-import "./dateformat-U_ybGERk.js";
+import "./dateformat-AR6dqtgF.js";
 import "./vue-i18n-DNQ-lWfW.js";
 import "./luxon-Bt_g4NOb.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
@@ -26,12 +26,12 @@ import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DFVeKQSP.js";
+import "./fast-json-stable-stringify-Bv7WnfR3.js";
 import "./timeago.js-CgQus8nl.js";
 import "./qrcode.vue-Di8rc46A.js";
 import "./vue3-touch-events-DVOgU3fI.js";
 import "./chart.js-DiBOFLDH.js";
-import "./dateFormatter--Jm_2fEm.js";
+import "./dateFormatter-Bqx7mo81.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowExecutionsCard",
@@ -49,6 +49,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const locale = useI18n();
     const executionHelpers = useExecutionHelpers();
     const workflowsStore = useWorkflowsStore();
+    const posthogStore = usePostHog();
+    const settingsStore = useSettingsStore();
+    const isAdvancedExecutionFilterEnabled = computed(
+      () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.AdvancedExecutionFilters]
+    );
+    const isAnnotationEnabled = computed(
+      () => isAdvancedExecutionFilterEnabled.value && posthogStore.isFeatureEnabled(EXECUTION_ANNOTATION_EXPERIMENT)
+    );
     const currentWorkflow = computed(() => route.params.name || workflowsStore.workflowId);
     const retryExecutionActions = computed(() => [
       {
@@ -74,8 +82,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nText = resolveComponent("N8nText");
       const _component_N8nSpinner = resolveComponent("N8nSpinner");
-      const _component_N8nActionDropdown = resolveComponent("N8nActionDropdown");
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
+      const _component_N8nTags = resolveComponent("N8nTags");
+      const _component_N8nActionDropdown = resolveComponent("N8nActionDropdown");
       const _component_N8nTooltip = resolveComponent("N8nTooltip");
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", {
@@ -96,137 +105,168 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           },
           "data-test-execution-status": executionUIDetails.value.name
         }, {
-          default: withCtx(() => [
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.description)
-            }, [
-              createVNode(_component_N8nText, {
-                color: "text-dark",
-                bold: true,
-                size: "medium",
-                "data-test-id": "execution-time"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(executionUIDetails.value.startTime), 1)
-                ]),
-                _: 1
-              }),
+          default: withCtx(() => {
+            var _a;
+            return [
               createBaseVNode("div", {
-                class: normalizeClass(_ctx.$style.executionStatus)
+                class: normalizeClass(_ctx.$style.description)
               }, [
-                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, {
-                  class: normalizeClass(_ctx.$style.statusLabel),
-                  size: "small"
+                  color: "text-dark",
+                  bold: true,
+                  size: "medium",
+                  "data-test-id": "execution-time"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(executionUIDetails.value.label), 1)
+                    createTextVNode(toDisplayString(executionUIDetails.value.startTime), 1)
                   ]),
                   _: 1
-                }, 8, ["class"]),
-                createTextVNode(" " + toDisplayString(" ") + " "),
-                executionUIDetails.value.name === "running" ? (openBlock(), createBlock(_component_N8nText, {
+                }),
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.executionStatus)
+                }, [
+                  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, {
+                    class: normalizeClass(_ctx.$style.statusLabel),
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(executionUIDetails.value.label), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class"]),
+                  createTextVNode(" " + toDisplayString(" ") + " "),
+                  executionUIDetails.value.name === "running" ? (openBlock(), createBlock(_component_N8nText, {
+                    key: 1,
+                    color: isActive.value ? "text-dark" : "text-base",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(locale).baseText("executionDetails.runningTimeRunning")) + " ", 1),
+                      createVNode(_sfc_main$4, {
+                        "start-time": _ctx.execution.startedAt
+                      }, null, 8, ["start-time"])
+                    ]),
+                    _: 1
+                  }, 8, ["color"])) : executionUIDetails.value.runningTime !== "" ? (openBlock(), createBlock(_component_N8nText, {
+                    key: 2,
+                    color: isActive.value ? "text-dark" : "text-base",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => {
+                      var _a2;
+                      return [
+                        createTextVNode(toDisplayString(unref(locale).baseText("executionDetails.runningTimeFinished", {
+                          interpolate: { time: (_a2 = executionUIDetails.value) == null ? void 0 : _a2.runningTime }
+                        })), 1)
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["color"])) : createCommentVNode("", true)
+                ], 2),
+                _ctx.execution.mode === "retry" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+                  createVNode(_component_N8nText, {
+                    color: isActive.value ? "text-dark" : "text-base",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(locale).baseText("executionDetails.retry")) + " #" + toDisplayString(_ctx.execution.retryOf), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"])
+                ])) : createCommentVNode("", true),
+                isAnnotationEnabled.value ? (openBlock(), createElementBlock("div", {
                   key: 1,
-                  color: isActive.value ? "text-dark" : "text-base",
-                  size: "small"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(locale).baseText("executionDetails.runningTimeRunning")) + " ", 1),
-                    createVNode(_sfc_main$4, {
-                      "start-time": _ctx.execution.startedAt
-                    }, null, 8, ["start-time"])
-                  ]),
-                  _: 1
-                }, 8, ["color"])) : executionUIDetails.value.runningTime !== "" ? (openBlock(), createBlock(_component_N8nText, {
-                  key: 2,
-                  color: isActive.value ? "text-dark" : "text-base",
-                  size: "small"
-                }, {
-                  default: withCtx(() => {
-                    var _a;
-                    return [
-                      createTextVNode(toDisplayString(unref(locale).baseText("executionDetails.runningTimeFinished", {
-                        interpolate: { time: (_a = executionUIDetails.value) == null ? void 0 : _a.runningTime }
-                      })), 1)
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["color"])) : createCommentVNode("", true)
+                  class: normalizeClass(_ctx.$style.annotation)
+                }, [
+                  ((_a = _ctx.execution.annotation) == null ? void 0 : _a.vote) ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(_ctx.$style.ratingIcon)
+                  }, [
+                    _ctx.execution.annotation.vote == "up" ? (openBlock(), createBlock(_component_FontAwesomeIcon, {
+                      key: 0,
+                      class: normalizeClass(_ctx.$style.up),
+                      icon: "thumbs-up"
+                    }, null, 8, ["class"])) : (openBlock(), createBlock(_component_FontAwesomeIcon, {
+                      key: 1,
+                      class: normalizeClass(_ctx.$style.down),
+                      icon: "thumbs-down"
+                    }, null, 8, ["class"]))
+                  ], 2)) : createCommentVNode("", true),
+                  executionUIDetails.value.tags.length > 0 ? (openBlock(), createBlock(_component_N8nTags, {
+                    key: 1,
+                    tags: executionUIDetails.value.tags,
+                    clickable: false
+                  }, null, 8, ["tags"])) : createCommentVNode("", true)
+                ], 2)) : createCommentVNode("", true)
               ], 2),
-              _ctx.execution.mode === "retry" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-                createVNode(_component_N8nText, {
-                  color: isActive.value ? "text-dark" : "text-base",
-                  size: "small"
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.icons)
+              }, [
+                isRetriable.value ? (openBlock(), createBlock(_component_N8nActionDropdown, {
+                  key: 0,
+                  class: normalizeClass([_ctx.$style.icon, _ctx.$style.retry]),
+                  items: retryExecutionActions.value,
+                  disabled: !_ctx.workflowPermissions.execute,
+                  "activator-icon": "redo",
+                  "data-test-id": "retry-execution-button",
+                  onSelect: onRetryMenuItemSelect
+                }, null, 8, ["class", "items", "disabled"])) : createCommentVNode("", true),
+                _ctx.execution.mode === "manual" ? (openBlock(), createBlock(_component_N8nTooltip, {
+                  key: 1,
+                  placement: "top"
                 }, {
+                  content: withCtx(() => [
+                    createBaseVNode("span", null, toDisplayString(unref(locale).baseText("executionsList.test")), 1)
+                  ]),
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(locale).baseText("executionDetails.retry")) + " #" + toDisplayString(_ctx.execution.retryOf), 1)
+                    _ctx.execution.mode === "manual" ? (openBlock(), createBlock(_component_FontAwesomeIcon, {
+                      key: 0,
+                      class: normalizeClass([_ctx.$style.icon, _ctx.$style.manual]),
+                      icon: "flask"
+                    }, null, 8, ["class"])) : createCommentVNode("", true)
                   ]),
                   _: 1
-                }, 8, ["color"])
-              ])) : createCommentVNode("", true)
-            ], 2),
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.icons)
-            }, [
-              isRetriable.value ? (openBlock(), createBlock(_component_N8nActionDropdown, {
-                key: 0,
-                class: normalizeClass([_ctx.$style.icon, _ctx.$style.retry]),
-                items: retryExecutionActions.value,
-                disabled: !_ctx.workflowPermissions.execute,
-                "activator-icon": "redo",
-                "data-test-id": "retry-execution-button",
-                onSelect: onRetryMenuItemSelect
-              }, null, 8, ["class", "items", "disabled"])) : createCommentVNode("", true),
-              _ctx.execution.mode === "manual" ? (openBlock(), createBlock(_component_N8nTooltip, {
-                key: 1,
-                placement: "top"
-              }, {
-                content: withCtx(() => [
-                  createBaseVNode("span", null, toDisplayString(unref(locale).baseText("executionsList.test")), 1)
-                ]),
-                default: withCtx(() => [
-                  _ctx.execution.mode === "manual" ? (openBlock(), createBlock(_component_FontAwesomeIcon, {
-                    key: 0,
-                    class: normalizeClass([_ctx.$style.icon, _ctx.$style.manual]),
-                    icon: "flask"
-                  }, null, 8, ["class"])) : createCommentVNode("", true)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ], 2)
-          ]),
+                })) : createCommentVNode("", true)
+              ], 2)
+            ];
+          }),
           _: 1
         }, 8, ["class", "to", "data-test-execution-status"])
       ], 2);
     };
   }
 });
-const WorkflowExecutionsCard$1 = "_WorkflowExecutionsCard_1hja4_1";
-const active = "_active_1hja4_8";
-const executionStatus = "_executionStatus_1hja4_11";
-const executionLink = "_executionLink_1hja4_14";
-const spinner = "_spinner_1hja4_17";
-const running = "_running_1hja4_17";
-const statusLabel = "_statusLabel_1hja4_24";
-const success = "_success_1hja4_29";
-const waiting = "_waiting_1hja4_38";
-const error = "_error_1hja4_44";
-const unknown = "_unknown_1hja4_50";
-const icon = "_icon_1hja4_67";
-const icons = "_icons_1hja4_72";
-const retry = "_retry_1hja4_80";
-const manual = "_manual_1hja4_83";
-const showGap = "_showGap_1hja4_91";
+const WorkflowExecutionsCard$1 = "_WorkflowExecutionsCard_1jaj8_1";
+const active = "_active_1jaj8_8";
+const executionStatus = "_executionStatus_1jaj8_11";
+const executionLink = "_executionLink_1jaj8_14";
+const spinner = "_spinner_1jaj8_17";
+const running = "_running_1jaj8_17";
+const statusLabel = "_statusLabel_1jaj8_24";
+const success = "_success_1jaj8_29";
+const waiting = "_waiting_1jaj8_38";
+const error = "_error_1jaj8_44";
+const unknown = "_unknown_1jaj8_50";
+const annotation = "_annotation_1jaj8_53";
+const ratingIcon = "_ratingIcon_1jaj8_60";
+const up = "_up_1jaj8_60";
+const down = "_down_1jaj8_63";
+const icon = "_icon_1jaj8_80";
+const icons = "_icons_1jaj8_85";
+const retry = "_retry_1jaj8_93";
+const manual = "_manual_1jaj8_96";
+const showGap = "_showGap_1jaj8_104";
 const style0$2 = {
   WorkflowExecutionsCard: WorkflowExecutionsCard$1,
   active,
   executionStatus,
   executionLink,
-  "new": "_new_1hja4_17",
+  "new": "_new_1jaj8_17",
   spinner,
   running,
   statusLabel,
@@ -234,6 +274,10 @@ const style0$2 = {
   waiting,
   error,
   unknown,
+  annotation,
+  ratingIcon,
+  up,
+  down,
   icon,
   icons,
   retry,
@@ -629,13 +673,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const loadingMore = ref(false);
     const workflow = ref();
     const workflowId = computed(() => {
-      return route.params.name || workflowsStore.workflowId;
+      const workflowIdParam = route.params.name;
+      return [PLACEHOLDER_EMPTY_WORKFLOW_ID, NEW_WORKFLOW_ID].includes(workflowIdParam) ? void 0 : workflowIdParam;
     });
     const executionId = computed(() => route.params.executionId);
-    const executions = computed(() => [
-      ...executionsStore.currentExecutionsByWorkflowId[workflowId.value] ?? [],
-      ...executionsStore.executionsByWorkflowId[workflowId.value] ?? []
-    ]);
+    const executions = computed(
+      () => workflowId.value ? [
+        ...executionsStore.currentExecutionsByWorkflowId[workflowId.value] ?? [],
+        ...executionsStore.executionsByWorkflowId[workflowId.value] ?? []
+      ] : []
+    );
     const execution = computed(() => {
       return executions.value.find((e) => e.id === executionId.value) ?? currentExecution.value;
     });
@@ -653,13 +700,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     onMounted(async () => {
-      await nodeTypesStore.loadNodeTypesIfNotLoaded();
-      await Promise.all([
-        nodeTypesStore.loadNodeTypesIfNotLoaded(),
-        fetchWorkflow(),
-        executionsStore.initialize(workflowId.value)
-      ]);
-      await fetchExecution();
+      await Promise.all([nodeTypesStore.loadNodeTypesIfNotLoaded(), fetchWorkflow()]);
+      if (workflowId.value) {
+        await Promise.all([executionsStore.initialize(workflowId.value), fetchExecution()]);
+      }
       await initializeRoute();
       document.addEventListener("visibilitychange", onDocumentVisibilityChange);
     });
@@ -697,17 +741,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     async function fetchWorkflow() {
-      if (workflowsStore.workflow.id === PLACEHOLDER_EMPTY_WORKFLOW_ID) {
-        try {
-          await workflowsStore.fetchActiveWorkflows();
-          const data = await workflowsStore.fetchWorkflow(workflowId.value);
-          workflowHelpers.initState(data);
-          await nodeHelpers.addNodes(data.nodes, data.connections);
-        } catch (error2) {
-          toast.showError(error2, i18n.baseText("nodeView.showError.openWorkflow.title"));
+      if (workflowId.value) {
+        if (workflowsStore.workflow.id === PLACEHOLDER_EMPTY_WORKFLOW_ID) {
+          try {
+            await workflowsStore.fetchActiveWorkflows();
+            const data = await workflowsStore.fetchWorkflow(workflowId.value);
+            workflowHelpers.initState(data);
+            await nodeHelpers.addNodes(data.nodes, data.connections);
+          } catch (error2) {
+            toast.showError(error2, i18n.baseText("nodeView.showError.openWorkflow.title"));
+          }
         }
+        workflow.value = workflowsStore.getWorkflowById(workflowId.value);
+      } else {
+        workflow.value = workflowsStore.workflow;
       }
-      workflow.value = workflowsStore.getWorkflowById(workflowId.value);
     }
     async function onAutoRefreshToggle(value) {
       if (value) {