n8n-editor-ui 1.104.0 → 1.105.0

package/dist/assets/{LogsPanel-D0xdq4fV.css → LogsPanel-B-Tmod-K.css}

@@ -1916,7 +1916,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-input[data-v-0908f167] {
+.chat-input[data-v-b2a5be81] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1924,16 +1924,16 @@
   flex-direction: column;
   position: relative;
 }
-.chat-input[data-v-0908f167] * {
+.chat-input[data-v-b2a5be81] * {
   box-sizing: border-box;
 }
-.chat-inputs[data-v-0908f167] {
+.chat-inputs[data-v-b2a5be81] {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: flex-end;
 }
-.chat-inputs textarea[data-v-0908f167] {
+.chat-inputs textarea[data-v-b2a5be81] {
   font-family: inherit;
   font-size: var(--chat--input--font-size);
   width: 100%;
@@ -1950,20 +1950,20 @@
   outline: none;
   line-height: var(--chat--input--line-height, 1.5);
 }
-.chat-inputs textarea[data-v-0908f167]::-moz-placeholder {
+.chat-inputs textarea[data-v-b2a5be81]::-moz-placeholder {
   font-size: var(--chat--input--placeholder--font-size, var(--chat--input--font-size));
 }
-.chat-inputs textarea[data-v-0908f167]::placeholder {
+.chat-inputs textarea[data-v-b2a5be81]::placeholder {
   font-size: var(--chat--input--placeholder--font-size, var(--chat--input--font-size));
 }
-.chat-inputs textarea[data-v-0908f167]:focus, .chat-inputs textarea[data-v-0908f167]:hover {
+.chat-inputs textarea[data-v-b2a5be81]:focus, .chat-inputs textarea[data-v-b2a5be81]:hover {
   border-color: var(--chat--input--border-active, 0);
 }
-.chat-inputs-controls[data-v-0908f167] {
+.chat-inputs-controls[data-v-b2a5be81] {
   display: flex;
 }
-.chat-input-send-button[data-v-0908f167],
-.chat-input-file-button[data-v-0908f167] {
+.chat-input-send-button[data-v-b2a5be81],
+.chat-input-file-button[data-v-b2a5be81] {
   height: var(--chat--textarea--height);
   width: var(--chat--textarea--height);
   background: var(--chat--input--send--button--background, white);
@@ -1976,31 +1976,31 @@
   justify-content: center;
   transition: color var(--chat--transition-duration) ease;
 }
-.chat-input-send-button svg[data-v-0908f167],
-.chat-input-file-button svg[data-v-0908f167] {
+.chat-input-send-button svg[data-v-b2a5be81],
+.chat-input-file-button svg[data-v-b2a5be81] {
   min-width: -moz-fit-content;
   min-width: fit-content;
 }
-.chat-input-send-button[disabled][data-v-0908f167],
-.chat-input-file-button[disabled][data-v-0908f167] {
+.chat-input-send-button[disabled][data-v-b2a5be81],
+.chat-input-file-button[disabled][data-v-b2a5be81] {
   cursor: no-drop;
   color: var(--chat--color-disabled);
 }
-.chat-input-send-button .chat-input-send-button[data-v-0908f167]:hover, .chat-input-send-button .chat-input-send-button[data-v-0908f167]:focus,
-.chat-input-file-button .chat-input-send-button[data-v-0908f167]:hover,
-.chat-input-file-button .chat-input-send-button[data-v-0908f167]:focus {
+.chat-input-send-button .chat-input-send-button[data-v-b2a5be81]:hover, .chat-input-send-button .chat-input-send-button[data-v-b2a5be81]:focus,
+.chat-input-file-button .chat-input-send-button[data-v-b2a5be81]:hover,
+.chat-input-file-button .chat-input-send-button[data-v-b2a5be81]:focus {
   background: var(--chat--input--send--button--background-hover, var(--chat--input--send--button--background));
   color: var(--chat--input--send--button--color-hover);
 }
-.chat-input-file-button[data-v-0908f167] {
+.chat-input-file-button[data-v-b2a5be81] {
   background: var(--chat--input--file--button--background, white);
   color: var(--chat--input--file--button--color);
 }
-.chat-input-file-button[data-v-0908f167]:hover {
+.chat-input-file-button[data-v-b2a5be81]:hover {
   background: var(--chat--input--file--button--background-hover);
   color: var(--chat--input--file--button--color-hover);
 }
-.chat-files[data-v-0908f167] {
+.chat-files[data-v-b2a5be81] {
   display: flex;
   overflow-x: hidden;
   overflow-y: auto;
@@ -2010,7 +2010,7 @@
   gap: 0.5rem;
   padding: var(--chat--files-spacing);
 }
-.chat-input-left-panel[data-v-0908f167] {
+.chat-input-left-panel[data-v-b2a5be81] {
   width: var(--chat--input--left--panel--width);
   margin-left: 0.4rem;
 }/* BEM support Func
@@ -3472,7 +3472,10 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._title_1ur7r_123 {
+._component_qlocg_123 {
+  --color-run-data-background: var(--color-background-light);
+}
+._title_qlocg_127 {
   text-transform: uppercase;
   letter-spacing: 3px;
 }/* BEM support Func

package/dist/assets/{LogsPanel-so01MtIR.js → LogsPanel-DN3BXSh7.js}

@@ -1,12 +1,15 @@
-import { bm as addTokenUsageData, bn as emptyTokenUsageData, bo as isChatNode, bp as NodeConnectionTypes, bq as v4, br as get, bs as isRef, bt as isReactive, bu as isProxy, bv as toRaw, bw as AGENT_LANGCHAIN_NODE_TYPE, bx as MANUAL_CHAT_TRIGGER_NODE_TYPE, by as CHAT_TRIGGER_NODE_TYPE, bz as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bA as usePinnedData, aB as useMessage, aC as MODAL_CONFIRM, a5 as useWorkflowsStore, bB as useLogsStore, b as useRouter, bC as useNodeHelpers, bD as useRunWorkflow, V as VIEWS, bE as chatEventBus, ab as watch, bF as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, J as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, a6 as useRoute, af as useSourceControlStore, bG as useCanvasOperations, bH as useNodeTypesStore, bI as START_NODE_TYPE, e as createBlock, f as createCommentVNode, $ as N8nTooltip, bJ as formatTokenUsageCount, bK as getDefaultExportFromCjs, bL as requireUpperFirst, F as Fragment, as as useTemplateRef, bM as useTimestamp, bN as toTime, bO as toDayMonth, bP as withModifiers, y as renderList, P as normalizeStyle, bQ as _sfc_main$k, a1 as I18nT, N as N8nIcon, a0 as _sfc_main$l, q as N8nButton, K as nextTick, bR as getScrollbarWidth, bS as useVirtualList, bT as toRef, D as mergeProps, H as N8nRadioButtons, bU as inject, bV as toRefs, o as onMounted, bW as normalizeProps, bX as guardReactiveProps, bY as resolveDynamicComponent, bZ as markdownLink, b_ as useFileDialog, b$ as onUnmounted, aT as withDirectives, c0 as vModelText, aZ as withKeys, c1 as useAttrs, c2 as useClipboard, bg as createSlots, aN as useNDVStore, c3 as PiPWindowSymbol, c4 as resolveDirective, a2 as N8nLink, c5 as waitingNodeTooltip, aP as useLocalStorage, c6 as LOG_DETAILS_PANEL_STATE, c7 as KeyboardShortcutTooltip, c8 as N8nResizeWrapper, c9 as useStyles, ca as Workflow, cb as useThrottleFn, cc as parse, cd as shallowRef, T as useUIStore, ae as useCanvasStore, az as useTelemetry, ce as onScopeDispose, I as onBeforeUnmount, cf as applyThemeToBody, cg as useProvideTooltipAppendTo, ch as LOGS_PANEL_STATE, ci as LOCAL_STORAGE_PANEL_HEIGHT, cj as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, ck as LOCAL_STORAGE_PANEL_WIDTH, cl as useActiveElement, cm as ndvEventBus } from "./index-Cm5yBbby.js";
-import { p as parseErrorMetadata, R as RunData, u as useExperimentalNdvStore, c as canvasEventBus, a as useKeybindings } from "./useKeybindings-DetzdpXy.js";
-import { _ as __unplugin_components_1 } from "./AnimatedSpinner-CIyQ3zKd.js";
-import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CkASni2S.js";
-import { H as HighlightJS, V as VueMarkdown } from "./VueMarkdown-DDKnTMgT.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-Ct6XJ0cl.js";
-import "./FileSaver.min-BvxTURBB.js";
-import "./useExecutionHelpers-DQcWcZ8o.js";
+import { bo as addTokenUsageData, bp as emptyTokenUsageData, bq as parseErrorMetadata, br as isChatNode, bs as NodeConnectionTypes, bt as v4, bu as get, bv as isRef, bw as isReactive, bx as isProxy, by as toRaw, bz as AGENT_LANGCHAIN_NODE_TYPE, bA as MANUAL_CHAT_TRIGGER_NODE_TYPE, bB as CHAT_TRIGGER_NODE_TYPE, bC as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bD as usePinnedData, aC as useMessage, aD as MODAL_CONFIRM, a5 as useWorkflowsStore, ad as useRootStore, bE as useLogsStore, b as useRouter, bF as useNodeHelpers, bG as useRunWorkflow, V as VIEWS, bH as chatEventBus, ab as watch, bI as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, J as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, a6 as useRoute, af as useSourceControlStore, bJ as useCanvasOperations, bK as useNodeTypesStore, bL as START_NODE_TYPE, e as createBlock, f as createCommentVNode, $ as N8nTooltip, bM as formatTokenUsageCount, bN as getDefaultExportFromCjs, bO as requireUpperFirst, F as Fragment, as as useTemplateRef, bP as useTimestamp, bQ as toTime, bR as toDayMonth, bS as withModifiers, y as renderList, P as normalizeStyle, bT as NodeIcon, a1 as I18nT, N as N8nIcon, a0 as _sfc_main$k, q as N8nButton, K as nextTick, bU as getScrollbarWidth, bV as useVirtualList, bW as toRef, D as mergeProps, H as N8nRadioButtons, bX as inject, bY as toRefs, o as onMounted, bZ as normalizeProps, b_ as guardReactiveProps, b$ as resolveDynamicComponent, c0 as markdownLink, c1 as useFileDialog, c2 as onUnmounted, aV as withDirectives, c3 as vModelText, a$ as withKeys, c4 as useAttrs, c5 as useClipboard, bi as createSlots, aP as useNDVStore, c6 as PiPWindowSymbol, c7 as resolveDirective, c8 as RunData, a2 as N8nLink, c9 as waitingNodeTooltip, aR as useLocalStorage, ca as LOG_DETAILS_PANEL_STATE, cb as KeyboardShortcutTooltip, cc as N8nResizeWrapper, cd as useStyles, ay as N8nActionDropdown, ce as Workflow, cf as useThrottleFn, cg as parse, ch as shallowRef, T as useUIStore, ae as useCanvasStore, aA as useTelemetry, ci as onScopeDispose, I as onBeforeUnmount, cj as applyThemeToBody, ck as useProvideTooltipAppendTo, cl as LOGS_PANEL_STATE, cm as LOCAL_STORAGE_PANEL_HEIGHT, cn as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, co as LOCAL_STORAGE_PANEL_WIDTH, cp as useActiveElement, cq as useKeybindings, cr as ndvEventBus } from "./index-DycvFkIw.js";
+import { _ as __unplugin_components_1 } from "./AnimatedSpinner-CiVjnVTs.js";
+import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DIcGPKiM.js";
+import { H as HighlightJS, V as VueMarkdown } from "./VueMarkdown-CLlUve9b.js";
+import { c as canvasEventBus } from "./canvas-CMXo2Bja.js";
 const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
+function constructChatWebsocketUrl(url, executionId, sessionId2, isPublic) {
+  const baseUrl = new URL(url).origin;
+  const wsProtocol = baseUrl.startsWith("https") ? "wss" : "ws";
+  const wsUrl = baseUrl.replace(/^https?/, wsProtocol);
+  return `${wsUrl}/chat?sessionId=${sessionId2}&executionId=${executionId}${isPublic ? "&isPublic=true" : ""}`;
+}
 function getConsumedTokens(task) {
   if (!task.data) {
     return emptyTokenUsageData;
@@ -349,7 +352,7 @@ function extractResponseText(responseData) {
   if (!responseData || isEmpty(responseData)) {
     return void 0;
   }
-  const paths = ["output", "text", "response.text"];
+  const paths = ["output", "text", "response.text", "message"];
   const matchedPath = paths.find((path) => get(responseData, path));
   if (!matchedPath) return JSON.stringify(responseData, null, 2);
   const matchedOutput = get(responseData, matchedPath);
@@ -373,6 +376,22 @@ function restoreChatHistory(workflowExecutionData, emptyText2) {
   );
   return [...userMessage ? [userMessage] : [], ...botMessage ? [botMessage] : []];
 }
+async function processFiles(data) {
+  if (!data || data.length === 0) return [];
+  const filePromises = data.map(async (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve({
+        name: file.name,
+        type: file.type,
+        data: reader.result
+      });
+      reader.onerror = () => reject(new Error(`Error reading file: ${reader.error?.message ?? "Unknown error"}`));
+      reader.readAsDataURL(file);
+    });
+  });
+  return await Promise.all(filePromises);
+}
 function isSubNodeLog(logEntry) {
   return logEntry.parent !== void 0 && logEntry.parent.executionId === logEntry.executionId;
 }
@@ -384,12 +403,16 @@ function useChatMessaging({
   messages: messages2,
   sessionId: sessionId2,
   executionResultData,
-  onRunChatWorkflow
+  onRunChatWorkflow,
+  ws
 }) {
   const locale = useI18n$1();
   const { showError } = useToast();
   const previousMessageIndex = ref(0);
   const isLoading = ref(false);
+  const setLoadingState = (loading) => {
+    isLoading.value = loading;
+  };
   async function convertFileToBinaryData(file) {
     const reader = new FileReader();
     return await new Promise((resolve, reject) => {
@@ -468,9 +491,12 @@ function useChatMessaging({
       message
     });
     isLoading.value = false;
+    ws.value = null;
     if (!response?.executionId) {
       return;
     }
+    const responseMode = triggerNode.parameters.options?.responseMode;
+    if (responseMode === "responseNodes") return;
     const chatMessage = executionResultData.value ? extractBotResponse(
       executionResultData.value,
       response.executionId,
@@ -510,23 +536,39 @@ function useChatMessaging({
       files
     };
     messages2.value.push(newMessage);
-    await startWorkflowWithMessage(newMessage.text, files);
+    if (ws.value?.readyState === WebSocket.OPEN && !isLoading.value) {
+      ws.value.send(
+        JSON.stringify({
+          sessionId: sessionId2.value,
+          action: "sendMessage",
+          chatInput: message,
+          files: await processFiles(files)
+        })
+      );
+      isLoading.value = true;
+    } else {
+      await startWorkflowWithMessage(newMessage.text, files);
+    }
   }
   return {
     previousMessageIndex,
     isLoading: computed(() => isLoading.value),
+    setLoadingState,
     sendMessage
   };
 }
-const ChatSymbol = "Chat";
+const ChatSymbol$1 = "Chat";
 const ChatOptionsSymbol = "ChatOptions";
+const ChatSymbol = "Chat";
 function useChatState(isReadOnly) {
   const locale = useI18n$1();
   const workflowsStore = useWorkflowsStore();
+  const rootStore = useRootStore();
   const logsStore = useLogsStore();
   const router = useRouter();
   const nodeHelpers = useNodeHelpers();
   const { runWorkflow } = useRunWorkflow({ router });
+  const ws = ref(null);
   const messages2 = ref([]);
   const currentSessionId = ref(v4().replace(/-/g, ""));
   const previousChatMessages = computed(() => workflowsStore.getPastChatMessages);
@@ -539,12 +581,16 @@ function useChatState(isReadOnly) {
   const allowedFilesMimeTypes = computed(
     () => chatTriggerNode.value?.parameters?.options?.allowedFilesMimeTypes?.toString() ?? ""
   );
-  const { sendMessage, isLoading } = useChatMessaging({
+  const respondNodesResponseMode = computed(
+    () => chatTriggerNode.value?.parameters?.options?.responseMode === "responseNodes"
+  );
+  const { sendMessage, isLoading, setLoadingState } = useChatMessaging({
     chatTrigger: chatTriggerNode,
     messages: messages2,
     sessionId: currentSessionId,
     executionResultData: computed(() => workflowsStore.getWorkflowExecution?.data?.resultData),
-    onRunChatWorkflow
+    onRunChatWorkflow,
+    ws
   });
   function createChatConfig(params) {
     const chatConfig2 = {
@@ -615,6 +661,40 @@ function useChatState(isReadOnly) {
     }
     const response = await runWorkflow(runWorkflowOptions);
     if (response) {
+      if (respondNodesResponseMode.value) {
+        const wsUrl = constructChatWebsocketUrl(
+          rootStore.urlBaseEditor,
+          response.executionId,
+          currentSessionId.value,
+          false
+        );
+        ws.value = new WebSocket(wsUrl);
+        ws.value.onmessage = (event) => {
+          if (event.data === "n8n|heartbeat") {
+            ws.value?.send("n8n|heartbeat-ack");
+            return;
+          }
+          if (event.data === "n8n|continue") {
+            setLoadingState(true);
+            return;
+          }
+          setLoadingState(false);
+          const newMessage = {
+            text: event.data,
+            sender: "bot",
+            sessionId: currentSessionId.value,
+            id: v4()
+          };
+          messages2.value.push(newMessage);
+          if (logsStore.isOpen) {
+            chatEventBus.emit("focusInput");
+          }
+        };
+        ws.value.onclose = () => {
+          setLoadingState(false);
+          ws.value = null;
+        };
+      }
       await createExecutionPromise();
       workflowsStore.appendChatMessage(payload.message);
       return response;
@@ -848,7 +928,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      const _component_NodeIcon = _sfc_main$k;
+      const _component_NodeIcon = NodeIcon;
       const _component_AnimatedSpinner = __unplugin_components_1;
       return openBlock(), createElementBlock("div", {
         ref: "containerRef",
@@ -970,7 +1050,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           icon: "triangle-alert",
           class: normalizeClass(_ctx.$style.compactErrorIcon)
         }, null, 8, ["class"])) : createCommentVNode("", true),
-        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$l), {
+        !_ctx.isCompact || !props.latestInfo?.deleted ? (openBlock(), createBlock(unref(_sfc_main$k), {
           key: 4,
           type: "secondary",
           size: "small",
@@ -984,7 +1064,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           "aria-label": unref(locale).baseText("logs.overview.body.open"),
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("openNdv"), ["stop"]))
         }, null, 8, ["style", "disabled", "class", "aria-label"])) : createCommentVNode("", true),
-        !_ctx.isCompact || !props.isReadOnly && !props.latestInfo?.deleted && !props.latestInfo?.disabled ? (openBlock(), createBlock(unref(_sfc_main$l), {
+        !_ctx.isCompact || !props.isReadOnly && !props.latestInfo?.deleted && !props.latestInfo?.disabled ? (openBlock(), createBlock(unref(_sfc_main$k), {
           key: 5,
           type: "secondary",
           size: "small",
@@ -3818,7 +3898,7 @@ function xml(hljs) {
   };
 }
 function useChat() {
-  return inject(ChatSymbol);
+  return inject(ChatSymbol$1);
 }
 function useOptions() {
   const options = inject(ChatOptionsSymbol);
@@ -4152,7 +4232,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const input = ref("");
     const isSubmitting = ref(false);
     const resizeObserver = ref(null);
+    const waitingForChatResponse = ref(false);
     const isSubmitDisabled = computed(() => {
+      if (waitingForChatResponse.value) return false;
       return input.value === "" || unref(waitingForResponse) || options.disabled?.value === true;
     });
     const isInputDisabled = computed(() => options.disabled?.value === true);
@@ -4226,6 +4308,89 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       input.value = value;
       focusChatInput();
     }
+    function attachFiles() {
+      if (files.value) {
+        const filesToAttach = Array.from(files.value);
+        resetFileDialog();
+        files.value = null;
+        return filesToAttach;
+      }
+      return [];
+    }
+    function setupWebsocketConnection(executionId) {
+      if (options.webhookUrl && chatStore.currentSessionId.value) {
+        try {
+          const wsUrl = constructChatWebsocketUrl(
+            options.webhookUrl,
+            executionId,
+            chatStore.currentSessionId.value,
+            true
+          );
+          chatStore.ws = new WebSocket(wsUrl);
+          chatStore.ws.onmessage = (e) => {
+            if (e.data === "n8n|heartbeat") {
+              chatStore.ws?.send("n8n|heartbeat-ack");
+              return;
+            }
+            if (e.data === "n8n|continue") {
+              waitingForChatResponse.value = false;
+              chatStore.waitingForResponse.value = true;
+              return;
+            }
+            const newMessage = {
+              id: v4(),
+              text: e.data,
+              sender: "bot"
+            };
+            chatStore.messages.value.push(newMessage);
+            waitingForChatResponse.value = true;
+            chatStore.waitingForResponse.value = false;
+          };
+          chatStore.ws.onclose = () => {
+            chatStore.ws = null;
+            waitingForChatResponse.value = false;
+            chatStore.waitingForResponse.value = false;
+          };
+        } catch (error2) {
+          console.error("Error setting up websocket connection", error2);
+        }
+      }
+    }
+    async function processFiles2(data) {
+      if (!data || data.length === 0) return [];
+      const filePromises = data.map(async (file) => {
+        return new Promise((resolve, reject) => {
+          const reader = new FileReader();
+          reader.onload = () => resolve({
+            name: file.name,
+            type: file.type,
+            data: reader.result
+          });
+          reader.onerror = () => reject(new Error(`Error reading file: ${reader.error?.message ?? "Unknown error"}`));
+          reader.readAsDataURL(file);
+        });
+      });
+      return await Promise.all(filePromises);
+    }
+    async function respondToChatNode(ws, messageText) {
+      const sentMessage = {
+        id: v4(),
+        text: messageText,
+        sender: "user",
+        files: files.value ? attachFiles() : void 0
+      };
+      chatStore.messages.value.push(sentMessage);
+      ws.send(
+        JSON.stringify({
+          sessionId: chatStore.currentSessionId.value,
+          action: "sendMessage",
+          chatInput: messageText,
+          files: await processFiles2(sentMessage.files)
+        })
+      );
+      chatStore.waitingForResponse.value = true;
+      waitingForChatResponse.value = false;
+    }
     async function onSubmit(event) {
       event.preventDefault();
       if (isSubmitDisabled.value) {
@@ -4234,10 +4399,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const messageText = input.value;
       input.value = "";
       isSubmitting.value = true;
-      await chatStore.sendMessage(messageText, Array.from(files.value ?? []));
+      if (chatStore.ws && waitingForChatResponse.value) {
+        await respondToChatNode(chatStore.ws, messageText);
+        return;
+      }
+      const response = await chatStore.sendMessage(messageText, attachFiles());
+      if (response?.executionId) {
+        setupWebsocketConnection(response.executionId);
+      }
       isSubmitting.value = false;
-      resetFileDialog();
-      files.value = null;
     }
     async function onSubmitKeydown(event) {
       if (event.shiftKey || event.isComposing) {
@@ -4325,7 +4495,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             ], 8, _hoisted_6)
           ])
         ]),
-        files.value?.length && !isSubmitting.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+        files.value?.length && (!isSubmitting.value || waitingForChatResponse.value) ? (openBlock(), createElementBlock("div", _hoisted_7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file) => {
             return openBlock(), createBlock(ChatFile, {
               key: file.name,
@@ -4340,7 +4510,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0908f167"]]);
+const ChatInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b2a5be81"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "MessageTyping",
   props: {
@@ -4508,18 +4678,9 @@ const MessageOptionTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssMo
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "MessageOptionAction",
   props: {
-    label: {
-      type: String,
-      required: true
-    },
-    icon: {
-      type: Object,
-      required: true
-    },
-    placement: {
-      type: String,
-      default: "top"
-    }
+    label: {},
+    icon: {},
+    placement: {}
   },
   setup(__props) {
     const attrs = useAttrs();
@@ -4532,14 +4693,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
-        createVNode(_component_n8n_tooltip, { placement: __props.placement }, {
+        createVNode(_component_n8n_tooltip, { placement: _ctx.placement }, {
           content: withCtx(() => [
-            createTextVNode(toDisplayString(__props.label), 1)
+            createTextVNode(toDisplayString(_ctx.label), 1)
           ]),
           default: withCtx(() => [
             createVNode(_component_n8n_icon, {
               class: normalizeClass(_ctx.$style.icon),
-              icon: __props.icon,
+              icon: _ctx.icon,
               size: "xsmall",
               onClick
             }, null, 8, ["class", "icon"])
@@ -4680,7 +4841,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               content: unref(locale).baseText("chat.window.session.resetSession")
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$l), {
+                createVNode(unref(_sfc_main$k), {
                   class: normalizeClass(_ctx.$style.newHeaderButton),
                   "data-test-id": "refresh-session-button",
                   outline: "",
@@ -4863,6 +5024,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const _directive_n8n_html = resolveDirective("n8n-html");
       return runDataProps.value ? (openBlock(), createBlock(RunData, mergeProps({ key: 0 }, runDataProps.value, {
         key: `run-data${unref(pipWindow) ? "-pip" : ""}`,
+        class: _ctx.$style.component,
         workflow: _ctx.logEntry.workflow,
         "workflow-execution": _ctx.logEntry.execution,
         "too-much-data-title": unref(locale).baseText("ndv.output.tooMuchData.title"),
@@ -4952,12 +5114,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content", "is-executing", "collapsing-table-column-name"])) : createCommentVNode("", true);
+      ]), 1040, ["class", "workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content", "is-executing", "collapsing-table-column-name"])) : createCommentVNode("", true);
     };
   }
 });
-const title$1 = "_title_1ur7r_123";
+const component = "_component_qlocg_123";
+const title$1 = "_title_qlocg_127";
 const style0$3 = {
+  component,
   title: title$1
 };
 const cssModules$3 = {
@@ -5110,7 +5274,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.title)
             }, [
-              createVNode(_sfc_main$k, {
+              createVNode(NodeIcon, {
                 "node-type": type.value,
                 size: 16,
                 class: normalizeClass(_ctx.$style.icon)
@@ -5315,7 +5479,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           content: popOutButtonText.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$l), {
+            createVNode(unref(_sfc_main$k), {
               icon: "pop-out",
               type: "tertiary",
               text: "",
@@ -5343,7 +5507,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           "z-index": tooltipZIndex.value
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$l), {
+            createVNode(unref(_sfc_main$k), {
               type: "tertiary",
               text: "",
               size: "small",
@@ -5485,17 +5649,11 @@ function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
   const uiStore = useUIStore();
   const canvasStore = useCanvasStore();
   const workflowsStore = useWorkflowsStore();
-  const experimentalNdvStore = useExperimentalNdvStore();
   function syncSelectionToCanvasIfEnabled(value) {
     if (!logsStore.isLogSelectionSyncedWithCanvas) {
       return;
     }
-    if (experimentalNdvStore.isEnabled) {
-      canvasEventBus.emit("nodes:select", { ids: [value.node.id], panIntoView: false });
-      experimentalNdvStore.focusNode(value.node.id);
-    } else {
-      canvasEventBus.emit("nodes:select", { ids: [value.node.id], panIntoView: true });
-    }
+    canvasEventBus.emit("nodes:select", { ids: [value.node.id], panIntoView: true });
   }
   function select(value) {
     manualLogEntrySelection.value = value === void 0 ? { type: "none" } : { type: "selected", entry: value };

package/dist/assets/{MainHeader-CcUlKfHC.js → MainHeader-F9ONi2FH.js}

@@ -1,13 +1,11 @@
-import { d as defineComponent, x as computed, h as createElementBlock, g as openBlock, i as createVNode, l as unref, E as ElDropdown, w as withCtx, j as createBaseVNode, n as normalizeClass, f as createCommentVNode, F as Fragment, y as renderList, e as createBlock, z as N8nAvatar, t as toDisplayString, A as ElDropdownMenu, B as ElDropdownItem, C as N8nUserInfo, D as mergeProps, _ as _export_sfc, G as MAIN_HEADER_TABS, H as N8nRadioButtons, r as ref, I as onBeforeUnmount, o as onMounted, J as renderSlot, K as nextTick, L as debounce, O as resolveComponent, P as normalizeStyle, Q as createEventBus, k as createTextVNode, R as useTagsStore, S as useDebounce, T as useUIStore, U as BREAKPOINT_SM, W as BREAKPOINT_XL, X as BREAKPOINT_LG, Y as BREAKPOINT_MD, Z as getBannerRowHeight, V as VIEWS, $ as N8nTooltip, a0 as _sfc_main$b, c as useI18n, a1 as I18nT, a2 as N8nLink, a3 as defineStore, a4 as usePushConnectionStore, a5 as useWorkflowsStore, u as useUsersStore, a6 as useRoute, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, a8 as STORES, a9 as TIME, aa as useDocumentVisibility, ab as watch, ac as useCssModule, ad as useRootStore, ae as useCanvasStore, v as useSettingsStore, af as useSourceControlStore, ag as useProjectsStore, ah as useFoldersStore, ai as useNpsSurveyStore, b as useRouter, a as useToast, aj as useDocumentTitle, ak as useWorkflowSaving, al as useWorkflowHelpers, am as usePageRedirectionHelper, an as getResourcePermissions, ao as WORKFLOW_MENU_ACTIONS, ap as hasPermission, aq as EnterpriseEditionFeature, ar as ProjectTypes, as as useTemplateRef, at as InlineRename, au as MAX_WORKFLOW_NAME_LENGTH, av as _sfc_main$c, aw as N8nBadge, q as N8nButton, ax as SaveButton, ay as WORKFLOW_SHARE_MODAL_KEY, az as useTelemetry, aA as nodeViewEventBus, aB as useMessage, aC as MODAL_CONFIRM, aD as WORKFLOW_SETTINGS_MODAL_KEY, aE as SOURCE_CONTROL_PUSH_MODAL_KEY, aF as IMPORT_WORKFLOW_URL_MODAL_KEY, aG as DUPLICATE_MODAL_KEY, aH as ResourceType, aI as PROJECT_MOVE_RESOURCE_MODAL, aJ as __vitePreload, aK as hyphenate, aL as h, aM as hasOwn, aN as useNDVStore, aO as useExecutionsStore, aP as useLocalStorage, aQ as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aR as STICKY_NODE_TYPE, aS as onBeforeMount, aT as withDirectives, aU as vShow, aV as N8N_MAIN_GITHUB_REPO_URL, N as N8nIcon } from "./index-Cm5yBbby.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-Ct6XJ0cl.js";
-import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-C8hP37n7.js";
-import { _ as _sfc_main$d } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-Bb8zUJvi.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-BR-V9Uaz.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-BvxTURBB.js";
-import { u as usePushConnection } from "./usePushConnection-Duvg6z8O.js";
-import "./useWorkflowActivate-BE4Ckf9k.js";
-import "./global-link-actions-BjpAG7gt.js";
-import "./aiTemplatesStarterCollection.store-oECEA5nR.js";
+import { d as defineComponent, x as computed, h as createElementBlock, g as openBlock, i as createVNode, l as unref, E as ElDropdown, w as withCtx, j as createBaseVNode, n as normalizeClass, f as createCommentVNode, F as Fragment, y as renderList, e as createBlock, z as N8nAvatar, t as toDisplayString, A as ElDropdownMenu, B as ElDropdownItem, C as N8nUserInfo, D as mergeProps, _ as _export_sfc, G as MAIN_HEADER_TABS, H as N8nRadioButtons, r as ref, I as onBeforeUnmount, o as onMounted, J as renderSlot, K as nextTick, L as debounce, O as resolveComponent, P as normalizeStyle, Q as createEventBus, k as createTextVNode, R as useTagsStore, S as useDebounce, T as useUIStore, U as BREAKPOINT_SM, W as BREAKPOINT_XL, X as BREAKPOINT_LG, Y as BREAKPOINT_MD, Z as getBannerRowHeight, V as VIEWS, $ as N8nTooltip, a0 as _sfc_main$b, c as useI18n, a1 as I18nT, a2 as N8nLink, a3 as defineStore, a4 as usePushConnectionStore, a5 as useWorkflowsStore, u as useUsersStore, a6 as useRoute, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, a8 as STORES, a9 as TIME, aa as useDocumentVisibility, ab as watch, ac as useCssModule, ad as useRootStore, ae as useCanvasStore, v as useSettingsStore, af as useSourceControlStore, ag as useProjectsStore, ah as useFoldersStore, ai as useNpsSurveyStore, b as useRouter, a as useToast, aj as useDocumentTitle, ak as useWorkflowSaving, al as useWorkflowHelpers, am as usePageRedirectionHelper, an as getResourcePermissions, ao as WORKFLOW_MENU_ACTIONS, ap as hasPermission, aq as EnterpriseEditionFeature, ar as ProjectTypes, as as useTemplateRef, at as InlineRename, au as MAX_WORKFLOW_NAME_LENGTH, av as _sfc_main$c, aw as N8nBadge, q as N8nButton, ax as SaveButton, ay as N8nActionDropdown, az as WORKFLOW_SHARE_MODAL_KEY, aA as useTelemetry, aB as nodeViewEventBus, aC as useMessage, aD as MODAL_CONFIRM, aE as WORKFLOW_SETTINGS_MODAL_KEY, aF as SOURCE_CONTROL_PUSH_MODAL_KEY, aG as IMPORT_WORKFLOW_URL_MODAL_KEY, aH as FileSaver_minExports, aI as DUPLICATE_MODAL_KEY, aJ as ResourceType, aK as PROJECT_MOVE_RESOURCE_MODAL, aL as __vitePreload, aM as hyphenate, aN as h, aO as hasOwn, aP as useNDVStore, aQ as useExecutionsStore, aR as useLocalStorage, aS as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aT as STICKY_NODE_TYPE, aU as onBeforeMount, aV as withDirectives, aW as vShow, aX as N8N_MAIN_GITHUB_REPO_URL, N as N8nIcon } from "./index-DycvFkIw.js";
+import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-CDlyaU2W.js";
+import { _ as _sfc_main$d } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-D5oQ44UZ.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-uDmDsya_.js";
+import { u as usePushConnection } from "./usePushConnection-BM5QyJob.js";
+import "./useWorkflowActivate-Dw_VspVF.js";
+import "./global-link-actions-BxO50hoE.js";
+import "./aiTemplatesStarterCollection.store-CTW_MDA8.js";
 const _hoisted_1$3 = {
   class: "user-stack",
   "data-test-id": "user-stack-container"

package/dist/assets/{MainSidebar-DOGhP_oY.js → MainSidebar-Bf58ZTkX.js}

@@ -1,6 +1,5 @@
-import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, aW as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, y as renderList, aX as _sfc_main$6, aY as ElMenuItem, f as createCommentVNode, k as createTextVNode, J as renderSlot, N as N8nIcon, t as toDisplayString, D as mergeProps, aZ as withKeys, a_ as ElMenu, _ as _export_sfc, a$ as get, b0 as useLoadingService, T as useUIStore, af as useSourceControlStore, ag as useProjectsStore, a as useToast, x as computed, ap as hasPermission, an as getResourcePermissions, P as normalizeStyle, j as createBaseVNode, $ as N8nTooltip, q as N8nButton, c as useI18n, Q as createEventBus, aE as SOURCE_CONTROL_PUSH_MODAL_KEY, b1 as notifyUserAboutPullWorkFolderOutcome, b2 as sourceControlEventBus, b3 as SOURCE_CONTROL_PULL_MODAL_KEY, a3 as defineStore, b4 as useCloudPlanStore, ad as useRootStore, b5 as useStorage, b6 as DateTime, a8 as STORES, az as useTelemetry, v as useSettingsStore, b as useRouter, b7 as sortByProperty, V as VIEWS, am as usePageRedirectionHelper, u as useUsersStore, aS as onBeforeMount, b8 as N8nMenuItem, p as N8nText, b9 as useDebugInfo, ba as useVersionsStore, a2 as N8nLink, bb as VERSIONS_MODAL_KEY, bc as useTemplatesStore, a5 as useWorkflowsStore, S as useDebounce, a6 as useRoute, bd as RELEASE_NOTES_URL, o as onMounted, be as useExternalHooks, K as nextTick, I as onBeforeUnmount, bf as onClickOutside, O as resolveComponent, a1 as I18nT, a0 as _sfc_main$7, bg as createSlots, z as N8nAvatar, bh as N8nMenu, bi as WHATS_NEW_MODAL_KEY, bj as ABOUT_MODAL_KEY, bk as trackTemplatesClick, bl as TemplateClickSource } from "./index-Cm5yBbby.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-Ct6XJ0cl.js";
-import { L as Logo } from "./Logo-8g4P9vyv.js";
+import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, aY as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, y as renderList, aZ as _sfc_main$6, a_ as ElMenuItem, f as createCommentVNode, k as createTextVNode, J as renderSlot, N as N8nIcon, t as toDisplayString, D as mergeProps, a$ as withKeys, b0 as ElMenu, _ as _export_sfc, b1 as get, b2 as useLoadingService, T as useUIStore, af as useSourceControlStore, ag as useProjectsStore, a as useToast, x as computed, ap as hasPermission, an as getResourcePermissions, P as normalizeStyle, j as createBaseVNode, $ as N8nTooltip, q as N8nButton, c as useI18n, Q as createEventBus, aF as SOURCE_CONTROL_PUSH_MODAL_KEY, b3 as notifyUserAboutPullWorkFolderOutcome, b4 as sourceControlEventBus, b5 as SOURCE_CONTROL_PULL_MODAL_KEY, a3 as defineStore, b6 as useCloudPlanStore, ad as useRootStore, b7 as useStorage, b8 as DateTime, a8 as STORES, aA as useTelemetry, v as useSettingsStore, b as useRouter, b9 as sortByProperty, V as VIEWS, am as usePageRedirectionHelper, u as useUsersStore, aU as onBeforeMount, ba as N8nMenuItem, p as N8nText, bb as useDebugInfo, bc as useVersionsStore, a2 as N8nLink, bd as VERSIONS_MODAL_KEY, be as useTemplatesStore, a5 as useWorkflowsStore, S as useDebounce, a6 as useRoute, bf as RELEASE_NOTES_URL, o as onMounted, bg as useExternalHooks, K as nextTick, I as onBeforeUnmount, bh as onClickOutside, O as resolveComponent, a1 as I18nT, a0 as _sfc_main$7, bi as createSlots, z as N8nAvatar, ay as N8nActionDropdown, bj as N8nMenu, bk as WHATS_NEW_MODAL_KEY, bl as ABOUT_MODAL_KEY, bm as trackTemplatesClick, bn as TemplateClickSource } from "./index-DycvFkIw.js";
+import { L as Logo } from "./Logo-MNn4rP0b.js";
 const ROOT_MENU_INDEX = "-1";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,4 +1,4 @@
-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";
+import { d as defineComponent, bv as isRef, ch as shallowRef, ab as watch, r as ref, fl as watchEffect, aN as h, l as unref, e5 as mergeModels, fm as useSlots, x as computed, e6 as useModel, fn as ElCheckbox, cf 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, bS as withModifiers, J as renderSlot, i as createVNode, fo as ElSkeletonItem, D as mergeProps, fp as _sfc_main$1, fq as ElSelect, w as withCtx, fr as ElOption, bu as get, _ as _export_sfc } from "./index-DycvFkIw.js";
 /**
    * table-core
    *