n8n-editor-ui 1.71.3 → 1.72.1

package/dist/assets/{TemplatesWorkflowView-D-rSlrYy.js → TemplatesWorkflowView-CDkCoN9X.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_1 } from "./TemplateDetails-BG8YmNsP.js";
-import { W as WorkflowPreview } from "./WorkflowPreview-CYf78I6t.js";
-import { d as defineComponent, aL as useTemplatesStore, av as usePostHog, bk as useNodeTypesStore, U as useRoute, b as useRouter, a3 as useDocumentTitle, r as ref, q as computed, H as watch, o as onMounted, c as openBlock, e as createBlock, aO as createSlots, w as withCtx, j as createBaseVNode, f as createCommentVNode, n as normalizeClass, i as createVNode, l as unref, h as createElementBlock, k as createTextVNode, t as toDisplayString, g as useI18n, m as resolveComponent, aP as useExternalHooks, ak as useTelemetry, _ as _export_sfc } from "./index-D57HUAs6.js";
-import { u as useTemplateWorkflow } from "./templateActions-BrLvM4wQ.js";
-import { T as TemplatesView } from "./TemplatesView-BnpZqzSI.js";
+import { _ as __unplugin_components_1 } from "./TemplateDetails-BZy8nHAa.js";
+import { W as WorkflowPreview } from "./WorkflowPreview-DKTyMYfO.js";
+import { d as defineComponent, aL as useTemplatesStore, av as usePostHog, bk as useNodeTypesStore, U as useRoute, b as useRouter, a3 as useDocumentTitle, r as ref, q as computed, H as watch, o as onMounted, c as openBlock, e as createBlock, aO as createSlots, w as withCtx, j as createBaseVNode, f as createCommentVNode, n as normalizeClass, i as createVNode, l as unref, h as createElementBlock, k as createTextVNode, t as toDisplayString, g as useI18n, m as resolveComponent, aP as useExternalHooks, ak as useTelemetry, _ as _export_sfc } from "./index-fCEqBD8K.js";
+import { u as useTemplateWorkflow } from "./templateActions-xeWyRgrU.js";
+import { T as TemplatesView } from "./TemplatesView-Srd2qTc6.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TemplatesWorkflowView",
   setup(__props) {
@@ -57,9 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     onMounted(async () => {
-      var _a;
       scrollToTop();
-      if ((_a = template.value) == null ? void 0 : _a.full) {
+      if (template.value?.full) {
         loading.value = false;
         return;
       }
@@ -145,44 +144,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         !notFoundError.value ? {
           name: "content",
-          fn: withCtx(() => {
-            var _a, _b, _c;
-            return [
+          fn: withCtx(() => [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.image)
+            }, [
+              showPreview.value ? (openBlock(), createBlock(_component_WorkflowPreview, {
+                key: 0,
+                loading: loading.value,
+                workflow: template.value?.workflow,
+                onClose: onHidePreview
+              }, null, 8, ["loading", "workflow"])) : createCommentVNode("", true)
+            ], 2),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.content)
+            }, [
               createBaseVNode("div", {
-                class: normalizeClass(_ctx.$style.image)
+                class: normalizeClass(_ctx.$style.markdown),
+                "data-test-id": "template-description"
               }, [
-                showPreview.value ? (openBlock(), createBlock(_component_WorkflowPreview, {
-                  key: 0,
-                  loading: loading.value,
-                  workflow: (_a = template.value) == null ? void 0 : _a.workflow,
-                  onClose: onHidePreview
-                }, null, 8, ["loading", "workflow"])) : createCommentVNode("", true)
+                createVNode(_component_n8n_markdown, {
+                  content: template.value?.description,
+                  images: template.value?.image,
+                  loading: loading.value
+                }, null, 8, ["content", "images", "loading"])
               ], 2),
               createBaseVNode("div", {
-                class: normalizeClass(_ctx.$style.content)
+                class: normalizeClass(_ctx.$style.details)
               }, [
-                createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style.markdown),
-                  "data-test-id": "template-description"
-                }, [
-                  createVNode(_component_n8n_markdown, {
-                    content: (_b = template.value) == null ? void 0 : _b.description,
-                    images: (_c = template.value) == null ? void 0 : _c.image,
-                    loading: loading.value
-                  }, null, 8, ["content", "images", "loading"])
-                ], 2),
-                createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style.details)
-                }, [
-                  createVNode(_component_TemplateDetails, {
-                    "block-title": unref(i18n).baseText("template.details.appsInTheWorkflow"),
-                    loading: loading.value,
-                    template: template.value
-                  }, null, 8, ["block-title", "loading", "template"])
-                ], 2)
+                createVNode(_component_TemplateDetails, {
+                  "block-title": unref(i18n).baseText("template.details.appsInTheWorkflow"),
+                  loading: loading.value,
+                  template: template.value
+                }, null, 8, ["block-title", "loading", "template"])
               ], 2)
-            ];
-          }),
+            ], 2)
+          ]),
           key: "0"
         } : void 0
       ]), 1024);

package/dist/assets/{TemplatesWorkflowView-BN5JjV6M.css → TemplatesWorkflowView-CVC0fbb6.css}

@@ -1,10 +1,6 @@
 ._wrapper_trbdo_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  justify-content: space-between;
 }
 ._notFound_trbdo_6 {
   padding-top: var(--spacing-xl);
@@ -27,12 +23,8 @@
 }
 ._content_trbdo_29 {
   padding: var(--spacing-2xl) 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  justify-content: space-between;
 }
 @media (max-width: 768px) {
 ._content_trbdo_29 {

package/dist/assets/{TestDefinitionEditView-szspUG0t.css → TestDefinitionEditView-CVRXpJ4c.css}

@@ -7,8 +7,7 @@
   content: "";
   position: absolute;
   left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
+  transform: translateX(-50%);
 }
 ._arrowConnector_1ffe6_1::before {
   top: 0;
@@ -24,12 +23,8 @@
   border-right: 6px solid transparent;
   border-top: 8px solid var(--color-text-dark);
 }._header_1htk6_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   gap: var(--spacing-2xs);
   margin-bottom: var(--spacing-l);
 }
@@ -38,18 +33,12 @@
 }
 ._title_1htk6_11 {
   margin: 0;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
   font-size: var(--font-size-xl);
   font-weight: var(--font-weight-bold);
   color: var(--color-text-dark);
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   max-width: 100%;
   overflow: hidden;
 }
@@ -77,8 +66,7 @@
   background: var(--color-background-light);
   padding: var(--spacing-s);
   border-radius: var(--border-radius-xlarge);
-  -webkit-box-shadow: var(--box-shadow-base);
-          box-shadow: var(--box-shadow-base);
+  box-shadow: var(--box-shadow-base);
   border: var(--border-base);
   width: 100%;
   color: var(--color-text-dark);
@@ -87,15 +75,9 @@
   width: 80%;
 }
 ._icon_efi3y_17 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   border-radius: var(--border-radius-base);
   overflow: hidden;
   width: 2rem;
@@ -109,13 +91,9 @@
   gap: var(--spacing-2xs);
 }
 ._header_efi3y_35 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   gap: var(--spacing-2xs);
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 ._title_efi3y_41 {
   font-weight: var(--font-weight-bold);
@@ -139,13 +117,10 @@
   margin-left: auto;
   text-wrap: none;
   overflow: hidden;
-  min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
 }
 ._cardContentWrapper_efi3y_69 {
-  height: -webkit-max-content;
-  height: -moz-max-content;
   height: max-content;
 }._tagsRead_ekbvu_1:hover ._editInputButton_ekbvu_1 {
   opacity: 1;
@@ -155,13 +130,8 @@
   border: none;
   --button-font-color: var(--prim-gray-490);
 }._metricsContainer_lwkya_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   gap: var(--spacing-xs);
 }
 ._metricField_lwkya_7 {
@@ -173,8 +143,7 @@
   margin-bottom: var(--spacing-3xs);
 }
 ._newMetricButton_lwkya_17 {
-  -ms-flex-item-align: start;
-      align-self: flex-start;
+  align-self: flex-start;
   margin-top: var(--spacing-2xs);
   width: 100%;
   background-color: var(--color-sticky-code-background);
@@ -217,12 +186,8 @@
 }
 ._evaluationArrows_1lz9n_42 {
   --arrow-height: 11rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  justify-content: space-between;
   width: 100%;
   max-width: 80%;
   margin: 0 auto;
@@ -231,12 +196,8 @@
 }
 ._footer_1lz9n_53 {
   margin-top: var(--spacing-xl);
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+  justify-content: flex-start;
 }
 ._workflow_1lz9n_59 {
   padding: var(--spacing-l);
@@ -255,7 +216,5 @@
   grid-template-columns: 1fr auto 1fr;
   gap: var(--spacing-2xs);
   justify-items: end;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: start;
+  align-items: start;
 }

package/dist/assets/{TestDefinitionEditView-Dw2F_7Ku.js → TestDefinitionEditView-CgQpahO7.js}

@@ -1,5 +1,5 @@
-import { _ as _export_sfc, c as openBlock, h as createElementBlock, n as normalizeClass, r as ref, q as computed, d as defineComponent, i as createVNode, l as unref, j as createBaseVNode, F as Fragment, t as toDisplayString, e as createBlock, g as useI18n, m as resolveComponent, w as withCtx, s as renderSlot, f as createCommentVNode, k as createTextVNode, ay as withDirectives, az as vShow, jd as ElCollapseTransition, y as nextTick, A as renderList, C as createEventBus, j6 as _sfc_main$8, je as __unplugin_components_0$1, b as useRouter, U as useRoute, J as useDebounce, a as useToast, j4 as useAnnotationTagsStore, o as onMounted, V as VIEWS, H as watch } from "./index-D57HUAs6.js";
-import { u as useTestDefinitionStore } from "./testDefinition.store.ee-DJ6gErZh.js";
+import { _ as _export_sfc, c as openBlock, h as createElementBlock, n as normalizeClass, r as ref, q as computed, d as defineComponent, i as createVNode, l as unref, j as createBaseVNode, F as Fragment, t as toDisplayString, e as createBlock, g as useI18n, m as resolveComponent, w as withCtx, s as renderSlot, f as createCommentVNode, k as createTextVNode, ay as withDirectives, az as vShow, h$ as ElCollapseTransition, y as nextTick, A as renderList, C as createEventBus, hS as _sfc_main$8, i0 as __unplugin_components_0$1, b as useRouter, U as useRoute, J as useDebounce, a as useToast, hQ as useAnnotationTagsStore, o as onMounted, V as VIEWS, H as watch } from "./index-fCEqBD8K.js";
+import { u as useTestDefinitionStore } from "./testDefinition.store.ee-C9BPbACc.js";
 const arrowConnector = "_arrowConnector_1ffe6_1";
 const style0$6 = {
   arrowConnector
@@ -402,8 +402,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const locale = useI18n();
     const tagsEventBus = createEventBus();
     const getTagName = computed(() => (tagId) => {
-      var _a;
-      return ((_a = props.tagsById[tagId]) == null ? void 0 : _a.name) ?? "";
+      return props.tagsById[tagId]?.name ?? "";
     });
     function updateTags(tags) {
       const newTags = tags[0] ? [tags[0]] : [];

package/dist/assets/{TestDefinitionListView-Cv9ivpVk.js → TestDefinitionListView-BGJr2Okj.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, l as unref, n as normalizeClass, i as createVNode, g as useI18n, _ as _export_sfc, k as createTextVNode, e as createBlock, f as createCommentVNode, F as Fragment, A as renderList, w as withCtx, I as withModifiers, aY as resolveDynamicComponent, ep as _sfc_main$4, aX as mergeProps, b as useRouter, j4 as useAnnotationTagsStore, r as ref, a as useToast, q as computed, o as onMounted, V as VIEWS } from "./index-D57HUAs6.js";
-import { u as useTestDefinitionStore } from "./testDefinition.store.ee-DJ6gErZh.js";
+import { d as defineComponent, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, l as unref, n as normalizeClass, i as createVNode, g as useI18n, _ as _export_sfc, k as createTextVNode, e as createBlock, f as createCommentVNode, F as Fragment, A as renderList, w as withCtx, I as withModifiers, aY as resolveDynamicComponent, cO as _sfc_main$4, aX as mergeProps, b as useRouter, hQ as useAnnotationTagsStore, r as ref, a as useToast, q as computed, o as onMounted, V as VIEWS } from "./index-fCEqBD8K.js";
+import { u as useTestDefinitionStore } from "./testDefinition.store.ee-C9BPbACc.js";
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "EmptyState",
   emits: ["create-test"],
@@ -215,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toast = useToast();
     const locale = useI18n();
     const tests = computed(() => {
-      return testDefinitionStore.allTestDefinitions.filter((test) => test.id !== void 0).sort((a, b) => new Date((b == null ? void 0 : b.updatedAt) ?? "").getTime() - new Date((a == null ? void 0 : a.updatedAt) ?? "").getTime()).map((test) => ({
+      return testDefinitionStore.allTestDefinitions.filter((test) => test.id !== void 0).sort((a, b) => new Date(b?.updatedAt ?? "").getTime() - new Date(a?.updatedAt ?? "").getTime()).map((test) => ({
         id: test.id,
         name: test.name ?? "",
         tagName: test.annotationTagId ? getTagName(test.annotationTagId) : "",
@@ -228,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const allTags = computed(() => tagsStore.allTags);
     function getTagName(tagId) {
       const matchingTag = allTags.value.find((t) => t.id === tagId);
-      return (matchingTag == null ? void 0 : matchingTag.name) ?? "";
+      return matchingTag?.name ?? "";
     }
     function getTestExecution(_testId) {
       const mockExecutions = {

package/dist/assets/{TestDefinitionListView-BfUssieW.css → TestDefinitionListView-BJVxwUdb.css}

@@ -4,15 +4,9 @@
   gap: var(--spacing-l);
 }
 ._header_18phz_7 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: space-between;
+  align-items: center;
   color: var(--color-text-dark);
   font-size: var(--font-size-l);
   margin-bottom: var(--spacing-xl);
@@ -20,12 +14,8 @@
 ._header_18phz_7 h1 {
   margin: 0;
 }._testItem_1lysx_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-xl);
   border: 1px solid var(--color-foreground-base);
   border-radius: var(--border-radius-base);
@@ -36,21 +26,13 @@
   background-color: var(--color-background-base);
 }
 ._testInfo_1lysx_14 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
   gap: var(--spacing-2xs);
 }
 ._testName_1lysx_20 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   gap: var(--spacing-2xs);
   font-weight: var(--font-weight-bold);
   margin-bottom: var(--spacing-4xs);
@@ -59,17 +41,11 @@
 ._testCases_1lysx_29 {
   color: var(--color-text-base);
   font-size: var(--font-size-2xs);
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   gap: var(--spacing-2xs);
 }
 ._metrics_1lysx_37 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   gap: var(--spacing-l);
   margin: 0 var(--spacing-l);
@@ -80,19 +56,12 @@
   white-space: nowrap;
 }
 ._actions_1lysx_49 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   gap: var(--spacing-xs);
   --color-button-secondary-font: var(--color-callout-info-icon);
 }._testsList_1aleg_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   gap: var(--spacing-s);
 }
 ._testsHeader_1aleg_7 {
@@ -104,14 +73,8 @@
   max-width: var(--content-container-width);
 }
 ._loading_an92i_8 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   height: 200px;
 }

package/dist/assets/{VariablesView-meR15bnW.css → VariablesView-BnGnRwcl.css}

@@ -2,27 +2,17 @@
   opacity: 1;
 }
 ._variablesRow_14ir1_1 td > div {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   min-height: 40px;
 }
 ._buttons_14ir1_10 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
 }
 ._hoverButtons_14ir1_1 {
   opacity: 0;
-  -webkit-transition: opacity 0.2s ease;
   transition: opacity 0.2s ease;
 }
 ._usageSyntax_14ir1_21 {

package/dist/assets/{VariablesView-BrvfrvgE.js → VariablesView-DBlZthPg.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, b2 as useClipboard, a as useToast, p as useSettingsStore, u as useUsersStore, q as computed, r as ref, o as onMounted, H as watch, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, e as createBlock, l as unref, i as createVNode, w as withCtx, k as createTextVNode, n as normalizeClass, f as createCommentVNode, g as useI18n, y as nextTick, m as resolveComponent, am as getResourcePermissions, a8 as EnterpriseEditionFeature, _ as _export_sfc, gw as useEnvironmentsStore, K as useUIStore, a0 as useSourceControlStore, a3 as useDocumentTitle, a5 as usePageRedirectionHelper, ax as onBeforeMount, x as onBeforeUnmount, aO as createSlots, iP as uid, ae as MODAL_CONFIRM, ak as useTelemetry, al as useMessage } from "./index-D57HUAs6.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-CKArPHiS.js";
+import { d as defineComponent, b2 as useClipboard, a as useToast, p as useSettingsStore, u as useUsersStore, q as computed, r as ref, o as onMounted, H as watch, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, e as createBlock, l as unref, i as createVNode, w as withCtx, k as createTextVNode, n as normalizeClass, f as createCommentVNode, g as useI18n, y as nextTick, m as resolveComponent, am as getResourcePermissions, a8 as EnterpriseEditionFeature, _ as _export_sfc, f2 as useEnvironmentsStore, K as useUIStore, a0 as useSourceControlStore, a3 as useDocumentTitle, a5 as usePageRedirectionHelper, ax as onBeforeMount, x as onBeforeUnmount, aO as createSlots, hw as uid, ae as MODAL_CONFIRM, ak as useTelemetry, al as useMessage } from "./index-fCEqBD8K.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-BKk7DIWo.js";
 const _hoisted_1$1 = { class: "variables-key-column" };
 const _hoisted_2$1 = { key: 0 };
 const _hoisted_3 = { class: "variables-value-column" };
@@ -22,10 +22,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const props = __props;
     const permissions = computed(
-      () => {
-        var _a;
-        return getResourcePermissions((_a = usersStore.currentUser) == null ? void 0 : _a.globalScopes).variable;
-      }
+      () => getResourcePermissions(usersStore.currentUser?.globalScopes).variable
     );
     const modelValue = ref({ ...props.data });
     const formValidationStatus = ref({
@@ -103,8 +100,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       });
     }
     function focusFirstInput() {
-      var _a, _b, _c;
-      (_c = (_b = (_a = keyInputRef.value) == null ? void 0 : _a.inputRef) == null ? void 0 : _b.focus) == null ? void 0 : _c.call(_b);
+      keyInputRef.value?.inputRef?.focus?.();
     }
     return (_ctx, _cache) => {
       const _component_n8n_form_input = resolveComponent("n8n-form-input");
@@ -292,10 +288,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const editMode = ref({});
     const loading = ref(false);
     const permissions = computed(
-      () => {
-        var _a;
-        return getResourcePermissions((_a = usersStore.currentUser) == null ? void 0 : _a.globalScopes).variable;
-      }
+      () => getResourcePermissions(usersStore.currentUser?.globalScopes).variable
     );
     const isFeatureEnabled = computed(
       () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.Variables]
@@ -563,32 +556,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } : void 0,
         !isFeatureEnabled.value || isFeatureEnabled.value && !canCreateVariables.value ? {
           name: "empty",
-          fn: withCtx(() => {
-            var _a;
-            return [
-              !isFeatureEnabled.value ? (openBlock(), createBlock(_component_n8n_action_box, {
-                key: 0,
-                "data-test-id": "unavailable-resources-list",
-                emoji: "👋",
-                heading: unref(i18n).baseText(contextBasedTranslationKeys.value.variables.unavailable.title),
-                description: unref(i18n).baseText(
-                  contextBasedTranslationKeys.value.variables.unavailable.description
-                ),
-                "button-text": unref(i18n).baseText(contextBasedTranslationKeys.value.variables.unavailable.button),
-                "button-type": "secondary",
-                "onClick:button": goToUpgrade
-              }, null, 8, ["heading", "description", "button-text"])) : !canCreateVariables.value ? (openBlock(), createBlock(_component_n8n_action_box, {
-                key: 1,
-                "data-test-id": "cannot-create-variables",
-                emoji: "👋",
-                heading: unref(i18n).baseText("variables.empty.notAllowedToCreate.heading", {
-                  interpolate: { name: ((_a = unref(usersStore).currentUser) == null ? void 0 : _a.firstName) ?? "" }
-                }),
-                description: unref(i18n).baseText("variables.empty.notAllowedToCreate.description"),
-                onClick: goToUpgrade
-              }, null, 8, ["heading", "description"])) : createCommentVNode("", true)
-            ];
-          }),
+          fn: withCtx(() => [
+            !isFeatureEnabled.value ? (openBlock(), createBlock(_component_n8n_action_box, {
+              key: 0,
+              "data-test-id": "unavailable-resources-list",
+              emoji: "👋",
+              heading: unref(i18n).baseText(contextBasedTranslationKeys.value.variables.unavailable.title),
+              description: unref(i18n).baseText(
+                contextBasedTranslationKeys.value.variables.unavailable.description
+              ),
+              "button-text": unref(i18n).baseText(contextBasedTranslationKeys.value.variables.unavailable.button),
+              "button-type": "secondary",
+              "onClick:button": goToUpgrade
+            }, null, 8, ["heading", "description", "button-text"])) : !canCreateVariables.value ? (openBlock(), createBlock(_component_n8n_action_box, {
+              key: 1,
+              "data-test-id": "cannot-create-variables",
+              emoji: "👋",
+              heading: unref(i18n).baseText("variables.empty.notAllowedToCreate.heading", {
+                interpolate: { name: unref(usersStore).currentUser?.firstName ?? "" }
+              }),
+              description: unref(i18n).baseText("variables.empty.notAllowedToCreate.description"),
+              onClick: goToUpgrade
+            }, null, 8, ["heading", "description"])) : createCommentVNode("", true)
+          ]),
           key: "1"
         } : void 0
       ]), 1032, ["disabled", "resources", "type-props", "loading"]);