n8n-editor-ui 1.71.2 → 1.72.0

package/dist/assets/{WorkflowHistory-C-lUH0fo.css → WorkflowHistory-D0ufvWsH.css}

@@ -1,14 +1,8 @@
 ._item_1a4du_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  align-items: center;
+  justify-content: space-between;
   border-left: 2px var(--border-style-base) transparent;
   border-bottom: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
   color: var(--color-text-base);
@@ -18,9 +12,7 @@
   display: grid;
   padding: var(--spacing-s);
   cursor: pointer;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 ._item_1a4du_1 p time {
   padding: 0 0 var(--spacing-5xs);
@@ -39,15 +31,9 @@
   font-size: var(--font-size-2xs);
 }
 ._item_1a4du_1 ._tail_1a4du_33 {
-  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;
+  align-items: center;
+  justify-content: space-between;
 }
 ._item_1a4du_1._active_1a4du_38 {
   background-color: var(--color-background-base);
@@ -71,18 +57,12 @@
   overflow: auto;
 }
 ._empty_undzg_10 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   position: absolute;
   height: 100%;
   padding: 0 25%;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   text-align: center;
   color: var(--color-text-base);
   font-size: var(--font-size-s);
@@ -116,29 +96,16 @@
 ._card_2kwc4_19 {
   padding: var(--spacing-s) var(--spacing-l) 0 var(--spacing-xl);
   border: 0;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: start;
+  align-items: start;
 }
 ._card_2kwc4_19 ._text_2kwc4_24 {
-  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-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
+  flex-direction: column;
+  flex: 1 1 auto;
 }
 ._card_2kwc4_19 ._text_2kwc4_24 p {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   padding: 0;
   cursor: default;
 }
@@ -179,26 +146,16 @@
 }
 ._header_phdlt_11 {
   grid-area: header;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   padding: 0 var(--spacing-l);
   border-bottom: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
 }
 ._corner_phdlt_19 {
   grid-area: corner;
-  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;
+  align-items: center;
+  justify-content: space-between;
   padding: 0 var(--spacing-3xs) 0 var(--spacing-s);
   background-color: var(--color-background-lighter);
   border-bottom: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);

package/dist/assets/{WorkflowHistory-C4UO5rXU.js → WorkflowHistory-_fF-3jG2.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, r as ref, q as computed, o as onMounted, c as openBlock, h as createElementBlock, s as renderSlot, j as createBaseVNode, t as toDisplayString, i as createVNode, w as withCtx, k as createTextVNode, e as createBlock, l as unref, f as createCommentVNode, n as normalizeClass, I as withModifiers, g as useI18n, m as resolveComponent, j2 as dateformat, _ as _export_sfc, F as Fragment, A as renderList, aG as get, R as defineStore, Z as useRootStore, p as useSettingsStore, T as useWorkflowsStore, iJ as getNewWorkflow, U as useRoute, b as useRouter, a as useToast, a5 as usePageRedirectionHelper, K as useUIStore, ax as onBeforeMount, V as VIEWS, bj as watchEffect, iS as telemetry, am as getResourcePermissions, aq as h, j9 as WORKFLOW_HISTORY_VERSION_RESTORE } from "./index-DkYPoe33.js";
-import { W as WorkflowPreview } from "./WorkflowPreview-D52yEew-.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-DNj6htjC.js";
+import { d as defineComponent, r as ref, q as computed, o as onMounted, c as openBlock, h as createElementBlock, s as renderSlot, j as createBaseVNode, t as toDisplayString, i as createVNode, w as withCtx, k as createTextVNode, e as createBlock, l as unref, f as createCommentVNode, n as normalizeClass, I as withModifiers, g as useI18n, m as resolveComponent, hN as dateformat, _ as _export_sfc, F as Fragment, A as renderList, aG as get, R as defineStore, Z as useRootStore, p as useSettingsStore, T as useWorkflowsStore, hr as getNewWorkflow, U as useRoute, b as useRouter, a as useToast, a5 as usePageRedirectionHelper, K as useUIStore, ax as onBeforeMount, V as VIEWS, bj as watchEffect, hz as telemetry, am as getResourcePermissions, aq as h, hX as WORKFLOW_HISTORY_VERSION_RESTORE } from "./index-CCXI3lDY.js";
+import { W as WorkflowPreview } from "./WorkflowPreview-Cv_v3IHF.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-C1fwMQTB.js";
 const _hoisted_1$2 = ["datetime"];
 const _hoisted_2$1 = ["value"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -56,13 +56,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       emit("preview", { event, id: props.item.versionId });
     };
     onMounted(() => {
-      var _a, _b, _c;
       emit("mounted", {
         index: props.index,
-        offsetTop: ((_a = itemElement.value) == null ? void 0 : _a.offsetTop) ?? 0,
+        offsetTop: itemElement.value?.offsetTop ?? 0,
         isActive: props.isActive
       });
-      isAuthorElementTruncated.value = (((_b = authorElement.value) == null ? void 0 : _b.scrollWidth) ?? 0) > (((_c = authorElement.value) == null ? void 0 : _c.clientWidth) ?? 0);
+      isAuthorElementTruncated.value = (authorElement.value?.scrollWidth ?? 0) > (authorElement.value?.clientWidth ?? 0);
     });
     return (_ctx, _cache) => {
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
@@ -173,10 +172,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const observeElement = (element) => {
       observer.value = new IntersectionObserver(
         ([entry]) => {
-          var _a, _b;
           if (entry.isIntersecting) {
-            (_a = observer.value) == null ? void 0 : _a.unobserve(element);
-            (_b = observer.value) == null ? void 0 : _b.disconnect();
+            observer.value?.unobserve(element);
+            observer.value?.disconnect();
             observer.value = null;
             emit("loadMore", { take: props.requestNumberOfItems, skip: props.items.length });
           }
@@ -205,13 +203,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       offsetTop,
       isActive
     }) => {
-      var _a, _b;
       if (isActive && shouldAutoScroll.value) {
         shouldAutoScroll.value = false;
-        (_a = listElement.value) == null ? void 0 : _a.scrollTo({ top: offsetTop, behavior: "smooth" });
+        listElement.value?.scrollTo({ top: offsetTop, behavior: "smooth" });
       }
       if (index === props.items.length - 1 && props.lastReceivedItemsLength === props.requestNumberOfItems) {
-        observeElement((_b = listElement.value) == null ? void 0 : _b.children[index]);
+        observeElement(listElement.value?.children[index]);
       }
     };
     return (_ctx, _cache) => {
@@ -224,12 +221,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         "data-test-id": "workflow-history-list"
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item2, index) => {
-          var _a;
           return openBlock(), createBlock(WorkflowHistoryListItem, {
             key: item2.versionId,
             index,
             item: item2,
-            "is-active": item2.versionId === ((_a = props.activeItem) == null ? void 0 : _a.versionId),
+            "is-active": item2.versionId === props.activeItem?.versionId,
             actions: getActions(index),
             onAction,
             onPreview,
@@ -549,10 +545,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }));
     const workflowPermissions = computed(
-      () => {
-        var _a;
-        return getResourcePermissions((_a = workflowsStore.getWorkflowById(workflowId.value)) == null ? void 0 : _a.scopes).workflow;
-      }
+      () => getResourcePermissions(workflowsStore.getWorkflowById(workflowId.value)?.scopes).workflow
     );
     const actions2 = computed(
       () => workflowHistoryActionTypes.map((value) => ({
@@ -561,10 +554,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         value
       }))
     );
-    const isFirstItemShown = computed(() => {
-      var _a;
-      return ((_a = workflowHistory.value[0]) == null ? void 0 : _a.versionId) === versionId.value;
-    });
+    const isFirstItemShown = computed(() => workflowHistory.value[0]?.versionId === versionId.value);
     const evaluatedPruneTime = computed(() => Math.floor(workflowHistoryStore.evaluatedPruneTime / 24));
     const sendTelemetry = (event) => {
       telemetry.track(event, {
@@ -603,7 +593,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const normalizeSingleRouteParam = (name) => {
       const param = route.params[name];
       if (typeof param === "string") return param;
-      return (param == null ? void 0 : param[0]) ?? "";
+      return param?.[0] ?? "";
     };
     const openInNewTab = (id) => {
       const { href } = router.resolve({
@@ -802,12 +792,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           tag: "h2",
           size: "medium"
         }, {
-          default: withCtx(() => {
-            var _a;
-            return [
-              createTextVNode(toDisplayString((_a = activeWorkflow.value) == null ? void 0 : _a.name), 1)
-            ];
-          }),
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(activeWorkflow.value?.name), 1)
+          ]),
           _: 1
         }, 8, ["class"]),
         createBaseVNode("div", {

package/dist/assets/{WorkflowOnboardingView-HYNy1WBn.js → WorkflowOnboardingView-i2624ID7.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, aD as useLoadingService, aL as useTemplatesStore, T as useWorkflowsStore, b as useRouter, U as useRoute, o as onMounted, V as VIEWS, c as openBlock, h as createElementBlock, ja as SAMPLE_SUBWORKFLOW_WORKFLOW_ID, jb as SAMPLE_SUBWORKFLOW_WORKFLOW, jc as NEW_SAMPLE_WORKFLOW_CREATED_CHANNEL, g as useI18n } from "./index-DkYPoe33.js";
+import { d as defineComponent, aD as useLoadingService, aL as useTemplatesStore, T as useWorkflowsStore, b as useRouter, U as useRoute, o as onMounted, V as VIEWS, c as openBlock, h as createElementBlock, hY as SAMPLE_SUBWORKFLOW_WORKFLOW, hG as EASY_AI_WORKFLOW_JSON, hZ as NEW_SAMPLE_WORKFLOW_CREATED_CHANNEL, g as useI18n } from "./index-CCXI3lDY.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WorkflowOnboardingView",
   setup(__props) {
@@ -9,10 +9,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const route = useRoute();
     const i18n = useI18n();
     const openWorkflowTemplate = async (templateId) => {
-      if (templateId === SAMPLE_SUBWORKFLOW_WORKFLOW_ID) {
+      if (templateId === SAMPLE_SUBWORKFLOW_WORKFLOW.meta.templateId) {
         await openSampleSubworkflow();
         return;
       }
+      if (templateId === EASY_AI_WORKFLOW_JSON.meta.templateId) {
+        await openEasyAIWorkflow();
+        return;
+      }
       try {
         loadingService.startLoading();
         const template = await templateStore.getFixedWorkflowTemplate(templateId);
@@ -44,12 +48,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         throw new Error(`Could not load onboarding template ${templateId}`);
       }
     };
+    const openEasyAIWorkflow = async () => {
+      try {
+        loadingService.startLoading();
+        const newWorkflow = await workflowsStore.createNewWorkflow(EASY_AI_WORKFLOW_JSON);
+        await router.replace({
+          name: VIEWS.WORKFLOW,
+          params: { name: newWorkflow.id }
+        });
+        loadingService.stopLoading();
+      } catch (e) {
+        await router.replace({ name: VIEWS.NEW_WORKFLOW });
+        loadingService.stopLoading();
+      }
+    };
     const openSampleSubworkflow = async () => {
-      var _a, _b;
       try {
         loadingService.startLoading();
-        const projectId = (_a = route.query) == null ? void 0 : _a.projectId;
-        const sampleSubWorkflows = Number(((_b = route.query) == null ? void 0 : _b.sampleSubWorkflows) ?? 0);
+        const projectId = route.query?.projectId;
+        const sampleSubWorkflows = Number(route.query?.sampleSubWorkflows ?? 0);
         const workflowName = `${SAMPLE_SUBWORKFLOW_WORKFLOW.name} ${sampleSubWorkflows + 1}`;
         const workflow = {
           ...SAMPLE_SUBWORKFLOW_WORKFLOW,

package/dist/assets/{WorkflowPreview-D52yEew-.js → WorkflowPreview-Cv_v3IHF.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a as useToast, au as useExecutionsStore, r as ref, q as computed, o as onMounted, x as onBeforeUnmount, H as watch, c as openBlock, h as createElementBlock, n as normalizeClass, i as createVNode, f as createCommentVNode, j as createBaseVNode, m as resolveComponent, g as useI18n, _ as _export_sfc } from "./index-DkYPoe33.js";
+import { d as defineComponent, a as useToast, au as useExecutionsStore, r as ref, q as computed, o as onMounted, x as onBeforeUnmount, H as watch, c as openBlock, h as createElementBlock, n as normalizeClass, i as createVNode, f as createCommentVNode, j as createBaseVNode, m as resolveComponent, g as useI18n, _ as _export_sfc } from "./index-CCXI3lDY.js";
 const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WorkflowPreview",
@@ -32,7 +32,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !props.loading && (props.mode === "workflow" && !!props.workflow || props.mode === "execution" && !!props.executionId) && ready.value;
     });
     const loadWorkflow = () => {
-      var _a, _b, _c;
       try {
         if (!props.workflow) {
           throw new Error(i18n.baseText("workflowPreview.showError.missingWorkflow"));
@@ -40,8 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!props.workflow.nodes || !Array.isArray(props.workflow.nodes)) {
           throw new Error(i18n.baseText("workflowPreview.showError.arrayEmpty"));
         }
-        (_c = (_b = (_a = iframeRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage) == null ? void 0 : _c.call(
-          _b,
+        iframeRef.value?.contentWindow?.postMessage?.(
           JSON.stringify({
             command: "openWorkflow",
             workflow: props.workflow,
@@ -59,13 +57,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const loadExecution = () => {
-      var _a, _b, _c, _d, _e, _f;
       try {
         if (!props.executionId) {
           throw new Error(i18n.baseText("workflowPreview.showError.missingExecution"));
         }
-        (_c = (_b = (_a = iframeRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage) == null ? void 0 : _c.call(
-          _b,
+        iframeRef.value?.contentWindow?.postMessage?.(
           JSON.stringify({
             command: "openExecution",
             executionId: props.executionId,
@@ -75,8 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "*"
         );
         if (executionsStore.activeExecution) {
-          (_f = (_e = (_d = iframeRef.value) == null ? void 0 : _d.contentWindow) == null ? void 0 : _e.postMessage) == null ? void 0 : _f.call(
-            _e,
+          iframeRef.value?.contentWindow?.postMessage?.(
             JSON.stringify({
               command: "setActiveExecution",
               executionId: executionsStore.activeExecution.id
@@ -101,8 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       insideIframe.value = false;
     };
     const receiveMessage = ({ data }) => {
-      var _a;
-      if (!((_a = data == null ? void 0 : data.includes) == null ? void 0 : _a.call(data, '"command"'))) {
+      if (!data?.includes?.('"command"')) {
         return;
       }
       try {

package/dist/assets/{WorkflowPreview-Bpiv2_RO.css → WorkflowPreview-DuLM6rtd.css}

@@ -1,12 +1,8 @@
 ._container_wh5y0_1 {
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 ._workflow_wh5y0_8 {
   visibility: hidden;
@@ -30,20 +26,13 @@
   color: var(--color-primary);
   position: absolute;
   top: 50% !important;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
+  transform: translateY(-50%);
 }
 ._imageLoader_wh5y0_37 {
   width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   height: 100%;
 }
 ._executionPreview_wh5y0_45 {

package/dist/assets/WorkflowsView-D5fBzfD4.css

@@ -0,0 +1,65 @@
+._cardLink_1ahnz_1 {
+  transition: box-shadow 0.3s ease;
+  cursor: pointer;
+  padding: 0;
+  align-items: stretch;
+}
+._cardLink_1ahnz_1:hover {
+  box-shadow: 0 2px 8px rgba(68, 28, 23, 0.1);
+}
+._cardHeading_1ahnz_11 {
+  font-size: var(--font-size-s);
+  word-break: break-word;
+  padding: var(--spacing-s) 0 0 var(--spacing-s);
+}
+._cardHeading_1ahnz_11 span {
+  color: var(--color-text-light);
+}
+._cardDescription_1ahnz_20 {
+  min-height: 19px;
+  display: flex;
+  align-items: center;
+  padding: 0 0 var(--spacing-s) var(--spacing-s);
+}
+._cardActions_1ahnz_27 {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-self: stretch;
+  padding: 0 var(--spacing-s) 0 0;
+  cursor: default;
+}._actionsContainer_1g69p_1 {
+  display: flex;
+  justify-content: center;
+}
+._easy-ai-workflow-callout_1g69p_6 {
+  margin-top: var(--spacing-xs);
+  padding-left: var(--spacing-s);
+  padding-right: var(--spacing-m);
+}
+._easy-ai-workflow-callout_1g69p_6 ._callout-trailing-content_1g69p_11 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-m);
+}
+._emptyStateCard_1g69p_17 {
+  width: 192px;
+  text-align: center;
+  display: inline-flex;
+  height: 230px;
+}
+._emptyStateCard_1g69p_17 + ._emptyStateCard_1g69p_17 {
+  margin-left: var(--spacing-s);
+}
+._emptyStateCard_1g69p_17:hover svg {
+  color: var(--color-primary);
+}
+._emptyStateCardIcon_1g69p_30 {
+  font-size: 48px;
+}
+._emptyStateCardIcon_1g69p_30 svg {
+  width: 48px !important;
+  color: var(--color-foreground-dark);
+  transition: color 0.3s ease;
+}