n8n-editor-ui 1.94.0 → 1.95.1

package/dist/assets/{InsightsChartTimeSaved-Cw2T-Wvp.js → InsightsChartTimeSaved-a0ZHJvOs.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, q as computed, hz as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref, hD as index, hE as transformInsightsTimeSaved, hC as INSIGHTS_UNIT_MAPPING } from "./index-hdsPF3tl.js";
-import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-CuWcgqCr.js";
-import { L as Line } from "./index-vIybYvt3.js";
-import "./InsightsSummary-BcXd-3nU.js";
+import { d as defineComponent, q as computed, hK as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref, hO as index, hP as transformInsightsTimeSaved, hN as INSIGHTS_UNIT_MAPPING } from "./index-_seQOCga.js";
+import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-DfYWcl4K.js";
+import { L as Line } from "./index-CfI0yNPt.js";
+import "./InsightsSummary-DIq0mVug.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartTimeSaved",
   props: {

package/dist/assets/{InsightsChartTotal-DlF47gob.js → InsightsChartTotal-DnhgdxU2.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, fS as useCssVar, q as computed, hz as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref } from "./index-hdsPF3tl.js";
-import { g as generateBarChartOptions } from "./chartjs.utils-CuWcgqCr.js";
-import { B as Bar } from "./index-vIybYvt3.js";
-import "./InsightsSummary-BcXd-3nU.js";
+import { d as defineComponent, f_ as useCssVar, q as computed, hK as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref } from "./index-_seQOCga.js";
+import { g as generateBarChartOptions } from "./chartjs.utils-DfYWcl4K.js";
+import { B as Bar } from "./index-CfI0yNPt.js";
+import "./InsightsSummary-DIq0mVug.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartTotal",
   props: {

package/dist/assets/{InsightsDashboard-CxQ9H296.js → InsightsDashboard-DiHqZN8B.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-hRkAfeHz.js","assets/index-hdsPF3tl.js","assets/index-BA8d2DN9.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-DlF47gob.js","assets/chartjs.utils-CuWcgqCr.js","assets/InsightsSummary-BcXd-3nU.js","assets/InsightsSummary-DzGQpM5h.css","assets/index-vIybYvt3.js","assets/InsightsChartFailed-DMD3c7zM.js","assets/InsightsChartFailureRate-D_qeZo4f.js","assets/InsightsChartTimeSaved-Cw2T-Wvp.js","assets/InsightsChartAverageRuntime-JzBkV6Rc.js","assets/InsightsTableWorkflows-ybloXdDn.js","assets/InsightsTableWorkflows-DfTZQkWL.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, f4 as useModel, g0 as useInsightsStore, r as ref, gl as UNLICENSED_TIME_RANGE, g7 as TIME_RANGE_LABELS, e as createBlock, g as openBlock, w as withCtx, i as createElementBlock, F as Fragment, D as renderList, m as unref, em as _sfc_main$3, l as createTextVNode, f as createCommentVNode, t as toDisplayString, k as createBaseVNode, en as N8nSelect, q as computed, c as useI18n, j as createVNode, bf as N8nText, bh as N8nButton, gm as ElDialog, a6 as usePageRedirectionHelper, _ as _export_sfc, ca as defineAsyncComponent, X as watch, h as resolveComponent, n as normalizeClass, b7 as resolveDynamicComponent, ao as __vitePreload, ag as useTelemetry, gn as TELEMETRY_TIME_RANGE } from "./index-hdsPF3tl.js";
-import { I as InsightsSummary } from "./InsightsSummary-BcXd-3nU.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-98yScNiU.js","assets/index-_seQOCga.js","assets/index-DH8MNLw5.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-DnhgdxU2.js","assets/chartjs.utils-DfYWcl4K.js","assets/InsightsSummary-DIq0mVug.js","assets/InsightsSummary-DzGQpM5h.css","assets/index-CfI0yNPt.js","assets/InsightsChartFailed-Cjqry_WC.js","assets/InsightsChartFailureRate-aSk9cbfn.js","assets/InsightsChartTimeSaved-a0ZHJvOs.js","assets/InsightsChartAverageRuntime-tUrH-I32.js","assets/InsightsTableWorkflows-BAR1Wiln.js","assets/InsightsTableWorkflows-DfTZQkWL.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, cu as useModel, ga as useInsightsStore, r as ref, gw as UNLICENSED_TIME_RANGE, gi as TIME_RANGE_LABELS, e as createBlock, g as openBlock, w as withCtx, i as createElementBlock, F as Fragment, D as renderList, m as unref, fn as _sfc_main$3, l as createTextVNode, f as createCommentVNode, t as toDisplayString, k as createBaseVNode, fo as N8nSelect, q as computed, c as useI18n, j as createVNode, bf as N8nText, bh as N8nButton, gx as ElDialog, a6 as usePageRedirectionHelper, _ as _export_sfc, dj as defineAsyncComponent, X as watch, o as onMounted, a4 as useDocumentTitle, h as resolveComponent, n as normalizeClass, b7 as resolveDynamicComponent, ao as __vitePreload, ag as useTelemetry, gy as TELEMETRY_TIME_RANGE } from "./index-_seQOCga.js";
+import { I as InsightsSummary } from "./InsightsSummary-DIq0mVug.js";
 const _hoisted_1$2 = {
   key: 0,
   width: "16",
@@ -174,25 +174,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const InsightsPaywall = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsPaywall-hRkAfeHz.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsPaywall-98yScNiU.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const InsightsChartTotal = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTotal-DlF47gob.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTotal-DnhgdxU2.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailed = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailed-DMD3c7zM.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailed-Cjqry_WC.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailureRate = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailureRate-D_qeZo4f.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailureRate-aSk9cbfn.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartTimeSaved = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-Cw2T-Wvp.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-a0ZHJvOs.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartAverageRuntime = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-JzBkV6Rc.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-tUrH-I32.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
     );
     const InsightsTableWorkflows = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsTableWorkflows-ybloXdDn.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsTableWorkflows-BAR1Wiln.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
     );
     const props = __props;
     const i18n = useI18n();
@@ -256,6 +256,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
+    onMounted(() => {
+      useDocumentTitle().set(i18n.baseText("insights.heading"));
+    });
     return (_ctx, _cache) => {
       const _component_N8nHeading = resolveComponent("N8nHeading");
       const _component_N8nSpinner = resolveComponent("N8nSpinner");

package/dist/assets/{InsightsPaywall-hRkAfeHz.js → InsightsPaywall-98yScNiU.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a6 as usePageRedirectionHelper, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, n as normalizeClass, _ as _export_sfc } from "./index-hdsPF3tl.js";
+import { d as defineComponent, a6 as usePageRedirectionHelper, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, n as normalizeClass, _ as _export_sfc } from "./index-_seQOCga.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsPaywall",
   setup(__props) {

package/dist/assets/{InsightsSummary-BcXd-3nU.js → InsightsSummary-DIq0mVug.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, R as useRoute, Y as useCssModule, q as computed, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, k as createBaseVNode, F as Fragment, D as renderList, j as createVNode, w as withCtx, m as unref, l as createTextVNode, t as toDisplayString, n as normalizeClass, g7 as TIME_RANGE_LABELS, f as createCommentVNode, g8 as INSIGHT_IMPACT_TYPES, ag as useTelemetry, g9 as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-hdsPF3tl.js";
+import { d as defineComponent, R as useRoute, Y as useCssModule, q as computed, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, k as createBaseVNode, F as Fragment, D as renderList, j as createVNode, w as withCtx, m as unref, l as createTextVNode, t as toDisplayString, n as normalizeClass, gi as TIME_RANGE_LABELS, f as createCommentVNode, gj as INSIGHT_IMPACT_TYPES, ag as useTelemetry, gk as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-_seQOCga.js";
 const smartDecimal = (value, decimals = 2) => {
   if (Number.isInteger(value)) {
     return value;

package/dist/assets/{InsightsTableWorkflows-ybloXdDn.js → InsightsTableWorkflows-BAR1Wiln.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, f3 as mergeModels, q as computed, r as ref, c as useI18n, hB as transformInsightsFailureRate, hC as INSIGHTS_UNIT_MAPPING, hE as transformInsightsTimeSaved, hF as transformInsightsAverageRunTime, f4 as useModel, X as watch, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, e as createBlock, m as unref, aR as N8nTooltip, k as createBaseVNode, t as toDisplayString, F as Fragment, V as VIEWS, hG as N8nDataTableServer, ag as useTelemetry, _ as _export_sfc } from "./index-hdsPF3tl.js";
-import { s as smartDecimal } from "./InsightsSummary-BcXd-3nU.js";
+import { d as defineComponent, ct as mergeModels, q as computed, r as ref, c as useI18n, hM as transformInsightsFailureRate, hN as INSIGHTS_UNIT_MAPPING, hP as transformInsightsTimeSaved, hQ as transformInsightsAverageRunTime, cu as useModel, X as watch, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, e as createBlock, m as unref, aR as N8nTooltip, k as createBaseVNode, t as toDisplayString, F as Fragment, V as VIEWS, hR as N8nDataTableServer, ag as useTelemetry, _ as _export_sfc } from "./index-_seQOCga.js";
+import { s as smartDecimal } from "./InsightsSummary-DIq0mVug.js";
 const _hoisted_1 = { class: "ellipsis" };
 const _hoisted_2 = { class: "ellipsis" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/assets/{Logo-BGe7-2Vd.js → Logo-6AQBTlBb.js}

@@ -1,4 +1,4 @@
-import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, Y as useCssModule, aZ as useTemplateRef, o as onMounted, dC as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, x as renderSlot, m as unref, _ as _export_sfc } from "./index-hdsPF3tl.js";
+import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, Y as useCssModule, aZ as useTemplateRef, o as onMounted, eE as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, x as renderSlot, m as unref, _ as _export_sfc } from "./index-_seQOCga.js";
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",

package/dist/assets/{LogsPanel-DtTp6kY0.js → LogsPanel-D-jBkyS0.js}

@@ -1,7 +1,6 @@
-import { b1 as inject, b2 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, b3 as withModifiers, _ as _export_sfc, b4 as toRefs, r as ref, o as onMounted, n as normalizeClass, x as renderSlot, b5 as normalizeProps, b6 as guardReactiveProps, b7 as resolveDynamicComponent, b8 as mergeProps, F as Fragment, D as renderList, b9 as markdownLink, ba as useFileDialog, bb as chatEventBus, bc as onUnmounted, B as normalizeStyle, aA as withDirectives, bd as vModelText, be as withKeys, w as withCtx, X as watch, h as resolveComponent, l as createTextVNode, bf as N8nText, bg as useClipboard, a as useToast, p as useSettingsStore, c as useI18n$1, aR as N8nTooltip, bh as N8nButton, aT as _sfc_main$i, aV as createSlots, aJ as useStorage, a$ as watchEffect, y as onBeforeUnmount, G as useDebounce, bi as provide, bj as useProvideTooltipAppendTo, bk as IsInPiPWindowSymbol, bl as usePinnedData, ai as useMessage, aj as MODAL_CONFIRM, bm as v4, bn as getInputKey, bo as extractBotResponse, bp as isChatNode, bq as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, br as AI_SUBCATEGORY, bs as AI_CATEGORY_AGENTS, bt as AI_CATEGORY_CHAINS, bu as AI_CODE_NODE_TYPE, bv as getNodeInputs, bw as getConnectionTypes, bx as getNodeOutputs, by as NodeConnectionTypes, Q as useWorkflowsStore, bz as useNodeTypesStore, aY as useLogsStore, b as useRouter, bA as useNodeHelpers, bB as useRunWorkflow, bC as restoreChatHistory, V as VIEWS, aZ as useTemplateRef, bD as _sfc_main$k, bE as I18nT, bF as N8nIcon, bG as upperFirst, z as nextTick, bH as useVirtualList, bI as toRef, bJ as N8nRadioButtons, as as useNDVStore, aS as N8nLink, av as useLocalStorage, bK as LOG_DETAILS_PANEL_STATE, bL as KeyboardShortcutTooltip, b0 as N8nResizeWrapper, bM as useStyles, a_ as LOGS_PANEL_STATE, ag as useTelemetry, bN as Workflow, bO as useThrottleFn, bP as parse, bQ as ndvEventBus } from "./index-hdsPF3tl.js";
-import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-DFNEJves.js";
-import { H as HighlightJS, V as VueMarkdown, f as formatTokenUsageCount, _ as _sfc_main$j, g as getSubtreeTotalConsumedTokens, a as getTotalConsumedTokens, h as hasSubExecution, R as RunData, c as createLogTree, d as deepToRaw, m as mergeStartData, b as findSelectedLogEntry, e as getEntryAtRelativeIndex, i as getDepth, j as flattenLogEntries } from "./RunData-fnd-jejc.js";
-import { t as toTime, a as toDayMonth } from "./dateFormatter-LbucaaRt.js";
+import { b1 as inject, b2 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, b3 as withModifiers, _ as _export_sfc, b4 as toRefs, r as ref, o as onMounted, n as normalizeClass, x as renderSlot, b5 as normalizeProps, b6 as guardReactiveProps, b7 as resolveDynamicComponent, b8 as mergeProps, F as Fragment, D as renderList, b9 as markdownLink, ba as useFileDialog, bb as chatEventBus, bc as onUnmounted, B as normalizeStyle, aA as withDirectives, bd as vModelText, be as withKeys, w as withCtx, X as watch, h as resolveComponent, l as createTextVNode, bf as N8nText, bg as useClipboard, a as useToast, p as useSettingsStore, c as useI18n$1, aR as N8nTooltip, bh as N8nButton, aT as _sfc_main$i, aV as createSlots, aJ as useStorage, a$ as watchEffect, y as onBeforeUnmount, G as useDebounce, bi as provide, bj as useProvideTooltipAppendTo, bk as IsInPiPWindowSymbol, bl as usePinnedData, ai as useMessage, aj as MODAL_CONFIRM, bm as v4, bn as getInputKey, bo as extractBotResponse, bp as isChatNode, bq as CHAIN_SUMMARIZATION_LANGCHAIN_NODE_TYPE, br as AI_SUBCATEGORY, bs as AI_CATEGORY_AGENTS, bt as AI_CATEGORY_CHAINS, bu as AI_CODE_NODE_TYPE, bv as getNodeInputs, bw as getConnectionTypes, bx as getNodeOutputs, by as NodeConnectionTypes, Q as useWorkflowsStore, bz as useNodeTypesStore, aY as useLogsStore, b as useRouter, bA as useNodeHelpers, bB as useRunWorkflow, bC as restoreChatHistory, V as VIEWS, aZ as useTemplateRef, bD as useTimestamp, bE as toTime, bF as toDayMonth, bG as upperFirst, bH as _sfc_main$k, bI as I18nT, bJ as N8nIcon, z as nextTick, bK as useVirtualList, bL as toRef, bM as N8nRadioButtons, as as useNDVStore, bN as resolveDirective, aS as N8nLink, bO as waitingNodeTooltip, av as useLocalStorage, bP as LOG_DETAILS_PANEL_STATE, bQ as KeyboardShortcutTooltip, b0 as N8nResizeWrapper, bR as useStyles, bS as N8nActionDropdown, a_ as LOGS_PANEL_STATE, ag as useTelemetry, bT as Workflow, bU as useThrottleFn, bV as parse, H as useUIStore, $ as useCanvasStore, bW as ndvEventBus } from "./index-_seQOCga.js";
+import { u as useClearExecutionButtonVisible, c as canvasEventBus } from "./canvas-gKzWhb0Y.js";
+import { H as HighlightJS, V as VueMarkdown, f as formatTokenUsageCount, _ as _sfc_main$j, g as getSubtreeTotalConsumedTokens, a as getTotalConsumedTokens, h as hasSubExecution, R as RunData, c as createLogTree, d as deepToRaw, m as mergeStartData, b as findSelectedLogEntry, e as getEntryAtRelativeIndex, i as getDepth, j as findLogEntryRec, k as flattenLogEntries } from "./RunData-C_A8RvJy.js";
 function bash(hljs) {
   const regex = hljs.regex;
   const VAR = {};
@@ -4141,10 +4140,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const container2 = useTemplateRef("containerRef");
     const locale = useI18n$1();
+    const now = useTimestamp({ interval: 1e3 });
     const nodeTypeStore = useNodeTypesStore();
     const type = computed(() => nodeTypeStore.getNodeType(props.data.node.type));
     const isSettled = computed(
-      () => props.data.runData.executionStatus && ["crashed", "error", "success"].includes(props.data.runData.executionStatus)
+      () => props.data.runData.executionStatus && !["running", "waiting"].includes(props.data.runData.executionStatus)
     );
     const isError = computed(() => !!props.data.runData.error);
     const startedAtText = computed(() => {
@@ -4155,6 +4155,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }
       });
     });
+    const statusText = computed(() => upperFirst(props.data.runData.executionStatus));
+    const timeText = computed(
+      () => locale.displayTimer(
+        isSettled.value ? props.data.runData.executionTime : Math.floor((now.value - props.data.runData.startTime) / 1e3) * 1e3,
+        true
+      )
+    );
     const subtreeConsumedTokens = computed(
       () => props.shouldShowTokenCountColumn ? getSubtreeTotalConsumedTokens(props.data, false) : void 0
     );
@@ -4235,7 +4242,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             isSettled.value ? (openBlock(), createBlock(unref(I18nT), {
               key: 0,
-              keypath: "logs.overview.body.summaryText"
+              keypath: "logs.overview.body.summaryText.in"
             }, {
               status: withCtx(() => [
                 isError.value ? (openBlock(), createBlock(unref(N8nText), {
@@ -4249,19 +4256,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       icon: "exclamation-triangle",
                       class: normalizeClass(_ctx.$style.errorIcon)
                     }, null, 8, ["class"]),
-                    createTextVNode(toDisplayString(unref(upperFirst)(props.data.runData.executionStatus)), 1)
+                    createTextVNode(" " + toDisplayString(statusText.value), 1)
                   ]),
                   _: 1
                 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(unref(upperFirst)(props.data.runData.executionStatus)), 1)
+                  createTextVNode(toDisplayString(statusText.value), 1)
                 ], 64))
               ]),
               time: withCtx(() => [
-                createTextVNode(toDisplayString(unref(locale).displayTimer(props.data.runData.executionTime, true)), 1)
+                createTextVNode(toDisplayString(timeText.value), 1)
               ]),
               _: 1
             })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(unref(upperFirst)(props.data.runData.executionStatus)), 1)
+              createTextVNode(toDisplayString(unref(locale).baseText("logs.overview.body.summaryText.for", {
+                interpolate: { status: statusText.value, time: timeText.value }
+              })), 1)
             ], 64))
           ]),
           _: 1
@@ -4400,12 +4409,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
     status: {},
     consumedTokens: {},
+    startTime: {},
     timeTook: {}
   },
   setup(__props) {
     const locale = useI18n$1();
+    const now = useTimestamp({ interval: 1e3 });
     const executionStatusText = computed(
-      () => __props.timeTook === void 0 ? upperFirst(__props.status) : locale.baseText("logs.overview.body.summaryText", {
+      () => __props.status === "running" || __props.status === "waiting" ? locale.baseText("logs.overview.body.summaryText.for", {
+        interpolate: {
+          status: upperFirst(__props.status),
+          time: locale.displayTimer(Math.floor((now.value - __props.startTime) / 1e3) * 1e3, true)
+        }
+      }) : __props.timeTook === void 0 ? upperFirst(__props.status) : locale.baseText("logs.overview.body.summaryText.in", {
         interpolate: {
           status: upperFirst(__props.status),
           time: locale.displayTimer(__props.timeTook, true)
@@ -4569,8 +4585,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               class: normalizeClass(_ctx.$style.summary),
               status: _ctx.execution.status,
               "consumed-tokens": consumedTokens2.value,
+              "start-time": +new Date(_ctx.execution.startedAt),
               "time-took": _ctx.execution.startedAt && _ctx.execution.stoppedAt ? +new Date(_ctx.execution.stoppedAt) - +new Date(_ctx.execution.startedAt) : void 0
-            }, null, 8, ["class", "status", "consumed-tokens", "time-took"]),
+            }, null, 8, ["class", "status", "consumed-tokens", "start-time", "time-took"]),
             createBaseVNode("div", mergeProps({
               class: _ctx.$style.tree
             }, unref(virtualList).containerProps), [
@@ -4607,14 +4624,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$3 = "_container_acxst_123";
-const clearButton = "_clearButton_acxst_133";
-const content$1 = "_content_acxst_139";
-const empty = "_empty_acxst_148";
-const emptyText = "_emptyText_acxst_153";
-const summary = "_summary_acxst_158";
-const tree = "_tree_acxst_162";
-const switchViewButtons = "_switchViewButtons_acxst_169";
+const container$3 = "_container_fcgc7_123";
+const clearButton = "_clearButton_fcgc7_133";
+const content$1 = "_content_fcgc7_139";
+const empty = "_empty_fcgc7_148";
+const emptyText = "_emptyText_fcgc7_153";
+const summary = "_summary_fcgc7_158";
+const tree = "_tree_fcgc7_162";
+const switchViewButtons = "_switchViewButtons_fcgc7_170";
 const style0$4 = {
   container: container$3,
   clearButton,
@@ -4660,6 +4677,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         overrideOutputs: [source.previousNodeOutput ?? 0]
       };
     });
+    const isExecuting = computed(
+      () => __props.paneType === "output" && (__props.logEntry.runData.executionStatus === "running" || __props.logEntry.runData.executionStatus === "waiting")
+    );
     function handleClickOpenNdv() {
       ndvStore.setActiveNodeName(__props.logEntry.node.name);
     }
@@ -4667,6 +4687,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       displayMode.value = value;
     }
     return (_ctx, _cache) => {
+      const _directive_n8n_html = resolveDirective("n8n-html");
       return runDataProps.value ? (openBlock(), createBlock(RunData, mergeProps({ key: 0 }, runDataProps.value, {
         workflow: _ctx.logEntry.workflow,
         "workflow-execution": _ctx.logEntry.execution,
@@ -4681,6 +4702,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         "disable-hover-highlight": true,
         "display-mode": displayMode.value,
         "disable-ai-content": _ctx.logEntry.depth === 0,
+        "is-executing": isExecuting.value,
         "table-header-bg-color": "light",
         onDisplayModeChange: handleChangeDisplayMode
       }), createSlots({
@@ -4709,6 +4731,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ]),
+        "node-waiting": withCtx(() => [
+          createVNode(unref(N8nText), {
+            bold: true,
+            color: "text-dark",
+            size: "large"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(locale).baseText("ndv.output.waitNodeWaiting.title")), 1)
+            ]),
+            _: 1
+          }),
+          withDirectives(createVNode(unref(N8nText), null, null, 512), [
+            [_directive_n8n_html, unref(waitingNodeTooltip)(_ctx.logEntry.node)]
+          ])
+        ]),
         _: 2
       }, [
         isMultipleInput.value ? {
@@ -4736,7 +4773,7 @@ const _sfc_main$3 = /* @__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"])) : createCommentVNode("", true);
+      ]), 1040, ["workflow", "workflow-execution", "too-much-data-title", "no-data-in-branch-message", "executing-message", "pane-type", "display-mode", "disable-ai-content", "is-executing"])) : createCommentVNode("", true);
     };
   }
 });
@@ -4907,8 +4944,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(_ctx.$style.executionSummary),
                 status: _ctx.logEntry.runData.executionStatus ?? "unknown",
                 "consumed-tokens": consumedTokens2.value,
+                "start-time": _ctx.logEntry.runData.startTime,
                 "time-took": _ctx.logEntry.runData.executionTime
-              }, null, 8, ["class", "status", "consumed-tokens", "time-took"])) : createCommentVNode("", true)
+              }, null, 8, ["class", "status", "consumed-tokens", "start-time", "time-took"])) : createCommentVNode("", true)
             ], 2)
           ]),
           actions: withCtx(() => [
@@ -5036,10 +5074,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "LogsPanelActions",
   props: {
     isOpen: { type: Boolean },
+    isSyncSelectionEnabled: { type: Boolean },
     showToggleButton: { type: Boolean },
     showPopOutButton: { type: Boolean }
   },
-  emits: ["popOut", "toggleOpen"],
+  emits: ["popOut", "toggleOpen", "toggleSyncSelection"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const appStyles = useStyles();
@@ -5049,11 +5088,30 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const toggleButtonText = computed(
       () => locales.baseText(__props.isOpen ? "runData.panel.actions.collapse" : "runData.panel.actions.open")
     );
+    const menuItems = computed(() => [
+      {
+        id: "toggleSyncSelection",
+        label: locales.baseText("runData.panel.actions.sync"),
+        checked: __props.isSyncSelectionEnabled
+      },
+      ...__props.showPopOutButton ? [{ id: "popOut", label: popOutButtonText.value }] : []
+    ]);
+    function handleSelectMenuItem(selected2) {
+      switch (selected2) {
+        case "popOut":
+          emit(selected2);
+          return;
+        case "toggleSyncSelection":
+          emit(selected2);
+          return;
+      }
+    }
     return (_ctx, _cache) => {
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
-        _ctx.showPopOutButton ? (openBlock(), createBlock(unref(N8nTooltip), {
+        !_ctx.isOpen && _ctx.showPopOutButton ? (openBlock(), createBlock(_component_N8nTooltip, {
           key: 0,
           "z-index": tooltipZIndex.value,
           content: popOutButtonText.value
@@ -5061,7 +5119,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(unref(_sfc_main$i), {
               icon: "pop-out",
-              type: "secondary",
+              type: "tertiary",
+              text: "",
               size: "small",
               "icon-size": "medium",
               "aria-label": popOutButtonText.value,
@@ -5070,20 +5129,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["z-index", "content"])) : createCommentVNode("", true),
-        _ctx.showToggleButton ? (openBlock(), createBlock(KeyboardShortcutTooltip, {
+        _ctx.isOpen ? (openBlock(), createBlock(unref(N8nActionDropdown), {
           key: 1,
+          "icon-size": "small",
+          "activator-icon": "ellipsis-h",
+          "activator-size": "small",
+          items: menuItems.value,
+          teleported: false,
+          onSelect: handleSelectMenuItem
+        }, null, 8, ["items"])) : createCommentVNode("", true),
+        _ctx.showToggleButton ? (openBlock(), createBlock(KeyboardShortcutTooltip, {
+          key: 2,
           label: unref(locales).baseText("generic.shortcutHint"),
           shortcut: { keys: ["l"] },
           "z-index": tooltipZIndex.value
         }, {
           default: withCtx(() => [
             createVNode(unref(_sfc_main$i), {
-              type: "secondary",
+              type: "tertiary",
+              text: "",
               size: "small",
               "icon-size": "medium",
               icon: _ctx.isOpen ? "chevron-down" : "chevron-up",
               "aria-label": toggleButtonText.value,
-              style: { "color": "var(--color-text-base)" },
               onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("toggleOpen"), ["stop"]))
             }, null, 8, ["icon", "aria-label"])
           ]),
@@ -5093,7 +5161,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$1 = "_container_1qwjg_123";
+const container$1 = "_container_xdwf0_123";
 const style0$1 = {
   container: container$1
 };
@@ -5304,13 +5372,23 @@ function useLogsExecutionData() {
     loadSubExecution
   };
 }
-function useLogsSelection(execution, tree2, flatLogEntries) {
+function useLogsSelection(execution, tree2, flatLogEntries, toggleExpand) {
   const telemetry = useTelemetry();
   const manualLogEntrySelection = ref({ type: "initial" });
   const selected2 = computed(() => findSelectedLogEntry(manualLogEntrySelection.value, tree2.value));
+  const logsStore = useLogsStore();
+  const uiStore = useUIStore();
+  const canvasStore = useCanvasStore();
+  function syncSelectionToCanvasIfEnabled(value) {
+    if (!logsStore.isLogSelectionSyncedWithCanvas) {
+      return;
+    }
+    canvasEventBus.emit("nodes:select", { ids: [value.node.id], panIntoView: true });
+  }
   function select(value) {
     manualLogEntrySelection.value = value === void 0 ? { type: "none" } : { type: "selected", id: value.id };
     if (value) {
+      syncSelectionToCanvasIfEnabled(value);
       telemetry.track("User selected node in log view", {
         node_type: value.node.type,
         node_id: value.node.id,
@@ -5323,20 +5401,41 @@ function useLogsSelection(execution, tree2, flatLogEntries) {
   function selectPrev() {
     const entries = flatLogEntries.value;
     const prevEntry = selected2.value ? getEntryAtRelativeIndex(entries, selected2.value.id, -1) ?? entries[0] : entries[entries.length - 1];
-    select(prevEntry);
+    manualLogEntrySelection.value = { type: "selected", id: prevEntry.id };
+    syncSelectionToCanvasIfEnabled(prevEntry);
   }
   function selectNext() {
     const entries = flatLogEntries.value;
     const nextEntry = selected2.value ? getEntryAtRelativeIndex(entries, selected2.value.id, 1) ?? entries[entries.length - 1] : entries[0];
-    select(nextEntry);
+    manualLogEntrySelection.value = { type: "selected", id: nextEntry.id };
+    syncSelectionToCanvasIfEnabled(nextEntry);
   }
+  watch(
+    [() => uiStore.lastSelectedNode, () => logsStore.isLogSelectionSyncedWithCanvas],
+    ([selectedOnCanvas, shouldSync]) => {
+      if (!shouldSync || !selectedOnCanvas || canvasStore.hasRangeSelection || selected2.value?.node.name === selectedOnCanvas) {
+        return;
+      }
+      const entry = findLogEntryRec((e) => e.node.name === selectedOnCanvas, tree2.value);
+      if (!entry) {
+        return;
+      }
+      manualLogEntrySelection.value = { type: "selected", id: entry.id };
+      let parent = entry.parent;
+      while (parent !== void 0) {
+        toggleExpand(parent, true);
+        parent = parent.parent;
+      }
+    },
+    { immediate: true }
+  );
   return { selected: selected2, select, selectPrev, selectNext };
 }
 function useLogsTreeExpand(entries) {
   const collapsedEntries = ref({});
   const flatLogEntries = computed(() => flattenLogEntries(entries.value, collapsedEntries.value));
-  function toggleExpanded(treeNode) {
-    collapsedEntries.value[treeNode.id] = !collapsedEntries.value[treeNode.id];
+  function toggleExpanded(treeNode, expand) {
+    collapsedEntries.value[treeNode.id] = expand === void 0 ? !collapsedEntries.value[treeNode.id] : !expand;
   }
   return {
     flatLogEntries,
@@ -5388,7 +5487,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { selected: selected2, select, selectNext, selectPrev } = useLogsSelection(
       execution,
       entries,
-      flatLogEntries
+      flatLogEntries,
+      toggleExpanded
     );
     const isLogDetailsOpen = computed(() => isOpen.value && selected2.value !== void 0);
     const isLogDetailsVisuallyOpen = computed(
@@ -5396,10 +5496,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const logsPanelActionsProps = computed(() => ({
       isOpen: isOpen.value,
+      isSyncSelectionEnabled: logsStore.isLogSelectionSyncedWithCanvas,
       showToggleButton: !isPoppedOut.value,
       showPopOutButton: canPopOut.value && !isPoppedOut.value,
       onPopOut,
-      onToggleOpen
+      onToggleOpen,
+      onToggleSyncSelection: logsStore.toggleLogSelectionSync
     }));
     function handleResizeOverviewPanelEnd() {
       if (isOverviewPanelFullWidth.value) {

package/dist/assets/{LogsPanel-mTaFEGk_.css → LogsPanel-D7j-yJQx.css}

@@ -3250,7 +3250,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_acxst_123 {
+._container_fcgc7_123 {
   flex-grow: 1;
   flex-shrink: 1;
   display: flex;
@@ -3259,12 +3259,12 @@
   overflow: hidden;
   background-color: var(--color-foreground-xlight);
 }
-._clearButton_acxst_133 {
+._clearButton_fcgc7_133 {
   border: none;
   color: var(--color-text-light);
   gap: var(--spacing-5xs);
 }
-._content_acxst_139 {
+._content_fcgc7_139 {
   position: relative;
   flex-grow: 1;
   overflow: auto;
@@ -3273,24 +3273,25 @@
   align-items: stretch;
   justify-content: stretch;
 }
-._content_acxst_139._empty_acxst_148 {
+._content_fcgc7_139._empty_fcgc7_148 {
   align-items: center;
   justify-content: center;
 }
-._emptyText_acxst_153 {
+._emptyText_fcgc7_153 {
   max-width: 20em;
   text-align: center;
 }
-._summary_acxst_158 {
+._summary_fcgc7_158 {
   padding: var(--spacing-2xs);
 }
-._tree_acxst_162 {
+._tree_fcgc7_162 {
   padding: 0 var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs);
+  scroll-padding-block: var(--spacing-3xs);
 }
-._tree_acxst_162 .el-icon {
+._tree_fcgc7_162 .el-icon {
   display: none;
 }
-._switchViewButtons_acxst_169 {
+._switchViewButtons_fcgc7_170 {
   position: absolute;
   z-index: 10; /* higher than log entry rows background */
   right: 0;
@@ -3300,7 +3301,7 @@
   opacity: 0;
   transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
 }
-._content_acxst_139:hover ._switchViewButtons_acxst_169 {
+._content_fcgc7_139:hover ._switchViewButtons_fcgc7_170 {
   visibility: visible;
   opacity: 1;
 }/* BEM support Func
@@ -3720,12 +3721,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1qwjg_123 {
+._container_xdwf0_123 {
   display: flex;
 }
-._container_1qwjg_123 button {
-  border: none;
-  color: var(--color-text-light);
+._container_xdwf0_123 button:hover {
+  background-color: var(--color-background-base);
 }/* BEM support Func
  -------------------------- */
 /* Transition