n8n-editor-ui 1.73.0 → 1.74.1

package/dist/assets/{CredentialsView-BV4NcyAR.js → CredentialsView-BdvSQS_L.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, K as useUIStore, bZ as useCredentialsStore, 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, hV as CredentialIcon, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, hN as ResourceType, h as createElementBlock, ay as withDirectives, gZ as _sfc_main$2, az as vShow, g as useI18n, ae as MODAL_CONFIRM, hO as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, _ as _export_sfc, bk as useNodeTypesStore, a0 as useSourceControlStore, eE as useExternalSecretsStore, a3 as useDocumentTitle, U as useRoute, b as useRouter, r as ref, hW as listenForModalChanges, H as watch, hX as CREDENTIAL_SELECT_MODAL_KEY, o as onMounted, F as Fragment, A as renderList, p as useSettingsStore, a8 as EnterpriseEditionFeature, eG as useEnvironmentsStore, ak as useTelemetry, hY as CREDENTIAL_EDIT_MODAL_KEY } from "./index-DYxqsGB9.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-CRrq5kQe.js";
-import { P as ProjectCardBadge } from "./ProjectCardBadge-D7xb-Eyd.js";
-import { P as ProjectHeader } from "./ProjectHeader-K-i88xtf.js";
+import { d as defineComponent, K as useUIStore, bQ as useCredentialsStore, 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, h$ as CredentialIcon, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, hS as ResourceType, h as createElementBlock, ay as withDirectives, fy as _sfc_main$2, az as vShow, g as useI18n, ae as MODAL_CONFIRM, hT as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, _ as _export_sfc, bn as useNodeTypesStore, a0 as useSourceControlStore, dG as useExternalSecretsStore, u as useUsersStore, a3 as useDocumentTitle, U as useRoute, b as useRouter, r as ref, i0 as listenForModalChanges, H as watch, i1 as CREDENTIAL_SELECT_MODAL_KEY, o as onMounted, F as Fragment, A as renderList, p as useSettingsStore, a8 as EnterpriseEditionFeature, dI as useEnvironmentsStore, ak as useTelemetry, i2 as CREDENTIAL_EDIT_MODAL_KEY } from "./index-D0W-rAl_.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-BhSNEyun.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-pbI58Ond.js";
+import { P as ProjectHeader } from "./ProjectHeader-D7XYidpZ.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CredentialCard",
@@ -13,7 +13,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       type: "",
       name: "",
       sharedWithProjects: [],
-      homeProject: {}
+      homeProject: {},
+      isManaged: false
     }) },
     readOnly: { type: Boolean, default: false }
   },
@@ -149,11 +150,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }, ["stop"]))
           }, [
             createVNode(ProjectCardBadge, {
+              class: normalizeClass(_ctx.$style.cardBadge),
               resource: _ctx.data,
               "resource-type": unref(ResourceType).Credential,
               "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(_component_n8n_action_toggle, {
               "data-test-id": "credential-card-actions",
               actions: actions.value,
@@ -194,15 +196,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const cardLink = "_cardLink_1no2l_1";
-const cardHeading = "_cardHeading_1no2l_11";
-const cardDescription = "_cardDescription_1no2l_19";
-const cardActions = "_cardActions_1no2l_26";
+const cardLink = "_cardLink_1hi2a_123";
+const cardHeading = "_cardHeading_1hi2a_133";
+const cardDescription = "_cardDescription_1hi2a_141";
+const cardActions = "_cardActions_1hi2a_148";
+const cardBadge = "_cardBadge_1hi2a_168";
 const style0$1 = {
   cardLink,
   cardHeading,
   cardDescription,
-  cardActions
+  cardActions,
+  cardBadge
 };
 const cssModules$1 = {
   "$style": style0$1
@@ -222,6 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const sourceControlStore = useSourceControlStore();
     const externalSecretsStore = useExternalSecretsStore();
     const projectsStore = useProjectsStore();
+    const usersStore = useUsersStore();
     const documentTitle = useDocumentTitle();
     const route = useRoute();
     const router = useRouter();
@@ -328,6 +333,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_N8nInputLabel = resolveComponent("N8nInputLabel");
       const _component_N8nOption = resolveComponent("N8nOption");
       const _component_N8nSelect = resolveComponent("N8nSelect");
+      const _component_n8n_action_box = resolveComponent("n8n-action-box");
       return openBlock(), createBlock(ResourcesListLayout, {
         ref: "layout",
         "resource-key": "credentials",
@@ -338,7 +344,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "type-props": { itemSize: 77 },
         loading: loading.value,
         disabled: readOnlyEnv.value || !projectPermissions.value.credential.create,
-        "onClick:add": addCredential,
         "onUpdate:filters": _cache[0] || (_cache[0] = ($event) => filters.value = $event)
       }, {
         header: withCtx(() => [
@@ -384,14 +389,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 1032, ["model-value", "class", "onUpdate:modelValue"])
           ])
         ]),
+        empty: withCtx(() => [
+          createVNode(_component_n8n_action_box, {
+            "data-test-id": "empty-resources-list",
+            emoji: "👋",
+            heading: unref(i18n).baseText(
+              unref(usersStore).currentUser?.firstName ? "credentials.empty.heading" : "credentials.empty.heading.userNotSetup",
+              {
+                interpolate: { name: unref(usersStore).currentUser?.firstName ?? "" }
+              }
+            ),
+            description: unref(i18n).baseText("credentials.empty.description"),
+            "button-text": unref(i18n).baseText("credentials.empty.button"),
+            "button-type": "secondary",
+            "button-disabled": readOnlyEnv.value || !projectPermissions.value.credential.create,
+            "button-icon": readOnlyEnv.value ? "lock" : void 0,
+            "onClick:button": addCredential
+          }, {
+            disabledButtonTooltip: withCtx(() => [
+              createTextVNode(toDisplayString(readOnlyEnv.value ? unref(i18n).baseText("readOnlyEnv.cantAdd.credential") : unref(i18n).baseText("credentials.empty.button.disabled.tooltip")), 1)
+            ]),
+            _: 1
+          }, 8, ["heading", "description", "button-text", "button-disabled", "button-icon"])
+        ]),
         _: 1
       }, 8, ["resources", "filters", "loading", "disabled"]);
     };
   }
 });
-const sidebarContainer = "_sidebarContainer_pm4w0_5";
+const sidebarContainer = "_sidebarContainer_d99g5_127";
 const style0 = {
-  "type-input": "_type-input_pm4w0_1",
+  "type-input": "_type-input_d99g5_123",
   sidebarContainer
 };
 const cssModules = {

package/dist/assets/CredentialsView-DRWQyccW.css

@@ -0,0 +1,294 @@
+/* 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_1hi2a_123 {
+  --card--padding: 0 0 0 var(--spacing-s);
+  transition: box-shadow 0.3s ease;
+  cursor: pointer;
+  align-items: stretch;
+}
+._cardLink_1hi2a_123:hover {
+  box-shadow: 0 2px 8px rgba(68, 28, 23, 0.1);
+}
+._cardHeading_1hi2a_133 {
+  font-size: var(--font-size-s);
+  padding: var(--spacing-s) 0 0;
+}
+._cardHeading_1hi2a_133 span {
+  color: var(--color-text-light);
+}
+._cardDescription_1hi2a_141 {
+  min-height: 19px;
+  display: flex;
+  align-items: center;
+  padding: 0 0 var(--spacing-s);
+}
+._cardActions_1hi2a_148 {
+  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_1hi2a_123 {
+    --card--padding: 0 var(--spacing-s) var(--spacing-s);
+    --card--append--width: 100%;
+    flex-wrap: wrap;
+}
+._cardActions_1hi2a_148 {
+    width: 100%;
+    padding: 0;
+}
+._cardBadge_1hi2a_168 {
+    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
+ -------------------------- */
+._type-input_d99g5_123 {
+  --max-width: 265px;
+}
+._sidebarContainer_d99g5_127 ul {
+  padding: 0 !important;
+}

package/dist/assets/ErrorView-DPS9icAS.css

@@ -0,0 +1,144 @@
+/* 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_1swt8_123 {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+._icon_1swt8_132 {
+  min-height: 96px;
+  min-width: 108px;
+  margin-bottom: var(--spacing-2xl);
+  color: var(--color-foreground-base);
+}
+._message_1swt8_139 {
+  margin-bottom: var(--spacing-l);
+}
+._message_1swt8_139 * {
+  margin-bottom: var(--spacing-2xs);
+  display: flex;
+  justify-content: center;
+}

package/dist/assets/{ErrorView-ClpY9Omy.js → ErrorView-pJv59Fp1.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, b as useRouter, c as openBlock, h as createElementBlock, i as createVNode, n as normalizeClass, j as createBaseVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, e as createBlock, f as createCommentVNode, g as useI18n, V as VIEWS, m as resolveComponent, _ as _export_sfc } from "./index-DYxqsGB9.js";
+import { d as defineComponent, b as useRouter, c as openBlock, h as createElementBlock, i as createVNode, n as normalizeClass, j as createBaseVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, e as createBlock, f as createCommentVNode, g as useI18n, V as VIEWS, m as resolveComponent, _ as _export_sfc } from "./index-D0W-rAl_.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ErrorView",
   props: {
@@ -57,9 +57,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_womip_1";
-const icon = "_icon_womip_10";
-const message = "_message_womip_17";
+const container = "_container_1swt8_123";
+const icon = "_icon_1swt8_132";
+const message = "_message_1swt8_139";
 const style0 = {
   container,
   icon,