n8n-editor-ui 1.83.2 → 1.84.0

package/dist/assets/{CanvasChat-CmjR9yPV.js → CanvasChat-tuKMnT6J.js}

@@ -1,9 +1,9 @@
-import { aX as inject, aY as isRef, c as openBlock, h as createElementBlock, j as createBaseVNode, d as defineComponent, q as computed, i as createVNode, l as unref, t as toDisplayString, J as withModifiers, e as createBlock, f as createCommentVNode, _ as _export_sfc, aZ as toRefs, r as ref, o as onMounted, v as renderSlot, a_ as normalizeProps, a$ as guardReactiveProps, b0 as mergeProps, b1 as resolveDynamicComponent, b2 as VueMarkdown, F as Fragment, B as renderList, n as normalizeClass, b3 as markdownLink, b4 as useFileDialog, b5 as onUnmounted, ax as withDirectives, b6 as vModelText, H as withKeys, C as normalizeStyle, w as withCtx, I as watch, m as resolveComponent, k as createTextVNode, b7 as useClipboard, a as useToast, aT as createSlots, g as useI18n$1, af as MODAL_CONFIRM, al as useMessage, b8 as CHAT_TRIGGER_NODE_TYPE, b9 as MANUAL_CHAT_TRIGGER_NODE_TYPE, ba as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, bb as AI_SUBCATEGORY, bc as AI_CATEGORY_AGENTS, bd as AI_CATEGORY_CHAINS, be as AI_CODE_NODE_TYPE, bf as getNodeInputs, bg as getConnectionTypes, bh as getNodeOutputs, bi as NodeConnectionType, bj as isEmpty, bk as get, bl as v4, bm as last, bn as CHAT_TRIGGER_NODE_TYPE$1, aJ as useStorage, bo as watchEffect, y as onBeforeUnmount, K as useDebounce, U as useWorkflowsStore, a0 as useCanvasStore, bp as useNodeTypesStore, bq as useNodeHelpers, b as useRouter, V as VIEWS, br as provide } from "./index-ntAcmC2q.js";
-import { H as HighlightJS, R as RunDataAi } from "./RunDataAi-Cq_XIdUj.js";
-import { u as usePinnedData } from "./usePinnedData-CvnROquX.js";
-import { u as useRunWorkflow } from "./useRunWorkflow-BjW-TsKk.js";
-import "./useExecutionHelpers-DYVB2XNC.js";
-import "./pushConnection.store-Cs7MLBaJ.js";
+import { aX as inject, aY as isRef, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, j as createVNode, e as createBlock, f as createCommentVNode, m as unref, t as toDisplayString, J as withModifiers, _ as _export_sfc, aZ as toRefs, r as ref, o as onMounted, n as normalizeClass, x as renderSlot, a_ as normalizeProps, a$ as guardReactiveProps, b0 as resolveDynamicComponent, b1 as mergeProps, b2 as VueMarkdown, F as Fragment, D as renderList, b3 as markdownLink, b4 as useFileDialog, b5 as onUnmounted, B as normalizeStyle, aA as withDirectives, b6 as vModelText, H as withKeys, w as withCtx, I as watch, h as resolveComponent, l as createTextVNode, b7 as useClipboard, a as useToast, c as useI18n$1, aU as createSlots, b8 as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, b9 as AI_SUBCATEGORY, ba as AI_CATEGORY_AGENTS, bb as AI_CATEGORY_CHAINS, bc as AI_CODE_NODE_TYPE, bd as getNodeInputs, be as getConnectionTypes, bf as getNodeOutputs, bg as NodeConnectionType, bh as CHAT_TRIGGER_NODE_TYPE, bi as MANUAL_CHAT_TRIGGER_NODE_TYPE, bj as get, bk as last, bl as isEmpty, ai as useMessage, aj as MODAL_CONFIRM, bm as v4, bn as CHAT_TRIGGER_NODE_TYPE$1, aJ as useStorage, bo as watchEffect, y as onBeforeUnmount, K as useDebounce, bp as provide, bq as useProvideTooltipAppendTo, br as IsInPiPWindowSymbol, T as useWorkflowsStore, a1 as useCanvasStore, bs as useNodeTypesStore, bt as useNodeHelpers, b as useRouter, bu as useTemplateRef, bv as N8nResizeWrapper, ag as useTelemetry, V as VIEWS } from "./index-CyVlLoqB.js";
+import { H as HighlightJS, R as RunDataAi } from "./RunDataAi-pfKF0Nfm.js";
+import { u as usePinnedData } from "./usePinnedData-CtRDhd6k.js";
+import { u as useRunWorkflow } from "./useRunWorkflow-D9JIEr1s.js";
+import "./useExecutionHelpers-BQHL3OpL.js";
+import "./pushConnection.store-BhUCpqAg.js";
 const ChatSymbol = "Chat";
 const ChatOptionsSymbol = "ChatOptions";
 function createEventBus() {
@@ -3250,7 +3250,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const messageComposable = useMessage();
     const clipboard = useClipboard();
     const locale = useI18n$1();
     const toast = useToast();
@@ -3274,23 +3273,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       previousMessageIndex.value = 0;
       emit("sendMessage", message);
     }
-    async function onRefreshSession() {
-      if (props.messages.length === 0) {
-        emit("refreshSession");
-        return;
-      }
-      const confirmResult = await messageComposable.confirm(
-        locale.baseText("chat.window.session.reset.warning"),
-        {
-          title: locale.baseText("chat.window.session.reset.title"),
-          type: "warning",
-          confirmButtonText: locale.baseText("chat.window.session.reset.confirm"),
-          showClose: true
-        }
-      );
-      if (confirmResult === MODAL_CONFIRM) {
-        emit("refreshSession");
-      }
+    function onRefreshSession() {
+      emit("refreshSession");
     }
     function onArrowKeyDown({ currentInputValue, key }) {
       const pastMessages = props.pastChatMessages;
@@ -3319,8 +3303,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         previousMessageIndex.value = 0;
       }
     }
-    function copySessionId() {
-      void clipboard.copy(props.sessionId);
+    async function copySessionId() {
+      await clipboard.copy(props.sessionId);
       toast.showMessage({
         title: locale.baseText("generic.copiedToClipboard"),
         message: "",
@@ -3351,9 +3335,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 createBaseVNode("span", {
-                  class: normalizeClass(_ctx.$style.sessionId),
+                  class: normalizeClass([_ctx.$style.sessionId, unref(clipboard).isSupported.value ? _ctx.$style.copyable : ""]),
                   "data-test-id": "chat-session-id",
-                  onClick: copySessionId
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(clipboard).isSupported.value ? copySessionId() : null)
                 }, toDisplayString(_ctx.sessionId), 3)
               ]),
               _: 1
@@ -3365,7 +3349,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               type: "secondary",
               size: "mini",
               icon: "undo",
-              title: unref(locale).baseText("chat.window.session.reset.confirm"),
+              title: unref(locale).baseText("chat.window.session.reset"),
               onClick: onRefreshSession
             }, null, 8, ["class", "title"]),
             _ctx.showCloseButton ? (openBlock(), createBlock(_component_n8n_icon_button, {
@@ -3375,7 +3359,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               type: "secondary",
               size: "mini",
               icon: "times",
-              onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+              onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
             }, null, 8, ["class"])) : createCommentVNode("", true)
           ], 2)
         ], 2),
@@ -3441,7 +3425,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     type: "tertiary",
                     text: "",
                     size: "mini",
-                    onClick: _cache[1] || (_cache[1] = ($event) => onArrowKeyDown({ currentInputValue: "", key: "ArrowUp" }))
+                    onClick: _cache[2] || (_cache[2] = ($event) => onArrowKeyDown({ currentInputValue: "", key: "ArrowUp" }))
                   }),
                   createVNode(_component_n8n_button, {
                     title: "Navigate to next message",
@@ -3449,7 +3433,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     type: "tertiary",
                     text: "",
                     size: "mini",
-                    onClick: _cache[2] || (_cache[2] = ($event) => onArrowKeyDown({ currentInputValue: "", key: "ArrowDown" }))
+                    onClick: _cache[3] || (_cache[3] = ($event) => onArrowKeyDown({ currentInputValue: "", key: "ArrowDown" }))
                   })
                 ], 2)
               ]),
@@ -3461,21 +3445,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const chat$1 = "_chat_16ciy_123";
-const chatHeader = "_chatHeader_16ciy_148";
-const chatTitle = "_chatTitle_16ciy_161";
-const session = "_session_16ciy_165";
-const sessionId = "_sessionId_16ciy_173";
-const headerButton = "_headerButton_16ciy_181";
-const chatBody = "_chatBody_16ciy_186";
-const messages = "_messages_16ciy_192";
-const messagesInput = "_messagesInput_16ciy_203";
+const chat$1 = "_chat_9tbjh_123";
+const chatHeader = "_chatHeader_9tbjh_148";
+const chatTitle = "_chatTitle_9tbjh_161";
+const session = "_session_9tbjh_165";
+const sessionId = "_sessionId_9tbjh_173";
+const copyable = "_copyable_9tbjh_179";
+const headerButton = "_headerButton_9tbjh_183";
+const chatBody = "_chatBody_9tbjh_188";
+const messages = "_messages_9tbjh_194";
+const messagesInput = "_messagesInput_9tbjh_205";
 const style0$2 = {
   chat: chat$1,
   chatHeader,
   chatTitle,
   session,
   sessionId,
+  copyable,
   headerButton,
   chatBody,
   messages,
@@ -3494,12 +3480,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     slim: { type: Boolean },
     workflow: {}
   },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props) {
     const locale = useI18n$1();
     return (_ctx, _cache) => {
-      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.logsWrapper),
         "data-test-id": "lm-chat-logs"
@@ -3511,14 +3494,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(unref(locale).baseText("chat.window.logs")) + " ", 1),
             _ctx.node ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(locale).baseText("chat.window.logsFromNode", { interpolate: { nodeName: _ctx.node.name } })), 1)) : createCommentVNode("", true)
           ]),
-          createVNode(_component_n8n_icon_button, {
-            class: normalizeClass(_ctx.$style.close),
-            outline: "",
-            icon: "times",
-            type: "secondary",
-            size: "mini",
-            onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-          }, null, 8, ["class"])
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.actions)
+          }, [
+            renderSlot(_ctx.$slots, "actions")
+          ], 2)
         ], 2),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.logs)
@@ -3535,17 +3515,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const logsHeader = "_logsHeader_km5h4_123";
-const close = "_close_km5h4_136";
-const logsWrapper = "_logsWrapper_km5h4_143";
-const logsTitle = "_logsTitle_km5h4_152";
-const logs$1 = "_logs_km5h4_123";
+const logsHeader = "_logsHeader_1s52w_123";
+const logsWrapper = "_logsWrapper_1s52w_140";
+const logsTitle = "_logsTitle_1s52w_149";
+const logs$1 = "_logs_1s52w_123";
+const actions = "_actions_1s52w_159";
 const style0$1 = {
   logsHeader,
-  close,
   logsWrapper,
   logsTitle,
-  logs: logs$1
+  logs: logs$1,
+  actions
 };
 const cssModules$1 = {
   "$style": style0$1
@@ -3904,6 +3884,66 @@ function useResize(container2) {
     panelToContainerRatio
   };
 }
+function usePiPWindow({
+  container: container2,
+  content,
+  initialHeight,
+  initialWidth,
+  shouldPopOut,
+  onRequestClose
+}) {
+  const pipWindow = ref();
+  const isUnmounting = ref(false);
+  const canPopOut = computed(() => !!window.documentPictureInPicture);
+  const isPoppedOut = computed(() => !!pipWindow.value);
+  const tooltipContainer = computed(
+    () => isPoppedOut.value ? content.value ?? void 0 : void 0
+  );
+  provide(IsInPiPWindowSymbol, isPoppedOut);
+  useProvideTooltipAppendTo(tooltipContainer);
+  async function showPip() {
+    if (!content.value) {
+      return;
+    }
+    pipWindow.value = pipWindow.value ?? await window.documentPictureInPicture?.requestWindow({
+      width: initialWidth,
+      height: initialHeight,
+      disallowReturnToOpener: true
+    });
+    [...document.styleSheets].forEach((styleSheet) => {
+      try {
+        const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
+        const style = document.createElement("style");
+        style.textContent = cssRules;
+        pipWindow.value?.document.head.appendChild(style);
+      } catch (e) {
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.type = styleSheet.type;
+        link.media = styleSheet.media;
+        link.href = styleSheet.href;
+        pipWindow.value?.document.head.appendChild(link);
+      }
+    });
+    pipWindow.value?.document.body.append(content.value);
+    pipWindow.value?.addEventListener("pagehide", () => !isUnmounting.value && onRequestClose());
+  }
+  function hidePiP() {
+    pipWindow.value?.close();
+    pipWindow.value = void 0;
+    if (content.value) {
+      container2.value?.appendChild(content.value);
+    }
+  }
+  watch(shouldPopOut, (value) => value ? requestAnimationFrame(showPip) : hidePiP(), {
+    immediate: true
+  });
+  onBeforeUnmount(() => {
+    isUnmounting.value = true;
+    pipWindow.value?.close();
+  });
+  return { canPopOut, isPoppedOut, pipWindow };
+}
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CanvasChat",
   setup(__props, { expose: __expose }) {
@@ -3916,14 +3956,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const currentSessionId = ref(v4().replace(/-/g, ""));
     const isDisabled = ref(false);
     const container2 = ref();
+    const pipContainer = useTemplateRef("pipContainer");
+    const pipContent2 = useTemplateRef("pipContent");
     const workflow = computed(() => workflowsStore.getCurrentWorkflow());
     const allConnections = computed(() => workflowsStore.allConnections);
-    const isChatOpen = computed(() => {
-      const result = workflowsStore.isChatPanelOpen;
-      return result;
-    });
+    const chatPanelState = computed(() => workflowsStore.chatPanelState);
     const canvasNodes = computed(() => workflowsStore.allNodes);
-    const isLogsOpen = computed(() => workflowsStore.isLogsPanelOpen);
     const previousChatMessages = computed(() => workflowsStore.getPastChatMessages);
     const resultData = computed(() => workflowsStore.getWorkflowRunData);
     __expose({
@@ -3932,6 +3970,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isDisabled,
       workflow
     });
+    const telemetry = useTelemetry();
     const { runWorkflow } = useRunWorkflow({ router });
     const {
       chatTriggerNode,
@@ -3965,6 +4004,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onResizeChatDebounced,
       onWindowResize
     } = useResize(container2);
+    const { canPopOut, isPoppedOut, pipWindow } = usePiPWindow({
+      initialHeight: 400,
+      initialWidth: window.document.body.offsetWidth * 0.8,
+      container: pipContainer,
+      content: pipContent2,
+      shouldPopOut: computed(() => chatPanelState.value === "floating"),
+      onRequestClose: () => {
+        if (chatPanelState.value === "closed") {
+          return;
+        }
+        telemetry.track("User toggled log view", { new_state: "attached" });
+        workflowsStore.setPanelState("attached");
+      }
+    });
     function createChatConfig(params) {
       const chatConfig2 = {
         messages: params.messages,
@@ -4020,7 +4073,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const closePanel = () => {
-      workflowsStore.setPanelOpen("chat", false);
+      workflowsStore.setPanelState("closed");
     };
     async function createExecutionPromise() {
       return await new Promise((resolve) => {
@@ -4052,6 +4105,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return;
     }
+    function onPopOut() {
+      telemetry.track("User toggled log view", { new_state: "floating" });
+      workflowsStore.setPanelState("floating");
+    }
     const { chatConfig, chatOptions } = createChatConfig({
       messages: messages2,
       sendMessage,
@@ -4064,9 +4121,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide(ChatSymbol, chatConfig);
     provide(ChatOptionsSymbol, chatOptions);
     watch(
-      () => isChatOpen.value,
-      (isOpen) => {
-        if (isOpen) {
+      chatPanelState,
+      (state) => {
+        if (state !== "closed") {
           setChatTriggerNode();
           setConnectedNode();
           if (messages2.value.length === 0) {
@@ -4094,88 +4151,118 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { deep: true }
     );
     watchEffect(() => {
-      canvasStore.setPanelHeight(isChatOpen.value || isLogsOpen.value ? height.value : 0);
+      canvasStore.setPanelHeight(chatPanelState.value === "attached" ? height.value : 0);
     });
     return (_ctx, _cache) => {
-      const _component_n8n_resize_wrapper = resolveComponent("n8n-resize-wrapper");
-      const _component_N8nResizeWrapper = resolveComponent("N8nResizeWrapper");
-      return unref(chatTriggerNode) ? (openBlock(), createBlock(_component_N8nResizeWrapper, {
-        key: 0,
-        "is-resizing-enabled": isChatOpen.value || isLogsOpen.value,
-        "supported-directions": ["top"],
-        class: normalizeClass([_ctx.$style.resizeWrapper, !isChatOpen.value && !isLogsOpen.value && _ctx.$style.empty]),
-        height: unref(height),
-        style: normalizeStyle(unref(rootStyles)),
-        onResize: unref(onResizeDebounced)
-      }, {
-        default: withCtx(() => [
-          createBaseVNode("div", {
-            ref_key: "container",
-            ref: container2,
-            class: normalizeClass([_ctx.$style.container, "ignore-key-press-canvas"]),
-            tabindex: "0"
-          }, [
-            isChatOpen.value || isLogsOpen.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.chatResizer)
-            }, [
-              isChatOpen.value ? (openBlock(), createBlock(_component_n8n_resize_wrapper, {
-                key: 0,
-                "supported-directions": ["right"],
-                width: unref(chatWidth),
-                class: normalizeClass(_ctx.$style.chat),
-                onResize: unref(onResizeChatDebounced)
-              }, {
-                default: withCtx(() => [
-                  createBaseVNode("div", {
-                    class: normalizeClass(_ctx.$style.inner)
-                  }, [
-                    createVNode(ChatMessagesPanel, {
-                      "data-test-id": "canvas-chat",
-                      messages: messages2.value,
-                      "session-id": currentSessionId.value,
-                      "past-chat-messages": previousChatMessages.value,
-                      "show-close-button": !unref(connectedNode),
-                      onClose: closePanel,
-                      onRefreshSession: handleRefreshSession,
-                      onDisplayExecution: handleDisplayExecution,
-                      onSendMessage: unref(sendMessage)
-                    }, null, 8, ["messages", "session-id", "past-chat-messages", "show-close-button", "onSendMessage"])
-                  ], 2)
-                ]),
-                _: 1
-              }, 8, ["width", "class", "onResize"])) : createCommentVNode("", true),
-              isLogsOpen.value && unref(connectedNode) ? (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass(_ctx.$style.logs)
+      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
+      return openBlock(), createElementBlock("div", {
+        ref_key: "pipContainer",
+        ref: pipContainer
+      }, [
+        createBaseVNode("div", {
+          ref_key: "pipContent",
+          ref: pipContent2,
+          class: normalizeClass(_ctx.$style.pipContent)
+        }, [
+          unref(chatTriggerNode) ? (openBlock(), createBlock(unref(N8nResizeWrapper), {
+            key: 0,
+            "is-resizing-enabled": !unref(isPoppedOut) && chatPanelState.value === "attached",
+            "supported-directions": ["top"],
+            class: normalizeClass([_ctx.$style.resizeWrapper, chatPanelState.value === "closed" && _ctx.$style.empty]),
+            height: unref(height),
+            style: normalizeStyle(unref(rootStyles)),
+            onResize: unref(onResizeDebounced)
+          }, {
+            default: withCtx(() => [
+              createBaseVNode("div", {
+                ref_key: "container",
+                ref: container2,
+                class: normalizeClass([_ctx.$style.container, "ignore-key-press-canvas"]),
+                tabindex: "0"
               }, [
-                (openBlock(), createBlock(ChatLogsPanel, {
-                  key: `${resultData.value?.length ?? messages2.value?.length}`,
-                  workflow: workflow.value,
-                  "data-test-id": "canvas-chat-logs",
-                  node: unref(connectedNode),
-                  slim: unref(logsWidth) < 700,
-                  onClose: closePanel
-                }, null, 8, ["workflow", "node", "slim"]))
-              ], 2)) : createCommentVNode("", true)
-            ], 2)) : createCommentVNode("", true)
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["is-resizing-enabled", "class", "height", "style", "onResize"])) : createCommentVNode("", true);
+                chatPanelState.value !== "closed" ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(_ctx.$style.chatResizer)
+                }, [
+                  createVNode(unref(N8nResizeWrapper), {
+                    "supported-directions": ["right"],
+                    width: unref(chatWidth),
+                    class: normalizeClass(_ctx.$style.chat),
+                    window: unref(pipWindow),
+                    onResize: unref(onResizeChatDebounced)
+                  }, {
+                    default: withCtx(() => [
+                      createBaseVNode("div", {
+                        class: normalizeClass(_ctx.$style.inner)
+                      }, [
+                        createVNode(ChatMessagesPanel, {
+                          "data-test-id": "canvas-chat",
+                          messages: messages2.value,
+                          "session-id": currentSessionId.value,
+                          "past-chat-messages": previousChatMessages.value,
+                          "show-close-button": !unref(isPoppedOut) && !unref(connectedNode),
+                          onClose: closePanel,
+                          onRefreshSession: handleRefreshSession,
+                          onDisplayExecution: handleDisplayExecution,
+                          onSendMessage: unref(sendMessage)
+                        }, null, 8, ["messages", "session-id", "past-chat-messages", "show-close-button", "onSendMessage"])
+                      ], 2)
+                    ]),
+                    _: 1
+                  }, 8, ["width", "class", "window", "onResize"]),
+                  unref(connectedNode) ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(_ctx.$style.logs)
+                  }, [
+                    (openBlock(), createBlock(ChatLogsPanel, {
+                      key: `${resultData.value?.length ?? messages2.value?.length}`,
+                      workflow: workflow.value,
+                      "data-test-id": "canvas-chat-logs",
+                      node: unref(connectedNode),
+                      slim: unref(logsWidth) < 700
+                    }, {
+                      actions: withCtx(() => [
+                        unref(canPopOut) && !unref(isPoppedOut) ? (openBlock(), createBlock(_component_n8n_icon_button, {
+                          key: 0,
+                          icon: "pop-out",
+                          type: "secondary",
+                          size: "medium",
+                          onClick: onPopOut
+                        })) : createCommentVNode("", true),
+                        !unref(isPoppedOut) ? (openBlock(), createBlock(_component_n8n_icon_button, {
+                          key: 1,
+                          outline: "",
+                          icon: "times",
+                          type: "secondary",
+                          size: "medium",
+                          onClick: closePanel
+                        })) : createCommentVNode("", true)
+                      ]),
+                      _: 1
+                    }, 8, ["workflow", "node", "slim"]))
+                  ], 2)) : createCommentVNode("", true)
+                ], 2)) : createCommentVNode("", true)
+              ], 2)
+            ]),
+            _: 1
+          }, 8, ["is-resizing-enabled", "class", "height", "style", "onResize"])) : createCommentVNode("", true)
+        ], 2)
+      ], 512);
     };
   }
 });
-const resizeWrapper = "_resizeWrapper_1tz98_123";
-const empty = "_empty_1tz98_130";
-const container = "_container_1tz98_136";
-const chatResizer = "_chatResizer_1tz98_144";
-const footer = "_footer_1tz98_151";
-const chat = "_chat_1tz98_144";
-const inner = "_inner_1tz98_170";
-const logs = "_logs_1tz98_178";
+const resizeWrapper = "_resizeWrapper_1aajp_124";
+const pipContent = "_pipContent_1aajp_129";
+const empty = "_empty_1aajp_140";
+const container = "_container_1aajp_146";
+const chatResizer = "_chatResizer_1aajp_154";
+const footer = "_footer_1aajp_161";
+const chat = "_chat_1aajp_154";
+const inner = "_inner_1aajp_180";
+const logs = "_logs_1aajp_188";
 const style0 = {
   resizeWrapper,
+  pipContent,
   empty,
   container,
   chatResizer,

package/dist/assets/{ChangePasswordView-ah8H7l7b.js → ChangePasswordView-aXYIR8zr.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, V as VIEWS, c as openBlock, e as createBlock, f as createCommentVNode, g as useI18n } from "./index-ntAcmC2q.js";
-import { A as AuthView } from "./AuthView-C7UxnH6d.js";
-import "./Logo-CBvZEey7.js";
+import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, c as useI18n, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, V as VIEWS, e as createBlock, f as createCommentVNode, g as openBlock } from "./index-CyVlLoqB.js";
+import { A as AuthView } from "./AuthView-Bn_LB3Kw.js";
+import "./Logo-DVRZ2qRx.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChangePasswordView",
   setup(__props) {

package/dist/assets/CollectionParameter-DR9e0MGf.js

@@ -0,0 +1,4 @@
+import { gI as _sfc_main } from "./index-CyVlLoqB.js";
+export {
+  _sfc_main as default
+};

package/dist/assets/{CredentialsView-DqcTSsjv.js → CredentialsView-k8CeiyMJ.js}

@@ -1,9 +1,8 @@
-import { d as defineComponent, L as useUIStore, bv as useCredentialsStore, a2 as useProjectsStore, q as computed, am as getResourcePermissions, dS as dateFormat, m as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, gm as CredentialIcon, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, f as createCommentVNode, j as createBaseVNode, J as withModifiers, gb as ResourceType, h as createElementBlock, ax as withDirectives, cB as _sfc_main$2, ay as vShow, g as useI18n, af as MODAL_CONFIRM, gc as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, _ as _export_sfc, bp as useNodeTypesStore, a1 as useSourceControlStore, bx as useExternalSecretsStore, u as useUsersStore, a4 as useDocumentTitle, W as useRoute, b as useRouter, r as ref, gn as listenForModalChanges, I as watch, o as onMounted, F as Fragment, B as renderList, cW as N8nCheckbox, go as CREDENTIAL_EMPTY_VALUE, gp as isCredentialsResource, gq as CREDENTIAL_SELECT_MODAL_KEY, V as VIEWS, p as useSettingsStore, a9 as EnterpriseEditionFeature, bw as useEnvironmentsStore, ak as useTelemetry, gr as CREDENTIAL_EDIT_MODAL_KEY } from "./index-ntAcmC2q.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-DbPhtDij.js";
-import { P as ProjectCardBadge } from "./ProjectCardBadge-DKJ8uRN7.js";
-import { P as ProjectHeader } from "./ProjectHeader-BY3TAX3C.js";
-import { p as pickBy } from "./pickBy-DAl85H93.js";
-import "./ProjectCreateResource-5lC9x1Ht.js";
+import { d as defineComponent, L as useUIStore, bz as useCredentialsStore, a3 as useProjectsStore, q as computed, c as useI18n, a8 as getResourcePermissions, d$ as dateFormat, h as resolveComponent, e as createBlock, g as openBlock, J as withModifiers, n as normalizeClass, w as withCtx, k as createBaseVNode, j as createVNode, i as createElementBlock, f as createCommentVNode, aA as withDirectives, t as toDisplayString, aB as vShow, l as createTextVNode, m as unref, cM as _sfc_main$2, gj as ResourceType, gt as CredentialIcon, ai as useMessage, aj as MODAL_CONFIRM, gk as PROJECT_MOVE_RESOURCE_MODAL, _ as _export_sfc, bs as useNodeTypesStore, a2 as useSourceControlStore, bB as useExternalSecretsStore, u as useUsersStore, a5 as useDocumentTitle, U as useRoute, b as useRouter, r as ref, gu as listenForModalChanges, I as watch, o as onMounted, F as Fragment, D as renderList, d3 as N8nCheckbox, gv as CREDENTIAL_EMPTY_VALUE, ag as useTelemetry, p as useSettingsStore, ab as EnterpriseEditionFeature, bA as useEnvironmentsStore, gw as CREDENTIAL_SELECT_MODAL_KEY, V as VIEWS, gx as CREDENTIAL_EDIT_MODAL_KEY, gy as isCredentialsResource } from "./index-CyVlLoqB.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-BYVhS2j5.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-CGqr1_BG.js";
+import { P as ProjectHeader } from "./ProjectHeader-C8hRwBFC.js";
+import { p as pickBy } from "./pickBy-DI3cF803.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CredentialCard",

package/dist/assets/{ErrorView-DG7aEbhz.js → ErrorView-e-cpk6J7.js}

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