n8n-editor-ui 1.106.1 → 1.107.0

package/dist/assets/{DataStoreView-_YRbyjCa.js → DataStoreView-DgRkOh3I.js}

@@ -1,15 +1,10 @@
-import { gm as getFullApiResponse, d as defineComponent, x as computed, gn as DATA_STORE_DETAILS, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, e as createBlock, f as createCommentVNode, e5 as N8nActionToggle, bS as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, eA as _sfc_main$2, m as N8nHeading, aw as N8nBadge, N as N8nIcon, a2 as N8nLink, _ as _export_sfc, a6 as useRoute, S as useDebounce, aj as useDocumentTitle, a as useToast, fY as useInsightsStore, ag as useProjectsStore, ad as useRootStore, af as useSourceControlStore, r as ref, ar as ProjectTypes, go as DATA_STORE_CARD_ACTIONS, o as onMounted, dQ as N8nActionBox, gp as DEFAULT_DATA_STORE_PAGE_SIZE } from "./index-BoUr_2PB.js";
-import { P as ProjectHeader } from "./ProjectHeader-CPQrclqi.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-DwQ-KO8O.js";
-import { I as InsightsSummary } from "./InsightsSummary-C2OXzc3_.js";
-import { u as useProjectPages } from "./useProjectPages-BJ7N1xfl.js";
-import "./TableBase-j-43b-BE.js";
-const fetchDataStores = async (context, projectId, options) => {
-  return await getFullApiResponse(context, "GET", "/data-stores", {
-    projectId,
-    options
-  });
-};
+import { d as defineComponent, aH as useTemplateRef, x as computed, gx as DATA_STORE_DETAILS, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, e as createBlock, f as createCommentVNode, eb as N8nActionToggle, B as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, eI as _sfc_main$2, aI as InlineRename, aL as N8nBadge, N as N8nIcon, C as N8nLink, _ as _export_sfc, aa as useRoute, Y as useDebounce, ay as useDocumentTitle, a as useToast, g6 as useInsightsStore, av as useProjectsStore, aj as useSourceControlStore, r as ref, aG as ProjectTypes, gy as DATA_STORE_CARD_ACTIONS, o as onMounted, dW as N8nActionBox, Z as useUIStore, gz as ADD_DATA_STORE_MODAL_KEY, aq as useMessage, ar as MODAL_CONFIRM, gA as DEFAULT_DATA_STORE_PAGE_SIZE } from "./index-DDSBmiav.js";
+import { P as ProjectHeader } from "./ProjectHeader-BmTqrjC0.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-DBQ41l-N.js";
+import { I as InsightsSummary } from "./InsightsSummary-B-mKtkfy.js";
+import { u as useProjectPages } from "./useProjectPages-CGM579dS.js";
+import { u as useDataStoreStore } from "./dataStore.store-DKjB6WKV.js";
+import "./TableBase-IV317tIn.js";
 const _hoisted_1 = { "data-test-id": "data-store-card" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "DataStoreCard",
@@ -19,9 +14,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     readOnly: { type: Boolean, default: false },
     showOwnershipBadge: { type: Boolean, default: false }
   },
-  setup(__props) {
+  emits: ["action"],
+  setup(__props, { emit: __emit }) {
     const i18n = useI18n();
     const props = __props;
+    const emit = __emit;
+    const renameInput = useTemplateRef("renameInput");
     const dataStoreRoute = computed(() => {
       return {
         name: DATA_STORE_DETAILS,
@@ -31,9 +29,30 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       };
     });
+    const onCardAction = (action) => {
+      if (action === "rename") {
+        if (renameInput.value?.forceFocus) {
+          setTimeout(() => {
+            renameInput.value?.forceFocus?.();
+          }, 100);
+        }
+        return;
+      }
+      emit("action", {
+        dataStore: props.dataStore,
+        action
+      });
+    };
+    const onNameSubmit = (name) => {
+      if (props.dataStore.name === name) return;
+      emit("action", {
+        dataStore: { ...props.dataStore, name },
+        action: "rename"
+      });
+    };
     return (_ctx, _cache) => {
       const _component_N8nIcon = N8nIcon;
-      const _component_N8nHeading = N8nHeading;
+      const _component_N8nInlineTextEdit = InlineRename;
       const _component_N8nBadge = N8nBadge;
       const _component_N8nText = N8nText;
       const _component_TimeAgo = _sfc_main$2;
@@ -61,19 +80,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ]),
               header: withCtx(() => [
                 createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style["card-header"])
+                  class: normalizeClass(_ctx.$style["card-header"]),
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["prevent"]))
                 }, [
-                  createVNode(_component_N8nHeading, {
-                    tag: "h2",
-                    bold: "",
-                    size: "small",
-                    "data-test-id": "folder-card-name"
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(props.dataStore.name), 1)
-                    ]),
-                    _: 1
-                  }),
+                  createVNode(_component_N8nInlineTextEdit, {
+                    ref_key: "renameInput",
+                    ref: renameInput,
+                    "data-test-id": "datastore-name-input",
+                    placeholder: unref(i18n).baseText("dataStore.add.input.name.label"),
+                    class: normalizeClass(_ctx.$style["card-name"]),
+                    "model-value": props.dataStore.name,
+                    "max-length": 50,
+                    "read-only": props.readOnly,
+                    disabled: props.readOnly,
+                    "onUpdate:modelValue": onNameSubmit
+                  }, null, 8, ["placeholder", "class", "model-value", "read-only", "disabled"]),
                   props.readOnly ? (openBlock(), createBlock(_component_N8nBadge, {
                     key: 0,
                     class: "ml-3xs",
@@ -91,17 +113,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 createBaseVNode("div", {
                   class: normalizeClass(_ctx.$style["card-footer"])
                 }, [
-                  createVNode(_component_N8nText, {
-                    size: "small",
-                    color: "text-light",
-                    class: normalizeClass([_ctx.$style["info-cell"], _ctx.$style["info-cell--size"]]),
-                    "data-test-id": "folder-card-folder-count"
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(i18n).baseText("dataStore.card.size", { interpolate: { size: _ctx.dataStore.size } })), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class"]),
                   createVNode(_component_N8nText, {
                     size: "small",
                     color: "text-light",
@@ -110,7 +121,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(unref(i18n).baseText("dataStore.card.row.count", {
-                        interpolate: { count: props.dataStore.recordCount }
+                        interpolate: { count: props.dataStore.recordCount ?? 0 }
                       })), 1)
                     ]),
                     _: 1
@@ -123,7 +134,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(unref(i18n).baseText("dataStore.card.column.count", {
-                        interpolate: { count: props.dataStore.columnCount }
+                        interpolate: { count: props.dataStore.columns.length }
                       })), 1)
                     ]),
                     _: 1
@@ -161,14 +172,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               append: withCtx(() => [
                 createBaseVNode("div", {
                   class: normalizeClass(_ctx.$style["card-actions"]),
-                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
                   }, ["prevent"]))
                 }, [
                   props.actions.length ? (openBlock(), createBlock(_component_N8nActionToggle, {
                     key: 0,
                     actions: props.actions,
                     theme: "dark",
-                    "data-test-id": "folder-card-actions"
+                    "data-test-id": "data-store-card-actions",
+                    onAction: onCardAction
                   }, null, 8, ["actions"])) : createCommentVNode("", true)
                 ], 2)
               ]),
@@ -181,16 +193,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const card = "_card_1cq4j_123";
+const card = "_card_1y92f_123";
 const style0 = {
   card,
-  "card-icon": "_card-icon_1cq4j_131",
-  "card-header": "_card-header_1cq4j_138",
-  "card-footer": "_card-footer_1cq4j_146",
-  "info-cell": "_info-cell_1cq4j_150",
-  "info-cell--created": "_info-cell--created_1cq4j_159",
-  "info-cell--record-count": "_info-cell--record-count_1cq4j_160",
-  "info-cell--column-count": "_info-cell--column-count_1cq4j_161"
+  "card-name": "_card-name_1y92f_131",
+  "card-icon": "_card-icon_1y92f_137",
+  "card-header": "_card-header_1y92f_144",
+  "card-footer": "_card-footer_1y92f_152",
+  "info-cell": "_info-cell_1y92f_156",
+  "info-cell--created": "_info-cell--created_1y92f_165",
+  "info-cell--record-count": "_info-cell--record-count_1y92f_166",
+  "info-cell--column-count": "_info-cell--column-count_1y92f_167"
 };
 const cssModules = {
   "$style": style0
@@ -205,15 +218,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { callDebounced } = useDebounce();
     const documentTitle = useDocumentTitle();
     const toast = useToast();
+    const message = useMessage();
+    const dataStoreStore = useDataStoreStore();
     const insightsStore = useInsightsStore();
     const projectsStore = useProjectsStore();
-    const rootStore = useRootStore();
     const sourceControlStore = useSourceControlStore();
     const loading = ref(true);
-    const dataStores = ref([]);
-    const totalCount = ref(0);
     const currentPage = ref(1);
     const pageSize = ref(DEFAULT_DATA_STORE_PAGE_SIZE);
+    const customProjectActions = computed(() => [
+      {
+        id: "add-data-store",
+        label: i18n.baseText("dataStore.add.button.label"),
+        disabled: loading.value || projectPages.isOverviewSubPage
+      }
+    ]);
+    const dataStoreResources = computed(
+      () => dataStoreStore.dataStores.map((ds) => {
+        return {
+          ...ds,
+          resourceType: "datastore"
+        };
+      })
+    );
+    const totalCount = computed(() => dataStoreStore.totalCount);
     const currentProject = computed(() => projectsStore.currentProject);
     const projectName = computed(() => {
       if (currentProject.value?.type === ProjectTypes.Personal) {
@@ -243,26 +271,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         label: i18n.baseText("generic.delete"),
         value: DATA_STORE_CARD_ACTIONS.DELETE,
         disabled: readOnlyEnv.value
-      },
-      {
-        label: i18n.baseText("generic.clear"),
-        value: DATA_STORE_CARD_ACTIONS.CLEAR,
-        disabled: readOnlyEnv.value
       }
     ]);
     const initialize = async () => {
       loading.value = true;
       const projectId = Array.isArray(route.params.projectId) ? route.params.projectId[0] : route.params.projectId;
       try {
-        const response = await fetchDataStores(rootStore.restApiContext, projectId, {
-          page: currentPage.value,
-          pageSize: pageSize.value
-        });
-        dataStores.value = response.data.map((item) => ({
-          ...item,
-          resourceType: "datastore"
-        }));
-        totalCount.value = response.count;
+        await dataStoreStore.fetchDataStores(projectId, currentPage.value, pageSize.value);
       } catch (error) {
         toast.showError(error, "Error loading data stores");
       } finally {
@@ -280,6 +295,65 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         await callDebounced(initialize, { debounceTime: 200, trailing: true });
       }
     };
+    const onAddModalClick = () => {
+      useUIStore().openModal(ADD_DATA_STORE_MODAL_KEY);
+    };
+    const onCardAction = async (payload) => {
+      switch (payload.action) {
+        case DATA_STORE_CARD_ACTIONS.DELETE: {
+          const promptResponse = await message.confirm(
+            i18n.baseText("dataStore.delete.confirm.message", {
+              interpolate: { name: payload.dataStore.name }
+            }),
+            i18n.baseText("dataStore.delete.confirm.title"),
+            {
+              confirmButtonText: i18n.baseText("generic.delete"),
+              cancelButtonText: i18n.baseText("generic.cancel")
+            }
+          );
+          if (promptResponse === MODAL_CONFIRM) {
+            try {
+              const deleted = await dataStoreStore.deleteDataStore(
+                payload.dataStore.id,
+                payload.dataStore.projectId
+              );
+              if (!deleted) {
+                toast.showError(
+                  new Error(i18n.baseText("generic.unknownError")),
+                  i18n.baseText("dataStore.delete.error")
+                );
+              }
+            } catch (error) {
+              toast.showError(error, i18n.baseText("dataStore.delete.error"));
+            }
+          }
+          break;
+        }
+        case DATA_STORE_CARD_ACTIONS.RENAME: {
+          try {
+            const updated = await dataStoreStore.updateDataStore(
+              payload.dataStore.id,
+              payload.dataStore.name,
+              payload.dataStore.projectId
+            );
+            if (!updated) {
+              toast.showError(
+                new Error(i18n.baseText("generic.unknownError")),
+                i18n.baseText("dataStore.rename.error")
+              );
+            }
+          } catch (error) {
+            toast.showError(error, i18n.baseText("dataStore.rename.error"));
+          }
+          break;
+        }
+      }
+    };
+    const onProjectHeaderAction = (action) => {
+      if (action === "add-data-store") {
+        useUIStore().openModal(ADD_DATA_STORE_MODAL_KEY);
+      }
+    };
     onMounted(() => {
       documentTitle.set(i18n.baseText("dataStore.tab.label"));
     });
@@ -289,7 +363,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: "layout",
         "resource-key": "dataStore",
         type: "list-paginated",
-        resources: dataStores.value,
+        resources: dataStoreResources.value,
         initialize,
         "type-props": { itemSize: 80 },
         loading: loading.value,
@@ -304,7 +378,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:paginationAndSort": onPaginationUpdate
       }, {
         header: withCtx(() => [
-          createVNode(ProjectHeader, null, {
+          createVNode(ProjectHeader, {
+            "custom-actions": customProjectActions.value,
+            onCustomActionSelected: onProjectHeaderAction
+          }, {
             default: withCtx(() => [
               unref(projectPages).isOverviewSubPage && unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary, {
                 key: 0,
@@ -314,7 +391,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["loading", "summary"])) : createCommentVNode("", true)
             ]),
             _: 1
-          })
+          }, 8, ["custom-actions"])
         ]),
         empty: withCtx(() => [
           createVNode(_component_n8n_action_box, {
@@ -322,7 +399,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             heading: unref(i18n).baseText("dataStore.empty.label"),
             description: emptyCalloutDescription.value,
             "button-text": emptyCalloutButtonText.value,
-            "button-type": "secondary"
+            "button-type": "secondary",
+            "onClick:button": onAddModalClick
           }, null, 8, ["heading", "description", "button-text"])
         ]),
         item: withCtx(({ item: data }) => [
@@ -331,7 +409,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "data-store": data,
             "show-ownership-badge": unref(projectPages).isOverviewSubPage,
             actions: cardActions.value,
-            "read-only": readOnlyEnv.value
+            "read-only": readOnlyEnv.value,
+            onAction: onCardAction
           }, null, 8, ["data-store", "show-ownership-badge", "actions", "read-only"])
         ]),
         _: 1

package/dist/assets/{DemoFooter-B15mfkPV.js → DemoFooter-BQH8fgeu.js}

@@ -1,9 +1,9 @@
-import LogsPanel from "./LogsPanel-wngrETx-.js";
-import { d as defineComponent, a5 as useWorkflowsStore, x as computed, e as createBlock, f as createCommentVNode, g as openBlock } from "./index-BoUr_2PB.js";
-import "./AnimatedSpinner-CNelXJxW.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Dqqp4ac7.js";
-import "./VueMarkdown-CXxTuRRR.js";
-import "./canvas-FB8uqaY-.js";
+import LogsPanel from "./LogsPanel-BqOUfEMV.js";
+import { d as defineComponent, a9 as useWorkflowsStore, x as computed, e as createBlock, f as createCommentVNode, g as openBlock } from "./index-DDSBmiav.js";
+import "./AnimatedSpinner-t1RMMNSe.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-B9z4PBYx.js";
+import "./core-Bo_NVe2z.js";
+import "./canvas-DQItRt4U.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DemoFooter",
   setup(__props) {

package/dist/assets/{EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-DI7KmJ0_.js → EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-DWVikcET.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, b as useRouter, x as computed, c as useI18n, e as createBlock, g as openBlock, dQ as N8nActionBox, l as unref, V as VIEWS } from "./index-BoUr_2PB.js";
+import { d as defineComponent, b as useRouter, x as computed, c as useI18n, e as createBlock, g as openBlock, dW as N8nActionBox, l as unref, V as VIEWS } from "./index-DDSBmiav.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EmptySharedSectionActionBox",
   props: {

package/dist/assets/{EntityNotFound-CcFUGyDP.js → EntityNotFound-Dpf5mlyK.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, j as createBaseVNode, l as unref, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, p as N8nText, q as N8nButton, s as N8nCard, _ as _export_sfc } from "./index-BoUr_2PB.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, j as createBaseVNode, l as unref, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, p as N8nText, q as N8nButton, s as N8nCard, _ as _export_sfc } from "./index-DDSBmiav.js";
 const _hoisted_1 = { class: "entity-not-found-view" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EntityNotFound",
@@ -9,10 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const locale = useI18n();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(N8nCard), {
-          style: {},
-          class: "entity-card"
-        }, {
+        createVNode(unref(N8nCard), { class: "entity-card" }, {
           default: withCtx(() => [
             _cache[0] || (_cache[0] = createBaseVNode("div", { class: "text-center mb-l" }, [
               createBaseVNode("svg", {
@@ -89,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EntityNotFound = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30756e55"]]);
+const EntityNotFound = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a053f562"]]);
 export {
   EntityNotFound as default
 };

package/dist/assets/{EntityNotFound-CBu7H3J_.css → EntityNotFound-DvXhVSfv.css}

@@ -1,10 +1,10 @@
 
-.entity-not-found-view[data-v-30756e55] {
+.entity-not-found-view[data-v-a053f562] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }
-.entity-card[data-v-30756e55] {
+.entity-card[data-v-a053f562] {
 	max-width: 400px;
 	padding: var(--spacing-xl);
 }

package/dist/assets/{EntityUnAuthorised-BG-TRxIJ.js → EntityUnAuthorised-L-jtBCQ8.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, j as createBaseVNode, l as unref, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, p as N8nText, s as N8nCard, _ as _export_sfc } from "./index-BoUr_2PB.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, j as createBaseVNode, l as unref, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, p as N8nText, s as N8nCard, _ as _export_sfc } from "./index-DDSBmiav.js";
 const _hoisted_1 = { class: "entity-un-authorized-view" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EntityUnAuthorised",

package/dist/assets/{ErrorView-D48KsENu.js → ErrorView-KCU75Yt8.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, b as useRouter, h as createElementBlock, g as openBlock, i as createVNode, j as createBaseVNode, n as normalizeClass, N as N8nIcon, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, m as N8nHeading, e as createBlock, f as createCommentVNode, p as N8nText, q as N8nButton, V as VIEWS, _ as _export_sfc } from "./index-BoUr_2PB.js";
+import { d as defineComponent, b as useRouter, h as createElementBlock, g as openBlock, i as createVNode, j as createBaseVNode, n as normalizeClass, N as N8nIcon, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, m as N8nHeading, e as createBlock, f as createCommentVNode, p as N8nText, q as N8nButton, V as VIEWS, _ as _export_sfc } from "./index-DDSBmiav.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ErrorView",
   props: {

package/dist/assets/{EvaluationsRootView-LdGwrJIs.js → EvaluationsRootView-v4H83Kch.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, T as useUIStore, e as createBlock, g as openBlock, dQ as N8nActionBox, l as unref, c as useI18n, eS as COMMUNITY_PLUS_ENROLLMENT_MODAL, h as createElementBlock, n as normalizeClass, N as N8nIcon, F as Fragment, k as createTextVNode, t as toDisplayString, _ as _export_sfc, i as createVNode, j as createBaseVNode, f as createCommentVNode, J as renderSlot, p as N8nText, w as withCtx, aw as N8nBadge, b as useRouter, a5 as useWorkflowsStore, fR as useEvaluationStore, eQ as useUsageStore, am as usePageRedirectionHelper, x as computed, r as ref, q as N8nButton, dk as N8nCallout, a1 as I18nT, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, V as VIEWS, bK as useNodeTypesStore, a as useToast, bJ as useCanvasOperations, eN as useAsyncState, ab as watch, O as resolveComponent, a2 as N8nLink, aA as useTelemetry } from "./index-BoUr_2PB.js";
+import { d as defineComponent, Z as useUIStore, e as createBlock, g as openBlock, dW as N8nActionBox, l as unref, c as useI18n, e_ as COMMUNITY_PLUS_ENROLLMENT_MODAL, h as createElementBlock, n as normalizeClass, N as N8nIcon, F as Fragment, k as createTextVNode, t as toDisplayString, _ as _export_sfc, i as createVNode, j as createBaseVNode, f as createCommentVNode, Q as renderSlot, p as N8nText, w as withCtx, aL as N8nBadge, b as useRouter, a9 as useWorkflowsStore, ag as useEvaluationStore, eY as useUsageStore, aB as usePageRedirectionHelper, x as computed, r as ref, q as N8nButton, z as N8nCallout, a6 as I18nT, ab as PLACEHOLDER_EMPTY_WORKFLOW_ID, V as VIEWS, ah as useNodeTypesStore, a as useToast, aj as useSourceControlStore, bU as useCanvasOperations, eV as useAsyncState, af as watch, T as resolveComponent, C as N8nLink, am as EVALUATIONS_DOCS_URL, ap as useTelemetry } from "./index-DDSBmiav.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "EvaluationsPaywall",
   setup(__props) {
@@ -489,10 +489,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const telemetry = useTelemetry();
     const toast = useToast();
     const locale = useI18n();
+    const sourceControlStore = useSourceControlStore();
     const { initializeWorkspace } = useCanvasOperations();
     const evaluationsLicensed = computed(() => {
       return usageStore.workflowsWithEvaluationsLimit !== 0;
     });
+    const isProtectedEnvironment = computed(() => {
+      return sourceControlStore.preferences.branchReadOnly;
+    });
     const runs = computed(() => {
       return Object.values(evaluationStore.testRunsById ?? {}).filter(
         ({ workflowId }) => workflowId === props.name
@@ -599,18 +603,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(unref(locale).baseText("evaluations.setupWizard.description")) + " ", 1),
                 createVNode(unref(N8nLink), {
                   size: "small",
-                  href: "https://docs.n8n.io/advanced-ai/evaluations/overview"
+                  href: unref(EVALUATIONS_DOCS_URL)
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(unref(locale).baseText("evaluations.setupWizard.moreInfo")), 1)
                   ]),
                   _: 1
-                })
+                }, 8, ["href"])
               ]),
               _: 1
             }, 8, ["class"])
           ]),
-          createBaseVNode("div", {
+          isProtectedEnvironment.value ? (openBlock(), createBlock(unref(N8nCallout), {
+            key: 0,
+            theme: "info",
+            icon: "info"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(locale).baseText("evaluations.readOnlyNotice")), 1)
+            ]),
+            _: 1
+          })) : (openBlock(), createElementBlock("div", {
+            key: 1,
             class: normalizeClass(_ctx.$style.config)
           }, [
             _cache[0] || (_cache[0] = createBaseVNode("iframe", {
@@ -628,7 +642,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               onRunTest: runTest
             })) : (openBlock(), createBlock(_sfc_main$4, { key: 1 }))
-          ], 2)
+          ], 2))
         ], 2)) : unref(isReady) ? (openBlock(), createBlock(_component_router_view, { key: 1 })) : createCommentVNode("", true)
       ], 2);
     };

package/dist/assets/{EvaluationsView-DsmpZjlG.js → EvaluationsView-HlmYxGFH.js}

@@ -1,6 +1,6 @@
-import { fM as useCssVar, fJ as dateFormat, d as defineComponent, x as computed, fK as watchEffect, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, e0 as N8nSelect, w as withCtx, F as Fragment, y as renderList, e as createBlock, e1 as _sfc_main$4, l as unref, _ as _export_sfc, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, fN as TestTableBase, p as N8nText, N as N8nIcon, fO as statusDictionary, $ as N8nTooltip, a1 as I18nT, fP as getErrorBaseKey, bi as createSlots, e7 as mergeModels, b as useRouter, e8 as useModel, fQ as convertToDisplayDate, V as VIEWS, a as useToast, fR as useEvaluationStore, r as ref, eI as orderBy, ab as watch, q as N8nButton } from "./index-BoUr_2PB.js";
-import { L as Line } from "./index-C7wt32Q4.js";
-import { _ as __unplugin_components_1 } from "./AnimatedSpinner-CNelXJxW.js";
+import { fV as useCssVar, fS as dateFormat, d as defineComponent, x as computed, fT as watchEffect, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, e6 as N8nSelect, w as withCtx, F as Fragment, A as renderList, e as createBlock, e7 as _sfc_main$4, l as unref, _ as _export_sfc, m as N8nHeading, k as createTextVNode, t as toDisplayString, c as useI18n, fW as TestTableBase, p as N8nText, N as N8nIcon, fX as statusDictionary, a4 as N8nTooltip, a6 as I18nT, fY as getErrorBaseKey, bt as createSlots, ed as mergeModels, b as useRouter, ee as useModel, fZ as convertToDisplayDate, V as VIEWS, a as useToast, ag as useEvaluationStore, r as ref, eQ as orderBy, af as watch, q as N8nButton } from "./index-DDSBmiav.js";
+import { L as Line } from "./index-D5oI3RTP.js";
+import { _ as __unplugin_components_1 } from "./AnimatedSpinner-t1RMMNSe.js";
 function useMetricsChart() {
   const colors = {
     primary: useCssVar("--color-primary", document.body).value,

package/dist/assets/{ExecutionsTime.vue_vue_type_script_setup_true_lang-a16EyLIx.js → ExecutionsTime.vue_vue_type_script_setup_true_lang-HcTP3r42.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, x as computed, c as useI18n, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, p as N8nText, N as N8nIcon, j as createBaseVNode, n as normalizeClass, e as createBlock, a2 as N8nLink, l as unref, $ as N8nTooltip, _ as _export_sfc, v as useSettingsStore, S as useDebounce, am as usePageRedirectionHelper, r as ref, aq as EnterpriseEditionFeature, cZ as reactive, ab as watch, eR as i18n, fj as isEmpty, aU as onBeforeMount, O as resolveComponent, fk as _sfc_main$3, f as createCommentVNode, e0 as N8nSelect, F as Fragment, y as renderList, e1 as _sfc_main$4, av as _sfc_main$5, a1 as I18nT, cQ as N8nInput, bS as withModifiers, eO as N8nCheckbox, q as N8nButton, bi as createSlots, aw as N8nBadge, aA as useTelemetry, o as onMounted, I as onBeforeUnmount } from "./index-BoUr_2PB.js";
-import { _ as _sfc_main$6 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-BptELjdm.js";
+import { d as defineComponent, x as computed, c as useI18n, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, p as N8nText, N as N8nIcon, j as createBaseVNode, n as normalizeClass, e as createBlock, C as N8nLink, l as unref, a4 as N8nTooltip, _ as _export_sfc, v as useSettingsStore, Y as useDebounce, aB as usePageRedirectionHelper, r as ref, aF as EnterpriseEditionFeature, d6 as reactive, af as watch, eZ as i18n, fs as isEmpty, b3 as onBeforeMount, T as resolveComponent, ft as _sfc_main$3, f as createCommentVNode, e6 as N8nSelect, F as Fragment, A as renderList, e7 as _sfc_main$4, aK as _sfc_main$5, a6 as I18nT, cZ as N8nInput, B as withModifiers, eW as N8nCheckbox, q as N8nButton, bt as createSlots, aL as N8nBadge, ap as useTelemetry, o as onMounted, P as onBeforeUnmount } from "./index-DDSBmiav.js";
+import { _ as _sfc_main$6 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-DabixM3K.js";
 const _hoisted_1$1 = { "data-test-id": "concurrent-executions-header" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ConcurrentExecutionsHeader",

package/dist/assets/{ExecutionsView-CLWAKvdy.js → ExecutionsView-B1cATP_0.js}

@@ -1,11 +1,11 @@
-import { P as ProjectHeader } from "./ProjectHeader-CPQrclqi.js";
-import { _ as _sfc_main$4, E as ExecutionsFilter, C as ConcurrentExecutionsHeader } from "./ExecutionsTime.vue_vue_type_script_setup_true_lang-a16EyLIx.js";
-import { d as defineComponent, e as createBlock, g as openBlock, $ as N8nTooltip, w as withCtx, J as renderSlot, f as createCommentVNode, l as unref, a1 as I18nT, i as createVNode, a2 as N8nLink, n as normalizeClass, k as createTextVNode, t as toDisplayString, c as useI18n, _ as _export_sfc, ac as useCssModule, dA as useExecutionHelpers, r as ref, x as computed, gf as WAIT_INDEFINITELY, fQ as convertToDisplayDate, O as resolveComponent, h as createElementBlock, j as createBaseVNode, eO as N8nCheckbox, V as VIEWS, N as N8nIcon, p as N8nText, F as Fragment, q as N8nButton, bS as withModifiers, a0 as _sfc_main$5, a5 as useWorkflowsStore, aQ as useExecutionsStore, v as useSettingsStore, am as usePageRedirectionHelper, a as useToast, aq as EnterpriseEditionFeature, ab as watch, as as useTemplateRef, gg as useIntersectionObserver, y as renderList, gh as ElSkeletonItem, aC as useMessage, aD as MODAL_CONFIRM, an as getResourcePermissions, dG as executionRetryMessage, aA as useTelemetry, a6 as useRoute, fY as useInsightsStore, aj as useDocumentTitle, el as storeToRefs, aU as onBeforeMount, bg as useExternalHooks, o as onMounted, I as onBeforeUnmount } from "./index-BoUr_2PB.js";
-import { _ as __unplugin_components_1 } from "./AnimatedSpinner-CNelXJxW.js";
-import { N as N8nTableBase } from "./TableBase-j-43b-BE.js";
-import { u as useProjectPages } from "./useProjectPages-BJ7N1xfl.js";
-import { I as InsightsSummary } from "./InsightsSummary-C2OXzc3_.js";
-import "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-BptELjdm.js";
+import { P as ProjectHeader } from "./ProjectHeader-BmTqrjC0.js";
+import { _ as _sfc_main$4, E as ExecutionsFilter, C as ConcurrentExecutionsHeader } from "./ExecutionsTime.vue_vue_type_script_setup_true_lang-HcTP3r42.js";
+import { d as defineComponent, e as createBlock, g as openBlock, a4 as N8nTooltip, w as withCtx, Q as renderSlot, f as createCommentVNode, l as unref, a6 as I18nT, i as createVNode, C as N8nLink, n as normalizeClass, k as createTextVNode, t as toDisplayString, c as useI18n, _ as _export_sfc, as as useCssModule, dG as useExecutionHelpers, r as ref, x as computed, gq as WAIT_INDEFINITELY, fZ as convertToDisplayDate, T as resolveComponent, h as createElementBlock, j as createBaseVNode, eW as N8nCheckbox, V as VIEWS, N as N8nIcon, p as N8nText, F as Fragment, q as N8nButton, B as withModifiers, a5 as _sfc_main$5, a9 as useWorkflowsStore, a$ as useExecutionsStore, v as useSettingsStore, aB as usePageRedirectionHelper, a as useToast, aF as EnterpriseEditionFeature, af as watch, aH as useTemplateRef, gr as useIntersectionObserver, A as renderList, gs as ElSkeletonItem, aq as useMessage, ar as MODAL_CONFIRM, aC as getResourcePermissions, dM as executionRetryMessage, ap as useTelemetry, aa as useRoute, g6 as useInsightsStore, ay as useDocumentTitle, er as storeToRefs, b3 as onBeforeMount, br as useExternalHooks, o as onMounted, P as onBeforeUnmount } from "./index-DDSBmiav.js";
+import { _ as __unplugin_components_1 } from "./AnimatedSpinner-t1RMMNSe.js";
+import { N as N8nTableBase } from "./TableBase-IV317tIn.js";
+import { u as useProjectPages } from "./useProjectPages-CGM579dS.js";
+import { I as InsightsSummary } from "./InsightsSummary-B-mKtkfy.js";
+import "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-DabixM3K.js";
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "GlobalExecutionsListItemQueuedTooltip",
   props: {

package/dist/assets/{FixedCollectionParameter-CR8LTPoG.js → FixedCollectionParameter-CzvWd64p.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a5 as useWorkflowsStore, aP as useNDVStore, el as storeToRefs, x as computed, c as useI18n, r as ref, gi as isINodePropertyCollectionList, ab as watch, aU as onBeforeMount, dH as deepCopy, h as createElementBlock, g as openBlock, f as createCommentVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, p as N8nText, F as Fragment, y as renderList, e as createBlock, dZ as N8nInputLabel, j as createBaseVNode, n as normalizeClass, a0 as _sfc_main$1, di as Suspense, gj as _sfc_main$2, gk as Draggable, q as N8nButton, e1 as _sfc_main$3, e0 as N8nSelect, bS as withModifiers, bu as get, eT as telemetry, _ as _export_sfc } from "./index-BoUr_2PB.js";
+import { d as defineComponent, a9 as useWorkflowsStore, a_ as useNDVStore, er as storeToRefs, x as computed, c as useI18n, r as ref, gt as isINodePropertyCollectionList, af as watch, b3 as onBeforeMount, dN as deepCopy, h as createElementBlock, g as openBlock, f as createCommentVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, p as N8nText, F as Fragment, A as renderList, e as createBlock, e3 as N8nInputLabel, j as createBaseVNode, n as normalizeClass, a5 as _sfc_main$1, dr as Suspense, gu as _sfc_main$2, gv as Draggable, q as N8nButton, e7 as _sfc_main$3, e6 as N8nSelect, B as withModifiers, bF as get, e$ as telemetry, _ as _export_sfc } from "./index-DDSBmiav.js";
 const _hoisted_1 = ["data-test-id"];
 const _hoisted_2 = {
   key: 0,
@@ -217,6 +217,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["label"])) : createCommentVNode("", true),
             multipleValues.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
               createVNode(unref(Draggable), {
+                "item-key": property.name,
                 modelValue: mutableValues.value[property.name],
                 "onUpdate:modelValue": ($event) => mutableValues.value[property.name] = $event,
                 handle: ".drag-handle",
@@ -274,7 +275,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]))
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
+              }, 1032, ["item-key", "modelValue", "onUpdate:modelValue", "onChange"])
             ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
               createBaseVNode("div", _hoisted_7, [
                 !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_8, [
@@ -337,7 +338,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FixedCollectionParameter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e3cb1e7"]]);
+const FixedCollectionParameter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-513143a7"]]);
 export {
   FixedCollectionParameter as default
 };