n8n-editor-ui 1.106.1 → 1.107.0

package/dist/assets/{MainHeader-CTjEFOEQ.js → MainHeader-D4ZAxLz1.js}

@@ -1,16 +1,223 @@
-import { d as defineComponent, x as computed, h as createElementBlock, g as openBlock, i as createVNode, l as unref, E as ElDropdown, w as withCtx, j as createBaseVNode, n as normalizeClass, f as createCommentVNode, F as Fragment, y as renderList, e as createBlock, z as N8nAvatar, t as toDisplayString, A as ElDropdownMenu, B as ElDropdownItem, C as N8nUserInfo, D as mergeProps, _ as _export_sfc, G as MAIN_HEADER_TABS, H as N8nRadioButtons, r as ref, I as onBeforeUnmount, o as onMounted, J as renderSlot, K as nextTick, L as debounce, O as resolveComponent, P as normalizeStyle, Q as createEventBus, k as createTextVNode, R as useTagsStore, S as useDebounce, T as useUIStore, U as BREAKPOINT_SM, W as BREAKPOINT_XL, X as BREAKPOINT_LG, Y as BREAKPOINT_MD, Z as getBannerRowHeight, V as VIEWS, $ as N8nTooltip, a0 as _sfc_main$b, c as useI18n, a1 as I18nT, a2 as N8nLink, a3 as defineStore, a4 as usePushConnectionStore, a5 as useWorkflowsStore, u as useUsersStore, a6 as useRoute, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, a8 as STORES, a9 as TIME, aa as useDocumentVisibility, ab as watch, ac as useCssModule, ad as useRootStore, ae as useCanvasStore, v as useSettingsStore, af as useSourceControlStore, ag as useProjectsStore, ah as useFoldersStore, ai as useNpsSurveyStore, b as useRouter, a as useToast, aj as useDocumentTitle, ak as useWorkflowSaving, al as useWorkflowHelpers, am as usePageRedirectionHelper, an as getResourcePermissions, ao as WORKFLOW_MENU_ACTIONS, ap as hasPermission, aq as EnterpriseEditionFeature, ar as ProjectTypes, as as useTemplateRef, at as InlineRename, au as MAX_WORKFLOW_NAME_LENGTH, av as _sfc_main$c, aw as N8nBadge, q as N8nButton, ax as SaveButton, ay as N8nActionDropdown, az as WORKFLOW_SHARE_MODAL_KEY, aA as useTelemetry, aB as nodeViewEventBus, aC as useMessage, aD as MODAL_CONFIRM, aE as WORKFLOW_SETTINGS_MODAL_KEY, aF as SOURCE_CONTROL_PUSH_MODAL_KEY, aG as IMPORT_WORKFLOW_URL_MODAL_KEY, aH as FileSaver_minExports, aI as DUPLICATE_MODAL_KEY, aJ as ResourceType, aK as PROJECT_MOVE_RESOURCE_MODAL, aL as __vitePreload, aM as hyphenate, aN as h, aO as hasOwn, aP as useNDVStore, aQ as useExecutionsStore, aR as useLocalStorage, aS as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aT as STICKY_NODE_TYPE, aU as onBeforeMount, aV as withDirectives, aW as vShow, aX as N8N_MAIN_GITHUB_REPO_URL, N as N8nIcon } from "./index-BoUr_2PB.js";
-import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-By2YPIxR.js";
-import { _ as _sfc_main$d } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-BZtkrOl0.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-CvFcYuae.js";
-import { u as usePushConnection } from "./usePushConnection-klqSpf_T.js";
-import "./useWorkflowActivate-DZbVs_iD.js";
-import "./global-link-actions-CLAUq-Uc.js";
-import "./readyToRunWorkflows.store-BujC1ADB.js";
+import { d as defineComponent, r as ref, x as computed, e as createBlock, f as createCommentVNode, g as openBlock, l as unref, y as N8nPopoverReka, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, h as createElementBlock, m as N8nHeading, k as createTextVNode, t as toDisplayString, z as N8nCallout, F as Fragment, A as renderList, B as withModifiers, N as N8nIcon, p as N8nText, C as N8nLink, D as useI18n, _ as _export_sfc, E as ElDropdown, G as N8nAvatar, H as ElDropdownMenu, I as ElDropdownItem, J as N8nUserInfo, K as mergeProps, L as MAIN_HEADER_TABS, O as N8nRadioButtons, P as onBeforeUnmount, o as onMounted, Q as renderSlot, R as nextTick, S as debounce, T as resolveComponent, U as normalizeStyle, W as createEventBus, X as useTagsStore, Y as useDebounce, Z as useUIStore, $ as BREAKPOINT_SM, a0 as BREAKPOINT_XL, a1 as BREAKPOINT_LG, a2 as BREAKPOINT_MD, a3 as getBannerRowHeight, V as VIEWS, a4 as N8nTooltip, a5 as _sfc_main$d, c as useI18n$1, a6 as I18nT, a7 as defineStore, a8 as usePushConnectionStore, a9 as useWorkflowsStore, u as useUsersStore, aa as useRoute, ab as PLACEHOLDER_EMPTY_WORKFLOW_ID, ac as STORES, ad as TIME, ae as useDocumentVisibility, af as watch, b as useRouter, ag as useEvaluationStore, ah as useNodeTypesStore, ai as useWorkflowSettingsCache, aj as useSourceControlStore, ak as WORKFLOW_ACTIVE_MODAL_KEY, al as ERROR_WORKFLOW_DOCS_URL, am as EVALUATIONS_DOCS_URL, an as TIME_SAVED_DOCS_URL, ao as WORKFLOW_SETTINGS_MODAL_KEY, ap as useTelemetry, aq as useMessage, ar as MODAL_CONFIRM, as as useCssModule, at as useRootStore, au as useCanvasStore, v as useSettingsStore, av as useProjectsStore, aw as useFoldersStore, ax as useNpsSurveyStore, a as useToast, ay as useDocumentTitle, az as useWorkflowSaving, aA as useWorkflowHelpers, aB as usePageRedirectionHelper, aC as getResourcePermissions, aD as WORKFLOW_MENU_ACTIONS, aE as hasPermission, aF as EnterpriseEditionFeature, aG as ProjectTypes, aH as useTemplateRef, aI as InlineRename, aJ as MAX_WORKFLOW_NAME_LENGTH, aK as _sfc_main$e, aL as N8nBadge, q as N8nButton, aM as SaveButton, aN as N8nActionDropdown, aO as WORKFLOW_SHARE_MODAL_KEY, aP as nodeViewEventBus, aQ as SOURCE_CONTROL_PUSH_MODAL_KEY, aR as IMPORT_WORKFLOW_URL_MODAL_KEY, aS as FileSaver_minExports, aT as DUPLICATE_MODAL_KEY, aU as ResourceType, aV as PROJECT_MOVE_RESOURCE_MODAL, aW as __vitePreload, aX as hyphenate, aY as h, aZ as hasOwn, a_ as useNDVStore, a$ as useExecutionsStore, b0 as useLocalStorage, b1 as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, b2 as STICKY_NODE_TYPE, b3 as onBeforeMount, b4 as withDirectives, b5 as vShow, b6 as N8N_MAIN_GITHUB_REPO_URL } from "./index-DDSBmiav.js";
+import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-Gdx2psBe.js";
+import { _ as _sfc_main$f } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-alP-LQay.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-D0W7T4lC.js";
+import { T as Tag } from "./Tag-Bs4tMVi1.js";
+import { u as usePushConnection } from "./usePushConnection-Bl528ZwO.js";
+import "./useWorkflowActivate-DVGKXFvY.js";
+import "./global-link-actions-By3D6cvY.js";
+import "./readyToRunWorkflows.store-6LXk59HV.js";
+const _hoisted_1$4 = ["data-action-id", "onClick"];
+const _hoisted_2$3 = { key: 0 };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{ name: "N8nSuggestedActions" },
+  __name: "SuggestedActions",
+  props: {
+    title: {},
+    actions: {},
+    open: { type: Boolean },
+    ignoreAllLabel: { default: void 0 },
+    popoverAlignment: { default: void 0 },
+    notice: { default: void 0 }
+  },
+  emits: ["action-click", "ignore-click", "ignore-all", "update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const ignoringActions = ref(/* @__PURE__ */ new Set());
+    const completedCount = computed(() => props.actions.filter((action) => action.completed).length);
+    const handleActionClick = (action) => {
+      if (!action.completed) {
+        emit("action-click", action.id);
+      }
+    };
+    const handleIgnoreClick = (actionId) => {
+      ignoringActions.value.add(actionId);
+      setTimeout(() => {
+        emit("ignore-click", actionId);
+        ignoringActions.value.delete(actionId);
+      }, 500);
+    };
+    return (_ctx, _cache) => {
+      return completedCount.value !== _ctx.actions.length ? (openBlock(), createBlock(unref(N8nPopoverReka), {
+        key: 0,
+        open: _ctx.open,
+        width: "360px",
+        "max-height": "500px",
+        align: _ctx.popoverAlignment,
+        "onUpdate:open": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:open", $event))
+      }, {
+        trigger: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass([_ctx.$style.triggerContainer, _ctx.open ? _ctx.$style.activeTrigger : ""]),
+            "data-test-id": "suggested-action-count"
+          }, [
+            createVNode(unref(Tag), {
+              text: `${completedCount.value} / ${_ctx.actions.length}`
+            }, null, 8, ["text"])
+          ], 2)
+        ]),
+        content: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.popoverContent)
+          }, [
+            createVNode(unref(N8nHeading), { tag: "h4" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.title), 1)
+              ]),
+              _: 1
+            }),
+            _ctx.notice ? (openBlock(), createBlock(unref(N8nCallout), {
+              key: 0,
+              theme: "warning"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.notice), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actions, (action) => {
+              return openBlock(), createElementBlock("div", {
+                key: action.id,
+                class: normalizeClass([
+                  {
+                    [_ctx.$style.actionItem]: true,
+                    [_ctx.$style.ignoring]: ignoringActions.value.has(action.id),
+                    [_ctx.$style.actionable]: !action.completed
+                  }
+                ]),
+                "data-test-id": "suggested-action-item",
+                "data-action-id": action.id,
+                onClick: withModifiers(() => handleActionClick(action), ["prevent", "stop"])
+              }, [
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.checkboxContainer)
+                }, [
+                  action.completed ? (openBlock(), createBlock(unref(N8nIcon), {
+                    key: 0,
+                    icon: "circle-check",
+                    color: "success"
+                  })) : (openBlock(), createBlock(unref(N8nIcon), {
+                    key: 1,
+                    icon: "circle",
+                    color: "foreground-dark"
+                  }))
+                ], 2),
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.actionItemBody)
+                }, [
+                  createBaseVNode("div", {
+                    class: normalizeClass([action.completed ? "" : "mb-3xs", _ctx.$style.actionHeader])
+                  }, [
+                    createVNode(unref(N8nText), {
+                      size: "medium",
+                      bold: true
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(action.title), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 2),
+                  !action.completed ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+                    createVNode(unref(N8nText), {
+                      size: "small",
+                      color: "text-base"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(action.description) + " ", 1),
+                        action.moreInfoLink ? (openBlock(), createBlock(unref(N8nLink), {
+                          key: 0,
+                          to: action.moreInfoLink,
+                          size: "small",
+                          theme: "text",
+                          "new-window": "",
+                          underline: "",
+                          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                          }, ["stop"]))
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("generic.moreInfo")), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["to"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])) : createCommentVNode("", true)
+                ], 2),
+                createVNode(unref(N8nLink), {
+                  theme: "text",
+                  title: unref(t)("generic.ignore"),
+                  "data-test-id": "suggested-action-ignore",
+                  onClick: withModifiers(($event) => handleIgnoreClick(action.id), ["prevent", "stop"])
+                }, {
+                  default: withCtx(() => [
+                    !action.completed ? (openBlock(), createBlock(unref(N8nIcon), {
+                      key: 0,
+                      icon: "x",
+                      size: "large"
+                    })) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1032, ["title", "onClick"])
+              ], 10, _hoisted_1$4);
+            }), 128)),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.ignoreAllContainer)
+            }, [
+              createVNode(unref(N8nLink), {
+                theme: "text",
+                size: "small",
+                underline: "",
+                "data-test-id": "suggested-action-ignore-all",
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("ignore-all"), ["prevent", "stop"]))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.ignoreAllLabel ?? unref(t)("generic.ignoreAll")), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["open", "align"])) : createCommentVNode("", true);
+    };
+  }
+});
+const triggerContainer = "_triggerContainer_1gki6_123";
+const activeTrigger = "_activeTrigger_1gki6_129";
+const popoverContent = "_popoverContent_1gki6_134";
+const actionItem = "_actionItem_1gki6_141";
+const ignoring = "_ignoring_1gki6_147";
+const actionable = "_actionable_1gki6_154";
+const actionHeader = "_actionHeader_1gki6_157";
+const actionItemBody = "_actionItemBody_1gki6_164";
+const checkboxContainer = "_checkboxContainer_1gki6_171";
+const ignoreAllContainer = "_ignoreAllContainer_1gki6_176";
+const style0$4 = {
+  triggerContainer,
+  activeTrigger,
+  popoverContent,
+  actionItem,
+  ignoring,
+  actionable,
+  actionHeader,
+  actionItemBody,
+  checkboxContainer,
+  ignoreAllContainer
+};
+const cssModules$5 = {
+  "$style": style0$4
+};
+const N8nSuggestedActions = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$5]]);
 const _hoisted_1$3 = {
   class: "user-stack",
   "data-test-id": "user-stack-container"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "UserStack",
   props: {
     users: {},
@@ -134,7 +341,7 @@ const groupContainer = "_groupContainer_1u5zw_148";
 const groupName = "_groupName_1u5zw_156";
 const groupUsers = "_groupUsers_1u5zw_164";
 const userInfoContainer = "_userInfoContainer_1u5zw_170";
-const style0$4 = {
+const style0$3 = {
   avatars,
   avatar,
   hiddenBadge,
@@ -143,11 +350,11 @@ const style0$4 = {
   groupUsers,
   userInfoContainer
 };
-const cssModules$5 = {
-  "$style": style0$4
+const cssModules$4 = {
+  "$style": style0$3
 };
-const N8nUserStack = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$5]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const N8nUserStack = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$4]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {
     items: {},
@@ -178,14 +385,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 const container$3 = "_container_j6ct2_123";
-const style0$3 = {
+const style0$2 = {
   container: container$3
 };
-const cssModules$4 = {
-  "$style": style0$3
+const cssModules$3 = {
+  "$style": style0$2
 };
-const TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$4]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$3]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "IntersectionObserver",
   props: {
     threshold: { default: 0 },
@@ -240,7 +447,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "IntersectionObserved",
   props: {
     enabled: { type: Boolean, default: false },
@@ -273,7 +480,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$2 = { class: "tags" };
 const _hoisted_2$2 = ["onClick"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TagsContainer",
   props: {
     tagIds: {},
@@ -357,7 +564,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_tag = resolveComponent("el-tag");
-      return openBlock(), createBlock(_sfc_main$8, {
+      return openBlock(), createBlock(_sfc_main$9, {
         ref_key: "tagsContainer",
         ref: tagsContainer,
         threshold: 1,
@@ -387,7 +594,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     createTextVNode(toDisplayString(tag.name), 1)
                   ]),
                   _: 2
-                }, 1032, ["title"])) : (openBlock(), createBlock(_sfc_main$7, {
+                }, 1032, ["title"])) : (openBlock(), createBlock(_sfc_main$8, {
                   key: 1,
                   class: normalizeClass({ hideTag: tag.hidden }),
                   "data-id": tag.id,
@@ -419,8 +626,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TagsContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6bab2764"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const TagsContainer = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-6bab2764"]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowTagsContainer",
   props: {
     tagIds: {},
@@ -450,7 +657,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BreakpointsObserver",
   props: {
     valueXS: {},
@@ -525,7 +732,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2$1 = { key: 1 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowHistoryButton",
   props: {
     workflowId: {},
@@ -534,7 +741,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   emits: ["upgrade"],
   setup(__props, { emit: __emit }) {
-    const locale = useI18n();
+    const locale = useI18n$1();
     const props = __props;
     const emit = __emit;
     const workflowHistoryRoute = computed(() => ({
@@ -544,7 +751,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     }));
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$b;
+      const _component_N8nIconButton = _sfc_main$d;
       const _component_RouterLink = resolveComponent("RouterLink");
       const _component_N8nLink = N8nLink;
       const _component_N8nTooltip = N8nTooltip;
@@ -570,36 +777,24 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }))
         ]),
         default: withCtx(() => [
-          createVNode(_component_RouterLink, {
-            to: workflowHistoryRoute.value,
-            class: normalizeClass(_ctx.$style.workflowHistoryButton)
-          }, {
+          createVNode(_component_RouterLink, { to: workflowHistoryRoute.value }, {
             default: withCtx(() => [
               createVNode(_component_N8nIconButton, {
                 disabled: _ctx.isNewWorkflow || !_ctx.isFeatureEnabled,
                 "data-test-id": "workflow-history-button",
-                type: "tertiary",
+                type: "highlight",
                 icon: "history",
-                size: "medium",
-                text: ""
+                size: "medium"
               }, null, 8, ["disabled"])
             ]),
             _: 1
-          }, 8, ["to", "class"])
+          }, 8, ["to"])
         ]),
         _: 1
       });
     };
   }
 });
-const workflowHistoryButton = "_workflowHistoryButton_1uro5_123";
-const style0$2 = {
-  workflowHistoryButton
-};
-const cssModules$3 = {
-  "$style": style0$2
-};
-const WorkflowHistoryButton = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
 const HEARTBEAT_INTERVAL = 5 * TIME.MINUTE;
 const useCollaborationStore = defineStore(STORES.COLLABORATION, () => {
   const pushStore = usePushConnectionStore();
@@ -675,7 +870,7 @@ const useCollaborationStore = defineStore(STORES.COLLABORATION, () => {
     stopHeartbeat
   };
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "CollaborationPane",
   setup(__props) {
     const collaborationStore = useCollaborationStore();
@@ -725,7 +920,174 @@ const style0$1 = {
 const cssModules$2 = {
   "$style": style0$1
 };
-const CollaborationPane = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const CollaborationPane = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "WorkflowProductionChecklist",
+  props: {
+    workflow: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const i18n = useI18n$1();
+    const router = useRouter();
+    const evaluationStore = useEvaluationStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const workflowsCache = useWorkflowSettingsCache();
+    const uiStore = useUIStore();
+    const message = useMessage();
+    const telemetry = useTelemetry();
+    const sourceControlStore = useSourceControlStore();
+    const isPopoverOpen = ref(false);
+    const cachedSettings = ref(null);
+    const hasAINode = computed(() => {
+      const nodes = props.workflow.nodes;
+      return nodes.some((node) => {
+        const nodeType = nodeTypesStore.getNodeType(node.type, node.typeVersion);
+        return nodeType?.codex?.categories?.includes("AI");
+      });
+    });
+    const hasEvaluationSetOutputsNode = computed(() => {
+      return evaluationStore.evaluationSetOutputsNodeExist;
+    });
+    const hasErrorWorkflow = computed(() => {
+      return !!props.workflow.settings?.errorWorkflow;
+    });
+    const hasTimeSaved = computed(() => {
+      return props.workflow.settings?.timeSavedPerExecution !== void 0;
+    });
+    const isActivationModalOpen = computed(() => {
+      return uiStore.isModalActiveById[WORKFLOW_ACTIVE_MODAL_KEY];
+    });
+    const isProtectedEnvironment = computed(() => {
+      return sourceControlStore.preferences.branchReadOnly;
+    });
+    const availableActions = computed(() => {
+      if (!props.workflow.active || workflowsCache.isCacheLoading.value) {
+        return [];
+      }
+      const actions = [];
+      const suggestedActionSettings = cachedSettings.value?.suggestedActions ?? {};
+      if (!suggestedActionSettings.errorWorkflow?.ignored) {
+        actions.push({
+          id: "errorWorkflow",
+          title: i18n.baseText("workflowProductionChecklist.errorWorkflow.title"),
+          description: i18n.baseText("workflowProductionChecklist.errorWorkflow.description"),
+          moreInfoLink: ERROR_WORKFLOW_DOCS_URL,
+          completed: hasErrorWorkflow.value
+        });
+      }
+      if (hasAINode.value && evaluationStore.isEvaluationEnabled && !suggestedActionSettings.evaluations?.ignored) {
+        actions.push({
+          id: "evaluations",
+          title: i18n.baseText("workflowProductionChecklist.evaluations.title"),
+          description: i18n.baseText("workflowProductionChecklist.evaluations.description"),
+          moreInfoLink: EVALUATIONS_DOCS_URL,
+          completed: hasEvaluationSetOutputsNode.value
+        });
+      }
+      if (!suggestedActionSettings.timeSaved?.ignored) {
+        actions.push({
+          id: "timeSaved",
+          title: i18n.baseText("workflowProductionChecklist.timeSaved.title"),
+          description: i18n.baseText("workflowProductionChecklist.timeSaved.description"),
+          moreInfoLink: TIME_SAVED_DOCS_URL,
+          completed: hasTimeSaved.value
+        });
+      }
+      return actions;
+    });
+    async function loadWorkflowSettings() {
+      if (props.workflow.id) {
+        cachedSettings.value = await workflowsCache.getMergedWorkflowSettings(props.workflow.id);
+      }
+    }
+    async function handleActionClick(actionId) {
+      if (actionId === "evaluations") {
+        await router.push({
+          name: VIEWS.EVALUATION_EDIT,
+          params: { name: props.workflow.id }
+        });
+      } else if (actionId === "errorWorkflow" || actionId === "timeSaved") {
+        uiStore.openModal(WORKFLOW_SETTINGS_MODAL_KEY);
+      }
+      isPopoverOpen.value = false;
+    }
+    function isValidAction(action) {
+      return ["evaluations", "errorWorkflow", "timeSaved"].includes(action);
+    }
+    async function handleIgnoreClick(actionId) {
+      if (!isValidAction(actionId)) {
+        return;
+      }
+      await workflowsCache.ignoreSuggestedAction(props.workflow.id, actionId);
+      await loadWorkflowSettings();
+      telemetry.track("user clicked ignore suggested action", {
+        actionId
+      });
+    }
+    async function handleIgnoreAll() {
+      const ignoreAllConfirmed = await message.confirm(
+        i18n.baseText("workflowProductionChecklist.ignoreAllConfirmation.description"),
+        i18n.baseText("workflowProductionChecklist.ignoreAllConfirmation.title"),
+        {
+          confirmButtonText: i18n.baseText("workflowProductionChecklist.ignoreAllConfirmation.confirm")
+        }
+      );
+      if (ignoreAllConfirmed === MODAL_CONFIRM) {
+        await workflowsCache.ignoreAllSuggestedActionsForAllWorkflows(
+          availableActions.value.map((action) => action.id)
+        );
+        await loadWorkflowSettings();
+        telemetry.track("user clicked ignore suggested actions for all workflows");
+      }
+    }
+    function openSuggestedActions() {
+      isPopoverOpen.value = true;
+    }
+    function onPopoverOpened() {
+      telemetry.track("user opened suggested actions checklist");
+    }
+    function handlePopoverOpenChange(open) {
+      if (open) {
+        isPopoverOpen.value = true;
+        onPopoverOpened();
+      } else if (!isActivationModalOpen.value) {
+        isPopoverOpen.value = false;
+      }
+    }
+    watch(
+      () => props.workflow.active,
+      async (isActive, wasActive) => {
+        if (isActive && !wasActive) {
+          if (!cachedSettings.value?.firstActivatedAt) {
+            setTimeout(() => {
+              openSuggestedActions();
+            }, 0);
+          }
+          await workflowsCache.updateFirstActivatedAt(props.workflow.id);
+        }
+      }
+    );
+    onMounted(async () => {
+      await loadWorkflowSettings();
+    });
+    return (_ctx, _cache) => {
+      return availableActions.value.length > 0 ? (openBlock(), createBlock(unref(N8nSuggestedActions), {
+        key: 0,
+        open: isPopoverOpen.value,
+        title: unref(i18n).baseText("workflowProductionChecklist.title"),
+        actions: availableActions.value,
+        "ignore-all-label": unref(i18n).baseText("workflowProductionChecklist.turnOffWorkflowSuggestions"),
+        notice: isProtectedEnvironment.value ? unref(i18n).baseText("workflowProductionChecklist.readOnlyNotice") : "",
+        "popover-alignment": "end",
+        onActionClick: handleActionClick,
+        onIgnoreClick: handleIgnoreClick,
+        onIgnoreAll: handleIgnoreAll,
+        "onUpdate:open": handlePopoverOpenChange
+      }, null, 8, ["open", "title", "actions", "ignore-all-label", "notice"])) : createCommentVNode("", true);
+    };
+  }
+});
 const INVALID_CHARS_REGEX = /[<>:"/\\|?*\u0000-\u001F\u007F-\u009F]/g;
 const ZERO_WIDTH_CHARS_REGEX = /[\u200B-\u200D\u2060\uFEFF]/g;
 const UNICODE_SPACES_REGEX = /[\u00A0\u2000-\u200A]/g;
@@ -778,6 +1140,8 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { key: 1 };
 const _hoisted_3 = { class: "archived" };
+const WORKFLOW_NAME_MAX_WIDTH_SMALL_SCREENS = 150;
+const WORKFLOW_NAME_MAX_WIDTH_WIDE_SCREENS = 200;
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowDetails",
   props: {
@@ -805,10 +1169,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const projectsStore = useProjectsStore();
     const foldersStore = useFoldersStore();
     const npsSurveyStore = useNpsSurveyStore();
-    const i18n = useI18n();
+    const i18n = useI18n$1();
     const router = useRouter();
     const route = useRoute();
-    const locale = useI18n();
+    const locale = useI18n$1();
     const telemetry = useTelemetry();
     const message = useMessage();
     const toast = useToast();
@@ -1321,14 +1685,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref($style).container)
       }, [
-        createVNode(_sfc_main$4, {
+        createVNode(_sfc_main$5, {
           "value-x-s": 15,
           "value-s-m": 25,
           "value-m-d": 50,
           class: "name-container",
           "data-test-id": "canvas-breadcrumbs"
         }, {
-          default: withCtx(() => [
+          default: withCtx(({ bp }) => [
             createVNode(_component_FolderBreadcrumbs, {
               "current-folder": currentFolderForBreadcrumbs.value,
               "current-folder-as-link": true,
@@ -1348,19 +1712,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   class: "name",
                   "model-value": _ctx.name,
                   "max-length": unref(MAX_WORKFLOW_NAME_LENGTH),
+                  "max-width": ["XS", "SM"].includes(bp) ? WORKFLOW_NAME_MAX_WIDTH_SMALL_SCREENS : WORKFLOW_NAME_MAX_WIDTH_WIDE_SCREENS,
                   "read-only": _ctx.readOnly || _ctx.isArchived || !isNewWorkflow.value && !workflowPermissions.value.update,
                   disabled: _ctx.readOnly || _ctx.isArchived || !isNewWorkflow.value && !workflowPermissions.value.update,
                   "onUpdate:modelValue": onNameSubmit
-                }, null, 8, ["model-value", "max-length", "read-only", "disabled"]))
+                }, null, 8, ["model-value", "max-length", "max-width", "read-only", "disabled"]))
               ]),
-              _: 1
-            }, 8, ["current-folder"])
+              _: 2
+            }, 1032, ["current-folder"])
           ]),
           _: 1
         }),
         createBaseVNode("span", _hoisted_1, [
           unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            isTagsEditEnabled.value && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createBlock(_sfc_main$c, {
+            isTagsEditEnabled.value && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createBlock(_sfc_main$e, {
               key: 0,
               ref: "dropdown",
               modelValue: appliedTagIds.value,
@@ -1377,7 +1742,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "data-test-id": "new-tag-link",
                 onClick: onTagsEditEnable
               }, " + " + toDisplayString(unref(i18n).baseText("workflowDetails.addTag")), 1)
-            ])) : (openBlock(), createBlock(_sfc_main$5, {
+            ])) : (openBlock(), createBlock(_sfc_main$6, {
               key: _ctx.id,
               "tag-ids": workflowTagIds.value,
               clickable: true,
@@ -1401,8 +1766,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ])
         ]),
-        createVNode(_sfc_main$d, { class: "actions" }, {
+        createVNode(_sfc_main$f, { class: "actions" }, {
           default: withCtx(() => [
+            !isNewWorkflow.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              workflow: unref(workflowsStore).workflow
+            }, null, 8, ["workflow"])) : createCommentVNode("", true),
             createBaseVNode("span", {
               class: normalizeClass(`activator ${unref($style).group}`)
             }, [
@@ -1478,7 +1847,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "data-test-id": "workflow-save-button",
                 onClick: onSaveButtonClick
               }, null, 8, ["saved", "disabled", "is-saving", "with-shortcut", "shortcut-tooltip"]),
-              createVNode(WorkflowHistoryButton, {
+              createVNode(_sfc_main$4, {
                 "workflow-id": props.id,
                 "is-feature-enabled": isWorkflowHistoryFeatureEnabled.value,
                 "is-new-workflow": isNewWorkflow.value,
@@ -1527,7 +1896,7 @@ const style1 = {
 const cssModules$1 = {
   "$style": style1
 };
-const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-2761781f"]]);
+const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-9c3251f0"]]);
 const GithubButton = defineComponent({
   name: "github-button",
   props: {
@@ -1600,7 +1969,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const router = useRouter();
     const route = useRoute();
-    const locale = useI18n();
+    const locale = useI18n$1();
     const pushConnection = usePushConnection({ router });
     const ndvStore = useNDVStore();
     const uiStore = useUIStore();
@@ -1829,14 +2198,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_hdyww_123";
+const container = "_container_gg3to_123";
 const style0 = {
   container,
-  "main-header": "_main-header_hdyww_130",
-  "top-menu": "_top-menu_hdyww_138",
-  "github-button": "_github-button_hdyww_149",
-  "close-github-button": "_close-github-button_hdyww_158",
-  "github-button-container": "_github-button-container_hdyww_173"
+  "main-header": "_main-header_gg3to_130",
+  "top-menu": "_top-menu_gg3to_138",
+  "github-button": "_github-button_gg3to_149",
+  "close-github-button": "_close-github-button_gg3to_158",
+  "github-button-container": "_github-button-container_gg3to_173"
 };
 const cssModules = {
   "$style": style0