n8n-editor-ui 1.113.1 → 1.114.0

package/dist/assets/{SettingsSourceControl-CQiyVvB3.js → SettingsSourceControl-CmWbELjI.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, fS as _sfc_main$1, d as defineComponent, ag as useSourceControlStore, aB as usePageRedirectionHelper, a as useToast, ay as useDocumentTitle, fT as useLoadingService, r as ref, x as computed, o as onMounted, c as useI18n, db as reactive, h as createElementBlock, g as openBlock, i as createVNode, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, j as createBaseVNode, f as createCommentVNode, ac as I18nT, z as N8nCallout, n as normalizeClass, f1 as N8nFormInput, q as N8nButton, fa as CopyInput, eb as N8nNotice, aa as Tooltip, f3 as N8nCheckbox, e0 as N8nActionBox, an as useMessage, ao as MODAL_CONFIRM } from "./index-BDDH_NIA.js";
+import { _ as _export_sfc, fW as _sfc_main$1, d as defineComponent, ag as useSourceControlStore, aB as usePageRedirectionHelper, a as useToast, ay as useDocumentTitle, fX as useLoadingService, r as ref, x as computed, o as onMounted, c as useI18n, de as reactive, a8 as watch, h as createElementBlock, g as openBlock, i as createVNode, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, f as createCommentVNode, j as createBaseVNode, ac as I18nT, z as N8nCallout, n as normalizeClass, f5 as N8nFormInput, q as N8nButton, ef as N8nNotice, fe as CopyInput, aa as Tooltip, f7 as N8nCheckbox, e4 as N8nActionBox, an as useMessage, ao as MODAL_CONFIRM } from "./index-BOW55EQc.js";
 const component = "_component_y1zn3_123";
 const input = "_input_y1zn3_128";
 const style0$1 = {
@@ -14,13 +14,16 @@ const _hoisted_1 = {
   "data-test-id": "source-control-content-licensed"
 };
 const _hoisted_2 = ["href"];
-const _hoisted_3 = { for: "repoUrl" };
-const _hoisted_4 = ["href"];
-const _hoisted_5 = {
-  key: 2,
+const _hoisted_3 = { for: "connectionType" };
+const _hoisted_4 = { for: "repoUrl" };
+const _hoisted_5 = { for: "httpsUsername" };
+const _hoisted_6 = { for: "httpsPassword" };
+const _hoisted_7 = ["href"];
+const _hoisted_8 = {
+  key: 5,
   "data-test-id": "source-control-connected-content"
 };
-const _hoisted_6 = ["href"];
+const _hoisted_9 = ["href"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SettingsSourceControl",
   setup(__props) {
@@ -32,19 +35,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const documentTitle = useDocumentTitle();
     const loadingService = useLoadingService();
     const isConnected = ref(false);
+    const connectionType = ref("ssh");
+    const httpsUsername = ref("");
+    const httpsPassword = ref("");
     const branchNameOptions = computed(
       () => sourceControlStore.preferences.branches.map((branch) => ({
         value: branch,
         label: branch
       }))
     );
+    const connectionTypeOptions = [
+      { value: "ssh", label: "SSH" },
+      { value: "https", label: "HTTPS" }
+    ];
     const onConnect = async () => {
       loadingService.startLoading();
       loadingService.setLoadingText(locale.baseText("settings.sourceControl.loading.connecting"));
       try {
-        await sourceControlStore.savePreferences({
-          repositoryUrl: sourceControlStore.preferences.repositoryUrl
-        });
+        const connectionData = {
+          repositoryUrl: sourceControlStore.preferences.repositoryUrl,
+          connectionType: connectionType.value
+        };
+        if (connectionType.value === "https") {
+          connectionData.httpsUsername = httpsUsername.value;
+          connectionData.httpsPassword = httpsPassword.value;
+        }
+        await sourceControlStore.savePreferences(connectionData);
         await sourceControlStore.getBranches();
         isConnected.value = true;
         toast.showMessage({
@@ -71,6 +87,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           loadingService.startLoading();
           await sourceControlStore.disconnect(true);
           isConnected.value = false;
+          httpsUsername.value = "";
+          httpsPassword.value = "";
           toast.showMessage({
             title: locale.baseText("settings.sourceControl.toast.disconnected.title"),
             message: locale.baseText("settings.sourceControl.toast.disconnected.message"),
@@ -95,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           type: "success"
         });
       } catch (error) {
-        toast.showError(error, "Error setting branch");
+        toast.showError(error, locale.baseText("settings.sourceControl.saved.error"));
       }
       loadingService.stopLoading();
     };
@@ -112,6 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await sourceControlStore.getPreferences();
       if (sourceControlStore.preferences.connected) {
         isConnected.value = true;
+        connectionType.value = sourceControlStore.preferences.connectionType || "ssh";
         void sourceControlStore.getBranches();
       }
     };
@@ -122,23 +141,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const formValidationStatus = reactive({
       repoUrl: false,
-      keyGeneratorType: false
+      keyGeneratorType: false,
+      httpsUsername: false,
+      httpsPassword: false
     });
     function onValidate(key, value) {
       formValidationStatus[key] = value;
     }
-    const repoUrlValidationRules = [
-      { name: "REQUIRED" },
-      {
-        name: "MATCH_REGEX",
-        config: {
-          regex: /^(?:git@|ssh:\/\/git@|[\w-]+@)(?:[\w.-]+|\[[0-9a-fA-F:]+])(?::\d+)?[:\/][\w\-~.]+(?:\/[\w\-~.]+)*(?:\.git)?(?:\/.*)?$/,
-          message: locale.baseText("settings.sourceControl.repoUrlInvalid")
-        }
+    const repoUrlValidationRules = computed(() => {
+      const baseRules = [{ name: "REQUIRED" }];
+      if (connectionType.value === "ssh") {
+        baseRules.push({
+          name: "MATCH_REGEX",
+          config: {
+            regex: /^(?:git@|ssh:\/\/git@|[\w-]+@)(?:[\w.-]+|\[[0-9a-fA-F:]+])(?::\d+)?[:\/][\w\-~.]+(?:\/[\w\-~.]+)*(?:\.git)?(?:\/.*)?$/,
+            message: locale.baseText("settings.sourceControl.repoUrlInvalid")
+          }
+        });
+      } else {
+        baseRules.push({
+          name: "MATCH_REGEX",
+          config: {
+            regex: /^https:\/\/.+$/,
+            message: locale.baseText("settings.sourceControl.enterValidHttpsUrl")
+          }
+        });
       }
-    ];
+      return baseRules;
+    });
     const keyGeneratorTypeValidationRules = [{ name: "REQUIRED" }];
-    const validForConnection = computed(() => formValidationStatus.repoUrl);
+    const httpsCredentialValidationRules = [{ name: "REQUIRED" }];
+    const validForConnection = computed(() => {
+      if (connectionType.value === "ssh") {
+        return formValidationStatus.repoUrl;
+      } else {
+        return formValidationStatus.repoUrl && formValidationStatus.httpsUsername && formValidationStatus.httpsPassword;
+      }
+    });
     const branchNameValidationRules = [{ name: "REQUIRED" }];
     async function refreshSshKey() {
       try {
@@ -179,18 +218,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       sourceControlStore.preferences.keyGeneratorType = sshKeyType;
     };
+    watch(connectionType, () => {
+      formValidationStatus.repoUrl = false;
+      formValidationStatus.httpsUsername = false;
+      formValidationStatus.httpsPassword = false;
+      if (!isConnected.value) {
+        sourceControlStore.preferences.repositoryUrl = "";
+      }
+    });
     return (_ctx, _cache) => {
-      const _component_n8n_heading = N8nHeading;
-      const _component_n8n_callout = N8nCallout;
-      const _component_n8n_form_input = N8nFormInput;
-      const _component_n8n_button = N8nButton;
-      const _component_n8n_notice = N8nNotice;
-      const _component_n8n_tooltip = Tooltip;
-      const _component_n8n_checkbox = N8nCheckbox;
-      const _component_n8n_color_picker = N8nColorPicker;
-      const _component_n8n_action_box = N8nActionBox;
+      const _component_N8nHeading = N8nHeading;
+      const _component_N8nCallout = N8nCallout;
+      const _component_N8nFormInput = N8nFormInput;
+      const _component_N8nButton = N8nButton;
+      const _component_N8nNotice = N8nNotice;
+      const _component_N8nTooltip = Tooltip;
+      const _component_N8nCheckbox = N8nCheckbox;
+      const _component_N8nColorPicker = N8nColorPicker;
+      const _component_N8nActionBox = N8nActionBox;
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_n8n_heading, {
+        createVNode(_component_N8nHeading, {
           size: "2xlarge",
           tag: "h1"
         }, {
@@ -200,7 +247,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }),
         unref(sourceControlStore).isEnterpriseSourceControlEnabled ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(_component_n8n_callout, {
+          createVNode(_component_N8nCallout, {
             theme: "secondary",
             icon: "info",
             class: "mt-2xl mb-l"
@@ -222,7 +269,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(_component_n8n_heading, {
+          createVNode(_component_N8nHeading, {
             size: "xlarge",
             tag: "h2",
             class: "mb-s"
@@ -232,27 +279,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
+          !isConnected.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.group)
+          }, [
+            createBaseVNode("label", _hoisted_3, toDisplayString(unref(locale).baseText("settings.sourceControl.connectionType")), 1),
+            createVNode(_component_N8nFormInput, {
+              id: "connectionType",
+              modelValue: connectionType.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => connectionType.value = $event),
+              label: "",
+              type: "select",
+              name: "connectionType",
+              options: connectionTypeOptions,
+              "data-test-id": "source-control-connection-type-select"
+            }, null, 8, ["modelValue"])
+          ], 2)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.group)
           }, [
-            createBaseVNode("label", _hoisted_3, toDisplayString(unref(locale).baseText("settings.sourceControl.repoUrl")), 1),
+            createBaseVNode("label", _hoisted_4, toDisplayString(connectionType.value === "ssh" ? unref(locale).baseText("settings.sourceControl.sshRepoUrl") : unref(locale).baseText("settings.sourceControl.httpsRepoUrl")), 1),
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.groupFlex)
             }, [
-              createVNode(_component_n8n_form_input, {
+              createVNode(_component_N8nFormInput, {
                 id: "repoUrl",
                 modelValue: unref(sourceControlStore).preferences.repositoryUrl,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(sourceControlStore).preferences.repositoryUrl = $event),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(sourceControlStore).preferences.repositoryUrl = $event),
                 label: "",
                 class: "ml-0",
                 name: "repoUrl",
                 "validate-on-blur": "",
-                "validation-rules": repoUrlValidationRules,
+                "validation-rules": repoUrlValidationRules.value,
                 disabled: isConnected.value,
-                placeholder: unref(locale).baseText("settings.sourceControl.repoUrlPlaceholder"),
-                onValidate: _cache[1] || (_cache[1] = (value) => onValidate("repoUrl", value))
-              }, null, 8, ["modelValue", "disabled", "placeholder"]),
-              isConnected.value ? (openBlock(), createBlock(_component_n8n_button, {
+                placeholder: connectionType.value === "ssh" ? unref(locale).baseText("settings.sourceControl.sshRepoUrlPlaceholder") : unref(locale).baseText("settings.sourceControl.httpsRepoUrlPlaceholder"),
+                onValidate: _cache[2] || (_cache[2] = (value) => onValidate("repoUrl", value))
+              }, null, 8, ["modelValue", "validation-rules", "disabled", "placeholder"]),
+              isConnected.value ? (openBlock(), createBlock(_component_N8nButton, {
                 key: 0,
                 class: normalizeClass(_ctx.$style.disconnectButton),
                 type: "tertiary",
@@ -266,17 +329,97 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["class"])) : createCommentVNode("", true)
-            ], 2)
+            ], 2),
+            !isConnected.value && connectionType.value === "ssh" ? (openBlock(), createBlock(_component_N8nNotice, {
+              key: 0,
+              type: "info",
+              class: "mt-s"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.sshFormatNotice")), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            !isConnected.value && connectionType.value === "https" ? (openBlock(), createBlock(_component_N8nNotice, {
+              key: 1,
+              type: "info",
+              class: "mt-s"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("settings.sourceControl.httpsFormatNotice")), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
           ], 2),
-          unref(sourceControlStore).preferences.publicKey ? (openBlock(), createElementBlock("div", {
-            key: 0,
+          connectionType.value === "https" && !isConnected.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.group)
+          }, [
+            createBaseVNode("label", _hoisted_5, toDisplayString(unref(locale).baseText("settings.sourceControl.httpsUsername")), 1),
+            createVNode(_component_N8nFormInput, {
+              id: "httpsUsername",
+              modelValue: httpsUsername.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => httpsUsername.value = $event),
+              label: "",
+              name: "httpsUsername",
+              type: "text",
+              "validate-on-blur": "",
+              "validation-rules": httpsCredentialValidationRules,
+              placeholder: unref(locale).baseText("settings.sourceControl.httpsUsernamePlaceholder"),
+              onValidate: _cache[4] || (_cache[4] = (value) => onValidate("httpsUsername", value))
+            }, null, 8, ["modelValue", "placeholder"])
+          ], 2)) : createCommentVNode("", true),
+          connectionType.value === "https" && !isConnected.value ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(_ctx.$style.group)
+          }, [
+            createBaseVNode("label", _hoisted_6, toDisplayString(unref(locale).baseText("settings.sourceControl.httpsPersonalAccessToken")), 1),
+            createVNode(_component_N8nFormInput, {
+              id: "httpsPassword",
+              modelValue: httpsPassword.value,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => httpsPassword.value = $event),
+              label: "",
+              name: "httpsPassword",
+              type: "password",
+              "validate-on-blur": "",
+              "validation-rules": httpsCredentialValidationRules,
+              placeholder: unref(locale).baseText("settings.sourceControl.httpsPersonalAccessTokenPlaceholder"),
+              onValidate: _cache[6] || (_cache[6] = (value) => onValidate("httpsPassword", value))
+            }, null, 8, ["modelValue", "placeholder"]),
+            createVNode(_component_N8nNotice, {
+              type: "warning",
+              class: "mt-s"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(I18nT), {
+                  keypath: "settings.sourceControl.httpsWarningNotice",
+                  tag: "span",
+                  scope: "global"
+                }, {
+                  strong: withCtx(() => [
+                    createBaseVNode("strong", null, toDisplayString(unref(locale).baseText("settings.sourceControl.httpsWarningNotice.strong")), 1)
+                  ]),
+                  repo: withCtx(() => _cache[11] || (_cache[11] = [
+                    createBaseVNode("code", null, "repo", -1)
+                  ])),
+                  publicRepo: withCtx(() => _cache[12] || (_cache[12] = [
+                    createBaseVNode("code", null, "public_repo", -1)
+                  ])),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ], 2)) : createCommentVNode("", true),
+          connectionType.value === "ssh" && unref(sourceControlStore).preferences.publicKey ? (openBlock(), createElementBlock("div", {
+            key: 3,
             class: normalizeClass(_ctx.$style.group)
           }, [
             createBaseVNode("label", null, toDisplayString(unref(locale).baseText("settings.sourceControl.sshKey")), 1),
             createBaseVNode("div", {
               class: normalizeClass({ [_ctx.$style.sshInput]: !isConnected.value })
             }, [
-              !isConnected.value ? (openBlock(), createBlock(_component_n8n_form_input, {
+              !isConnected.value ? (openBlock(), createBlock(_component_N8nFormInput, {
                 key: 0,
                 id: "keyGeneratorType",
                 class: normalizeClass(_ctx.$style.sshKeyTypeSelect),
@@ -288,7 +431,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "validation-rules": keyGeneratorTypeValidationRules,
                 options: unref(sourceControlStore).sshKeyTypesWithLabel,
                 "model-value": unref(sourceControlStore).preferences.keyGeneratorType,
-                onValidate: _cache[2] || (_cache[2] = (value) => onValidate("keyGeneratorType", value)),
+                onValidate: _cache[7] || (_cache[7] = (value) => onValidate("keyGeneratorType", value)),
                 "onUpdate:modelValue": onSelectSshKeyType
               }, null, 8, ["class", "options", "model-value"])) : createCommentVNode("", true),
               createVNode(CopyInput, {
@@ -298,7 +441,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 value: unref(sourceControlStore).preferences.publicKey,
                 "copy-button-text": unref(locale).baseText("generic.clickToCopy")
               }, null, 8, ["class", "value", "copy-button-text"]),
-              !isConnected.value ? (openBlock(), createBlock(_component_n8n_button, {
+              !isConnected.value ? (openBlock(), createBlock(_component_N8nButton, {
                 key: 1,
                 size: "large",
                 type: "tertiary",
@@ -312,7 +455,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : createCommentVNode("", true)
             ], 2),
-            createVNode(_component_n8n_notice, {
+            createVNode(_component_N8nNotice, {
               type: "info",
               class: "mt-s"
             }, {
@@ -326,7 +469,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createBaseVNode("a", {
                       href: unref(locale).baseText("settings.sourceControl.docs.setup.ssh.url"),
                       target: "_blank"
-                    }, toDisplayString(unref(locale).baseText("settings.sourceControl.sshKeyDescriptionLink")), 9, _hoisted_4)
+                    }, toDisplayString(unref(locale).baseText("settings.sourceControl.sshKeyDescriptionLink")), 9, _hoisted_7)
                   ]),
                   _: 1
                 })
@@ -334,8 +477,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })
           ], 2)) : createCommentVNode("", true),
-          !isConnected.value ? (openBlock(), createBlock(_component_n8n_button, {
-            key: 1,
+          !isConnected.value ? (openBlock(), createBlock(_component_N8nButton, {
+            key: 4,
             size: "large",
             disabled: !validForConnection.value,
             class: normalizeClass(_ctx.$style.connect),
@@ -347,12 +490,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled", "class"])) : createCommentVNode("", true),
-          isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.group)
             }, [
-              _cache[6] || (_cache[6] = createBaseVNode("hr", null, null, -1)),
-              createVNode(_component_n8n_heading, {
+              _cache[13] || (_cache[13] = createBaseVNode("hr", null, null, -1)),
+              createVNode(_component_N8nHeading, {
                 size: "xlarge",
                 tag: "h2",
                 class: "mb-s"
@@ -366,7 +509,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", {
                 class: normalizeClass(_ctx.$style.branchSelection)
               }, [
-                createVNode(_component_n8n_form_input, {
+                createVNode(_component_N8nFormInput, {
                   id: "branchName",
                   label: "",
                   type: "select",
@@ -377,15 +520,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "validation-rules": branchNameValidationRules,
                   options: branchNameOptions.value,
                   "model-value": unref(sourceControlStore).preferences.branchName,
-                  onValidate: _cache[3] || (_cache[3] = (value) => onValidate("branchName", value)),
+                  onValidate: _cache[8] || (_cache[8] = (value) => onValidate("branchName", value)),
                   "onUpdate:modelValue": onSelect
                 }, null, 8, ["options", "model-value"]),
-                createVNode(_component_n8n_tooltip, { placement: "top" }, {
+                createVNode(_component_N8nTooltip, { placement: "top" }, {
                   content: withCtx(() => [
                     createBaseVNode("span", null, toDisplayString(unref(locale).baseText("settings.sourceControl.refreshBranches.tooltip")), 1)
                   ]),
                   default: withCtx(() => [
-                    createVNode(_component_n8n_button, {
+                    createVNode(_component_N8nButton, {
                       size: "small",
                       type: "tertiary",
                       icon: "refresh-cw",
@@ -398,9 +541,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ], 2),
-              createVNode(_component_n8n_checkbox, {
+              createVNode(_component_N8nCheckbox, {
                 modelValue: unref(sourceControlStore).preferences.branchReadOnly,
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(sourceControlStore).preferences.branchReadOnly = $event),
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(sourceControlStore).preferences.branchReadOnly = $event),
                 class: normalizeClass(_ctx.$style.readOnly)
               }, {
                 default: withCtx(() => [
@@ -423,9 +566,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createBaseVNode("label", null, toDisplayString(unref(locale).baseText("settings.sourceControl.color")), 1),
               createBaseVNode("div", null, [
-                createVNode(_component_n8n_color_picker, {
+                createVNode(_component_N8nColorPicker, {
                   modelValue: unref(sourceControlStore).preferences.branchColor,
-                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(sourceControlStore).preferences.branchColor = $event),
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(sourceControlStore).preferences.branchColor = $event),
                   size: "small"
                 }, null, 8, ["modelValue"])
               ])
@@ -433,7 +576,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass([_ctx.$style.group, "pt-s"])
             }, [
-              createVNode(_component_n8n_button, {
+              createVNode(_component_N8nButton, {
                 size: "large",
                 disabled: !unref(sourceControlStore).preferences.branchName,
                 "data-test-id": "source-control-save-settings-button",
@@ -446,7 +589,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["disabled"])
             ], 2)
           ])) : createCommentVNode("", true)
-        ])) : (openBlock(), createBlock(_component_n8n_action_box, {
+        ])) : (openBlock(), createBlock(_component_N8nActionBox, {
           key: 1,
           "data-test-id": "source-control-content-unlicensed",
           class: normalizeClass(_ctx.$style.actionBox),
@@ -462,7 +605,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("a", {
               href: unref(locale).baseText("settings.sourceControl.docs.url"),
               target: "_blank"
-            }, toDisplayString(unref(locale).baseText("settings.sourceControl.actionBox.description.link")), 9, _hoisted_6)
+            }, toDisplayString(unref(locale).baseText("settings.sourceControl.actionBox.description.link")), 9, _hoisted_9)
           ]),
           _: 1
         }, 8, ["class", "description", "button-text"]))