n8n-editor-ui 1.105.2 → 1.106.0

package/dist/assets/{NodeView-BmP6QAra.js → NodeView-C4gvxUVX.js}

@@ -1,11 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-B9BKefxK.js","assets/index-w62KClh_.js","assets/index-BwGKZdwg.css","assets/NodeCreation-CxN6JIS_.css","assets/NodeDetailsView-CWivfrhu.js","assets/TriggerPanel-B3c3br25.js","assets/RunDataParsedAiContent-C_QJQ-jI.js","assets/VueMarkdown--SekAVyI.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DxtfewND.js","assets/InfoAccordion-BN9vwyPs.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-gMtmEr6n.css","assets/useWorkflowActivate-CT3nXB8R.js","assets/global-link-actions-BoKKYxTS.js","assets/useExecutionDebugging-D8eatMV3.js","assets/useBeforeUnload-DdD1AHGk.js","assets/canvas-BRM7hzzm.js","assets/aiTemplatesStarterCollection.store-CnPDpZGx.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-D0QNvUU4.js","assets/NodeDetailsViewV2-LLVofUjw.css","assets/SetupWorkflowCredentialsButton-ulkxwZMC.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, x as computed, r as ref, aP as useNDVStore, ab as watch, h as createElementBlock, g as openBlock, n as normalizeClass, e as createBlock, f as createCommentVNode, l as unref, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, cs as _sfc_main$9, i as createVNode, a0 as _sfc_main$a, _ as _export_sfc, Q as createEventBus, ac as useCssModule, v as useSettingsStore, ct as useVueFlow, bW as toRef, cu as useCanvasMapping, cv as refThrottled, j as createBaseVNode, J as renderSlot, cw as Canvas, D as mergeProps, a5 as useWorkflowsStore, bF as useNodeHelpers, cx as useFocusPanelStore, bK as useNodeTypesStore, cy as useNodeSettingsParameters, cz as useEnvironmentsStore, cA as useDeviceSupport, S as useDebounce, cB as HTML_NODE_TYPE, cC as isValueExpression, cD as isResourceLocatorValue, cE as AI_TRANSFORM_NODE_TYPE, cF as useResolvedExpression, cf as useThrottleFn, bS as withModifiers, cG as _sfc_main$b, N as N8nIcon, cH as InfoTip, c as useI18n, cI as __unplugin_components_2, cJ as __unplugin_components_3, F as Fragment, cK as __unplugin_components_4, cL as __unplugin_components_5, cM as __unplugin_components_6, cN as __unplugin_components_7, cO as __unplugin_components_8, cP as __unplugin_components_9, cQ as N8nInput, H as N8nRadioButtons, P as normalizeStyle, cd as useStyles, cc as N8nResizeWrapper, cR as getParameterTypeOption, cS as htmlEditorEventBus, cT as parseFromExpression, cU as isValidParameterOption, cV as formatAsExpression, aA as useTelemetry, K as nextTick, cW as hasFocusOnInput, cX as isFocusableEl, br as isChatNode, cY as truncateBeforeLast, q as N8nButton, a1 as I18nT, cb as KeyboardShortcutTooltip, bT as NodeIcon, ay as N8nActionDropdown, cZ as reactive, o as onMounted, c2 as onUnmounted, b as useRouter, a6 as useRoute, a as useToast, aj as useDocumentTitle, al as useWorkflowHelpers, ak as useWorkflowSaving, T as useUIStore, af as useSourceControlStore, c_ as useNodeCreatorStore, c$ as useCredentialsStore, d0 as useExternalSecretsStore, ad as useRootStore, aQ as useExecutionsStore, ae as useCanvasStore, ai as useNpsSurveyStore, d1 as useHistoryStore, ag as useProjectsStore, u as useUsersStore, R as useTagsStore, a4 as usePushConnectionStore, be as useTemplatesStore, d2 as useBuilderStore, ah as useFoldersStore, d3 as usePostHog, d4 as useAgentRequestStore, bE as useLogsStore, bG as useRunWorkflow, bJ as useCanvasOperations, d5 as useWorkflowExtraction, c5 as useClipboard, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, d6 as NEW_WORKFLOW_ID, V as VIEWS, d7 as NDV_UI_OVERHAUL_EXPERIMENT, bL as START_NODE_TYPE, d8 as getNodeViewTab, G as MAIN_HEADER_TABS, d9 as VALID_WORKFLOW_IMPORT_URL_REGEX, aC as useMessage, aD as MODAL_CONFIRM, da as jsonParse, an as getResourcePermissions, bB as CHAT_TRIGGER_NODE_TYPE, bA as MANUAL_CHAT_TRIGGER_NODE_TYPE, db as EVALUATION_TRIGGER_NODE_TYPE, dc as getBounds, dd as onBeforeRouteLeave, aU as onBeforeMount, aE as WORKFLOW_SETTINGS_MODAL_KEY, bg as useExternalHooks, de as onActivated, df as onDeactivated, I as onBeforeUnmount, dg as Suspense, dh as defineAsyncComponent, di as N8nCallout, aL as __vitePreload, aq as EnterpriseEditionFeature, dj as NODE_CREATOR_OPEN_SOURCES, dk as EVALUATION_NODE_TYPE, dl as getEasyAiWorkflowJson, dm as getRagStarterWorkflowJson, dn as tryToParseNumber, aB as nodeViewEventBus, bs as NodeConnectionTypes, dp as createCanvasConnectionHandleString, dq as isValidNodeConnectionType, dr as CanvasConnectionMode, b4 as sourceControlEventBus, ds as getNodesWithNormalizedPosition, aN as h, dt as CanvasNodeRenderType, aT as STICKY_NODE_TYPE, du as needsAgentInput, dv as FROM_AI_PARAMETERS_MODAL_KEY, dw as historyBus, dx as DRAG_EVENT_DATA_KEY } from "./index-w62KClh_.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BoKKYxTS.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-D8eatMV3.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DdD1AHGk.js";
-import { c as canvasEventBus } from "./canvas-BRM7hzzm.js";
-import { u as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-CnPDpZGx.js";
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-Q_eKy6g5.js","assets/index-CgvvLCqI.js","assets/index-DegUPemN.css","assets/NodeCreation-CxN6JIS_.css","assets/NodeDetailsView-B8VNYLDG.js","assets/TriggerPanel-Bh-GmBcj.js","assets/RunDataParsedAiContent-CyGJ7cWY.js","assets/VueMarkdown-CPLXg7f3.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CYlb_OaL.js","assets/InfoAccordion-CR3AoL8Q.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-gMtmEr6n.css","assets/useWorkflowActivate-DFgPcDUt.js","assets/global-link-actions-DJzO0XY8.js","assets/useExecutionDebugging-lNwnzl0B.js","assets/useBeforeUnload-DtWRHUnb.js","assets/canvas-CXoLZ47B.js","assets/readyToRunWorkflows.store-BcJDo6QO.js","assets/NodeDetailsView-Cam4nPwL.css","assets/NodeDetailsViewV2-DnGtw1tW.js","assets/NodeDetailsViewV2-LzYZcnv5.css","assets/SetupWorkflowCredentialsButton-BNtMeQ7B.js"])))=>i.map(i=>d[i]);
+import { d as defineComponent, x as computed, r as ref, aP as useNDVStore, ab as watch, h as createElementBlock, g as openBlock, n as normalizeClass, e as createBlock, f as createCommentVNode, l as unref, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, cs as _sfc_main$a, i as createVNode, a0 as _sfc_main$b, _ as _export_sfc, Q as createEventBus, ac as useCssModule, v as useSettingsStore, ct as useVueFlow, bW as toRef, cu as useCanvasMapping, cv as refThrottled, j as createBaseVNode, J as renderSlot, cw as Canvas, D as mergeProps, a5 as useWorkflowsStore, bF as useNodeHelpers, cx as useFocusPanelStore, bK as useNodeTypesStore, cy as useNodeSettingsParameters, cz as useEnvironmentsStore, cA as useDeviceSupport, S as useDebounce, cB as HTML_NODE_TYPE, cC as isValueExpression, cD as isResourceLocatorValue, cE as AI_TRANSFORM_NODE_TYPE, cF as useResolvedExpression, cf as useThrottleFn, bS as withModifiers, cG as _sfc_main$c, N as N8nIcon, cH as InfoTip, c as useI18n, cI as __unplugin_components_2, cJ as __unplugin_components_3, F as Fragment, cK as __unplugin_components_4, cL as __unplugin_components_5, cM as __unplugin_components_6, cN as __unplugin_components_7, cO as __unplugin_components_8, cP as __unplugin_components_9, cQ as N8nInput, H as N8nRadioButtons, P as normalizeStyle, cd as useStyles, cc as N8nResizeWrapper, cR as getParameterTypeOption, cS as htmlEditorEventBus, cT as parseFromExpression, cU as isValidParameterOption, cV as formatAsExpression, aA as useTelemetry, K as nextTick, cW as hasFocusOnInput, cX as isFocusableEl, br as isChatNode, cY as truncateBeforeLast, q as N8nButton, a1 as I18nT, cb as KeyboardShortcutTooltip, bT as NodeIcon, ay as N8nActionDropdown, cZ as reactive, o as onMounted, c2 as onUnmounted, c_ as _sfc_main$d, c$ as useI18n$1, b as useRouter, a6 as useRoute, a as useToast, aj as useDocumentTitle, al as useWorkflowHelpers, ak as useWorkflowSaving, T as useUIStore, af as useSourceControlStore, d0 as useNodeCreatorStore, d1 as useCredentialsStore, d2 as useExternalSecretsStore, ad as useRootStore, aQ as useExecutionsStore, ae as useCanvasStore, ai as useNpsSurveyStore, d3 as useHistoryStore, ag as useProjectsStore, u as useUsersStore, R as useTagsStore, a4 as usePushConnectionStore, be as useTemplatesStore, d4 as useBuilderStore, ah as useFoldersStore, d5 as usePostHog, d6 as useAgentRequestStore, bE as useLogsStore, bG as useRunWorkflow, bJ as useCanvasOperations, d7 as useWorkflowExtraction, c5 as useClipboard, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, d8 as NEW_WORKFLOW_ID, V as VIEWS, d9 as NDV_UI_OVERHAUL_EXPERIMENT, bL as START_NODE_TYPE, da as getNodeViewTab, G as MAIN_HEADER_TABS, db as VALID_WORKFLOW_IMPORT_URL_REGEX, aC as useMessage, aD as MODAL_CONFIRM, dc as jsonParse, an as getResourcePermissions, bB as CHAT_TRIGGER_NODE_TYPE, bA as MANUAL_CHAT_TRIGGER_NODE_TYPE, dd as EVALUATION_TRIGGER_NODE_TYPE, de as getBounds, df as onBeforeRouteLeave, aU as onBeforeMount, aE as WORKFLOW_SETTINGS_MODAL_KEY, bg as useExternalHooks, dg as onActivated, dh as onDeactivated, I as onBeforeUnmount, di as Suspense, dj as defineAsyncComponent, dk as N8nCallout, aL as __vitePreload, aq as EnterpriseEditionFeature, dl as NODE_CREATOR_OPEN_SOURCES, dm as EVALUATION_NODE_TYPE, dn as getEasyAiWorkflowJson, dp as getRagStarterWorkflowJson, dq as tryToParseNumber, aB as nodeViewEventBus, bs as NodeConnectionTypes, dr as createCanvasConnectionHandleString, ds as isValidNodeConnectionType, dt as CanvasConnectionMode, b4 as sourceControlEventBus, du as getNodesWithNormalizedPosition, aN as h, dv as CanvasNodeRenderType, aT as STICKY_NODE_TYPE, dw as needsAgentInput, dx as FROM_AI_PARAMETERS_MODAL_KEY, dy as historyBus, dz as DRAG_EVENT_DATA_KEY } from "./index-CgvvLCqI.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-DJzO0XY8.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-lNwnzl0B.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-DtWRHUnb.js";
+import { c as canvasEventBus } from "./canvas-CXoLZ47B.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-BcJDo6QO.js";
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalNodeDetailsDrawer",
   props: {
     selectedNodes: {}
@@ -31,7 +31,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$a;
+      const _component_N8nIconButton = _sfc_main$b;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, content2.value === void 0 ? _ctx.$style.closed : ""])
       }, [
@@ -43,7 +43,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(lastContent.value), 1)
           ]),
           _: 1
-        })) : lastContent.value !== void 0 ? (openBlock(), createBlock(_sfc_main$9, {
+        })) : lastContent.value !== void 0 ? (openBlock(), createBlock(_sfc_main$a, {
           key: lastContent.value.id,
           "node-id": lastContent.value.id
         }, {
@@ -66,15 +66,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 });
 const component$1 = "_component_wojby_123";
 const closed = "_closed_wojby_138";
-const style0$4 = {
+const style0$5 = {
   component: component$1,
   closed
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$5 = {
+  "$style": style0$5
 };
-const ExperimentalNodeDetailsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$4]]);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const ExperimentalNodeDetailsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$5]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -143,14 +143,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 const wrapper$2 = "_wrapper_jyurh_123";
 const canvas = "_canvas_jyurh_131";
-const style0$3 = {
+const style0$4 = {
   wrapper: wrapper$2,
   canvas
 };
-const cssModules$3 = {
-  "$style": style0$3
+const cssModules$4 = {
+  "$style": style0$4
 };
-const WorkflowCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$3]]);
+const WorkflowCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$4]]);
 function useExecutionData({ node }) {
   const workflowsStore = useWorkflowsStore();
   const workflowExecution = computed(() => {
@@ -178,7 +178,7 @@ function useExecutionData({ node }) {
     hasNodeRun
   };
 }
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{ name: "FocusPanel" },
   __name: "FocusPanel",
   props: {
@@ -413,7 +413,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     }
     const onResizeThrottle = useThrottleFn(onResize, 10);
     return (_ctx, _cache) => {
-      const _component_NodeExecuteButton = _sfc_main$b;
+      const _component_NodeExecuteButton = _sfc_main$c;
       const _component_N8nIcon = N8nIcon;
       const _component_ParameterOptions = __unplugin_components_2;
       const _component_ExpressionEditorModalInput = __unplugin_components_3;
@@ -711,7 +711,7 @@ const content = "_content_1ebmp_138";
 const emptyContent = "_emptyContent_1ebmp_144";
 const emptyText = "_emptyText_1ebmp_149";
 const focusParameterWrapper = "_focusParameterWrapper_1ebmp_155";
-const iconWrapper = "_iconWrapper_1ebmp_162";
+const iconWrapper$1 = "_iconWrapper_1ebmp_162";
 const pointerIcon = "_pointerIcon_1ebmp_166";
 const tabHeader = "_tabHeader_1ebmp_176";
 const tabHeaderText = "_tabHeaderText_1ebmp_183";
@@ -726,14 +726,14 @@ const triggerShow = "_triggerShow_1ebmp_1";
 const closeButton = "_closeButton_1ebmp_233";
 const heightFull = "_heightFull_1ebmp_237";
 const forceHover = "_forceHover_1ebmp_241";
-const style0$2 = {
+const style0$3 = {
   wrapper: wrapper$1,
   container,
   content,
   emptyContent,
   emptyText,
   focusParameterWrapper,
-  iconWrapper,
+  iconWrapper: iconWrapper$1,
   pointerIcon,
   tabHeader,
   tabHeaderText,
@@ -749,11 +749,11 @@ const style0$2 = {
   heightFull,
   forceHover
 };
-const cssModules$2 = {
-  "$style": style0$2
+const cssModules$3 = {
+  "$style": style0$3
 };
-const FocusPanel = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$2]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const FocusPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$3]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "CanvasRunWorkflowButton",
   props: {
     selectedTriggerNodeName: {},
@@ -933,7 +933,7 @@ const disabled = "_disabled_p52lz_158";
 const menuIcon = "_menuIcon_p52lz_158";
 const buttonContent = "_buttonContent_p52lz_162";
 const subText = "_subText_p52lz_169";
-const style0$1 = {
+const style0$2 = {
   component,
   split,
   button,
@@ -946,10 +946,10 @@ const style0$1 = {
   buttonContent,
   subText
 };
-const cssModules$1 = {
-  "$style": style0$1
+const cssModules$2 = {
+  "$style": style0$2
 };
-const CanvasRunWorkflowButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$1]]);
+const CanvasRunWorkflowButton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$2]]);
 const state = reactive({
   customActions: {},
   delegatedClickHandler: null
@@ -1009,7 +1009,7 @@ function useGlobalLinkActions() {
     unregisterCustomAction
   };
 }
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CanvasStopCurrentExecutionButton",
   props: {
     stopping: { type: Boolean }
@@ -1021,7 +1021,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       () => props.stopping ? i18n.baseText("nodeView.stoppingCurrentExecution") : i18n.baseText("nodeView.stopCurrentExecution")
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$a;
+      const _component_N8nIconButton = _sfc_main$b;
       return openBlock(), createBlock(_component_N8nIconButton, {
         icon: "square",
         size: "large",
@@ -1034,12 +1034,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "CanvasStopWaitingForWebhookButton",
   setup(__props) {
     const i18n = useI18n();
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$a;
+      const _component_N8nIconButton = _sfc_main$b;
       return openBlock(), createBlock(_component_N8nIconButton, {
         class: "stop-execution",
         icon: "square",
@@ -1051,6 +1051,59 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CanvasThinkingPill"
+  },
+  __name: "CanvasThinkingPill",
+  props: {
+    showStop: { type: Boolean }
+  },
+  emits: ["stop"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { t } = useI18n$1();
+    const $style = useCssModule();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref($style).thinkingPill)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(unref($style).iconWrapper)
+        }, [
+          createVNode(_sfc_main$d, { theme: "blank" })
+        ], 2),
+        createBaseVNode("span", {
+          class: normalizeClass(unref($style).text)
+        }, [
+          createTextVNode(toDisplayString(unref(t)("aiAssistant.builder.canvas.thinking")) + " ", 1),
+          _ctx.showStop ? (openBlock(), createBlock(unref(N8nButton), {
+            key: 0,
+            class: normalizeClass(unref($style).stopButton),
+            label: "Stop",
+            type: "secondary",
+            size: "mini",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("stop"))
+          }, null, 8, ["class"])) : createCommentVNode("", true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const thinkingPill$1 = "_thinkingPill_nk220_123";
+const iconWrapper = "_iconWrapper_nk220_139";
+const stopButton = "_stopButton_nk220_149";
+const text = "_text_nk220_153";
+const style0$1 = {
+  thinkingPill: thinkingPill$1,
+  iconWrapper,
+  stopButton,
+  text
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const CanvasThinkingPill = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = { "data-action": "reload" };
 const _hoisted_2 = {
   href: "https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.wait/",
@@ -1096,16 +1149,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-B9BKefxK.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-Q_eKy6g5.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-CWivfrhu.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-B8VNYLDG.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]) : void 0)
     );
     const LazyNodeDetailsViewV2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsViewV2-D0QNvUU4.js"), true ? __vite__mapDeps([20,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,21]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsViewV2-DnGtw1tW.js"), true ? __vite__mapDeps([20,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,21]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-ulkxwZMC.js"), true ? __vite__mapDeps([22,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-BNtMeQ7B.js"), true ? __vite__mapDeps([22,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -1146,6 +1199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const agentRequestStore = useAgentRequestStore();
     const logsStore = useLogsStore();
     const aiTemplatesStarterCollectionStore = useAITemplatesStarterCollectionStore();
+    const readyToRunWorkflowsStore = useReadyToRunWorkflowsStore();
     const { addBeforeUnloadEventBindings, removeBeforeUnloadEventBindings } = useBeforeUnload({
       route
     });
@@ -1225,7 +1279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       )
     );
     const isCanvasReadOnly = computed(() => {
-      return isDemoRoute.value || isReadOnlyEnvironment.value || !(workflowPermissions.value.update ?? projectPermissions.value.workflow.update) || editableWorkflow.value.isArchived;
+      return isDemoRoute.value || isReadOnlyEnvironment.value || !(workflowPermissions.value.update ?? projectPermissions.value.workflow.update) || editableWorkflow.value.isArchived || builderStore.streaming;
     });
     const showFallbackNodes = computed(() => triggerNodes.value.length === 0);
     const keyBindingsEnabled = computed(() => {
@@ -1383,6 +1437,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             workflowData.meta.templateId.split("-").pop() ?? ""
           );
         }
+        if (workflowData.meta?.templateId?.startsWith("37_onboarding_experiments_batch_aug11")) {
+          readyToRunWorkflowsStore.trackOpenWorkflow(
+            workflowData.meta.templateId.split("-").pop() ?? ""
+          );
+        }
         await projectsStore.setProjectNavActiveIdByWorkflowHomeProject(workflowData.homeProject);
       } catch (error) {
         if (error.httpStatusCode === 404) {
@@ -2347,27 +2406,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return isLoading.value || isCanvasReadOnly.value || editableWorkflow.value.nodes.length !== 0;
       },
       (isReadOnlyOrLoading) => {
-        const defaultFallbackNodes = [
-          {
-            id: CanvasNodeRenderType.AddNodes,
-            name: CanvasNodeRenderType.AddNodes,
-            type: CanvasNodeRenderType.AddNodes,
-            typeVersion: 1,
-            position: [0, 0],
-            parameters: {}
-          }
-        ];
-        if (builderStore.isAIBuilderEnabled && builderStore.isAssistantEnabled) {
-          defaultFallbackNodes.unshift({
-            id: CanvasNodeRenderType.AIPrompt,
-            name: CanvasNodeRenderType.AIPrompt,
-            type: CanvasNodeRenderType.AIPrompt,
-            typeVersion: 1,
-            position: [-690, -15],
-            parameters: {}
-          });
+        if (isReadOnlyOrLoading) {
+          fallbackNodes.value = [];
+          return;
         }
-        fallbackNodes.value = isReadOnlyOrLoading ? [] : defaultFallbackNodes;
+        const addNodesItem = {
+          id: CanvasNodeRenderType.AddNodes,
+          name: CanvasNodeRenderType.AddNodes,
+          type: CanvasNodeRenderType.AddNodes,
+          typeVersion: 1,
+          position: [0, 0],
+          parameters: {}
+        };
+        const aiPromptItem = {
+          id: CanvasNodeRenderType.AIPrompt,
+          name: CanvasNodeRenderType.AIPrompt,
+          type: CanvasNodeRenderType.AIPrompt,
+          typeVersion: 1,
+          position: [-690, -15],
+          parameters: {},
+          draggable: false
+        };
+        fallbackNodes.value = builderStore.isAIBuilderEnabled && builderStore.isAssistantEnabled ? [aiPromptItem] : [addNodesItem];
       }
     );
     watch(
@@ -2580,12 +2640,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["label"]))
               ], 64)) : createCommentVNode("", true),
-              isStopExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$4, {
+              isStopExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$5, {
                 key: 2,
                 stopping: isStoppingExecution.value,
                 onClick: onStopExecution
               }, null, 8, ["stopping"])) : createCommentVNode("", true),
-              isStopWaitingForWebhookButtonVisible.value ? (openBlock(), createBlock(_sfc_main$3, {
+              isStopWaitingForWebhookButtonVisible.value ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 3,
                 onClick: onStopWaitingForWebhook
               })) : createCommentVNode("", true)
@@ -2601,6 +2661,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])) : createCommentVNode("", true),
+            unref(builderStore).streaming ? (openBlock(), createBlock(CanvasThinkingPill, {
+              key: 2,
+              class: normalizeClass(unref($style).thinkingPill),
+              "show-stop": "",
+              onStop: unref(builderStore).stopStreaming
+            }, null, 8, ["class", "onStop"])) : createCommentVNode("", true),
             (openBlock(), createBlock(Suspense, null, {
               default: withCtx(() => [
                 !isCanvasReadOnly.value ? (openBlock(), createBlock(unref(LazyNodeCreation), {
@@ -2658,17 +2724,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper = "_wrapper_1xmhy_123";
-const executionButtons = "_executionButtons_1xmhy_128";
-const chatButton = "_chatButton_1xmhy_165";
-const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_1xmhy_169";
-const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_1xmhy_175";
+const wrapper = "_wrapper_16h3t_123";
+const executionButtons = "_executionButtons_16h3t_128";
+const chatButton = "_chatButton_16h3t_165";
+const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_16h3t_169";
+const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_16h3t_175";
+const thinkingPill = "_thinkingPill_16h3t_182";
 const style0 = {
   wrapper,
   executionButtons,
   chatButton,
   setupCredentialsButtonWrapper,
-  readOnlyEnvironmentNotification
+  readOnlyEnvironmentNotification,
+  thinkingPill
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{ProjectHeader-CXqD16W9.js → ProjectHeader-Dj1zlff0.js}

@@ -1,11 +1,31 @@
-import { d as defineComponent, a6 as useRoute, r as ref, x as computed, V as VIEWS, c as useI18n, ab as watch, e as createBlock, g as openBlock, g1 as N8nTabs, as as useTemplateRef, h as createElementBlock, n as normalizeClass, J as renderSlot, i as createVNode, l as unref, e3 as N8nActionToggle, w as withCtx, a0 as _sfc_main$3, _ as _export_sfc, b as useRouter, ag as useProjectsStore, af as useSourceControlStore, v as useSettingsStore, ar as ProjectTypes, f4 as isIconOrEmoji, an as getResourcePermissions, g2 as useElementSize, g3 as useResizeObserver, j as createBaseVNode, f as createCommentVNode, f5 as ProjectIcon, m as N8nHeading, k as createTextVNode, t as toDisplayString, p as N8nText, q as N8nButton, D as mergeProps, $ as N8nTooltip } from "./index-w62KClh_.js";
-import { u as useProjectPages } from "./useProjectPages-CyvDtt_i.js";
+import { d as defineComponent, a6 as useRoute, r as ref, x as computed, V as VIEWS, c as useI18n, ab as watch, e as createBlock, g as openBlock, g1 as N8nTabs, as as useTemplateRef, h as createElementBlock, n as normalizeClass, J as renderSlot, i as createVNode, l as unref, e5 as N8nActionToggle, w as withCtx, a0 as _sfc_main$3, _ as _export_sfc, b as useRouter, ag as useProjectsStore, af as useSourceControlStore, v as useSettingsStore, T as useUIStore, ar as ProjectTypes, f7 as isIconOrEmoji, an as getResourcePermissions, g2 as useElementSize, g3 as useResizeObserver, j as createBaseVNode, f as createCommentVNode, f8 as __unplugin_components_0, m as N8nHeading, k as createTextVNode, t as toDisplayString, p as N8nText, q as N8nButton, D as mergeProps, $ as N8nTooltip } from "./index-CgvvLCqI.js";
+import { u as useProjectPages } from "./useProjectPages-xsj6GD9u.js";
+function processDynamicTab(tab, projectId) {
+  if (!tab.dynamicRoute) {
+    return tab;
+  }
+  const tabRoute = {
+    name: tab.dynamicRoute.name
+  };
+  if (tab.dynamicRoute.includeProjectId && projectId) {
+    tabRoute.params = { projectId };
+  }
+  const { dynamicRoute, ...tabWithoutDynamic } = tab;
+  return {
+    ...tabWithoutDynamic,
+    to: tabRoute
+  };
+}
+function processDynamicTabs(tabs, projectId) {
+  return tabs.map((tab) => processDynamicTab(tab, projectId));
+}
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {
     showSettings: { type: Boolean, default: false },
     showExecutions: { type: Boolean, default: true },
-    pageType: { default: "project" }
+    pageType: { default: "project" },
+    additionalTabs: { default: () => [] }
   },
   setup(__props) {
     const props = __props;
@@ -62,6 +82,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (props.showExecutions) {
         tabs.push(createTab("mainSidebar.executions", "executions", routes));
       }
+      if (props.additionalTabs?.length) {
+        const processedAdditionalTabs = processDynamicTabs(props.additionalTabs, projectId.value);
+        tabs.push(...processedAdditionalTabs);
+      }
       if (props.showSettings) {
         tabs.push({
           label: locale.baseText("projects.settings"),
@@ -167,6 +191,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const projectsStore = useProjectsStore();
     const sourceControlStore = useSourceControlStore();
     const settingsStore = useSettingsStore();
+    const uiStore = useUIStore();
     const projectPages = useProjectPages();
     const emit = __emit;
     const headerIcon = computed(() => {
@@ -205,6 +230,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showFolders = computed(() => {
       return settingsStore.isFoldersFeatureEnabled && [VIEWS.PROJECTS_WORKFLOWS, VIEWS.PROJECTS_FOLDERS].includes(route.name);
     });
+    const customProjectTabs = computed(() => {
+      let tabType;
+      if (projectPages.isSharedSubPage) {
+        tabType = "shared";
+      } else if (projectPages.isOverviewSubPage) {
+        tabType = "overview";
+      } else {
+        tabType = "project";
+      }
+      const activeModules = Object.keys(uiStore.moduleTabs[tabType]).filter(
+        settingsStore.isModuleActive
+      );
+      return activeModules.flatMap((module) => uiStore.moduleTabs[tabType][module]);
+    });
     const ACTION_TYPES = {
       WORKFLOW: "workflow",
       CREDENTIAL: "credential",
@@ -329,7 +368,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.projectDetails)
           }, [
-            showProjectIcon.value ? (openBlock(), createBlock(ProjectIcon, {
+            showProjectIcon.value ? (openBlock(), createBlock(__unplugin_components_0, {
               key: 0,
               icon: headerIcon.value,
               "border-less": true,
@@ -422,8 +461,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$2, {
             "page-type": pageType.value,
             "show-executions": !unref(projectPages).isSharedSubPage,
-            "show-settings": showSettings.value
-          }, null, 8, ["page-type", "show-executions", "show-settings"])
+            "show-settings": showSettings.value,
+            "additional-tabs": customProjectTabs.value
+          }, null, 8, ["page-type", "show-executions", "show-settings", "additional-tabs"])
         ], 2)
       ]);
     };

package/dist/assets/{ProjectSettings-B_kivKtm.js → ProjectSettings-DGLVLIdf.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, r as ref, x as computed, e as createBlock, g as openBlock, bi as createSlots, w as withCtx, J as renderSlot, h as createElementBlock, F as Fragment, y as renderList, l as unref, d$ as _sfc_main$5, n as normalizeClass, i as createVNode, C as N8nUserInfo, D as mergeProps, fh as useI18n, d_ as N8nSelect, _ as _export_sfc, e5 as mergeModels, e6 as useModel, bh as onClickOutside, j as createBaseVNode, f as createCommentVNode, $ as N8nTooltip, a0 as _sfc_main$6, q as N8nButton, k as createTextVNode, t as toDisplayString, g1 as N8nTabs, N as N8nIcon, c as useI18n$1, O as resolveComponent, p as N8nText, fs as ProjectSharing, dX as N8nInputLabel, cQ as N8nInput, bS as withModifiers, am as usePageRedirectionHelper, a1 as I18nT, u as useUsersStore, ag as useProjectsStore, gd as useRolesStore, b6 as useCloudPlanStore, a as useToast, b as useRouter, aj as useDocumentTitle, ab as watch, aU as onBeforeMount, o as onMounted, eJ as N8nFormInput, ge as N8nUsersList, dF as deepCopy, V as VIEWS, aA as useTelemetry, K as nextTick, f4 as isIconOrEmoji } from "./index-w62KClh_.js";
-import { P as ProjectHeader } from "./ProjectHeader-CXqD16W9.js";
-import "./useProjectPages-CyvDtt_i.js";
+import { d as defineComponent, r as ref, x as computed, e as createBlock, g as openBlock, bi as createSlots, w as withCtx, J as renderSlot, h as createElementBlock, F as Fragment, y as renderList, l as unref, e1 as _sfc_main$5, n as normalizeClass, i as createVNode, C as N8nUserInfo, D as mergeProps, c$ as useI18n, e0 as N8nSelect, _ as _export_sfc, e7 as mergeModels, e8 as useModel, bh as onClickOutside, j as createBaseVNode, f as createCommentVNode, $ as N8nTooltip, a0 as _sfc_main$6, q as N8nButton, k as createTextVNode, t as toDisplayString, g1 as N8nTabs, N as N8nIcon, c as useI18n$1, O as resolveComponent, p as N8nText, fp as ProjectSharing, dZ as N8nInputLabel, cQ as N8nInput, bS as withModifiers, am as usePageRedirectionHelper, a1 as I18nT, u as useUsersStore, ag as useProjectsStore, gd as useRolesStore, b6 as useCloudPlanStore, a as useToast, b as useRouter, aj as useDocumentTitle, ab as watch, aU as onBeforeMount, o as onMounted, eM as N8nFormInput, ge as N8nUsersList, dH as deepCopy, V as VIEWS, aA as useTelemetry, K as nextTick, f7 as isIconOrEmoji } from "./index-CgvvLCqI.js";
+import { P as ProjectHeader } from "./ProjectHeader-Dj1zlff0.js";
+import "./useProjectPages-xsj6GD9u.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "UserSelect",
   props: {

package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-L2apmmAP.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-BMifVbDm.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a4 as usePushConnectionStore, x as computed, c7 as resolveDirective, h as createElementBlock, g as openBlock, J as renderSlot, i as createVNode, $ as N8nTooltip, w as withCtx, j as createBaseVNode, k as createTextVNode, N as N8nIcon, t as toDisplayString, l as unref, c as useI18n, aV as withDirectives } from "./index-w62KClh_.js";
+import { d as defineComponent, a4 as usePushConnectionStore, x as computed, c7 as resolveDirective, h as createElementBlock, g as openBlock, J as renderSlot, i as createVNode, $ as N8nTooltip, w as withCtx, j as createBaseVNode, k as createTextVNode, N as N8nIcon, t as toDisplayString, l as unref, c as useI18n, aV as withDirectives } from "./index-CgvvLCqI.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"

package/dist/assets/{ResourcesListLayout-uBbUHbxU.css → ResourcesListLayout-6eIqe4Ld.css}

@@ -754,7 +754,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.resource-list-loading[data-v-5a4d0558] {
+.resource-list-loading[data-v-7aa13c30] {
   position: relative;
   height: 0;
   width: 100%;
@@ -762,25 +762,25 @@
   /*
   Show the loading skeleton only if the loading takes longer than 300ms
   */
-  animation: 0.01s linear 0.3s forwards changeVisibility-5a4d0558;
+  animation: 0.01s linear 0.3s forwards changeVisibility-7aa13c30;
 }
-.resource-list-loading[data-v-5a4d0558] .el-skeleton {
+.resource-list-loading[data-v-7aa13c30] .el-skeleton {
   position: absolute;
   height: 100%;
   width: 100%;
   overflow: hidden;
 }
-.resource-list-loading[data-v-5a4d0558] .el-skeleton > div > div:first-child .el-skeleton__item {
+.resource-list-loading[data-v-7aa13c30] .el-skeleton > div > div:first-child .el-skeleton__item {
   height: 42px;
   margin: 0;
 }
-.resource-list-loading[data-v-5a4d0558] .el-skeleton .el-skeleton__item {
+.resource-list-loading[data-v-7aa13c30] .el-skeleton .el-skeleton__item {
   height: 69px;
 }
-.resource-list-loading-instant[data-v-5a4d0558] {
-  animation: 0.01s linear 0s forwards changeVisibility-5a4d0558;
+.resource-list-loading-instant[data-v-7aa13c30] {
+  animation: 0.01s linear 0s forwards changeVisibility-7aa13c30;
 }
-@keyframes changeVisibility-5a4d0558 {
+@keyframes changeVisibility-7aa13c30 {
 from {
     height: 0;
 }