n8n-editor-ui 1.108.1 → 1.109.1-exp.0

package/dist/assets/{WorkflowsView-CtEZYf3I.js → WorkflowsView-E-TpCSK5.js}

@@ -1,16 +1,17 @@
-import { d as defineComponent, aa as useRoute, b as useRouter, av as useFoldersStore, r as ref, x as computed, c as useI18n, aF as ProjectTypes, V as VIEWS, T as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, fY as ProjectCardBadge, l as unref, aS as ResourceType, e6 as N8nActionToggle, B as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, eD as _sfc_main$7, m as N8nHeading, aK as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, v as useSettingsStore, Z as useUIStore, u as useUsersStore, a9 as useWorkflowsStore, au as useProjectsStore, aB as getResourcePermissions, fQ as dateFormat, b2 as withDirectives, b3 as vShow, aN as WORKFLOW_SHARE_MODAL_KEY, ap as useTelemetry, aR as DUPLICATE_MODAL_KEY, aq as useMessage, ar as MODAL_CONFIRM, aT as PROJECT_MOVE_RESOURCE_MODAL, fZ as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, f_ as ILLEGAL_FOLDER_CHARACTERS, f$ as FOLDER_NAME_ONLY_DOTS_REGEX, g0 as FOLDER_NAME_MAX_LENGTH, a7 as defineStore, d7 as usePostHog, bb as useCloudPlanStore, bk as useTemplatesStore, bc as useStorage, g1 as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, de as jsonParse, af as watch, fh as TEMPLATE_ONBOARDING_EXPERIMENT, ac as STORES, z as N8nCallout, C as N8nLink, Q as renderSlot, ah as useNodeTypesStore, bl as usePersonalizedTemplatesV2Store, o as onMounted, bV as NodeIcon, bt as EXPERIMENT_TEMPLATE_RECO_V2_KEY, F as Fragment, A as renderList, aj as useSourceControlStore, X as useTagsStore, eU as useUsageStore, g2 as useInsightsStore, ax as useDocumentTitle, Y as useDebounce, aE as EnterpriseEditionFeature, g3 as isExtraTemplateLinksExperimentEnabled, W as createEventBus, P as onBeforeUnmount, S as debounce, g4 as PROJECT_ROOT, aG as useTemplateRef, bp as createSlots, a4 as Tooltip, q as N8nButton, cK as InfoTip, dR as N8nActionBox, d_ as N8nInputLabel, aJ as _sfc_main$9, e1 as N8nSelect, e2 as _sfc_main$a, eS as N8nCheckbox, g5 as Draggable, dD as N8nLoading, aH as InlineRename, g6 as DEFAULT_WORKFLOW_PAGE_SIZE, bu as trackTemplatesClick, bv as TemplateClickSource, g7 as getEasyAiWorkflowJson, eW as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-DuT-FIl1.js";
-import { _ as _sfc_main$8 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-sIvwrfw-.js";
-import { B as Breadcrumbs } from "./ProjectBreadcrumb-CzeQoSDB.js";
-import { W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-5rkOtBNg.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-ozILtp5g.js";
-import { P as ProjectHeader } from "./ProjectHeader-Br8yvqkf.js";
-import { T as Tags } from "./Tags-BVRt8Mzw.js";
-import { u as useProjectPages } from "./useProjectPages-BkXBOvhp.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-BMekdydj.js";
-import { I as InsightsSummary } from "./InsightsSummary-CpUOsQoR.js";
-import "./useWorkflowActivate-IL8D7V3s.js";
-import "./TableBase-DpxvhaiM.js";
-import "./Tag-BU_1pCk_.js";
+import { d as defineComponent, a2 as useRoute, b as useRouter, av as useFoldersStore, r as ref, x as computed, c as useI18n, aF as ProjectTypes, V as VIEWS, a8 as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, f$ as ProjectCardBadge, l as unref, aS as ResourceType, e7 as N8nActionToggle, B as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, eE as _sfc_main$7, m as N8nHeading, aK as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, v as useSettingsStore, Q as useUIStore, u as useUsersStore, a1 as useWorkflowsStore, au as useProjectsStore, aB as getResourcePermissions, fS as dateFormat, b2 as withDirectives, b3 as vShow, aN as WORKFLOW_SHARE_MODAL_KEY, al as useTelemetry, aR as DUPLICATE_MODAL_KEY, am as useMessage, an as MODAL_CONFIRM, aT as PROJECT_MOVE_RESOURCE_MODAL, g0 as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, g1 as ILLEGAL_FOLDER_CHARACTERS, g2 as FOLDER_NAME_ONLY_DOTS_REGEX, g3 as FOLDER_NAME_MAX_LENGTH, $ as defineStore, d8 as usePostHog, bb as useCloudPlanStore, bk as useTemplatesStore, bc as useStorage, g4 as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, df as jsonParse, a7 as watch, fj as TEMPLATE_ONBOARDING_EXPERIMENT, a4 as STORES, z as N8nCallout, C as N8nLink, X as renderSlot, ad as useNodeTypesStore, bl as usePersonalizedTemplatesV2Store, o as onMounted, bX as NodeIcon, bv as EXPERIMENT_TEMPLATE_RECO_V2_KEY, F as Fragment, A as renderList, bm as useCalloutHelpers, af as useSourceControlStore, ar as useTagsStore, eV as useUsageStore, g5 as useInsightsStore, ax as useDocumentTitle, P as useDebounce, aE as EnterpriseEditionFeature, g6 as isExtraTemplateLinksExperimentEnabled, aq as createEventBus, W as onBeforeUnmount, ao as debounce, g7 as PROJECT_ROOT, aG as useTemplateRef, br as createSlots, a9 as Tooltip, q as N8nButton, cL as InfoTip, dS as N8nActionBox, d$ as N8nInputLabel, aJ as _sfc_main$9, e2 as N8nSelect, e3 as _sfc_main$a, eT as N8nCheckbox, g8 as Draggable, dE as N8nLoading, aH as InlineRename, g9 as DEFAULT_WORKFLOW_PAGE_SIZE, bw as trackTemplatesClick, bx as TemplateClickSource, ga as getEasyAiWorkflowJson, eX as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-Cz15Tiv9.js";
+import { _ as _sfc_main$8 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-CsEyfmIK.js";
+import { B as Breadcrumbs } from "./ProjectBreadcrumb-CWq8ubCf.js";
+import { W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-_e923o0y.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-CL3ardp2.js";
+import { P as ProjectHeader } from "./ProjectHeader-RvcbYSCb.js";
+import { T as Tags } from "./Tags-DwGsPbMq.js";
+import { u as useProjectPages } from "./useProjectPages-atXZB4mX.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-Cmgt_RuC.js";
+import { I as InsightsSummary } from "./InsightsSummary-BwAXblg3.js";
+import "./useWorkflowActivate-DUdD-y87.js";
+import "./TableBase-OkNFnxMN.js";
+import "./PageViewLayout-DfWGehvM.js";
+import "./Tag-DU_lYKFb.js";
 const FOLDER_LIST_ITEM_ACTIONS = {
   OPEN: "open",
   CREATE: "create",
@@ -305,7 +306,7 @@ const style0$6 = {
 const cssModules$6 = {
   "$style": style0$6
 };
-const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$6]]);
+const __unplugin_components_5 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$6]]);
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowCard",
   props: {
@@ -1302,6 +1303,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const message = useMessage();
     const toast = useToast();
     const folderHelpers = useFolders();
+    const calloutHelpers = useCalloutHelpers();
     const sourceControlStore = useSourceControlStore();
     const usersStore = useUsersStore();
     const workflowsStore = useWorkflowsStore();
@@ -1531,6 +1533,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // but also on the overview page
       (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
     });
+    const showPrebuiltAgentsCallout = computed(() => {
+      return !loading.value && calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !calloutHelpers.isCalloutDismissed("preBuiltAgentsModalCallout") && !readOnlyEnv.value && // We want to show the callout only if the user has permissions to create folders and workflows
+      // but also on the overview page
+      (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
+    });
     const showPersonalizedTemplates = computed(
       () => !loading.value && personalizedTemplatesStore.isFeatureEnabled()
     );
@@ -1863,6 +1870,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
     };
+    const openPrebuiltAgentsModal = (source) => {
+      void calloutHelpers.openPreBuiltAgentsModal(source);
+    };
     const handleCreateReadyToRunWorkflows = async (source) => {
       try {
         const projectId = projectPages.isOverviewSubPage ? personalProject.value?.id : route.params.projectId;
@@ -1904,6 +1914,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dismissEasyAICallout = () => {
       easyAICalloutVisible.value = false;
     };
+    const dismissPreBuiltAgentsCallout = () => {
+      void calloutHelpers.dismissCallout("preBuiltAgentsModalCallout");
+    };
     const openAIWorkflow = async (source) => {
       dismissEasyAICallout();
       telemetry.track("User clicked test AI workflow", {
@@ -2541,19 +2554,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_N8nTooltip = Tooltip;
+      const _component_N8nLink = N8nLink;
       const _component_N8nCallout = N8nCallout;
       const _component_n8n_loading = N8nLoading;
       const _component_FolderBreadcrumbs = __unplugin_components_0;
-      const _component_FolderCard = __unplugin_components_4;
+      const _component_FolderCard = __unplugin_components_5;
       const _component_EmptySharedSectionActionBox = _sfc_main$8;
       const _component_N8nCheckbox = N8nCheckbox;
-      const _component_N8nLink = N8nLink;
       const _component_N8nInfoTip = InfoTip;
       const _component_N8nActionBox = N8nActionBox;
       return openBlock(), createBlock(ResourcesListLayout, {
         filters: filters.value,
         "onUpdate:filters": [
-          _cache[6] || (_cache[6] = ($event) => filters.value = $event),
+          _cache[9] || (_cache[9] = ($event) => filters.value = $event),
           onFiltersUpdated
         ],
         "resource-key": "workflows",
@@ -2588,9 +2601,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]),
         callout: withCtx(() => [
-          showAIStarterCollectionCallout.value ? (openBlock(), createBlock(_component_N8nCallout, {
+          showPrebuiltAgentsCallout.value ? (openBlock(), createBlock(_component_N8nCallout, {
             key: 0,
             theme: "secondary",
+            icon: "bot",
+            "icon-size": "large",
+            class: normalizeClass(_ctx.$style["easy-ai-workflow-callout"])
+          }, {
+            trailingContent: withCtx(() => [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style["callout-trailing-content"])
+              }, [
+                createVNode(unref(N8nIcon), {
+                  size: "small",
+                  icon: "x",
+                  title: unref(i18n).baseText("generic.dismiss"),
+                  class: "clickable",
+                  onClick: _cache[1] || (_cache[1] = ($event) => dismissPreBuiltAgentsCallout())
+                }, null, 8, ["title"])
+              ], 2)
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(N8nText), { size: "small" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n).baseText("workflows.preBuiltAgents.callout")) + " " + toDisplayString(" ") + " ", 1),
+                  createVNode(_component_N8nLink, {
+                    theme: "secondary",
+                    size: "small",
+                    bold: true,
+                    underline: true,
+                    onClick: _cache[0] || (_cache[0] = ($event) => openPrebuiltAgentsModal("workflowsEmptyState"))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(i18n).baseText("workflows.preBuiltAgents.linkText")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["class"])) : showAIStarterCollectionCallout.value ? (openBlock(), createBlock(_component_N8nCallout, {
+            key: 1,
+            theme: "secondary",
             icon: "gift",
             class: normalizeClass(_ctx.$style["easy-ai-workflow-callout"])
           }, {
@@ -2602,7 +2656,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "data-test-id": "easy-ai-button",
                   size: "small",
                   type: "secondary",
-                  onClick: _cache[0] || (_cache[0] = ($event) => createAIStarterWorkflows("callout"))
+                  onClick: _cache[2] || (_cache[2] = ($event) => createAIStarterWorkflows("callout"))
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(unref(i18n).baseText("generic.startNow")), 1)
@@ -2622,7 +2676,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(unref(i18n).baseText("workflows.ai.starter.collection.callout")) + " ", 1)
             ]),
             _: 1
-          }, 8, ["class"])) : showPersonalizedTemplates.value ? (openBlock(), createBlock(SuggestedWorkflows, { key: 1 }, {
+          }, 8, ["class"])) : showPersonalizedTemplates.value ? (openBlock(), createBlock(SuggestedWorkflows, { key: 2 }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(personalizedTemplatesStore).suggestedWorkflows, (workflow) => {
                 return openBlock(), createBlock(SuggestedWorkflowCard, {
@@ -2638,7 +2692,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           })) : createCommentVNode("", true),
           showReadyToRunWorkflowsCallout.value ? (openBlock(), createBlock(_component_N8nCallout, {
-            key: 2,
+            key: 3,
             theme: "secondary",
             icon: "bolt-filled",
             class: normalizeClass(_ctx.$style["easy-ai-workflow-callout"])
@@ -2651,7 +2705,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "data-test-id": "easy-ai-button",
                   size: "small",
                   type: "secondary",
-                  onClick: _cache[1] || (_cache[1] = ($event) => handleCreateReadyToRunWorkflows("callout"))
+                  onClick: _cache[3] || (_cache[3] = ($event) => handleCreateReadyToRunWorkflows("callout"))
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(unref(i18n).baseText("generic.startNow")), 1)
@@ -2813,7 +2867,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onWorkflow:duplicated": fetchWorkflows,
                 "onWorkflow:activeToggle": onWorkflowActiveToggle,
                 "onAction:moveToFolder": moveWorkflowToFolder,
-                onMouseenter: _cache[2] || (_cache[2] = ($event) => isDragging.value ? unref(folderHelpers).resetDropTarget() : {})
+                onMouseenter: _cache[4] || (_cache[4] = ($event) => isDragging.value ? unref(folderHelpers).resetDropTarget() : {})
               }, null, 8, ["class", "data", "workflow-list-event-bus", "read-only", "data-resourceid", "data-resourcename", "show-ownership-badge"])
             ]),
             _: 2
@@ -2881,12 +2935,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["class"]),
-              showAIStarterCollectionCallout.value ? (openBlock(), createBlock(unref(N8nCard), {
+              showPrebuiltAgentsCallout.value ? (openBlock(), createBlock(unref(N8nCard), {
                 key: 0,
                 class: normalizeClass(_ctx.$style.emptyStateCard),
                 hoverable: "",
+                "data-test-id": "prebuilt-agents-card",
+                onClick: _cache[5] || (_cache[5] = ($event) => openPrebuiltAgentsModal("workflowsList"))
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("div", {
+                    class: normalizeClass(_ctx.$style.emptyStateCardContent)
+                  }, [
+                    createVNode(unref(N8nIcon), {
+                      class: normalizeClass(_ctx.$style.emptyStateCardIcon),
+                      "stroke-width": 1.5,
+                      icon: "bot",
+                      color: "foreground-dark"
+                    }, null, 8, ["class"]),
+                    createVNode(unref(N8nText), {
+                      size: "large",
+                      class: "mt-xs pl-2xs pr-2xs"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(i18n).baseText("workflows.empty.preBuiltAgents")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], 2)
+                ]),
+                _: 1
+              }, 8, ["class"])) : showAIStarterCollectionCallout.value ? (openBlock(), createBlock(unref(N8nCard), {
+                key: 1,
+                class: normalizeClass(_ctx.$style.emptyStateCard),
+                hoverable: "",
                 "data-test-id": "easy-ai-workflow-card",
-                onClick: _cache[3] || (_cache[3] = ($event) => createAIStarterWorkflows("card"))
+                onClick: _cache[6] || (_cache[6] = ($event) => createAIStarterWorkflows("card"))
               }, {
                 default: withCtx(() => [
                   createBaseVNode("div", {
@@ -2911,11 +2994,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["class"])) : showEasyAIWorkflowCallout.value ? (openBlock(), createBlock(unref(N8nCard), {
-                key: 1,
+                key: 2,
                 class: normalizeClass(_ctx.$style.emptyStateCard),
                 hoverable: "",
                 "data-test-id": "easy-ai-workflow-card",
-                onClick: _cache[4] || (_cache[4] = ($event) => openAIWorkflow("empty"))
+                onClick: _cache[7] || (_cache[7] = ($event) => openAIWorkflow("empty"))
               }, {
                 default: withCtx(() => [
                   createBaseVNode("div", {
@@ -2941,11 +3024,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])) : createCommentVNode("", true),
               showReadyToRunWorkflowsCallout.value ? (openBlock(), createBlock(unref(N8nCard), {
-                key: 2,
+                key: 3,
                 class: normalizeClass(_ctx.$style.emptyStateCard),
                 hoverable: "",
                 "data-test-id": "ready-to-run-workflows-card",
-                onClick: _cache[5] || (_cache[5] = ($event) => handleCreateReadyToRunWorkflows("card"))
+                onClick: _cache[8] || (_cache[8] = ($event) => handleCreateReadyToRunWorkflows("card"))
               }, {
                 default: withCtx(() => [
                   createBaseVNode("div", {
@@ -2971,7 +3054,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])) : createCommentVNode("", true),
               templatesCardEnabled.value ? (openBlock(), createBlock(unref(N8nCard), {
-                key: 3,
+                key: 4,
                 class: normalizeClass(_ctx.$style.emptyStateCard),
                 hoverable: "",
                 "data-test-id": "new-workflow-from-template-card",

package/dist/assets/{canvas-D0IR7_I9.js → canvas-DVwUwHyq.js}

@@ -1,4 +1,4 @@
-import { W as createEventBus } from "./index-DuT-FIl1.js";
+import { aq as createEventBus } from "./index-Cz15Tiv9.js";
 const canvasEventBus = createEventBus();
 export {
   canvasEventBus as c

package/dist/assets/{chartjs.utils-Cl3MP1kj.js → chartjs.utils-TbG5rKwD.js}

@@ -1,5 +1,5 @@
-import { fT as useCssVar, hF as merge } from "./index-DuT-FIl1.js";
-import { s as smartDecimal } from "./InsightsSummary-CpUOsQoR.js";
+import { fV as useCssVar, hL as merge } from "./index-Cz15Tiv9.js";
+import { s as smartDecimal } from "./InsightsSummary-BwAXblg3.js";
 const generateLinearGradient = (ctx, height) => {
   const gradient = ctx.createLinearGradient(0, 0, 0, height);
   gradient.addColorStop(0, "rgba(255, 111,92, 1)");

package/dist/assets/{core-ChTWffJl.js → core-xJ_ye7-C.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, fn as MarkdownIt, x as computed, aW as h, bQ as getDefaultExportFromCjs } from "./index-DuT-FIl1.js";
+import { d as defineComponent, r as ref, fp as MarkdownIt, x as computed, aW as h, bS as getDefaultExportFromCjs } from "./index-Cz15Tiv9.js";
 const VueMarkdown = defineComponent({
   name: "VueMarkdown",
   props: {

package/dist/assets/{dataStore.store-TYb453Ex.js → dataStore.store-_vnx0W6W.js}

@@ -1,4 +1,4 @@
-import { e$ as makeRestApiRequest, a7 as defineStore, at as useRootStore, au as useProjectsStore, r as ref, gw as DATA_STORE_STORE } from "./index-DuT-FIl1.js";
+import { f0 as makeRestApiRequest, $ as defineStore, at as useRootStore, au as useProjectsStore, r as ref, gA as DATA_STORE_STORE } from "./index-Cz15Tiv9.js";
 const fetchDataStoresApi = async (context, projectId, options, filter) => {
   const apiEndpoint = projectId ? `/projects/${projectId}/data-stores` : "/data-stores-global";
   return await makeRestApiRequest(
@@ -6,8 +6,8 @@ const fetchDataStoresApi = async (context, projectId, options, filter) => {
     "GET",
     apiEndpoint,
     {
-      ...options,
-      ...filter ?? {}
+      options: options ?? void 0,
+      filter: filter ?? void 0
     }
   );
 };
@@ -53,6 +53,49 @@ const addDataStoreColumnApi = async (context, dataStoreId, projectId, column) =>
     }
   );
 };
+const deleteDataStoreColumnApi = async (context, dataStoreId, projectId, columnId) => {
+  return await makeRestApiRequest(
+    context,
+    "DELETE",
+    `/projects/${projectId}/data-stores/${dataStoreId}/columns/${columnId}`
+  );
+};
+const moveDataStoreColumnApi = async (context, dataStoreId, projectId, columnId, targetIndex) => {
+  return await makeRestApiRequest(
+    context,
+    "PATCH",
+    `/projects/${projectId}/data-stores/${dataStoreId}/columns/${columnId}/move`,
+    {
+      targetIndex
+    }
+  );
+};
+const getDataStoreRowsApi = async (context, dataStoreId, projectId, options) => {
+  return await makeRestApiRequest(context, "GET", `/projects/${projectId}/data-stores/${dataStoreId}/rows`, {
+    ...options ?? {}
+  });
+};
+const insertDataStoreRowApi = async (context, dataStoreId, row, projectId) => {
+  return await makeRestApiRequest(
+    context,
+    "POST",
+    `/projects/${projectId}/data-stores/${dataStoreId}/insert`,
+    {
+      data: [row]
+    }
+  );
+};
+const updateDataStoreRowsApi = async (context, dataStoreId, rowId, rowData, projectId) => {
+  return await makeRestApiRequest(
+    context,
+    "PATCH",
+    `/projects/${projectId}/data-stores/${dataStoreId}/rows`,
+    {
+      filter: { id: rowId },
+      data: rowData
+    }
+  );
+};
 const useDataStoreStore = defineStore(DATA_STORE_STORE, () => {
   const rootStore = useRootStore();
   const projectStore = useProjectsStore();
@@ -86,6 +129,23 @@ const useDataStoreStore = defineStore(DATA_STORE_STORE, () => {
     }
     return deleted;
   };
+  const deleteDataStoreColumn = async (datastoreId, projectId, columnId) => {
+    const deleted = await deleteDataStoreColumnApi(
+      rootStore.restApiContext,
+      datastoreId,
+      projectId,
+      columnId
+    );
+    if (deleted) {
+      const index = dataStores.value.findIndex((store) => store.id === datastoreId);
+      if (index !== -1) {
+        dataStores.value[index].columns = dataStores.value[index].columns.filter(
+          (col) => col.id !== columnId
+        );
+      }
+    }
+    return deleted;
+  };
   const updateDataStore = async (datastoreId, name, projectId) => {
     const updated = await updateDataStoreApi(
       rootStore.restApiContext,
@@ -103,9 +163,11 @@ const useDataStoreStore = defineStore(DATA_STORE_STORE, () => {
   };
   const fetchDataStoreDetails = async (datastoreId, projectId) => {
     const response = await fetchDataStoresApi(rootStore.restApiContext, projectId, void 0, {
+      projectId,
       id: datastoreId
     });
     if (response.data.length > 0) {
+      dataStores.value = response.data;
       return response.data[0];
     }
     return null;
@@ -132,6 +194,58 @@ const useDataStoreStore = defineStore(DATA_STORE_STORE, () => {
     }
     return newColumn;
   };
+  const moveDataStoreColumn = async (datastoreId, projectId, columnId, targetIndex) => {
+    const moved = await moveDataStoreColumnApi(
+      rootStore.restApiContext,
+      datastoreId,
+      projectId,
+      columnId,
+      targetIndex
+    );
+    if (moved) {
+      const dsIndex = dataStores.value.findIndex((store) => store.id === datastoreId);
+      const fromIndex = dataStores.value[dsIndex].columns.findIndex((col) => col.id === columnId);
+      dataStores.value[dsIndex].columns = dataStores.value[dsIndex].columns.map((col) => {
+        if (col.id === columnId) return { ...col, index: targetIndex };
+        if (fromIndex < targetIndex && col.index > fromIndex && col.index <= targetIndex) {
+          return { ...col, index: col.index - 1 };
+        }
+        if (fromIndex > targetIndex && col.index >= targetIndex && col.index < fromIndex) {
+          return { ...col, index: col.index + 1 };
+        }
+        return col;
+      });
+    }
+    return moved;
+  };
+  const fetchDataStoreContent = async (datastoreId, projectId, page, pageSize) => {
+    return await getDataStoreRowsApi(rootStore.restApiContext, datastoreId, projectId, {
+      skip: (page - 1) * pageSize,
+      take: pageSize
+    });
+  };
+  const insertEmptyRow = async (dataStore) => {
+    const emptyRow = {};
+    dataStore.columns.forEach((column) => {
+      emptyRow[column.name] = null;
+    });
+    const inserted = await insertDataStoreRowApi(
+      rootStore.restApiContext,
+      dataStore.id,
+      emptyRow,
+      dataStore.projectId
+    );
+    return inserted[0];
+  };
+  const updateRow = async (dataStoreId, projectId, rowId, rowData) => {
+    return await updateDataStoreRowsApi(
+      rootStore.restApiContext,
+      dataStoreId,
+      rowId,
+      rowData,
+      projectId
+    );
+  };
   return {
     dataStores,
     totalCount,
@@ -141,7 +255,12 @@ const useDataStoreStore = defineStore(DATA_STORE_STORE, () => {
     updateDataStore,
     fetchDataStoreDetails,
     fetchOrFindDataStore,
-    addDataStoreColumn
+    addDataStoreColumn,
+    deleteDataStoreColumn,
+    moveDataStoreColumn,
+    fetchDataStoreContent,
+    insertEmptyRow,
+    updateRow
   };
 });
 export {

package/dist/assets/{en-BGDurvS-.js → en-Dky7DMCM.js}

@@ -56,6 +56,7 @@ const en = {
   "generic.tryNow": "Try now",
   "generic.startNow": "Start now",
   "generic.dismiss": "Dismiss",
+  "generic.saving": "Saving",
   "generic.unsavedWork.confirmMessage.headline": "Save changes before leaving?",
   "generic.unsavedWork.confirmMessage.message": "If you don't save, you will lose your changes.",
   "generic.unsavedWork.confirmMessage.confirmButtonText": "Save",
@@ -664,8 +665,7 @@ Return "Good morning" if time is before 10am, "Good day" it's before 5pm, otherw
   "credentials.noResults": "No credentials found",
   "credentials.noResults.withSearch.switchToShared.preamble": "some credentials may be",
   "credentials.noResults.withSearch.switchToShared.link": "hidden",
-  "credentials.create.personal.toast.title": "Credential successfully created",
-  "credentials.create.personal.toast.text": "This credential has been created inside your personal space.",
+  "credentials.create.personal.toast.title": "Credential successfully created inside your personal space",
   "credentials.create.project.toast.title": "Credential successfully created in {projectName}",
   "credentials.create.project.toast.text": "All members from {projectName} will have access to this credential.",
   "dataDisplay.needHelp": "Need help?",
@@ -2682,6 +2682,7 @@ Return "Good morning" if time is before 10am, "Good day" it's before 5pm, otherw
   "workflows.empty.learnN8n": "Learn n8n",
   "workflows.empty.button.disabled.tooltip": "Your current role in the project does not allow you to create workflows",
   "workflows.empty.easyAI": "Test a simple AI Agent example",
+  "workflows.empty.preBuiltAgents": "Try a pre-built agent",
   "workflows.empty.shared-with-me": "No {resource} has been shared with you",
   "workflows.empty.shared-with-me.link": '<a href="#">Back to Personal</a>',
   "workflows.list.easyAI": "Test the power of AI in n8n with this simple AI Agent Workflow",
@@ -2712,8 +2713,7 @@ Return "Good morning" if time is before 10am, "Good day" it's before 5pm, otherw
   "workflows.concurrentChanges.confirmMessage.message": 'Someone saved this workflow while you were editing it. You can <a href="{url}" target="_blank">view their version</a> (in new tab).<br/><br/>Overwrite their changes with yours?',
   "workflows.concurrentChanges.confirmMessage.cancelButtonText": "Cancel",
   "workflows.concurrentChanges.confirmMessage.confirmButtonText": "Overwrite and Save",
-  "workflows.create.personal.toast.title": "Workflow successfully created",
-  "workflows.create.personal.toast.text": "This workflow has been created inside your personal space.",
+  "workflows.create.personal.toast.title": "Workflow successfully created inside your personal space",
   "workflows.create.project.toast.title": "Workflow successfully created in {projectName}",
   "workflows.create.folder.toast.title": 'Workflow successfully created in "{projectName}", within "{folderName}"',
   "workflows.create.project.toast.text": "All members from {projectName} will have access to this workflow.",
@@ -2733,6 +2733,8 @@ Return "Good morning" if time is before 10am, "Good day" it's before 5pm, otherw
   "workflows.readyToRunWorkflows.error": "Error loading n8n collection. Please try again later.",
   "workflows.archivedOnly.hint": "Archived workflows are hidden in this view. {link}",
   "workflows.archivedOnly.hint.link": "Update filters",
+  "workflows.preBuiltAgents.callout": "Get started faster with our",
+  "workflows.preBuiltAgents.linkText": "pre-built agents",
   "workflowSelectorParameterInput.createNewSubworkflow.name": "My Sub-Workflow",
   "importCurlModal.title": "Import cURL command",
   "importCurlModal.input.label": "cURL Command",
@@ -2812,10 +2814,10 @@ Return "Good morning" if time is before 10am, "Good day" it's before 5pm, otherw
   "contextual.users.settings.unavailable.button.cloud": "Upgrade now",
   "contextual.feature.unavailable.title": "Available on the Enterprise Plan",
   "contextual.feature.unavailable.title.cloud": "Available on the Pro Plan",
-  "dataStore.dataStores": "Data Stores",
-  "dataStore.empty.label": "You don't have any data stores yet",
-  "dataStore.empty.description": "Once you create data stores for your projects, they will appear here",
-  "dataStore.empty.button.label": 'Create data store in "{projectName}"',
+  "dataStore.dataStores": "Data Tables",
+  "dataStore.empty.label": "You don't have any data tables yet",
+  "dataStore.empty.description": "Once you create data tables for your projects, they will appear here",
+  "dataStore.empty.button.label": 'Create Data Table in "{projectName}"',
   "dataStore.card.size": "{size}MB",
   "dataStore.card.column.count": "{count} column | {count} columns",
   "dataStore.card.row.count": "{count} record | {count} records",
@@ -2824,29 +2826,37 @@ Return "Good morning" if time is before 10am, "Good day" it's before 5pm, otherw
   "dataStore.sort.nameAsc": "Sort by name (A-Z)",
   "dataStore.sort.nameDesc": "Sort by name (Z-A)",
   "dataStore.search.placeholder": "Search",
-  "dataStore.error.fetching": "Error loading data stores",
-  "dataStore.add.title": "Create data store",
-  "dataStore.add.description": "Set up a new data store to organize and manage your data.",
-  "dataStore.add.button.label": "Create Data Store",
-  "dataStore.add.input.name.label": "Data Store Name",
-  "dataStore.add.input.name.placeholder": "Enter data store name",
-  "dataStore.add.error": "Error creating data store",
-  "dataStore.delete.confirm.title": "Delete data store",
-  "dataStore.delete.confirm.message": 'Are you sure you want to delete the data store "{name}"? This action cannot be undone.',
-  "dataStore.delete.error": "Error deleting data store",
-  "dataStore.rename.error": "Error renaming data store",
-  "dataStore.getDetails.error": "Error fetching data store details",
-  "dataStore.notFound": "Data store not found",
+  "dataStore.error.fetching": "Error loading data tables",
+  "dataStore.add.title": "Create new data table",
+  "dataStore.add.description": "Set up a new data table to organize and manage your data.",
+  "dataStore.add.button.label": "Create Data Table",
+  "dataStore.add.input.name.label": "Data Table Name",
+  "dataStore.add.input.name.placeholder": "Enter data table name",
+  "dataStore.add.error": "Error creating data table",
+  "dataStore.delete.confirm.title": "Delete data table",
+  "dataStore.delete.confirm.message": 'Are you sure you want to delete the data table "{name}"? This action cannot be undone.',
+  "dataStore.delete.error": "Error deleting data table",
+  "dataStore.rename.error": "Error renaming data table",
+  "dataStore.getDetails.error": "Error fetching data table details",
+  "dataStore.notFound": "Data table not found",
   "dataStore.noColumns.heading": "No columns yet",
-  "dataStore.noColumns.description": "Add columns to start storing data in this data store.",
+  "dataStore.noColumns.description": "Add columns to start storing data in this data table.",
   "dataStore.noColumns.button.label": "Add first column",
   "dataStore.addColumn.label": "Add Column",
   "dataStore.addColumn.nameInput.label": "@:_reusableBaseText.name",
   "dataStore.addColumn.nameInput.placeholder": "Enter column name",
   "dataStore.addColumn.typeInput.label": "@:_reusableBaseText.type",
   "dataStore.addColumn.error": "Error adding column",
+  "dataStore.moveColumn.error": "Error moving column",
+  "dataStore.deleteColumn.error": "Error deleting column",
+  "dataStore.deleteColumn.confirm.title": "Delete column",
+  "dataStore.deleteColumn.confirm.message": 'Are you sure you want to delete the column "{name}"? This action cannot be undone.',
   "dataStore.addColumn.invalidName.error": "Invalid column name",
   "dataStore.addColumn.invalidName.description": "Only alphanumeric characters and non-leading dashes are allowed for column names",
+  "dataStore.fetchContent.error": "Error fetching data store content",
+  "dataStore.addRow.label": "Add Row",
+  "dataStore.addRow.error": "Error adding row",
+  "dataStore.updateRow.error": "Error updating row",
   "settings.ldap": "LDAP",
   "settings.ldap.note": "LDAP allows users to authenticate with their centralized account. It's compatible with services that provide an LDAP interface like Active Directory, Okta and Jumpcloud.",
   "settings.ldap.infoTip": "Learn more about <a href='https://docs.n8n.io/user-management/ldap/' target='_blank'>LDAP in the Docs</a>",
@@ -3401,7 +3411,10 @@ Return "Good morning" if time is before 10am, "Good day" it's before 5pm, otherw
   "workflowDiff.deletedWorkflow.remote": "The workflow doesn't exist on remote",
   "workflowDiff.newWorkflow": "New workflow",
   "workflowDiff.newWorkflow.database": "The workflow will be created in the database",
-  "workflowDiff.newWorkflow.remote": "The workflow will be created on remote"
+  "workflowDiff.newWorkflow.remote": "The workflow will be created on remote",
+  "preBuiltAgentTemplates.title": "Pre-built agents",
+  "preBuiltAgentTemplates.tutorials": "Tutorial templates",
+  "preBuiltAgentTemplates.viewAllLink": "View all templates"
 };
 export {
   _reusableBaseText,

package/dist/assets/{global-link-actions-DVZ42e62.js → global-link-actions-B6KV3Sbr.js}

@@ -1,4 +1,4 @@
-import { W as createEventBus } from "./index-DuT-FIl1.js";
+import { aq as createEventBus } from "./index-Cz15Tiv9.js";
 const globalLinkActionsEventBus = createEventBus();
 export {
   globalLinkActionsEventBus as g