n8n-editor-ui 1.62.2 → 1.63.1

package/dist/assets/WorkflowsView-bdDn4gu_.js

@@ -1,846 +0,0 @@
-import { R as ResourcesListLayout } from "./ResourcesListLayout-BWVlXJTF.js";
-import { a as useToast, z as useMessage, b as useI18n, y as useTelemetry, c as useSettingsStore, f as useUIStore, u as useUsersStore, k as useWorkflowsStore, o as useProjectsStore, t as getResourcePermissions, V as VIEWS, A as WORKFLOW_SHARE_MODAL_KEY, J as DUPLICATE_MODAL_KEY, D as MODAL_CONFIRM, ei as PROJECT_MOVE_RESOURCE_MODAL, ej as ResourceType, dO as _sfc_main$3, _ as _sfc_main$4, q as useDocumentTitle, n as useSourceControlStore, d as useTagsStore, $ as useTemplatesStore, bs as usePostHog, E as EnterpriseEditionFeature, dJ as MORE_ONBOARDING_OPTIONS_EXPERIMENT } from "./index-B4ZmQmcP.js";
-import { I as defineComponent, aL as useRouter, f as computed, an as resolveComponent, J as openBlock, V as createBlock, _ as normalizeClass, a3 as withCtx, a8 as createVNode, a6 as createTextVNode, a7 as toDisplayString, u as unref, U as createCommentVNode, L as createBaseVNode, ac as withModifiers, a4 as withDirectives, a9 as vShow, K as createElementBlock, R as Fragment, af as renderList } from "./vendor-DCeaNtb_.js";
-import { d as dateformat } from "./dateformat-DjCPSdAV.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-vZvN6hnQ.js";
-import { _ as _sfc_main$2 } from "./ProjectCardBadge-Bm4smn6X.js";
-import { _ as _export_sfc } from "./n8n-B_ltL-ji.js";
-import { P as ProjectTabs } from "./ProjectTabs-BaktqVTx.js";
-import { m as mapStores } from "./pinia-CH9HlKCh.js";
-import "./@sentry/vue-UFuYeDxK.js";
-import "./axios-B4zXCSve.js";
-import "./flatted-D70IerrI.js";
-import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-DVjv2hwE.js";
-import "./lodash-es-kRWQHL5K.js";
-import "./uuid-BoySKAeK.js";
-import "./vue-i18n-CVQE9o3c.js";
-import "./@n8n/permissions-BxSXRD9U.js";
-import "./luxon-Bt_g4NOb.js";
-import "./@jsplumb/util-BwtpiQ4c.js";
-import "./@jsplumb/core-B__RSZHf.js";
-import "./@jsplumb/common-s1StEx7B.js";
-import "./@jsplumb/connector-bezier-D659hq4c.js";
-import "./@jsplumb/browser-ui-BphmFVJY.js";
-import "./@n8n/codemirror-lang-CIGGB1t0.js";
-import "./@lezer/common-CnY9etib.js";
-import "./@n8n/codemirror-lang-sql-Bygy_eOg.js";
-import "./prettier-DuWRKCwA.js";
-import "./codemirror-lang-html-n8n-COz1fWJn.js";
-import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DSBIc8sQ.js";
-import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-BxNS_c3b.js";
-import "./vue3-touch-events-DVOgU3fI.js";
-import "./chart.js-DiBOFLDH.js";
-import "./useWorkflowActivate-aYIkmCnj.js";
-const _hoisted_1$1 = { key: 0 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "WorkflowCard",
-  props: {
-    data: { default: () => ({
-      id: "",
-      createdAt: "",
-      updatedAt: "",
-      active: false,
-      connections: {},
-      nodes: [],
-      name: "",
-      sharedWithProjects: [],
-      homeProject: {},
-      versionId: ""
-    }) },
-    readOnly: { type: Boolean, default: false }
-  },
-  emits: ["expand:tags", "click:tag"],
-  setup(__props, { emit: __emit }) {
-    const WORKFLOW_LIST_ITEM_ACTIONS = {
-      OPEN: "open",
-      SHARE: "share",
-      DUPLICATE: "duplicate",
-      DELETE: "delete",
-      MOVE: "move"
-    };
-    const props = __props;
-    const emit = __emit;
-    const toast = useToast();
-    const message = useMessage();
-    const locale = useI18n();
-    const router = useRouter();
-    const telemetry = useTelemetry();
-    const settingsStore = useSettingsStore();
-    const uiStore = useUIStore();
-    const usersStore = useUsersStore();
-    const workflowsStore = useWorkflowsStore();
-    const projectsStore = useProjectsStore();
-    const resourceTypeLabel = computed(() => locale.baseText("generic.workflow").toLowerCase());
-    const currentUser = computed(() => usersStore.currentUser ?? {});
-    const workflowPermissions = computed(() => getResourcePermissions(props.data.scopes).workflow);
-    const actions = computed(() => {
-      const items = [
-        {
-          label: locale.baseText("workflows.item.open"),
-          value: WORKFLOW_LIST_ITEM_ACTIONS.OPEN
-        },
-        {
-          label: locale.baseText("workflows.item.share"),
-          value: WORKFLOW_LIST_ITEM_ACTIONS.SHARE
-        }
-      ];
-      if (workflowPermissions.value.create && !props.readOnly) {
-        items.push({
-          label: locale.baseText("workflows.item.duplicate"),
-          value: WORKFLOW_LIST_ITEM_ACTIONS.DUPLICATE
-        });
-      }
-      if (workflowPermissions.value.move && projectsStore.isTeamProjectFeatureEnabled) {
-        items.push({
-          label: locale.baseText("workflows.item.move"),
-          value: WORKFLOW_LIST_ITEM_ACTIONS.MOVE
-        });
-      }
-      if (workflowPermissions.value.delete && !props.readOnly) {
-        items.push({
-          label: locale.baseText("workflows.item.delete"),
-          value: WORKFLOW_LIST_ITEM_ACTIONS.DELETE
-        });
-      }
-      return items;
-    });
-    const formattedCreatedAtDate = computed(() => {
-      const currentYear = (/* @__PURE__ */ new Date()).getFullYear().toString();
-      return dateformat(
-        props.data.createdAt,
-        `d mmmm${String(props.data.createdAt).startsWith(currentYear) ? "" : ", yyyy"}`
-      );
-    });
-    async function onClick(event) {
-      if ((event == null ? void 0 : event.ctrlKey) || (event == null ? void 0 : event.metaKey)) {
-        const route = router.resolve({
-          name: VIEWS.WORKFLOW,
-          params: { name: props.data.id }
-        });
-        window.open(route.href, "_blank");
-        return;
-      }
-      await router.push({
-        name: VIEWS.WORKFLOW,
-        params: { name: props.data.id }
-      });
-    }
-    function onClickTag(tagId, event) {
-      event.stopPropagation();
-      emit("click:tag", tagId, event);
-    }
-    function onExpandTags() {
-      emit("expand:tags");
-    }
-    async function onAction(action) {
-      switch (action) {
-        case WORKFLOW_LIST_ITEM_ACTIONS.OPEN:
-          await onClick();
-          break;
-        case WORKFLOW_LIST_ITEM_ACTIONS.DUPLICATE:
-          uiStore.openModalWithData({
-            name: DUPLICATE_MODAL_KEY,
-            data: {
-              id: props.data.id,
-              name: props.data.name,
-              tags: (props.data.tags ?? []).map(
-                (tag) => typeof tag !== "string" && "id" in tag ? tag.id : tag
-              )
-            }
-          });
-          break;
-        case WORKFLOW_LIST_ITEM_ACTIONS.SHARE:
-          uiStore.openModalWithData({
-            name: WORKFLOW_SHARE_MODAL_KEY,
-            data: { id: props.data.id }
-          });
-          telemetry.track("User opened sharing modal", {
-            workflow_id: props.data.id,
-            user_id_sharer: currentUser.value.id,
-            sub_view: "Workflows listing"
-          });
-          break;
-        case WORKFLOW_LIST_ITEM_ACTIONS.DELETE:
-          await deleteWorkflow();
-          break;
-        case WORKFLOW_LIST_ITEM_ACTIONS.MOVE:
-          moveResource();
-          break;
-      }
-    }
-    async function deleteWorkflow() {
-      const deleteConfirmed = await message.confirm(
-        locale.baseText("mainSidebar.confirmMessage.workflowDelete.message", {
-          interpolate: { workflowName: props.data.name }
-        }),
-        locale.baseText("mainSidebar.confirmMessage.workflowDelete.headline"),
-        {
-          type: "warning",
-          confirmButtonText: locale.baseText(
-            "mainSidebar.confirmMessage.workflowDelete.confirmButtonText"
-          ),
-          cancelButtonText: locale.baseText(
-            "mainSidebar.confirmMessage.workflowDelete.cancelButtonText"
-          )
-        }
-      );
-      if (deleteConfirmed !== MODAL_CONFIRM) {
-        return;
-      }
-      try {
-        await workflowsStore.deleteWorkflow(props.data.id);
-      } catch (error) {
-        toast.showError(error, locale.baseText("generic.deleteWorkflowError"));
-        return;
-      }
-      toast.showMessage({
-        title: locale.baseText("mainSidebar.showMessage.handleSelect1.title"),
-        type: "success"
-      });
-    }
-    function moveResource() {
-      uiStore.openModalWithData({
-        name: PROJECT_MOVE_RESOURCE_MODAL,
-        data: {
-          resource: props.data,
-          resourceType: ResourceType.Workflow,
-          resourceTypeLabel: resourceTypeLabel.value
-        }
-      });
-    }
-    return (_ctx, _cache) => {
-      const _component_N8nBadge = resolveComponent("N8nBadge");
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_tags = resolveComponent("n8n-tags");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_action_toggle = resolveComponent("n8n-action-toggle");
-      const _component_n8n_card = resolveComponent("n8n-card");
-      return openBlock(), createBlock(_component_n8n_card, {
-        class: normalizeClass(_ctx.$style.cardLink),
-        onClick
-      }, {
-        header: withCtx(() => [
-          createVNode(_component_n8n_heading, {
-            tag: "h2",
-            bold: "",
-            class: normalizeClass(_ctx.$style.cardHeading),
-            "data-test-id": "workflow-card-name"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.data.name) + " ", 1),
-              !workflowPermissions.value.update ? (openBlock(), createBlock(_component_N8nBadge, {
-                key: 0,
-                class: "ml-3xs",
-                theme: "tertiary",
-                bold: ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.readonly")), 1)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ]),
-        append: withCtx(() => [
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.cardActions),
-            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["stop"]))
-          }, [
-            createVNode(_sfc_main$2, {
-              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"]),
-            createVNode(WorkflowActivator, {
-              class: "mr-s",
-              "workflow-active": _ctx.data.active,
-              "workflow-id": _ctx.data.id,
-              "workflow-permissions": workflowPermissions.value,
-              "data-test-id": "workflow-card-activator"
-            }, null, 8, ["workflow-active", "workflow-id", "workflow-permissions"]),
-            createVNode(_component_n8n_action_toggle, {
-              actions: actions.value,
-              theme: "dark",
-              "data-test-id": "workflow-card-actions",
-              onAction
-            }, null, 8, ["actions"])
-          ], 2)
-        ]),
-        default: withCtx(() => [
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.cardDescription)
-          }, [
-            createVNode(_component_n8n_text, {
-              color: "text-light",
-              size: "small"
-            }, {
-              default: withCtx(() => [
-                withDirectives(createBaseVNode("span", null, [
-                  createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.updated")) + " ", 1),
-                  createVNode(_sfc_main$3, {
-                    date: String(_ctx.data.updatedAt)
-                  }, null, 8, ["date"]),
-                  createTextVNode(" | ")
-                ], 512), [
-                  [vShow, _ctx.data]
-                ]),
-                withDirectives(createBaseVNode("span", { class: "mr-2xs" }, toDisplayString(unref(locale).baseText("workflows.item.created")) + " " + toDisplayString(formattedCreatedAtDate.value), 513), [
-                  [vShow, _ctx.data]
-                ]),
-                unref(settingsStore).areTagsEnabled && _ctx.data.tags && _ctx.data.tags.length > 0 ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$1, [
-                  createVNode(_component_n8n_tags, {
-                    tags: _ctx.data.tags,
-                    "truncate-at": 3,
-                    truncate: "",
-                    "data-test-id": "workflow-card-tags",
-                    "onClick:tag": onClickTag,
-                    onExpand: onExpandTags
-                  }, null, 8, ["tags"])
-                ], 512)), [
-                  [vShow, _ctx.data]
-                ]) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-const cardLink = "_cardLink_1ahnz_1";
-const cardHeading = "_cardHeading_1ahnz_11";
-const cardDescription = "_cardDescription_1ahnz_20";
-const cardActions = "_cardActions_1ahnz_27";
-const style0$1 = {
-  cardLink,
-  cardHeading,
-  cardDescription,
-  cardActions
-};
-const cssModules$1 = {
-  "$style": style0$1
-};
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
-const StatusFilter = {
-  ACTIVE: true,
-  DEACTIVATED: false,
-  ALL: ""
-};
-const WorkflowsView$1 = defineComponent({
-  name: "WorkflowsView",
-  components: {
-    ResourcesListLayout,
-    WorkflowCard: __unplugin_components_1,
-    WorkflowTagsDropdown: _sfc_main$4,
-    ProjectTabs
-  },
-  data() {
-    return {
-      filters: {
-        search: "",
-        homeProject: "",
-        status: StatusFilter.ALL,
-        tags: []
-      },
-      sourceControlStoreUnsubscribe: () => {
-      },
-      loading: false,
-      documentTitle: useDocumentTitle()
-    };
-  },
-  computed: {
-    ...mapStores(
-      useSettingsStore,
-      useUIStore,
-      useUsersStore,
-      useWorkflowsStore,
-      useSourceControlStore,
-      useTagsStore,
-      useProjectsStore,
-      useTemplatesStore,
-      usePostHog
-    ),
-    readOnlyEnv() {
-      return this.sourceControlStore.preferences.branchReadOnly;
-    },
-    currentUser() {
-      return this.usersStore.currentUser || {};
-    },
-    allWorkflows() {
-      return this.workflowsStore.allWorkflows;
-    },
-    isShareable() {
-      return this.settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.Sharing];
-    },
-    statusFilterOptions() {
-      return [
-        {
-          label: this.$locale.baseText("workflows.filters.status.all"),
-          value: StatusFilter.ALL
-        },
-        {
-          label: this.$locale.baseText("workflows.filters.status.active"),
-          value: StatusFilter.ACTIVE
-        },
-        {
-          label: this.$locale.baseText("workflows.filters.status.deactivated"),
-          value: StatusFilter.DEACTIVATED
-        }
-      ];
-    },
-    userRole() {
-      var _a, _b;
-      const role = (_a = this.usersStore.currentUserCloudInfo) == null ? void 0 : _a.role;
-      if (role) {
-        return role;
-      }
-      const answers = (_b = this.usersStore.currentUser) == null ? void 0 : _b.personalizationAnswers;
-      if (answers && "role" in answers) {
-        return answers.role;
-      }
-      return void 0;
-    },
-    isOnboardingExperimentEnabled() {
-      return this.posthogStore.getVariant(MORE_ONBOARDING_OPTIONS_EXPERIMENT.name) === MORE_ONBOARDING_OPTIONS_EXPERIMENT.variant;
-    },
-    isSalesUser() {
-      if (!this.userRole) {
-        return false;
-      }
-      return ["Sales", "sales-and-marketing"].includes(this.userRole);
-    },
-    addWorkflowButtonText() {
-      return this.projectsStore.currentProject ? this.$locale.baseText("workflows.project.add") : this.$locale.baseText("workflows.add");
-    },
-    projectPermissions() {
-      var _a, _b;
-      return getResourcePermissions(
-        ((_a = this.projectsStore.currentProject) == null ? void 0 : _a.scopes) ?? ((_b = this.projectsStore.personalProject) == null ? void 0 : _b.scopes)
-      );
-    },
-    emptyListDescription() {
-      if (this.readOnlyEnv) {
-        return this.$locale.baseText("workflows.empty.description.readOnlyEnv");
-      } else if (!this.projectPermissions.workflow.create) {
-        return this.$locale.baseText("workflows.empty.description.noPermission");
-      } else {
-        return this.$locale.baseText("workflows.empty.description");
-      }
-    }
-  },
-  watch: {
-    filters: {
-      deep: true,
-      handler() {
-        this.saveFiltersOnQueryString();
-      }
-    },
-    "$route.params.projectId"() {
-      void this.initialize();
-    }
-  },
-  async mounted() {
-    this.documentTitle.set(this.$locale.baseText("workflows.heading"));
-    await this.setFiltersFromQueryString();
-    void this.usersStore.showPersonalizationSurvey();
-    this.sourceControlStoreUnsubscribe = this.sourceControlStore.$onAction(({ name, after }) => {
-      if (name === "pullWorkfolder" && after) {
-        after(() => {
-          void this.initialize();
-        });
-      }
-    });
-  },
-  beforeUnmount() {
-    this.sourceControlStoreUnsubscribe();
-  },
-  methods: {
-    onFiltersUpdated(filters) {
-      this.filters = filters;
-    },
-    addWorkflow() {
-      var _a, _b;
-      this.uiStore.nodeViewInitialized = false;
-      void this.$router.push({
-        name: VIEWS.NEW_WORKFLOW,
-        query: { projectId: (_b = (_a = this.$route) == null ? void 0 : _a.params) == null ? void 0 : _b.projectId }
-      });
-      this.$telemetry.track("User clicked add workflow button", {
-        source: "Workflows list"
-      });
-      this.trackEmptyCardClick("blank");
-    },
-    getTemplateRepositoryURL() {
-      return this.templatesStore.websiteTemplateRepositoryURL;
-    },
-    trackEmptyCardClick(option) {
-      this.$telemetry.track("User clicked empty page option", {
-        option
-      });
-      if (option === "templates" && this.isSalesUser) {
-        this.trackCategoryLinkClick("Sales");
-      }
-    },
-    trackCategoryLinkClick(category) {
-      var _a;
-      this.$telemetry.track(`User clicked Browse ${category} Templates`, {
-        role: (_a = this.usersStore.currentUserCloudInfo) == null ? void 0 : _a.role,
-        active_workflow_count: this.workflowsStore.activeWorkflows.length
-      });
-    },
-    async initialize() {
-      var _a, _b;
-      this.loading = true;
-      await Promise.all([
-        this.usersStore.fetchUsers(),
-        this.workflowsStore.fetchAllWorkflows((_b = (_a = this.$route) == null ? void 0 : _a.params) == null ? void 0 : _b.projectId),
-        this.workflowsStore.fetchActiveWorkflows()
-      ]);
-      this.loading = false;
-    },
-    onClickTag(tagId) {
-      if (!this.filters.tags.includes(tagId)) {
-        this.filters.tags.push(tagId);
-      }
-    },
-    onFilter(resource, filters, matches) {
-      if (this.settingsStore.areTagsEnabled && filters.tags.length > 0) {
-        matches = matches && filters.tags.every(
-          (tag) => {
-            var _a;
-            return (_a = resource.tags) == null ? void 0 : _a.find(
-              (resourceTag) => typeof resourceTag === "object" ? `${resourceTag.id}` === `${tag}` : `${resourceTag}` === `${tag}`
-            );
-          }
-        );
-      }
-      if (filters.status !== "") {
-        matches = matches && resource.active === filters.status;
-      }
-      return matches;
-    },
-    saveFiltersOnQueryString() {
-      const query = {};
-      if (this.filters.search) {
-        query.search = this.filters.search;
-      }
-      if (typeof this.filters.status !== "string") {
-        query.status = this.filters.status.toString();
-      }
-      if (this.filters.tags.length) {
-        query.tags = this.filters.tags.join(",");
-      }
-      if (this.filters.homeProject) {
-        query.homeProject = this.filters.homeProject;
-      }
-      void this.$router.replace({
-        query: Object.keys(query).length ? query : void 0
-      });
-    },
-    isValidProjectId(projectId) {
-      return this.projectsStore.availableProjects.some((project) => project.id === projectId);
-    },
-    async setFiltersFromQueryString() {
-      const { tags, status, search, homeProject } = this.$route.query;
-      const filtersToApply = {};
-      if (homeProject && typeof homeProject === "string") {
-        await this.projectsStore.getAvailableProjects();
-        if (this.isValidProjectId(homeProject)) {
-          filtersToApply.homeProject = homeProject;
-        }
-      }
-      if (search && typeof search === "string") {
-        filtersToApply.search = search;
-      }
-      if (tags && typeof tags === "string") {
-        const currentTags = this.tagsStore.allTags.map((tag) => tag.id);
-        const savedTags = tags.split(",").filter((tag) => currentTags.includes(tag));
-        if (savedTags.length) {
-          filtersToApply.tags = savedTags;
-        }
-      }
-      if (status && typeof status === "string" && [StatusFilter.ACTIVE.toString(), StatusFilter.DEACTIVATED.toString()].includes(status)) {
-        filtersToApply.status = status === "true";
-      }
-      if (Object.keys(filtersToApply).length) {
-        this.filters = {
-          ...this.filters,
-          ...filtersToApply
-        };
-      }
-    }
-  }
-});
-const _sfc_main = WorkflowsView$1;
-const actionsContainer = "_actionsContainer_1gv00_1";
-const emptyStateCard = "_emptyStateCard_1gv00_6";
-const emptyStateCardIcon = "_emptyStateCardIcon_1gv00_19";
-const style0 = {
-  actionsContainer,
-  emptyStateCard,
-  emptyStateCardIcon
-};
-const _hoisted_1 = {
-  target: "_blank",
-  href: "https://docs.n8n.io/source-control-environments/"
-};
-const _hoisted_2 = { class: "text-center mt-s" };
-const _hoisted_3 = ["href"];
-const _hoisted_4 = {
-  key: 0,
-  class: "mb-s"
-};
-const _hoisted_5 = { class: "mb-s" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ProjectTabs = ProjectTabs;
-  const _component_n8n_button = resolveComponent("n8n-button");
-  const _component_i18n_t = resolveComponent("i18n-t");
-  const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
-  const _component_WorkflowCard = __unplugin_components_1;
-  const _component_n8n_heading = resolveComponent("n8n-heading");
-  const _component_n8n_text = resolveComponent("n8n-text");
-  const _component_n8n_icon = resolveComponent("n8n-icon");
-  const _component_n8n_card = resolveComponent("n8n-card");
-  const _component_n8n_input_label = resolveComponent("n8n-input-label");
-  const _component_WorkflowTagsDropdown = _sfc_main$4;
-  const _component_n8n_option = resolveComponent("n8n-option");
-  const _component_n8n_select = resolveComponent("n8n-select");
-  const _component_ResourcesListLayout = ResourcesListLayout;
-  return openBlock(), createBlock(_component_ResourcesListLayout, {
-    ref: "layout",
-    "resource-key": "workflows",
-    resources: _ctx.allWorkflows,
-    filters: _ctx.filters,
-    "additional-filters-handler": _ctx.onFilter,
-    "type-props": { itemSize: 80 },
-    shareable: _ctx.isShareable,
-    initialize: _ctx.initialize,
-    disabled: _ctx.readOnlyEnv || !_ctx.projectPermissions.workflow.create,
-    loading: _ctx.loading,
-    "onClick:add": _ctx.addWorkflow,
-    "onUpdate:filters": _ctx.onFiltersUpdated
-  }, {
-    header: withCtx(() => [
-      createVNode(_component_ProjectTabs)
-    ]),
-    "add-button": withCtx(({ disabled }) => [
-      createVNode(_component_n8n_tooltip, {
-        disabled: !_ctx.readOnlyEnv
-      }, {
-        content: withCtx(() => [
-          createVNode(_component_i18n_t, {
-            tag: "span",
-            keypath: "mainSidebar.workflows.readOnlyEnv.tooltip"
-          }, {
-            link: withCtx(() => [
-              createBaseVNode("a", _hoisted_1, toDisplayString(_ctx.$locale.baseText("mainSidebar.workflows.readOnlyEnv.tooltip.link")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createBaseVNode("div", null, [
-            createVNode(_component_n8n_button, {
-              size: "large",
-              block: "",
-              disabled,
-              "data-test-id": "resources-list-add",
-              onClick: _ctx.addWorkflow
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.addWorkflowButtonText), 1)
-              ]),
-              _: 2
-            }, 1032, ["disabled", "onClick"])
-          ])
-        ]),
-        _: 2
-      }, 1032, ["disabled"])
-    ]),
-    default: withCtx(({ data, updateItemSize }) => [
-      createVNode(_component_WorkflowCard, {
-        "data-test-id": "resources-list-item",
-        class: "mb-2xs",
-        data,
-        "read-only": _ctx.readOnlyEnv,
-        "onExpand:tags": ($event) => updateItemSize(data),
-        "onClick:tag": _ctx.onClickTag
-      }, null, 8, ["data", "read-only", "onExpand:tags", "onClick:tag"])
-    ]),
-    empty: withCtx(() => [
-      createBaseVNode("div", _hoisted_2, [
-        createVNode(_component_n8n_heading, {
-          tag: "h2",
-          size: "xlarge",
-          class: "mb-2xs"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.currentUser.firstName ? _ctx.$locale.baseText("workflows.empty.heading", {
-              interpolate: { name: _ctx.currentUser.firstName }
-            }) : _ctx.$locale.baseText("workflows.empty.heading.userNotSetup")), 1)
-          ]),
-          _: 1
-        }),
-        !_ctx.isOnboardingExperimentEnabled ? (openBlock(), createBlock(_component_n8n_text, {
-          key: 0,
-          size: "large",
-          color: "text-base"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.emptyListDescription), 1)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ]),
-      !_ctx.readOnlyEnv && _ctx.projectPermissions.workflow.create ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["text-center", "mt-2xl", _ctx.$style.actionsContainer])
-      }, [
-        createVNode(_component_n8n_card, {
-          class: normalizeClass(_ctx.$style.emptyStateCard),
-          hoverable: "",
-          "data-test-id": "new-workflow-card",
-          onClick: _ctx.addWorkflow
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_n8n_icon, {
-              class: normalizeClass(_ctx.$style.emptyStateCardIcon),
-              icon: "file"
-            }, null, 8, ["class"]),
-            createVNode(_component_n8n_text, {
-              size: "large",
-              class: "mt-xs",
-              color: "text-dark"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.$locale.baseText("workflows.empty.startFromScratch")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"]),
-        _ctx.isSalesUser || _ctx.isOnboardingExperimentEnabled ? (openBlock(), createElementBlock("a", {
-          key: 0,
-          href: "https://docs.n8n.io/courses/#available-courses",
-          class: normalizeClass(_ctx.$style.emptyStateCard),
-          target: "_blank"
-        }, [
-          createVNode(_component_n8n_card, {
-            hoverable: "",
-            "data-test-id": "browse-sales-templates-card",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.trackEmptyCardClick("courses"))
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_n8n_icon, {
-                class: normalizeClass(_ctx.$style.emptyStateCardIcon),
-                icon: "graduation-cap"
-              }, null, 8, ["class"]),
-              createVNode(_component_n8n_text, {
-                size: "large",
-                class: "mt-xs",
-                color: "text-dark"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.$locale.baseText("workflows.empty.learnN8n")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ], 2)) : createCommentVNode("", true),
-        _ctx.isSalesUser || _ctx.isOnboardingExperimentEnabled ? (openBlock(), createElementBlock("a", {
-          key: 1,
-          href: _ctx.getTemplateRepositoryURL(),
-          class: normalizeClass(_ctx.$style.emptyStateCard),
-          target: "_blank"
-        }, [
-          createVNode(_component_n8n_card, {
-            hoverable: "",
-            "data-test-id": "browse-sales-templates-card",
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.trackEmptyCardClick("templates"))
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_n8n_icon, {
-                class: normalizeClass(_ctx.$style.emptyStateCardIcon),
-                icon: "box-open"
-              }, null, 8, ["class"]),
-              createVNode(_component_n8n_text, {
-                size: "large",
-                class: "mt-xs",
-                color: "text-dark"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.$locale.baseText("workflows.empty.browseTemplates")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ], 10, _hoisted_3)) : createCommentVNode("", true)
-      ], 2)) : createCommentVNode("", true)
-    ]),
-    filters: withCtx(({ setKeyValue }) => [
-      _ctx.settingsStore.areTagsEnabled ? (openBlock(), createElementBlock("div", _hoisted_4, [
-        createVNode(_component_n8n_input_label, {
-          label: _ctx.$locale.baseText("workflows.filters.tags"),
-          bold: false,
-          size: "small",
-          color: "text-base",
-          class: "mb-3xs"
-        }, null, 8, ["label"]),
-        createVNode(_component_WorkflowTagsDropdown, {
-          placeholder: _ctx.$locale.baseText("workflowOpen.filterWorkflows"),
-          "model-value": _ctx.filters.tags,
-          "create-enabled": false,
-          "onUpdate:modelValue": ($event) => setKeyValue("tags", $event)
-        }, null, 8, ["placeholder", "model-value", "onUpdate:modelValue"])
-      ])) : createCommentVNode("", true),
-      createBaseVNode("div", _hoisted_5, [
-        createVNode(_component_n8n_input_label, {
-          label: _ctx.$locale.baseText("workflows.filters.status"),
-          bold: false,
-          size: "small",
-          color: "text-base",
-          class: "mb-3xs"
-        }, null, 8, ["label"]),
-        createVNode(_component_n8n_select, {
-          "data-test-id": "status-dropdown",
-          "model-value": _ctx.filters.status,
-          "onUpdate:modelValue": ($event) => setKeyValue("status", $event)
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.statusFilterOptions, (option) => {
-              return openBlock(), createBlock(_component_n8n_option, {
-                key: option.label,
-                label: option.label,
-                value: option.value,
-                "data-test-id": "status"
-              }, null, 8, ["label", "value"]);
-            }), 128))
-          ]),
-          _: 2
-        }, 1032, ["model-value", "onUpdate:modelValue"])
-      ])
-    ]),
-    _: 1
-  }, 8, ["resources", "filters", "additional-filters-handler", "shareable", "initialize", "disabled", "loading", "onClick:add", "onUpdate:filters"]);
-}
-const cssModules = {
-  "$style": style0
-};
-const WorkflowsView = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
-export {
-  WorkflowsView as default
-};