n8n-editor-ui 1.107.3 → 1.108.1

package/dist/assets/{LogsPanel-CgRsN0f1.js → LogsPanel-BnH3S-xQ.js}

@@ -1,8 +1,8 @@
-import { bB as addTokenUsageData, bC as emptyTokenUsageData, bD as parseErrorMetadata, bE as isChatNode, bF as NodeConnectionTypes, bG as v4, bH as get, bI as isRef, bJ as isReactive, bK as isProxy, bL as toRaw, bM as AGENT_LANGCHAIN_NODE_TYPE, bN as MANUAL_CHAT_TRIGGER_NODE_TYPE, bO as CHAT_TRIGGER_NODE_TYPE, bP as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bQ as usePinnedData, aq as useMessage, ar as MODAL_CONFIRM, a9 as useWorkflowsStore, at as useRootStore, bR as useLogsStore, b as useRouter, bS as useNodeHelpers, bT as useRunWorkflow, V as VIEWS, bU as chatEventBus, af as watch, bV 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, Q as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, aa as useRoute, aj as useSourceControlStore, bW as useCanvasOperations, ah as useNodeTypesStore, bX as START_NODE_TYPE, e as createBlock, f as createCommentVNode, a4 as N8nTooltip, bY as formatTokenUsageCount, bZ as getDefaultExportFromCjs, b_ as requireUpperFirst, F as Fragment, aH as useTemplateRef, b$ as useTimestamp, c0 as toTime, c1 as toDayMonth, B as withModifiers, A as renderList, U as normalizeStyle, c2 as NodeIcon, a6 as I18nT, N as N8nIcon, a5 as _sfc_main$k, q as N8nButton, R as nextTick, c3 as getScrollbarWidth, c4 as useVirtualList, c5 as toRef, K as mergeProps, O as N8nRadioButtons, c6 as inject, c7 as toRefs, o as onMounted, c8 as normalizeProps, c9 as guardReactiveProps, ca as resolveDynamicComponent, cb as markdownLink, cc as useFileDialog, cd as onUnmounted, b4 as withDirectives, ce as vModelText, ba as withKeys, cf as useAttrs, cg as useClipboard, bu as createSlots, a_ as useNDVStore, ch as PiPWindowSymbol, ci as resolveDirective, cj as RunData, C as N8nLink, ck as waitingNodeTooltip, b0 as useLocalStorage, cl as LOG_DETAILS_PANEL_STATE, cm as KeyboardShortcutTooltip, cn as N8nResizeWrapper, co as useStyles, aN as N8nActionDropdown, cp as Workflow, cq as useThrottleFn, cr as parse, cs as shallowRef, Z as useUIStore, au as useCanvasStore, ap as useTelemetry, ct as onScopeDispose, P as onBeforeUnmount, cu as applyThemeToBody, cv as useProvideTooltipAppendTo, cw as LOGS_PANEL_STATE, cx as LOCAL_STORAGE_PANEL_HEIGHT, cy as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cz as LOCAL_STORAGE_PANEL_WIDTH, cA as useActiveElement, cB as useKeybindings, cC as ndvEventBus } from "./index-eiGMGof4.js";
-import { _ as __unplugin_components_1 } from "./AnimatedSpinner-DNlzAAjE.js";
-import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CWb4OBYA.js";
-import { H as HighlightJS, V as VueMarkdown } from "./core-BQX74yIJ.js";
-import { c as canvasEventBus } from "./canvas-DBxg3FGB.js";
+import { bw as addTokenUsageData, bx as emptyTokenUsageData, by as parseErrorMetadata, bz as isChatNode, bA as NodeConnectionTypes, bB as v4, bC as get, bD as AGENT_LANGCHAIN_NODE_TYPE, bE as MANUAL_CHAT_TRIGGER_NODE_TYPE, bF as CHAT_TRIGGER_NODE_TYPE, bG as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bH as usePinnedData, aq as useMessage, ar as MODAL_CONFIRM, a9 as useWorkflowsStore, at as useRootStore, bI as useLogsStore, b as useRouter, bJ as useNodeHelpers, bK as useRunWorkflow, V as VIEWS, bL as chatEventBus, af as watch, bM 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, Q as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, aa as useRoute, aj as useSourceControlStore, bN as useCanvasOperations, ah as useNodeTypesStore, bO as START_NODE_TYPE, e as createBlock, f as createCommentVNode, a4 as Tooltip, bP as formatTokenUsageCount, bQ as getDefaultExportFromCjs, bR as requireUpperFirst, F as Fragment, aG as useTemplateRef, bS as useTimestamp, bT as toTime, bU as toDayMonth, B as withModifiers, A as renderList, U as normalizeStyle, bV as NodeIcon, a6 as I18nT, N as N8nIcon, a5 as _sfc_main$k, q as N8nButton, R as nextTick, bW as getScrollbarWidth, bX as useVirtualList, bY as toRef, K as mergeProps, O as N8nRadioButtons, bZ as inject, b_ as isRef, b$ as toRefs, o as onMounted, c0 as normalizeProps, c1 as guardReactiveProps, c2 as resolveDynamicComponent, c3 as markdownLink, c4 as useFileDialog, c5 as onUnmounted, b2 as withDirectives, c6 as vModelText, b8 as withKeys, c7 as useAttrs, c8 as useClipboard, bp as createSlots, aY as useNDVStore, c9 as PopOutWindowKey, ca as resolveDirective, cb as RunData, C as N8nLink, cc as waitingNodeTooltip, a_ as useLocalStorage, cd as LOG_DETAILS_PANEL_STATE, ce as KeyboardShortcutTooltip, cf as N8nResizeWrapper, cg as useStyles, aM as N8nActionDropdown, ch as Workflow, ci as useThrottleFn, cj as parse, ck as shallowRef, Z as useUIStore, cl as useCanvasStore, ap as useTelemetry, ax as useDocumentTitle, cm as onScopeDispose, P as onBeforeUnmount, cn as useProvideTooltipAppendTo, co as LOGS_PANEL_STATE, cp as LOCAL_STORAGE_PANEL_HEIGHT, cq as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cr as LOCAL_STORAGE_PANEL_WIDTH, cs as useActiveElement, ct as useKeybindings, cu as ndvEventBus } from "./index-DuT-FIl1.js";
+import { _ as __unplugin_components_1 } from "./AnimatedSpinner-C6hUJocW.js";
+import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-D-Jt6Gli.js";
+import { H as HighlightJS, V as VueMarkdown } from "./core-ChTWffJl.js";
+import { c as canvasEventBus } from "./canvas-D0IR7_I9.js";
 const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
 function constructChatWebsocketUrl(url, executionId, sessionId2, isPublic) {
   const baseUrl = new URL(url).origin;
@@ -189,31 +189,6 @@ function findSelectedLogEntry(selection, entries, isExecuting) {
     }
   }
 }
-function deepToRaw(sourceObj) {
-  const seen = /* @__PURE__ */ new WeakMap();
-  const objectIterator = (input) => {
-    if (seen.has(input)) {
-      return input;
-    }
-    if (input !== null && typeof input === "object") {
-      seen.set(input, true);
-    }
-    if (Array.isArray(input)) {
-      return input.map((item) => objectIterator(item));
-    }
-    if (isRef(input) || isReactive(input) || isProxy(input)) {
-      return objectIterator(toRaw(input));
-    }
-    if (input !== null && typeof input === "object" && Object.getPrototypeOf(input) === Object.prototype) {
-      return Object.keys(input).reduce((acc, key) => {
-        acc[key] = objectIterator(input[key]);
-        return acc;
-      }, {});
-    }
-    return input;
-  };
-  return objectIterator(sourceObj);
-}
 function flattenLogEntries(entries, collapsedEntryIds, ret = []) {
   for (const entry of entries) {
     ret.push(entry);
@@ -796,7 +771,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const locale = useI18n$1();
     return (_ctx, _cache) => {
       const _component_ConsumedTokensDetails = _sfc_main$j;
-      return _ctx.consumedTokens !== void 0 ? (openBlock(), createBlock(unref(N8nTooltip), {
+      return _ctx.consumedTokens !== void 0 ? (openBlock(), createBlock(unref(Tooltip), {
         key: 0,
         enterable: false
       }, {
@@ -1294,7 +1269,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           onClick: _cache[1] || (_cache[1] = ($event) => emit("clickHeader"))
         }, {
           actions: withCtx(() => [
-            unref(isClearExecutionButtonVisible) ? (openBlock(), createBlock(unref(N8nTooltip), {
+            unref(isClearExecutionButtonVisible) ? (openBlock(), createBlock(unref(Tooltip), {
               key: 0,
               content: unref(locale).baseText("logs.overview.header.actions.clearExecution.tooltip")
             }, {
@@ -1439,6 +1414,18 @@ function bash(hljs) {
     end: /\)/,
     contains: [hljs.BACKSLASH_ESCAPE]
   };
+  const COMMENT = hljs.inherit(
+    hljs.COMMENT(),
+    {
+      match: [
+        /(^|\s)/,
+        /#.*$/
+      ],
+      scope: {
+        2: "comment"
+      }
+    }
+  );
   const HERE_DOC = {
     begin: /<<-?\s*(?=\w+)/,
     starts: { contains: [
@@ -1511,6 +1498,7 @@ function bash(hljs) {
     "else",
     "elif",
     "fi",
+    "time",
     "for",
     "while",
     "until",
@@ -1519,6 +1507,7 @@ function bash(hljs) {
     "done",
     "case",
     "esac",
+    "coproc",
     "function",
     "select"
   ];
@@ -1565,6 +1554,7 @@ function bash(hljs) {
     "read",
     "readarray",
     "source",
+    "sudo",
     "type",
     "typeset",
     "ulimit",
@@ -1747,7 +1737,10 @@ function bash(hljs) {
   ];
   return {
     name: "Bash",
-    aliases: ["sh"],
+    aliases: [
+      "sh",
+      "zsh"
+    ],
     keywords: {
       $pattern: /\b[a-z][a-z0-9._-]+\b/,
       keyword: KEYWORDS2,
@@ -1769,7 +1762,7 @@ function bash(hljs) {
       // to catch unknown shells but still highlight the shebang
       FUNCTION,
       ARITHMETIC,
-      hljs.HASH_COMMENT_MODE,
+      COMMENT,
       HERE_DOC,
       PATH_MODE,
       QUOTE_STRING,
@@ -1823,7 +1816,9 @@ const KEYWORDS$1 = [
   "import",
   "from",
   "export",
-  "extends"
+  "extends",
+  // It's reached stage 3, which is "recommended for implementation":
+  "using"
 ];
 const LITERALS$1 = [
   "true",
@@ -2021,7 +2016,7 @@ function javascript$1(hljs) {
     // defined later
   };
   const HTML_TEMPLATE = {
-    begin: "html`",
+    begin: ".?html`",
     end: "",
     starts: {
       end: "`",
@@ -2034,7 +2029,7 @@ function javascript$1(hljs) {
     }
   };
   const CSS_TEMPLATE = {
-    begin: "css`",
+    begin: ".?css`",
     end: "",
     starts: {
       end: "`",
@@ -2047,7 +2042,7 @@ function javascript$1(hljs) {
     }
   };
   const GRAPHQL_TEMPLATE = {
-    begin: "gql`",
+    begin: ".?gql`",
     end: "",
     starts: {
       end: "`",
@@ -2143,7 +2138,7 @@ function javascript$1(hljs) {
   const PARAMS_CONTAINS = SUBST_AND_COMMENTS.concat([
     // eat recursive parens in sub expressions
     {
-      begin: /\(/,
+      begin: /(\s*)\(/,
       end: /\)/,
       keywords: KEYWORDS$1$1,
       contains: ["self"].concat(SUBST_AND_COMMENTS)
@@ -2151,7 +2146,9 @@ function javascript$1(hljs) {
   ]);
   const PARAMS = {
     className: "params",
-    begin: /\(/,
+    // convert this to negative lookbehind in v12
+    begin: /(\s*)\(/,
+    // to match the parms with
     end: /\)/,
     excludeBegin: true,
     excludeEnd: true,
@@ -2264,9 +2261,9 @@ function javascript$1(hljs) {
         ...BUILT_IN_GLOBALS$1,
         "super",
         "import"
-      ]),
+      ].map((x) => `${x}\\s*\\(`)),
       IDENT_RE$1$1,
-      regex.lookahead(/\(/)
+      regex.lookahead(/\s*\(/)
     ),
     className: "title.function",
     relevance: 0
@@ -2347,8 +2344,8 @@ function javascript$1(hljs) {
       NUMBER,
       CLASS_REFERENCE,
       {
-        className: "attr",
-        begin: IDENT_RE$1$1 + regex.lookahead(":"),
+        scope: "attr",
+        match: IDENT_RE$1$1 + regex.lookahead(":"),
         relevance: 0
       },
       FUNCTION_VARIABLE,
@@ -2382,7 +2379,7 @@ function javascript$1(hljs) {
                     skip: true
                   },
                   {
-                    begin: /\(/,
+                    begin: /(\s*)\(/,
                     end: /\)/,
                     excludeBegin: true,
                     excludeEnd: true,
@@ -2823,7 +2820,8 @@ function python(hljs) {
       NUMBER,
       {
         // very common convention
-        begin: /\bself\b/
+        scope: "variable.language",
+        match: /\bself\b/
       },
       {
         // eat "if" prior to string so that it won't accidentally be
@@ -2831,6 +2829,7 @@ function python(hljs) {
         beginKeywords: "if",
         relevance: 0
       },
+      { match: /\bor\b/, scope: "keyword" },
       STRING,
       COMMENT_TYPE,
       hljs.HASH_COMMENT_MODE,
@@ -2929,7 +2928,9 @@ const KEYWORDS = [
   "import",
   "from",
   "export",
-  "extends"
+  "extends",
+  // It's reached stage 3, which is "recommended for implementation":
+  "using"
 ];
 const LITERALS = [
   "true",
@@ -3127,7 +3128,7 @@ function javascript(hljs) {
     // defined later
   };
   const HTML_TEMPLATE = {
-    begin: "html`",
+    begin: ".?html`",
     end: "",
     starts: {
       end: "`",
@@ -3140,7 +3141,7 @@ function javascript(hljs) {
     }
   };
   const CSS_TEMPLATE = {
-    begin: "css`",
+    begin: ".?css`",
     end: "",
     starts: {
       end: "`",
@@ -3153,7 +3154,7 @@ function javascript(hljs) {
     }
   };
   const GRAPHQL_TEMPLATE = {
-    begin: "gql`",
+    begin: ".?gql`",
     end: "",
     starts: {
       end: "`",
@@ -3249,7 +3250,7 @@ function javascript(hljs) {
   const PARAMS_CONTAINS = SUBST_AND_COMMENTS.concat([
     // eat recursive parens in sub expressions
     {
-      begin: /\(/,
+      begin: /(\s*)\(/,
       end: /\)/,
       keywords: KEYWORDS$12,
       contains: ["self"].concat(SUBST_AND_COMMENTS)
@@ -3257,7 +3258,9 @@ function javascript(hljs) {
   ]);
   const PARAMS = {
     className: "params",
-    begin: /\(/,
+    // convert this to negative lookbehind in v12
+    begin: /(\s*)\(/,
+    // to match the parms with
     end: /\)/,
     excludeBegin: true,
     excludeEnd: true,
@@ -3370,9 +3373,9 @@ function javascript(hljs) {
         ...BUILT_IN_GLOBALS,
         "super",
         "import"
-      ]),
+      ].map((x) => `${x}\\s*\\(`)),
       IDENT_RE$12,
-      regex.lookahead(/\(/)
+      regex.lookahead(/\s*\(/)
     ),
     className: "title.function",
     relevance: 0
@@ -3453,8 +3456,8 @@ function javascript(hljs) {
       NUMBER,
       CLASS_REFERENCE,
       {
-        className: "attr",
-        begin: IDENT_RE$12 + regex.lookahead(":"),
+        scope: "attr",
+        match: IDENT_RE$12 + regex.lookahead(":"),
         relevance: 0
       },
       FUNCTION_VARIABLE,
@@ -3488,7 +3491,7 @@ function javascript(hljs) {
                     skip: true
                   },
                   {
-                    begin: /\(/,
+                    begin: /(\s*)\(/,
                     end: /\)/,
                     excludeBegin: true,
                     excludeEnd: true,
@@ -3582,6 +3585,7 @@ function javascript(hljs) {
   };
 }
 function typescript(hljs) {
+  const regex = hljs.regex;
   const tsLanguage = javascript(hljs);
   const IDENT_RE$12 = IDENT_RE;
   const TYPES2 = [
@@ -3597,10 +3601,15 @@ function typescript(hljs) {
     "unknown"
   ];
   const NAMESPACE = {
-    beginKeywords: "namespace",
-    end: /\{/,
-    excludeEnd: true,
-    contains: [tsLanguage.exports.CLASS_REFERENCE]
+    begin: [
+      /namespace/,
+      /\s+/,
+      hljs.IDENT_RE
+    ],
+    beginScope: {
+      1: "keyword",
+      3: "title.class"
+    }
   };
   const INTERFACE = {
     beginKeywords: "interface",
@@ -3619,7 +3628,7 @@ function typescript(hljs) {
   };
   const TS_SPECIFIC_KEYWORDS = [
     "type",
-    "namespace",
+    // "namespace",
     "interface",
     "public",
     "private",
@@ -3629,7 +3638,8 @@ function typescript(hljs) {
     "abstract",
     "readonly",
     "enum",
-    "override"
+    "override",
+    "satisfies"
   ];
   const KEYWORDS$12 = {
     $pattern: IDENT_RE,
@@ -3651,10 +3661,26 @@ function typescript(hljs) {
   };
   Object.assign(tsLanguage.keywords, KEYWORDS$12);
   tsLanguage.exports.PARAMS_CONTAINS.push(DECORATOR);
+  const ATTRIBUTE_HIGHLIGHT = tsLanguage.contains.find((c) => c.scope === "attr");
+  const OPTIONAL_KEY_OR_ARGUMENT = Object.assign(
+    {},
+    ATTRIBUTE_HIGHLIGHT,
+    { match: regex.concat(IDENT_RE$12, regex.lookahead(/\s*\?:/)) }
+  );
+  tsLanguage.exports.PARAMS_CONTAINS.push([
+    tsLanguage.exports.CLASS_REFERENCE,
+    // class reference for highlighting the params types
+    ATTRIBUTE_HIGHLIGHT,
+    // highlight the params key
+    OPTIONAL_KEY_OR_ARGUMENT
+    // Added for optional property assignment highlighting
+  ]);
   tsLanguage.contains = tsLanguage.contains.concat([
     DECORATOR,
     NAMESPACE,
-    INTERFACE
+    INTERFACE,
+    OPTIONAL_KEY_OR_ARGUMENT
+    // Added for optional property assignment highlighting
   ]);
   swapMode(tsLanguage, "shebang", hljs.SHEBANG());
   swapMode(tsLanguage, "use_strict", USE_STRICT);
@@ -4639,7 +4665,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_n8n_icon = N8nIcon;
-      const _component_n8n_tooltip = N8nTooltip;
+      const _component_n8n_tooltip = Tooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -4687,7 +4713,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_n8n_icon = N8nIcon;
-      const _component_n8n_tooltip = N8nTooltip;
+      const _component_n8n_tooltip = Tooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -4812,7 +4838,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => emit("clickHeader"))
         }, {
           actions: withCtx(() => [
-            unref(clipboard).isSupported && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip), { key: 0 }, {
+            unref(clipboard).isSupported && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(Tooltip), { key: 0 }, {
               content: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.sessionId) + " ", 1),
                 _cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1)),
@@ -4834,7 +4860,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            _ctx.messages.length > 0 && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(N8nTooltip), {
+            _ctx.messages.length > 0 && !_ctx.isReadOnly ? (openBlock(), createBlock(unref(Tooltip), {
               key: 1,
               content: unref(locale).baseText("chat.window.session.resetSession")
             }, {
@@ -4985,7 +5011,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const locale = useI18n$1();
     const ndvStore = useNDVStore();
-    const pipWindow = inject(PiPWindowSymbol, ref());
+    const popOutWindow = inject(PopOutWindowKey, ref());
     const displayMode = ref(__props.paneType === "input" ? "schema" : "table");
     const isMultipleInput = computed(
       () => __props.paneType === "input" && (__props.logEntry.runData?.source.length ?? 0) > 1
@@ -5021,7 +5047,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_n8n_html = resolveDirective("n8n-html");
       return runDataProps.value ? (openBlock(), createBlock(RunData, mergeProps({ key: 0 }, runDataProps.value, {
-        key: `run-data${unref(pipWindow) ? "-pip" : ""}`,
+        key: `run-data${unref(popOutWindow) ? "-pop-out" : ""}`,
         class: _ctx.$style.component,
         "workflow-object": _ctx.logEntry.workflow,
         "workflow-execution": _ctx.logEntry.execution,
@@ -5468,7 +5494,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_N8nTooltip = N8nTooltip;
+      const _component_N8nTooltip = Tooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -5610,11 +5636,9 @@ function useLogsExecutionData() {
     ],
     useThrottleFn(
       ([executionId], [previousExecutionId]) => {
-        execData.value = workflowsStore.workflowExecutionData === null ? void 0 : deepToRaw(
-          mergeStartData(
-            workflowsStore.workflowExecutionStartedData?.[1] ?? {},
-            workflowsStore.workflowExecutionData
-          )
+        execData.value = workflowsStore.workflowExecutionData === null ? void 0 : mergeStartData(
+          workflowsStore.workflowExecutionStartedData?.[1] ?? {},
+          workflowsStore.workflowExecutionData
         );
         if (executionId !== previousExecutionId) {
           subWorkflowExecData.value = {};
@@ -5764,7 +5788,17 @@ function syncStyleMutations(destination, mutations) {
     }
   }
 }
-function usePiPWindow({
+function copyFavicon(source, target) {
+  const iconUrl = source.document.querySelector("link[rel=icon]")?.getAttribute("href");
+  if (iconUrl) {
+    const link = target.document.createElement("link");
+    link.setAttribute("rel", "icon");
+    link.setAttribute("href", iconUrl);
+    target.document.head.appendChild(link);
+  }
+}
+function usePopOutWindow({
+  title: title2,
   container: container2,
   content: content2,
   initialHeight,
@@ -5772,66 +5806,70 @@ function usePiPWindow({
   shouldPopOut,
   onRequestClose
 }) {
-  const pipWindow = ref();
+  const popOutWindow = ref();
   const isUnmounting = ref(false);
   const canPopOut = computed(
-    () => !!window.documentPictureInPicture && window.parent === window
+    () => window.parent === window
+    /* Not in iframe */
   );
-  const isPoppedOut = computed(() => !!pipWindow.value);
+  const isPoppedOut = computed(() => !!popOutWindow.value);
   const tooltipContainer = computed(
     () => isPoppedOut.value ? content2.value ?? void 0 : void 0
   );
-  const uiStore = useUIStore();
   const observer = new MutationObserver((mutations) => {
-    if (pipWindow.value) {
-      syncStyleMutations(pipWindow.value, mutations);
+    if (popOutWindow.value) {
+      syncStyleMutations(popOutWindow.value, mutations);
     }
   });
+  const documentTitle = useDocumentTitle(popOutWindow);
   observer.observe(document.head, { childList: true, subtree: true });
-  provide(PiPWindowSymbol, pipWindow);
+  provide(PopOutWindowKey, popOutWindow);
   useProvideTooltipAppendTo(tooltipContainer);
-  async function showPip() {
+  async function showPopOut() {
     if (!content2.value) {
       return;
     }
-    pipWindow.value = pipWindow.value ?? await window.documentPictureInPicture?.requestWindow({
-      width: initialWidth,
-      height: initialHeight,
-      disallowReturnToOpener: true
-    });
-    [...document.styleSheets].forEach((styleSheet) => {
+    if (!popOutWindow.value) {
+      const options = `popup=yes,width=${initialWidth},height=${initialHeight},left=100,top=100,toolbar=no,menubar=no,scrollbars=yes,resizable=yes`;
+      popOutWindow.value = window.open("", "_blank", options) ?? void 0;
+    }
+    if (!popOutWindow.value) {
+      return;
+    }
+    copyFavicon(window, popOutWindow.value);
+    for (const styleSheet of [...document.styleSheets]) {
       try {
         const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
         const style = document.createElement("style");
         style.textContent = cssRules;
-        pipWindow.value?.document.head.appendChild(style);
+        popOutWindow.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);
+        popOutWindow.value.document.head.appendChild(link);
       }
-    });
-    pipWindow.value?.document.body.append(content2.value);
-    pipWindow.value?.addEventListener("pagehide", () => !isUnmounting.value && onRequestClose());
+    }
+    popOutWindow.value.document.body.append(content2.value);
+    popOutWindow.value.addEventListener("pagehide", () => !isUnmounting.value && onRequestClose());
   }
-  function hidePiP() {
-    pipWindow.value?.close();
-    pipWindow.value = void 0;
+  function hidePopOut() {
+    popOutWindow.value?.close();
+    popOutWindow.value = void 0;
     if (content2.value) {
       container2.value?.appendChild(content2.value);
     }
   }
-  watch(shouldPopOut, (value) => value ? requestAnimationFrame(showPip) : hidePiP(), {
+  watch(shouldPopOut, (value) => value ? requestAnimationFrame(showPopOut) : hidePopOut(), {
     immediate: true
   });
   watch(
-    [() => uiStore.appliedTheme, pipWindow],
-    ([theme, pip]) => {
-      if (pip) {
-        applyThemeToBody(theme, pip);
+    [title2, popOutWindow],
+    ([newTitle, win]) => {
+      if (win) {
+        documentTitle.set(newTitle);
       }
     },
     { immediate: true }
@@ -5841,11 +5879,14 @@ function usePiPWindow({
   });
   onBeforeUnmount(() => {
     isUnmounting.value = true;
-    pipWindow.value?.close();
+    if (popOutWindow.value) {
+      popOutWindow.value.close();
+      onRequestClose();
+    }
   });
-  return { canPopOut, isPoppedOut, pipWindow };
+  return { canPopOut, isPoppedOut, popOutWindow };
 }
-function useLogsPanelLayout(pipContainer, pipContent2, container2, logsContainer2) {
+function useLogsPanelLayout(workflowName, popOutContainer, popOutContent2, container2, logsContainer2) {
   const logsStore = useLogsStore();
   const telemetry = useTelemetry();
   const resizer = useResizablePanel(LOCAL_STORAGE_PANEL_HEIGHT, {
@@ -5874,12 +5915,19 @@ function useLogsPanelLayout(pipContainer, pipContent2, container2, logsContainer
     () => logsStore.isOpen ? !resizer.isCollapsed.value : resizer.isResizing.value && resizer.size.value > 0
   );
   const isCollapsingDetailsPanel = computed(() => overviewPanelResizer.isFullSize.value);
-  const { canPopOut, isPoppedOut, pipWindow } = usePiPWindow({
+  const popOutWindowTitle = computed(() => `Logs - ${workflowName.value}`);
+  const shouldPopOut = computed(() => logsStore.state === LOGS_PANEL_STATE.FLOATING);
+  const {
+    canPopOut,
+    isPoppedOut,
+    popOutWindow
+  } = usePopOutWindow({
+    title: popOutWindowTitle,
     initialHeight: 400,
     initialWidth: window.document.body.offsetWidth * 0.8,
-    container: pipContainer,
-    content: pipContent2,
-    shouldPopOut: computed(() => logsStore.state === LOGS_PANEL_STATE.FLOATING),
+    container: popOutContainer,
+    content: popOutContent2,
+    shouldPopOut,
     onRequestClose: () => {
       if (!isOpen.value) {
         return;
@@ -5930,7 +5978,7 @@ function useLogsPanelLayout(pipContainer, pipContent2, container2, logsContainer
     isCollapsingDetailsPanel,
     isPoppedOut,
     isOverviewPanelFullWidth: overviewPanelResizer.isFullSize,
-    pipWindow,
+    popOutWindow,
     onToggleOpen: handleToggleOpen,
     onPopOut: handlePopOut,
     onResize: resizer.onResize,
@@ -5948,11 +5996,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     container: {}
   },
   setup(__props) {
-    const pipWindow = inject(PiPWindowSymbol, ref());
-    const activeElement = useActiveElement({ window: pipWindow?.value });
+    const popOutWindow = inject(PopOutWindowKey, ref());
+    const activeElement = useActiveElement({ window: popOutWindow?.value });
     const isBlurred = computed(() => {
-      if (pipWindow?.value) {
-        return pipWindow.value.document.activeElement === null;
+      if (popOutWindow?.value) {
+        return popOutWindow.value.document.activeElement === null;
       }
       return !activeElement.value || !__props.container || !__props.container.contains(activeElement.value) && __props.container !== activeElement.value;
     });
@@ -5974,10 +6022,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const container2 = useTemplateRef("container");
     const logsContainer2 = useTemplateRef("logsContainer");
-    const pipContainer = useTemplateRef("pipContainer");
-    const pipContent2 = useTemplateRef("pipContent");
+    const popOutContainer = useTemplateRef("popOutContainer");
+    const popOutContent2 = useTemplateRef("popOutContent");
     const logsStore = useLogsStore();
     const ndvStore = useNDVStore();
+    const workflowsStore = useWorkflowsStore();
+    const workflowName = computed(() => workflowsStore.workflow.name);
     const {
       height,
       chatPanelWidth,
@@ -5987,7 +6037,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isPoppedOut,
       isCollapsingDetailsPanel,
       isOverviewPanelFullWidth,
-      pipWindow,
+      popOutWindow,
       onResize,
       onResizeEnd,
       onToggleOpen,
@@ -5996,7 +6046,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onChatPanelResizeEnd,
       onOverviewPanelResize,
       onOverviewPanelResizeEnd
-    } = useLogsPanelLayout(pipContainer, pipContent2, container2, logsContainer2);
+    } = useLogsPanelLayout(workflowName, popOutContainer, popOutContent2, container2, logsContainer2);
     const {
       currentSessionId,
       messages: messages2,
@@ -6067,25 +6117,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref_key: "pipContainer",
-        ref: pipContainer
+        ref_key: "popOutContainer",
+        ref: popOutContainer
       }, [
         (openBlock(), createBlock(_sfc_main$1, {
-          key: String(!!unref(pipWindow)),
+          key: String(!!unref(popOutWindow)),
           "key-map": keyMap.value,
           container: unref(container2)
         }, null, 8, ["key-map", "container"])),
         createBaseVNode("div", {
-          ref_key: "pipContent",
-          ref: pipContent2,
-          class: normalizeClass(_ctx.$style.pipContent)
+          ref_key: "popOutContent",
+          ref: popOutContent2,
+          class: normalizeClass([_ctx.$style.popOutContent, unref(isPoppedOut) ? _ctx.$style.poppedOut : ""])
         }, [
           createVNode(unref(N8nResizeWrapper), {
-            height: unref(height),
+            height: unref(isPoppedOut) ? void 0 : unref(height),
             "supported-directions": ["top"],
             "is-resizing-enabled": !unref(isPoppedOut),
             class: normalizeClass(_ctx.$style.resizeWrapper),
-            style: normalizeStyle({ height: unref(isOpen) ? `${unref(height)}px` : "auto" }),
+            style: normalizeStyle({ height: unref(isOpen) && !unref(isPoppedOut) ? `${unref(height)}px` : "auto" }),
             onResize: unref(onResize),
             onResizeend: unref(onResizeEnd)
           }, {
@@ -6103,13 +6153,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   width: unref(chatPanelWidth),
                   style: normalizeStyle({ width: `${unref(chatPanelWidth)}px` }),
                   class: normalizeClass(_ctx.$style.chat),
-                  window: unref(pipWindow),
+                  window: unref(popOutWindow),
                   onResize: unref(onChatPanelResize),
                   onResizeend: unref(onChatPanelResizeEnd)
                 }, {
                   default: withCtx(() => [
                     (openBlock(), createBlock(ChatMessagesPanel, {
-                      key: `canvas-chat-${unref(currentSessionId)}${unref(isPoppedOut) ? "-pip" : ""}`,
+                      key: `canvas-chat-${unref(currentSessionId)}${unref(isPoppedOut) ? "-pop-out" : ""}`,
                       "data-test-id": "canvas-chat",
                       "is-open": unref(isOpen),
                       "is-read-only": _ctx.isReadOnly,
@@ -6138,7 +6188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle({ width: isLogDetailsVisuallyOpen.value ? `${unref(overviewPanelWidth)}px` : "" }),
                     "supported-directions": ["right"],
                     "is-resizing-enabled": isLogDetailsOpen.value,
-                    window: unref(pipWindow),
+                    window: unref(popOutWindow),
                     onResize: unref(onOverviewPanelResize),
                     onResizeend: handleResizeOverviewPanelEnd
                   }, {
@@ -6172,7 +6222,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(_ctx.$style.logDetails),
                     "is-open": unref(isOpen),
                     "log-entry": unref(selected2),
-                    window: unref(pipWindow),
+                    window: unref(popOutWindow),
                     "latest-info": unref(latestNodeNameById)[unref(selected2).node.id],
                     panels: unref(logsStore).detailsState,
                     "collapsing-input-table-column-name": inputCollapsingColumnName.value,
@@ -6198,17 +6248,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const resizeWrapper = "_resizeWrapper_19m2p_124";
-const pipContent = "_pipContent_19m2p_129";
-const container = "_container_19m2p_143";
-const chat = "_chat_19m2p_152";
-const logsContainer = "_logsContainer_19m2p_156";
-const overviewResizer = "_overviewResizer_19m2p_166";
-const logsOverview = "_logsOverview_19m2p_174";
-const logsDetails = "_logsDetails_19m2p_178";
+const popOutContent = "_popOutContent_1xguj_123";
+const resizeWrapper = "_resizeWrapper_1xguj_129";
+const poppedOut = "_poppedOut_1xguj_136";
+const container = "_container_1xguj_140";
+const chat = "_chat_1xguj_149";
+const logsContainer = "_logsContainer_1xguj_153";
+const overviewResizer = "_overviewResizer_1xguj_163";
+const logsOverview = "_logsOverview_1xguj_171";
+const logsDetails = "_logsDetails_1xguj_175";
 const style0 = {
+  popOutContent,
   resizeWrapper,
-  pipContent,
+  poppedOut,
   container,
   chat,
   logsContainer,