n8n-editor-ui 1.73.0 → 1.74.1

package/dist/assets/WorkflowPreview-CIOAVgxK.css

@@ -0,0 +1,162 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._container_idflw_123 {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+}
+._workflow_idflw_130 {
+  visibility: hidden;
+  height: 0;
+  width: 0;
+}
+._show_idflw_136 {
+  visibility: visible;
+  height: 100%;
+  width: 100%;
+}
+._openNDV_idflw_142 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: var(--z-index-workflow-preview-ndv);
+}
+._spinner_idflw_151 {
+  color: var(--color-primary);
+  position: absolute;
+  top: 50% !important;
+  transform: translateY(-50%);
+}
+._imageLoader_idflw_159 {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+._executionPreview_idflw_167 {
+  height: 100%;
+}

package/dist/assets/{WorkflowPreview-DzTTLI8R.js → WorkflowPreview-Dw2NtUVX.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-DYxqsGB9.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-D0W-rAl_.js";
 const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WorkflowPreview",
@@ -194,13 +194,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_wh5y0_1";
-const workflow = "_workflow_wh5y0_8";
-const show = "_show_wh5y0_14";
-const openNDV = "_openNDV_wh5y0_20";
-const spinner = "_spinner_wh5y0_29";
-const imageLoader = "_imageLoader_wh5y0_37";
-const executionPreview = "_executionPreview_wh5y0_45";
+const container = "_container_idflw_123";
+const workflow = "_workflow_idflw_130";
+const show = "_show_idflw_136";
+const openNDV = "_openNDV_idflw_142";
+const spinner = "_spinner_idflw_151";
+const imageLoader = "_imageLoader_idflw_159";
+const executionPreview = "_executionPreview_idflw_167";
 const style0 = {
   container,
   workflow,

package/dist/assets/WorkflowsView-DMIGjzPW.css

@@ -0,0 +1,323 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._cardLink_144hj_123 {
+  transition: box-shadow 0.3s ease;
+  cursor: pointer;
+  padding: 0;
+  align-items: stretch;
+}
+._cardLink_144hj_123:hover {
+  box-shadow: 0 2px 8px rgba(68, 28, 23, 0.1);
+}
+._cardHeading_144hj_133 {
+  font-size: var(--font-size-s);
+  word-break: break-word;
+  padding: var(--spacing-s) 0 0 var(--spacing-s);
+}
+._cardHeading_144hj_133 span {
+  color: var(--color-text-light);
+}
+._cardDescription_144hj_142 {
+  min-height: 19px;
+  display: flex;
+  align-items: center;
+  padding: 0 0 var(--spacing-s) var(--spacing-s);
+}
+._cardActions_144hj_149 {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-self: stretch;
+  padding: 0 var(--spacing-s) 0 0;
+  cursor: default;
+}
+@media screen and (max-width: 991px) {
+._cardLink_144hj_123 {
+    --card--padding: 0 var(--spacing-s) var(--spacing-s);
+    --card--append--width: 100%;
+    flex-direction: column;
+}
+._cardActions_144hj_149 {
+    width: 100%;
+    padding: 0 var(--spacing-s) var(--spacing-s);
+}
+._cardBadge_144hj_169 {
+    margin-right: auto;
+}
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._actionsContainer_1lrl1_123 {
+  display: flex;
+  justify-content: center;
+}
+._easy-ai-workflow-callout_1lrl1_128 {
+  margin-top: var(--spacing-xs);
+  padding-left: var(--spacing-s);
+  padding-right: var(--spacing-m);
+}
+._easy-ai-workflow-callout_1lrl1_128 ._callout-trailing-content_1lrl1_133 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-m);
+}
+._emptyStateCard_1lrl1_139 {
+  width: 192px;
+  text-align: center;
+  display: inline-flex;
+  height: 230px;
+}
+._emptyStateCard_1lrl1_139 + ._emptyStateCard_1lrl1_139 {
+  margin-left: var(--spacing-s);
+}
+._emptyStateCard_1lrl1_139:hover svg {
+  color: var(--color-primary);
+}
+._emptyStateCardIcon_1lrl1_152 {
+  font-size: 48px;
+}
+._emptyStateCardIcon_1lrl1_152 svg {
+  width: 48px !important;
+  color: var(--color-foreground-dark);
+  transition: color 0.3s ease;
+}

package/dist/assets/{WorkflowsView-BUM-Mmss.js → WorkflowsView-DXnpDXEX.js}

@@ -1,9 +1,10 @@
-import { R as ResourcesListLayout } from "./ResourcesListLayout-CRrq5kQe.js";
-import { hJ as arrayMap, hK as getAllKeysIn, hL as baseIteratee, hM as basePickBy, d as defineComponent, a as useToast, b as useRouter, p as useSettingsStore, K as useUIStore, u as useUsersStore, T as useWorkflowsStore, a1 as useProjectsStore, q as computed, am as getResourcePermissions, hu as dateformat, m as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, hN as ResourceType, ay as withDirectives, gZ as _sfc_main$2, az as vShow, h as createElementBlock, g as useI18n, V as VIEWS, ab as WORKFLOW_SHARE_MODAL_KEY, aj as DUPLICATE_MODAL_KEY, ae as MODAL_CONFIRM, hO as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, ak as useTelemetry, _ as _export_sfc, U as useRoute, a0 as useSourceControlStore, av as usePostHog, D as useTagsStore, a3 as useDocumentTitle, r as ref, a8 as EnterpriseEditionFeature, hP as EASY_AI_WORKFLOW_EXPERIMENT, H as watch, o as onMounted, hQ as N8nIcon, h1 as N8nHeading, cp as N8nText, hR as N8nCard, hS as N8nInputLabel, a7 as _sfc_main$3, cD as N8nSelect, F as Fragment, A as renderList, cJ as _sfc_main$4, hm as EASY_AI_WORKFLOW_JSON } from "./index-DYxqsGB9.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-BbwFaJ9a.js";
-import { P as ProjectCardBadge } from "./ProjectCardBadge-D7xb-Eyd.js";
-import { P as ProjectHeader } from "./ProjectHeader-K-i88xtf.js";
-import "./useWorkflowActivate-CIqICdFm.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-BhSNEyun.js";
+import { hO as arrayMap, hP as getAllKeysIn, hQ as baseIteratee, hR as basePickBy, d as defineComponent, a as useToast, b as useRouter, p as useSettingsStore, K as useUIStore, u as useUsersStore, T as useWorkflowsStore, a1 as useProjectsStore, q as computed, am as getResourcePermissions, ge as dateformat, m as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, hS as ResourceType, ay as withDirectives, fy as _sfc_main$2, az as vShow, h as createElementBlock, g as useI18n, V as VIEWS, ab as WORKFLOW_SHARE_MODAL_KEY, aj as DUPLICATE_MODAL_KEY, ae as MODAL_CONFIRM, hT as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, ak as useTelemetry, _ as _export_sfc, U as useRoute, a0 as useSourceControlStore, av as usePostHog, D as useTagsStore, a3 as useDocumentTitle, r as ref, a8 as EnterpriseEditionFeature, hU as EASY_AI_WORKFLOW_EXPERIMENT, H as watch, o as onMounted, hV as N8nIcon, fC as N8nHeading, ch as N8nText, hW as N8nCard, hX as N8nInputLabel, a7 as _sfc_main$3, ct as N8nSelect, F as Fragment, A as renderList, cA as _sfc_main$4, bS as AI_CREDITS_EXPERIMENT } from "./index-D0W-rAl_.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-Dm9xwqOB.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-pbI58Ond.js";
+import { P as ProjectHeader } from "./ProjectHeader-D7XYidpZ.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-BTWwHsY8.js";
+import "./useWorkflowActivate-D8Du1iYk.js";
 function pickBy(object, predicate) {
   if (object == null) {
     return {};
@@ -235,11 +236,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }, ["stop"]))
           }, [
             createVNode(ProjectCardBadge, {
+              class: normalizeClass(_ctx.$style.cardBadge),
               resource: _ctx.data,
               "resource-type": unref(ResourceType).Workflow,
               "resource-type-label": resourceTypeLabel.value,
               "personal-project": unref(projectsStore).personalProject
-            }, null, 8, ["resource", "resource-type", "resource-type-label", "personal-project"]),
+            }, null, 8, ["class", "resource", "resource-type", "resource-type-label", "personal-project"]),
             createVNode(WorkflowActivator, {
               class: "mr-s",
               "workflow-active": _ctx.data.active,
@@ -298,15 +300,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const cardLink = "_cardLink_1ahnz_1";
-const cardHeading = "_cardHeading_1ahnz_11";
-const cardDescription = "_cardDescription_1ahnz_20";
-const cardActions = "_cardActions_1ahnz_27";
+const cardLink = "_cardLink_144hj_123";
+const cardHeading = "_cardHeading_144hj_133";
+const cardDescription = "_cardDescription_144hj_142";
+const cardActions = "_cardActions_144hj_149";
+const cardBadge = "_cardBadge_144hj_169";
 const style0$1 = {
   cardLink,
   cardHeading,
   cardDescription,
-  cardActions
+  cardActions,
+  cardBadge
 };
 const cssModules$1 = {
   "$style": style0$1
@@ -502,9 +506,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         },
         { withPostHog: true }
       );
+      const isAiCreditsExperimentEnabled = posthogStore.getVariant(AI_CREDITS_EXPERIMENT.name) === AI_CREDITS_EXPERIMENT.variant;
+      const easyAiWorkflowJson = getEasyAiWorkflowJson({
+        isInstanceInAiFreeCreditsExperiment: isAiCreditsExperimentEnabled,
+        withOpenAiFreeCredits: settingsStore.aiCreditsQuota
+      });
       await router.push({
-        name: VIEWS.WORKFLOW_ONBOARDING,
-        params: { id: EASY_AI_WORKFLOW_JSON.meta.templateId }
+        name: VIEWS.TEMPLATE_IMPORT,
+        params: { id: easyAiWorkflowJson.meta.templateId },
+        query: { fromJson: "true" }
       });
     };
     const dismissEasyAICallout = () => {
@@ -703,13 +713,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const actionsContainer = "_actionsContainer_1g69p_1";
-const emptyStateCard = "_emptyStateCard_1g69p_17";
-const emptyStateCardIcon = "_emptyStateCardIcon_1g69p_30";
+const actionsContainer = "_actionsContainer_1lrl1_123";
+const emptyStateCard = "_emptyStateCard_1lrl1_139";
+const emptyStateCardIcon = "_emptyStateCardIcon_1lrl1_152";
 const style0 = {
   actionsContainer,
-  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_1g69p_6",
-  "callout-trailing-content": "_callout-trailing-content_1g69p_11",
+  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_1lrl1_128",
+  "callout-trailing-content": "_callout-trailing-content_1lrl1_133",
   emptyStateCard,
   emptyStateCardIcon
 };