n8n-editor-ui 1.102.2 → 1.104.0

package/dist/assets/{N8nDataTableServer-Dq5Mwh9d.js → N8nDataTableServer-9HerjyzX.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, bt as isRef, cf as shallowRef, aa as watch, r as ref, cN as watchEffect, aK as h, l as unref, cT as mergeModels, cL as useSlots, x as computed, cU as useModel, gM as ElCheckbox, h as createElementBlock, g as openBlock, j as createBaseVNode, f as createCommentVNode, P as normalizeStyle, n as normalizeClass, F as Fragment, y as renderList, e as createBlock, k as createTextVNode, t as toDisplayString, bQ as withModifiers, i as createVNode, gN as ElSkeletonItem, J as renderSlot, D as mergeProps, gO as _sfc_main$1, gP as ElSelect, w as withCtx, gQ as ElOption, bs as get, _ as _export_sfc } from "./index-B3p3789J.js";
+import { d as defineComponent, bs as isRef, cd as shallowRef, ab as watch, r as ref, cL as watchEffect, aL as h, l as unref, cR as mergeModels, cJ as useSlots, x as computed, cS as useModel, h8 as ElCheckbox, cb as useThrottleFn, h as createElementBlock, g as openBlock, j as createBaseVNode, f as createCommentVNode, P as normalizeStyle, n as normalizeClass, F as Fragment, y as renderList, e as createBlock, k as createTextVNode, t as toDisplayString, bP as withModifiers, J as renderSlot, i as createVNode, h9 as ElSkeletonItem, D as mergeProps, ha as _sfc_main$1, hb as ElSelect, w as withCtx, hc as ElOption, br as get, _ as _export_sfc } from "./index-Cm5yBbby.js";
 /**
    * table-core
    *
@@ -2768,13 +2768,15 @@ const _hoisted_3 = ["onMousedown"];
 const _hoisted_4 = ["onMousedown", "onTouchstart", "onDblclick"];
 const _hoisted_5 = { key: 0 };
 const _hoisted_6 = ["colspan"];
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = {
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = ["colspan"];
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
   key: 0,
   class: "table-pagination",
   "data-test-id": "pagination"
 };
-const _hoisted_9 = { class: "table-pagination__sizes" };
+const _hoisted_11 = { class: "table-pagination__sizes" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "N8nDataTableServer",
   props: /* @__PURE__ */ mergeModels({
@@ -2900,10 +2902,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const page = useModel(__props, "page");
     watch(page, () => table.setPageIndex(page.value));
     const itemsPerPage = useModel(__props, "items-per-page");
-    watch(itemsPerPage, () => {
-      page.value = 0;
-      table.setPageSize(itemsPerPage.value);
-    });
+    watch(itemsPerPage, () => table.setPageSize(itemsPerPage.value));
     const pagination = computed({
       get() {
         return {
@@ -2991,6 +2990,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return acc;
       }, {})
     );
+    const emitUpdateOptions = useThrottleFn(
+      (payload) => emit("update:options", payload),
+      100
+    );
+    function handlePageSizeChange(newPageSize) {
+      const maxPage = Math.max(0, Math.ceil(props.itemsLength / newPageSize) - 1);
+      const newPage = Math.min(page.value, maxPage);
+      page.value = newPage;
+      itemsPerPage.value = newPageSize;
+    }
     const columnHelper = createColumnHelper();
     const table = useVueTable({
       data,
@@ -3012,10 +3021,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getCoreRowModel: getCoreRowModel(),
       onSortingChange: handleSortingChange,
       onPaginationChange(updaterOrValue) {
-        pagination.value = typeof updaterOrValue === "function" ? updaterOrValue(pagination.value) : updaterOrValue;
-        emit("update:options", {
-          page: page.value,
-          itemsPerPage: itemsPerPage.value,
+        const newValue = typeof updaterOrValue === "function" ? updaterOrValue(pagination.value) : updaterOrValue;
+        void emitUpdateOptions({
+          page: newValue.pageIndex,
+          itemsPerPage: newValue.pageSize,
           sortBy: sortBy.value
         });
       },
@@ -3100,7 +3109,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])) : createCommentVNode("", true)
               ], 2),
               createBaseVNode("tbody", null, [
-                _ctx.loading && !unref(table).getRowModel().rows.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(itemsPerPage.value, (item) => {
+                unref(slots).cover ? (openBlock(), createElementBlock("tr", _hoisted_7, [
+                  createBaseVNode("td", {
+                    class: "cover",
+                    colspan: unref(table).getVisibleFlatColumns().length
+                  }, [
+                    renderSlot(_ctx.$slots, "cover", {}, void 0, true)
+                  ], 8, _hoisted_8)
+                ])) : createCommentVNode("", true),
+                _ctx.loading && !unref(table).getRowModel().rows.length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(itemsPerPage.value, (item) => {
                   return openBlock(), createElementBlock("tr", { key: item }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref(table).getVisibleFlatColumns(), (coll) => {
                       return openBlock(), createElementBlock("td", {
@@ -3111,7 +3128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]);
                     }), 128))
                   ]);
-                }), 128)) : unref(table).getRowModel().rows.length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(table).getRowModel().rows, (row) => {
+                }), 128)) : unref(table).getRowModel().rows.length ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(table).getRowModel().rows, (row) => {
                   return renderSlot(_ctx.$slots, "item", mergeProps({
                     key: row.id,
                     ref_for: true
@@ -3134,14 +3151,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, null, 8, ["render", "props"])
                         ], 2);
                       }), 128))
-                    ], 8, _hoisted_7)
+                    ], 8, _hoisted_9)
                   ], true);
                 }), 128)) : createCommentVNode("", true)
               ])
             ], 6)
           ])
         ]),
-        showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+        showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createVNode(unref(_sfc_main$1), {
             "current-page": page.value + 1,
             "page-size": itemsPerPage.value,
@@ -3150,11 +3167,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             total: _ctx.itemsLength,
             "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => page.value = $event - 1)
           }, null, 8, ["current-page", "page-size", "page-sizes", "total"]),
-          createBaseVNode("div", _hoisted_9, [
+          createBaseVNode("div", _hoisted_11, [
             _cache[3] || (_cache[3] = createBaseVNode("div", { class: "table-pagination__sizes__label" }, "Page size", -1)),
             createVNode(unref(ElSelect), {
               modelValue: itemsPerPage.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => itemsPerPage.value = $event),
+              "onUpdate:modelValue": [
+                _cache[1] || (_cache[1] = ($event) => itemsPerPage.value = $event),
+                handlePageSizeChange
+              ],
               modelModifiers: { number: true },
               class: "table-pagination__sizes__select",
               size: "small",
@@ -3177,7 +3197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const N8nDataTableServer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-809a3356"]]);
+const N8nDataTableServer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03a55eaa"]]);
 export {
   N8nDataTableServer as N
 };

package/dist/assets/{NodeCreation-DCV9QVeh.js → NodeCreation-CVbCKnet.js}

@@ -1,6 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-C8jv1gta.js","assets/index-B3p3789J.js","assets/index-COleXxZf.css","assets/NodeView-DKlyR0_C.js","assets/ActionDropdown-CiegfqhB.js","assets/ActionDropdown-BmC0wfMx.css","assets/useKeybindings-ul7syjnB.js","assets/useKeybindings-BUK7Ngh6.css","assets/import-curl-CjhdjoGU.js","assets/global-link-actions-BIVeUMGo.js","assets/useExecutionDebugging-wUQ9K2sh.js","assets/useBeforeUnload-Yj83KQFp.js","assets/NodeView-BbQy7Are.css","assets/NodeCreator-DWE25utr.css"])))=>i.map(i=>d[i]);
-import { dD as useNodeCreatorStore, bI as useNodeTypesStore, x as computed, c as useI18n, a4 as useWorkflowsStore, hP as MANUAL_TRIGGER_NODE_TYPE, hQ as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bq as NodeConnectionTypes, bz as CHAT_TRIGGER_NODE_TYPE, hR as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, hS as OPEN_AI_NODE_TYPE, hT as SPLIT_IN_BATCHES_NODE_TYPE, hU as NO_OP_NODE_TYPE, hV as WEBHOOK_NODE_TYPE, hW as SCHEDULE_TRIGGER_NODE_TYPE, hX as transformNodeType, bf as useExternalHooks, ad as useCanvasStore, hY as AI_CATEGORY_LANGUAGE_MODELS, hZ as QA_CHAIN_NODE_TYPE, h_ as AGENT_NODE_TYPE, h$ as BASIC_CHAIN_NODE_TYPE, i0 as OPEN_AI_ASSISTANT_NODE_TYPE, aS as STICKY_NODE_TYPE, i1 as sortNodeCreateElements, i2 as TRIGGER_NODE_CREATOR_VIEW, dF as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, T as useUIStore, e9 as useFocusPanelStore, aO as usePostHog, ej as FOCUS_PANEL_EXPERIMENT, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, a0 as _sfc_main$1, l as unref, c9 as KeyboardShortcutTooltip, et as defineAsyncComponent, dT as Suspense, F as Fragment, aI as __vitePreload, i3 as getMidCanvasPosition, i4 as DEFAULT_STICKY_WIDTH, i5 as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-B3p3789J.js";
-import { u as useExperimentalNdvStore } from "./NodeView-DKlyR0_C.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-BOosPF8_.js","assets/index-Cm5yBbby.js","assets/index-BWpYwmXd.css","assets/NodeView-BzC6ELga.js","assets/useKeybindings-DetzdpXy.js","assets/FileSaver.min-BvxTURBB.js","assets/useExecutionHelpers-DQcWcZ8o.js","assets/useKeybindings-2A271Jke.css","assets/ActionDropdown-Ct6XJ0cl.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-BD22LJ4z.js","assets/global-link-actions-BjpAG7gt.js","assets/useExecutionDebugging-C8zR-uFJ.js","assets/useBeforeUnload-BR-V9Uaz.js","assets/aiTemplatesStarterCollection.store-oECEA5nR.js","assets/NodeView-G2qfXaOy.css","assets/NodeCreator-CkvY2niF.css"])))=>i.map(i=>d[i]);
+import { dR as useNodeCreatorStore, bH as useNodeTypesStore, x as computed, c as useI18n, a5 as useWorkflowsStore, c$ as MANUAL_TRIGGER_NODE_TYPE, ij as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bp as NodeConnectionTypes, by as CHAT_TRIGGER_NODE_TYPE, ik as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, il as OPEN_AI_NODE_TYPE, im as SPLIT_IN_BATCHES_NODE_TYPE, io as NO_OP_NODE_TYPE, ip as WEBHOOK_NODE_TYPE, iq as SCHEDULE_TRIGGER_NODE_TYPE, ir as transformNodeType, be as useExternalHooks, ae as useCanvasStore, is as AI_CATEGORY_LANGUAGE_MODELS, it as QA_CHAIN_NODE_TYPE, iu as AGENT_NODE_TYPE, iv as BASIC_CHAIN_NODE_TYPE, iw as OPEN_AI_ASSISTANT_NODE_TYPE, aR as STICKY_NODE_TYPE, ix as sortNodeCreateElements, iy as TRIGGER_NODE_CREATOR_VIEW, dT as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, T as useUIStore, el as useFocusPanelStore, c_ as usePostHog, fa as useAssistantStore, eM as FOCUS_PANEL_EXPERIMENT, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, a0 as _sfc_main$1, l as unref, c7 as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, iz as _sfc_main$2, k as createTextVNode, t as toDisplayString, $ as N8nTooltip, eW as defineAsyncComponent, e4 as Suspense, F as Fragment, aJ as __vitePreload, iA as getMidCanvasPosition, iB as DEFAULT_STICKY_WIDTH, iC as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-Cm5yBbby.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const nodeTypesStore = useNodeTypesStore();
@@ -273,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-C8jv1gta.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-BOosPF8_.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -281,7 +280,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const focusPanelStore = useFocusPanelStore();
     const posthogStore = usePostHog();
     const i18n = useI18n();
-    const experimentalNdvStore = useExperimentalNdvStore();
+    const assistantStore = useAssistantStore();
     const { getAddedNodesAndConnections } = useActions();
     const isOpenFocusPanelButtonVisible = computed(() => {
       return posthogStore.getVariant(FOCUS_PANEL_EXPERIMENT.name) === FOCUS_PANEL_EXPERIMENT.variant;
@@ -311,8 +310,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("addNodes", getAddedNodesAndConnections(value));
       closeNodeCreator(true);
     }
+    function onAskAssistantButtonClick() {
+      if (!assistantStore.chatWindowOpen)
+        assistantStore.trackUserOpenedAssistant({
+          source: "canvas",
+          task: "placeholder",
+          has_existing_session: !assistantStore.isSessionEnded
+        });
+      assistantStore.toggleChatOpen();
+    }
     return (_ctx, _cache) => {
       const _component_n8n_icon_button = _sfc_main$1;
+      const _component_n8n_button = N8nButton;
+      const _component_n8n_tooltip = N8nTooltip;
       return openBlock(), createElementBlock(Fragment, null, [
         !_ctx.createNodeActive ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -360,26 +370,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_component_n8n_icon_button, {
                 type: "tertiary",
                 size: "large",
-                icon: "list",
+                icon: "panel-right",
                 onClick: unref(focusPanelStore).toggleFocusPanel
               }, null, 8, ["onClick"])
             ]),
             _: 1
           }, 8, ["label"])) : createCommentVNode("", true),
-          unref(experimentalNdvStore).isEnabled ? (openBlock(), createBlock(_component_n8n_icon_button, {
+          unref(assistantStore).canShowAssistantButtonsOnCanvas ? (openBlock(), createBlock(_component_n8n_tooltip, {
             key: 1,
-            type: "tertiary",
-            size: "large",
-            icon: "maximize-2",
-            onClick: unref(experimentalNdvStore).expandAllNodes
-          }, null, 8, ["onClick"])) : createCommentVNode("", true),
-          unref(experimentalNdvStore).isEnabled ? (openBlock(), createBlock(_component_n8n_icon_button, {
-            key: 2,
-            type: "tertiary",
-            size: "large",
-            icon: "minimize-2",
-            onClick: unref(experimentalNdvStore).collapseAllNodes
-          }, null, 8, ["onClick"])) : createCommentVNode("", true)
+            placement: "left"
+          }, {
+            content: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("aiAssistant.tooltip")), 1)
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_n8n_button, {
+                type: "tertiary",
+                size: "large",
+                square: "",
+                class: normalizeClass(_ctx.$style.icon),
+                "data-test-id": "ask-assistant-canvas-action-button",
+                onClick: onAskAssistantButtonClick
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("div", null, [
+                    createVNode(_sfc_main$2, { size: "large" })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
         ], 2)) : createCommentVNode("", true),
         (openBlock(), createBlock(Suspense, null, {
           default: withCtx(() => [
@@ -395,9 +417,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const nodeButtonsWrapper = "_nodeButtonsWrapper_3rkme_123";
+const nodeButtonsWrapper = "_nodeButtonsWrapper_1lpva_123";
+const icon = "_icon_1lpva_134";
 const style0 = {
-  nodeButtonsWrapper
+  nodeButtonsWrapper,
+  icon
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{NodeCreation-32nlvQSy.css → NodeCreation-CxN6JIS_.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._nodeButtonsWrapper_3rkme_123 {
+._nodeButtonsWrapper_1lpva_123 {
   position: absolute;
   top: 0;
   right: 0;
@@ -129,4 +129,12 @@
   gap: var(--spacing-2xs);
   padding: var(--spacing-s);
   pointer-events: all !important;
+}
+._icon_1lpva_134 {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+._icon_1lpva_134 svg {
+  display: block;
 }