n8n-editor-ui 1.104.0 → 1.105.0

package/dist/assets/{WorkflowsView-jEphnf90.js → WorkflowsView-DQJRBDtq.js}

@@ -1,14 +1,14 @@
-import { d as defineComponent, a6 as useRoute, b as useRouter, ah as useFoldersStore, r as ref, x as computed, c as useI18n, ar as ProjectTypes, V as VIEWS, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, hC as ProjectCardBadge, l as unref, aH as ResourceType, g2 as N8nActionToggle, bP as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, gr as _sfc_main$3, m as N8nHeading, aw as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, v as useSettingsStore, T as useUIStore, u as useUsersStore, a5 as useWorkflowsStore, ag as useProjectsStore, an as getResourcePermissions, hv as dateFormat, aT as withDirectives, aU as vShow, ay as WORKFLOW_SHARE_MODAL_KEY, az as useTelemetry, aG as DUPLICATE_MODAL_KEY, aB as useMessage, aC as MODAL_CONFIRM, aI as PROJECT_MOVE_RESOURCE_MODAL, hD as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, hE as ILLEGAL_FOLDER_CHARACTERS, hF as FOLDER_NAME_ONLY_DOTS_REGEX, hG as FOLDER_NAME_MAX_LENGTH, af as useSourceControlStore, R as useTagsStore, gH as useUsageStore, hH as useInsightsStore, bc as useTemplatesStore, aj as useDocumentTitle, S as useDebounce, aq as EnterpriseEditionFeature, dS as isExtraTemplateLinksExperimentEnabled, ab as watch, o as onMounted, Q as createEventBus, I as onBeforeUnmount, L as debounce, hI as PROJECT_ROOT, as as useTemplateRef, bg as createSlots, $ as N8nTooltip, q as N8nButton, fQ as N8nActionBox, fZ as N8nInputLabel, av as _sfc_main$5, cW as N8nSelect, F as Fragment, y as renderList, cX as _sfc_main$6, gF as N8nCheckbox, hJ as Draggable, fE as N8nLoading, at as InlineRename, dw as N8nCallout, hK as DEFAULT_WORKFLOW_PAGE_SIZE, bk as trackTemplatesClick, bl as TemplateClickSource, eY as getEasyAiWorkflowJson, gI as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-Cm5yBbby.js";
-import { _ as _sfc_main$4 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-CbDihlsO.js";
-import { B as Breadcrumbs, W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-C8hP37n7.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-ClTEnqVS.js";
-import { P as ProjectHeader } from "./ProjectHeader-B9-GdGvC.js";
-import { T as Tags } from "./Tags-DeTgaVsD.js";
-import { u as useProjectPages } from "./useProjectPages-qXIMd_UF.js";
-import { I as InsightsSummary } from "./InsightsSummary-OiO7efWD.js";
-import { u as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-oECEA5nR.js";
-import "./useWorkflowActivate-BE4Ckf9k.js";
-import "./TableBase-BmhIwPwZ.js";
+import { d as defineComponent, a6 as useRoute, b as useRouter, ah as useFoldersStore, r as ref, x as computed, c as useI18n, ar as ProjectTypes, V as VIEWS, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, fS as ProjectCardBadge, l as unref, aJ as ResourceType, e3 as N8nActionToggle, bS as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, ex as _sfc_main$5, m as N8nHeading, aw as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, v as useSettingsStore, T as useUIStore, u as useUsersStore, a5 as useWorkflowsStore, ag as useProjectsStore, an as getResourcePermissions, fK as dateFormat, aV as withDirectives, aW as vShow, az as WORKFLOW_SHARE_MODAL_KEY, aA as useTelemetry, aI as DUPLICATE_MODAL_KEY, aC as useMessage, aD as MODAL_CONFIRM, aK as PROJECT_MOVE_RESOURCE_MODAL, fT as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, fU as ILLEGAL_FOLDER_CHARACTERS, fV as FOLDER_NAME_ONLY_DOTS_REGEX, fW as FOLDER_NAME_MAX_LENGTH, a3 as defineStore, d3 as usePostHog, b6 as useCloudPlanStore, be as useTemplatesStore, b7 as useStorage, fX as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, da as jsonParse, ab as watch, fa as TEMPLATE_ONBOARDING_EXPERIMENT, a8 as STORES, di as N8nCallout, a2 as N8nLink, J as renderSlot, af as useSourceControlStore, R as useTagsStore, eN as useUsageStore, fY as useInsightsStore, aj as useDocumentTitle, S as useDebounce, aq as EnterpriseEditionFeature, fZ as isExtraTemplateLinksExperimentEnabled, o as onMounted, Q as createEventBus, I as onBeforeUnmount, L as debounce, f_ as PROJECT_ROOT, as as useTemplateRef, bi as createSlots, $ as N8nTooltip, q as N8nButton, dO as N8nActionBox, dX as N8nInputLabel, av as _sfc_main$7, d_ as N8nSelect, F as Fragment, y as renderList, d$ as _sfc_main$8, eL as N8nCheckbox, f$ as Draggable, dA as N8nLoading, at as InlineRename, g0 as DEFAULT_WORKFLOW_PAGE_SIZE, bm as trackTemplatesClick, bn as TemplateClickSource, dl as getEasyAiWorkflowJson, eP as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-DycvFkIw.js";
+import { _ as _sfc_main$6 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-GcMQ_YdZ.js";
+import { B as Breadcrumbs, W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-CDlyaU2W.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-G2r5AxKI.js";
+import { P as ProjectHeader } from "./ProjectHeader-B8m2WaGw.js";
+import { T as Tags } from "./Tags-CnT3a0bf.js";
+import { u as useProjectPages } from "./useProjectPages-CW2fEpJH.js";
+import { u as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-CTW_MDA8.js";
+import { I as InsightsSummary } from "./InsightsSummary-DWzNYCfc.js";
+import "./useWorkflowActivate-Dw_VspVF.js";
+import "./TableBase-D-1VfIgb.js";
 const FOLDER_LIST_ITEM_ACTIONS = {
   OPEN: "open",
   CREATE: "create",
@@ -17,9 +17,9 @@ const FOLDER_LIST_ITEM_ACTIONS = {
   MOVE: "move",
   DELETE: "delete"
 };
-const _hoisted_1$1 = { "data-test-id": "folder-card" };
+const _hoisted_1$2 = { "data-test-id": "folder-card" };
 const _hoisted_2$1 = { key: 0 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "FolderCard",
   props: {
     data: {},
@@ -115,13 +115,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_n8n_heading = N8nHeading;
       const _component_N8nBadge = N8nBadge;
       const _component_n8n_text = N8nText;
-      const _component_TimeAgo = _sfc_main$3;
+      const _component_TimeAgo = _sfc_main$5;
       const _component_n8n_breadcrumbs = Breadcrumbs;
       const _component_ProjectCardBadge = ProjectCardBadge;
       const _component_n8n_action_toggle = N8nActionToggle;
       const _component_n8n_card = N8nCard;
       const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createVNode(_component_router_link, {
           to: cardUrl.value,
           onClick: _cache[1] || (_cache[1] = () => emit("folderOpened", { folder: props.data }))
@@ -289,7 +289,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const card = "_card_pt4ir_123";
 const cardBadge$1 = "_cardBadge_pt4ir_157";
-const style0$2 = {
+const style0$4 = {
   card,
   "folder-icon": "_folder-icon_pt4ir_131",
   "card-header": "_card-header_pt4ir_140",
@@ -300,11 +300,11 @@ const style0$2 = {
   "card-actions": "_card-actions_pt4ir_164",
   "info-cell--created": "_info-cell--created_pt4ir_182"
 };
-const cssModules$2 = {
-  "$style": style0$2
+const cssModules$4 = {
+  "$style": style0$4
 };
-const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowCard",
   props: {
     data: {},
@@ -742,7 +742,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 withDirectives(createBaseVNode("span", null, [
                   createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.updated")) + " ", 1),
-                  createVNode(_sfc_main$3, {
+                  createVNode(_sfc_main$5, {
                     date: String(_ctx.data.updatedAt)
                   }, null, 8, ["date"]),
                   _cache[1] || (_cache[1] = createTextVNode(" | "))
@@ -786,7 +786,7 @@ const cardActions = "_cardActions_ycbf3_158";
 const cardBadge = "_cardBadge_ycbf3_168";
 const cardArchived = "_cardArchived_ycbf3_179";
 const breadcrumbs = "_breadcrumbs_ycbf3_197";
-const style0$1 = {
+const style0$3 = {
   cardLink,
   cardHeading,
   cardHeadingArchived,
@@ -798,10 +798,10 @@ const style0$1 = {
   cardArchived,
   breadcrumbs
 };
-const cssModules$1 = {
-  "$style": style0$1
+const cssModules$3 = {
+  "$style": style0$3
 };
-const WorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const WorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
 function isDropTarget(target) {
   return target.type === "folder" || target.type === "project";
 }
@@ -920,6 +920,233 @@ function useFolders() {
     handleDrop
   };
 }
+const SIMPLE_TEMPLATES = [6270, 5271, 2178];
+const PREDEFINED_TEMPLATES_BY_NODE = {
+  gmail: [5678, 4722, 5694],
+  googleSheets: [5694, 5690, 5906],
+  telegram: [5626, 2114, 4875],
+  openAi: [2462, 2722, 2178],
+  googleGemini: [5993, 6270, 5677],
+  googleCalendar: [2328, 3393, 2110],
+  youTube: [3188, 4846, 4506],
+  airtable: [3053, 2700, 2579]
+};
+function getPredefinedFromSelected(selectedApps) {
+  const predefinedNodes = Object.keys(PREDEFINED_TEMPLATES_BY_NODE);
+  const predefinedSelected = predefinedNodes.filter((node) => selectedApps.includes(node));
+  return predefinedSelected.reduce(
+    (acc, app) => [
+      ...acc,
+      ...PREDEFINED_TEMPLATES_BY_NODE[app]
+    ],
+    []
+  );
+}
+function getSuggestedTemplatesForLowCodingSkill(selectedApps) {
+  if (selectedApps.length === 0) {
+    return SIMPLE_TEMPLATES;
+  }
+  const predefinedSelected = getPredefinedFromSelected(selectedApps);
+  if (predefinedSelected.length > 0) {
+    return predefinedSelected;
+  }
+  return [];
+}
+function keepTop3Templates(templates) {
+  if (templates.length <= 3) {
+    return templates;
+  }
+  return Array.from(new Map(templates.map((t) => [t.id, t])).values()).sort((a, b) => b.totalViews - a.totalViews).slice(0, 3);
+}
+const usePersonalizedTemplatesStore = defineStore(STORES.PERSONALIZED_TEMPLATES, () => {
+  const telemetry = useTelemetry();
+  const posthogStore = usePostHog();
+  const cloudPlanStore = useCloudPlanStore();
+  const templatesStore = useTemplatesStore();
+  const allSuggestedWorkflows = ref([]);
+  const dismissedSuggestedWorkflowsStorage = useStorage(
+    LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS
+  );
+  const dismissedSuggestedWorkflows = computed(() => {
+    return dismissedSuggestedWorkflowsStorage.value ? jsonParse(dismissedSuggestedWorkflowsStorage.value, { fallbackValue: [] }) : [];
+  });
+  const suggestedWorkflows = computed(
+    () => allSuggestedWorkflows.value.filter(({ id }) => !dismissedSuggestedWorkflows.value.includes(id))
+  );
+  const dismissSuggestedWorkflow = (id) => {
+    dismissedSuggestedWorkflowsStorage.value = JSON.stringify([
+      ...dismissedSuggestedWorkflows.value ?? [],
+      id
+    ]);
+  };
+  const isFeatureEnabled = () => {
+    return posthogStore.getVariant(TEMPLATE_ONBOARDING_EXPERIMENT.name) === TEMPLATE_ONBOARDING_EXPERIMENT.variantSuggestedTemplates && cloudPlanStore.userIsTrialing;
+  };
+  const trackUserWasRecommendedTemplates = (templateIds) => {
+    telemetry.track("User was recommended personalized templates", {
+      templateIds
+    });
+  };
+  const trackUserClickedOnPersonalizedTemplate = (templateId) => {
+    telemetry.track("User clicked on personalized template callout", {
+      templateId
+    });
+  };
+  const trackUserDismissedCallout = (templateId) => {
+    telemetry.track("User dismissed personalized template callout", {
+      templateId
+    });
+  };
+  const fetchSuggestedWorkflows = async (codingSkill, selectedApps) => {
+    if (!isFeatureEnabled()) {
+      return;
+    }
+    try {
+      if (codingSkill === 1) {
+        const predefinedSelected = getSuggestedTemplatesForLowCodingSkill(selectedApps);
+        if (predefinedSelected.length > 0) {
+          const suggestedWorkflowsPromises2 = predefinedSelected.map(
+            async (id) => await templatesStore.fetchTemplateById(id.toString())
+          );
+          const allWorkflows2 = await Promise.all(suggestedWorkflowsPromises2);
+          const top3Templates2 = keepTop3Templates(allWorkflows2);
+          allSuggestedWorkflows.value = top3Templates2;
+          trackUserWasRecommendedTemplates(top3Templates2.map((t) => t.id));
+          return;
+        }
+      }
+      const topWorkflowsByApp = await templatesStore.getWorkflows({
+        categories: [],
+        search: "",
+        sort: "rank:desc",
+        apps: selectedApps.length > 0 ? selectedApps : void 0,
+        combineWith: "or"
+      });
+      const topWorkflowsIds = topWorkflowsByApp.slice(0, 3).map((workflow) => workflow.id);
+      const suggestedWorkflowsPromises = topWorkflowsIds.map(
+        async (id) => await templatesStore.fetchTemplateById(id.toString())
+      );
+      const allWorkflows = await Promise.all(suggestedWorkflowsPromises);
+      const top3Templates = keepTop3Templates(allWorkflows);
+      allSuggestedWorkflows.value = top3Templates;
+      trackUserWasRecommendedTemplates(top3Templates.map((t) => t.id));
+    } catch (error) {
+    }
+  };
+  const getTemplateRoute = (id) => {
+    return { name: VIEWS.TEMPLATE, params: { id } };
+  };
+  watch(
+    () => cloudPlanStore.currentUserCloudInfo,
+    async (userInfo) => {
+      if (!userInfo) return;
+      const codingSkill = cloudPlanStore.codingSkill;
+      const selectedApps = cloudPlanStore.selectedApps ?? [];
+      await fetchSuggestedWorkflows(codingSkill, selectedApps);
+    }
+  );
+  return {
+    isFeatureEnabled,
+    suggestedWorkflows,
+    dismissSuggestedWorkflow,
+    trackUserClickedOnPersonalizedTemplate,
+    trackUserDismissedCallout,
+    getTemplateRoute
+  };
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SuggestedWorkflowCard",
+  props: {
+    data: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { data } = props;
+    const {
+      dismissSuggestedWorkflow,
+      getTemplateRoute,
+      trackUserClickedOnPersonalizedTemplate,
+      trackUserDismissedCallout
+    } = usePersonalizedTemplatesStore();
+    const locale = useI18n();
+    const onDismissCallout = () => {
+      trackUserDismissedCallout(data.id);
+      dismissSuggestedWorkflow(data.id);
+    };
+    const onTryTemplate = () => {
+      trackUserClickedOnPersonalizedTemplate(data.id);
+      dismissSuggestedWorkflow(data.id);
+    };
+    return (_ctx, _cache) => {
+      const _component_N8nLink = N8nLink;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nCallout = N8nCallout;
+      return openBlock(), createBlock(_component_N8nCallout, {
+        theme: "secondary",
+        iconless: true,
+        class: normalizeClass(_ctx.$style["suggested-workflow-callout"]),
+        slim: true
+      }, {
+        trailingContent: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style["callout-trailing-content"])
+          }, [
+            createVNode(_component_N8nLink, {
+              "data-test-id": "suggested-workflow-button",
+              size: "small",
+              to: unref(getTemplateRoute)(unref(data).id),
+              onClick: onTryTemplate
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("workflows.itemSuggestion.try")), 1)
+              ]),
+              _: 1
+            }, 8, ["to"]),
+            createVNode(_component_N8nIcon, {
+              size: "small",
+              icon: "x",
+              title: unref(locale).baseText("generic.dismiss"),
+              class: "clickable",
+              onClick: onDismissCallout
+            }, null, 8, ["title"])
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style["callout-content"])
+          }, toDisplayString(unref(data).name), 3)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const style0$2 = {
+  "suggested-workflow-callout": "_suggested-workflow-callout_1alzo_123",
+  "callout-content": "_callout-content_1alzo_129",
+  "callout-trailing-content": "_callout-trailing-content_1alzo_133"
+};
+const cssModules$2 = {
+  "$style": style0$2
+};
+const SuggestedWorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const style0$1 = {
+  "suggested-workflows": "_suggested-workflows_t3ed6_123"
+};
+const _sfc_main$1 = {};
+const _hoisted_1$1 = {
+  class: "suggested-workflows",
+  "data-test-id": "suggested-workflows"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const cssModules$1 = {
+  "$style": style0$1
+};
+const SuggestedWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__cssModules", cssModules$1]]);
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
@@ -970,6 +1197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const insightsStore = useInsightsStore();
     const templatesStore = useTemplatesStore();
     const aiStarterTemplatesStore = useAITemplatesStarterCollectionStore();
+    const personalizedTemplatesStore = usePersonalizedTemplatesStore();
     const documentTitle = useDocumentTitle();
     const { callDebounced } = useDebounce();
     const projectPages = useProjectPages();
@@ -1175,6 +1403,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // but also on the overview page
       (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
     });
+    const showPersonalizedTemplates = computed(
+      () => !loading.value && personalizedTemplatesStore.isFeatureEnabled()
+    );
     watch([() => route.params?.projectId, () => route.name], async () => {
       loading.value = true;
     });
@@ -2138,7 +2369,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_n8n_loading = N8nLoading;
       const _component_FolderBreadcrumbs = __unplugin_components_0;
       const _component_FolderCard = __unplugin_components_4;
-      const _component_EmptySharedSectionActionBox = _sfc_main$4;
+      const _component_EmptySharedSectionActionBox = _sfc_main$6;
       const _component_N8nCheckbox = N8nCheckbox;
       const _component_N8nActionBox = N8nActionBox;
       return openBlock(), createBlock(ResourcesListLayout, {
@@ -2213,8 +2444,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(unref(i18n).baseText("workflows.ai.starter.collection.callout")) + " ", 1)
             ]),
             _: 1
-          }, 8, ["class"])) : !loading.value && showEasyAIWorkflowCallout.value && easyAICalloutVisible.value ? (openBlock(), createBlock(_component_N8nCallout, {
-            key: 1,
+          }, 8, ["class"])) : showPersonalizedTemplates.value ? (openBlock(), createBlock(SuggestedWorkflows, { key: 1 }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(personalizedTemplatesStore).suggestedWorkflows, (workflow) => {
+                return openBlock(), createBlock(SuggestedWorkflowCard, {
+                  key: workflow.id,
+                  "data-test-id": "resource-list-item-suggested-workflow",
+                  data: {
+                    id: workflow.id,
+                    name: workflow.name
+                  }
+                }, null, 8, ["data"]);
+              }), 128))
+            ]),
+            _: 1
+          })) : !loading.value && showEasyAIWorkflowCallout.value && easyAICalloutVisible.value ? (openBlock(), createBlock(_component_N8nCallout, {
+            key: 2,
             theme: "secondary",
             icon: "bot",
             class: normalizeClass(_ctx.$style["easy-ai-workflow-callout"])
@@ -2558,7 +2803,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "text-base",
               class: "mb-3xs"
             }, null, 8, ["label"]),
-            createVNode(_sfc_main$5, {
+            createVNode(_sfc_main$7, {
               placeholder: unref(i18n).baseText("workflowOpen.filterWorkflows"),
               "model-value": filters.value.tags,
               "create-enabled": false,
@@ -2580,7 +2825,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(statusFilterOptions.value, (option) => {
-                  return openBlock(), createBlock(unref(_sfc_main$6), {
+                  return openBlock(), createBlock(unref(_sfc_main$8), {
                     key: option.label,
                     label: option.label,
                     value: option.value,

package/dist/assets/{WorkflowsView-CyJbJBc8.css → WorkflowsView-DsJIOJ7h.css}

@@ -484,6 +484,269 @@
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._suggested-workflow-callout_1alzo_123 {
+  margin-top: var(--spacing-xs);
+  padding-left: var(--spacing-s);
+  padding-right: var(--spacing-m);
+  border-style: dashed;
+}
+._suggested-workflow-callout_1alzo_123 ._callout-content_1alzo_129 {
+  display: flex;
+  flex-direction: column;
+}
+._suggested-workflow-callout_1alzo_123 ._callout-trailing-content_1alzo_133 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-m);
+}
+._suggested-workflow-callout_1alzo_123 a span span {
+  color: var(--color-callout-secondary-font);
+}/* 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
+ -------------------------- */
+._suggested-workflows_t3ed6_123 {
+  margin-top: var(--spacing-xs);
+}/* 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