n8n-editor-ui 1.115.1 → 1.116.0

package/dist/assets/{NodeDetailsViewV2-C0bp_zCD.js → NodeDetailsViewV2-DGkdo0vX.js}

@@ -1,14 +1,15 @@
-import { d as defineComponent, x as computed, c as useI18n, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, e as createBlock, f as createCommentVNode, cx as NodeIcon, k as unref, aI as InlineRename, C as N8nLink, w as withCtx, p as N8nText, l as createTextVNode, t as toDisplayString, N as N8nIcon, aa as N8nTooltip, ab as _sfc_main$3, _ as _export_sfc, r as ref, iN as LOCAL_STORAGE_NDV_PANEL_WIDTH, iO as toValue, h2 as useElementSize, a8 as watch, bD as toRef, d_ as jsonParse, a9 as resolveComponent, g_ as Draggable, a_ as useNDVStore, cm as useNodeHelpers, fa as storeToRefs, cj as usePinnedData, g4 as useWorkflowActivate, ae as useNodeTypesStore, Q as useUIStore, a2 as useWorkflowsStore, dm as useDeviceSupport, dn as useTelemetryContext, aH as useTemplateRef, iP as useNodeDocsUrl, io as getNodeOutputs, cc as NodeConnectionTypes, cq as START_NODE_TYPE, ip as EXECUTABLE_TRIGGER_NODE_TYPES, b2 as STICKY_NODE_TYPE, bY as useKeybindings, o as onMounted, ir as dataPinningEventBus, X as onBeforeUnmount, ap as normalizeStyle, cU as useStyles, iQ as getNodeIconSource, it as InputPanel, is as NodeSettings, aq as createEventBus, cT as N8nResizeWrapper, iu as APP_MODALS_ELEMENT_ID, bT as Teleport, al as useTelemetry, am as useMessage, an as MODAL_CONFIRM, b_ as useExternalHooks } from "./index-MTM6BbvW.js";
-import { N as NDVFloatingNodes, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-BS69Ky8P.js";
-import "./RunDataParsedAiContent-Bl49tvwG.js";
-import "./core-HZaYo_tU.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Bv40HGJu.js";
-import "./NodeView-B9LYqx2z.js";
-import "./global-link-actions-DdzlWwjw.js";
-import "./useExecutionDebugging-yUnwhnYk.js";
-import "./useBeforeUnload-DsbgbymL.js";
-import "./readyToRunWorkflows.store-nzu6XNAP.js";
-import "./InfoAccordion-BpibqNsS.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, j as createBaseVNode, n as normalizeClass, e as createBlock, f as createCommentVNode, c8 as NodeIcon, i as createVNode, k as unref, aI as InlineRename, c as useI18n, C as N8nLink, w as withCtx, p as N8nText, l as createTextVNode, t as toDisplayString, N as N8nIcon, aa as N8nTooltip, ab as _sfc_main$3, _ as _export_sfc, r as ref, x as computed, iY as LOCAL_STORAGE_NDV_PANEL_WIDTH, iZ as toValue, h6 as useElementSize, a8 as watch, cl as toRef, dd as jsonParse, h2 as Draggable, a_ as useNDVStore, bG as useNodeHelpers, ev as storeToRefs, bC as usePinnedData, fs as useWorkflowActivate, ae as useNodeTypesStore, Q as useUIStore, a2 as useWorkflowsStore, cB as useDeviceSupport, cC as useTelemetryContext, aH as useTemplateRef, i_ as useNodeDocsUrl, dy as getNodeOutputs, g8 as NodeConnectionTypes, bN as START_NODE_TYPE, iH as EXECUTABLE_TRIGGER_NODE_TYPES, b2 as STICKY_NODE_TYPE, bo as useKeybindings, o as onMounted, iJ as dataPinningEventBus, X as onBeforeUnmount, ap as normalizeStyle, ca as useStyles, i$ as getNodeIconSource, iL as InputPanel, iK as NodeSettings, aq as createEventBus, c9 as N8nResizeWrapper, iM as APP_MODALS_ELEMENT_ID, bi as Teleport, al as useTelemetry, am as useMessage, an as MODAL_CONFIRM, bs as useExternalHooks } from "./index-CW8ZBeS3.js";
+import { N as NDVFloatingNodes, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-DexAqK4Y.js";
+import "./useLogsTreeExpand-s-Y7s8m-.js";
+import "./AnimatedSpinner-Cr27l8Js.js";
+import "./RunDataParsedAiContent-BuF6D9QB.js";
+import "./core-DzD694JE.js";
+import "./NodeView-B8KEEH6t.js";
+import "./global-link-actions-DY3w9YDm.js";
+import "./useExecutionDebugging-C4qxdFPE.js";
+import "./useBeforeUnload-LctWPBl6.js";
+import "./readyToRunWorkflows.store-VC9XUBEb.js";
+import "./InfoAccordion-DZZQAfE2.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "NDVHeader",
   props: {
@@ -23,13 +24,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const i18n = useI18n();
     const emit = __emit;
-    const hasCustomName = computed(() => props.nodeName !== props.nodeTypeName);
-    const docsLabel2 = computed(() => {
-      if (!hasCustomName.value) {
-        return i18n.baseText("nodeSettings.docs");
-      }
-      return `${props.nodeTypeName} ${i18n.baseText("nodeSettings.docs")}`;
-    });
     function onRename(newNodeName) {
       emit("rename", newNodeName || props.nodeTypeName);
     }
@@ -57,9 +51,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "read-only": _ctx.readOnly,
               "onUpdate:modelValue": onRename
             }, null, 8, ["model-value", "placeholder", "read-only"])
-          ], 2),
+          ], 2)
+        ], 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.actions)
+        }, [
           _ctx.docsUrl ? (openBlock(), createBlock(unref(N8nLink), {
-            key: 1,
+            key: 0,
             theme: "text",
             target: "_blank",
             href: _ctx.docsUrl
@@ -73,7 +71,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   bold: ""
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(docsLabel2.value), 1)
+                    createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.docs")), 1)
                   ]),
                   _: 1
                 }),
@@ -81,45 +79,37 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ], 2)
             ]),
             _: 1
-          }, 8, ["href"])) : hasCustomName.value ? (openBlock(), createBlock(unref(N8nText), {
-            key: 2,
-            size: "small",
-            bold: ""
-          }, {
+          }, 8, ["href"])) : createCommentVNode("", true),
+          createVNode(unref(N8nTooltip), null, {
+            content: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.close.tooltip")), 1)
+            ]),
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.nodeTypeName), 1)
+              createVNode(unref(_sfc_main$3), {
+                icon: "x",
+                type: "tertiary",
+                text: "",
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+              })
             ]),
             _: 1
-          })) : createCommentVNode("", true)
-        ], 2),
-        createVNode(unref(N8nTooltip), null, {
-          content: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("ndv.close.tooltip")), 1)
-          ]),
-          default: withCtx(() => [
-            createVNode(unref(_sfc_main$3), {
-              icon: "x",
-              type: "tertiary",
-              onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-            })
-          ]),
-          _: 1
-        })
+          })
+        ], 2)
       ], 2);
     };
   }
 });
-const ndvHeader = "_ndvHeader_q9139_2";
-const content = "_content_q9139_12";
-const title = "_title_q9139_19";
-const subtitle = "_subtitle_q9139_24";
-const docsLabel = "_docsLabel_q9139_31";
-const icon = "_icon_q9139_36";
+const ndvHeader = "_ndvHeader_1e58b_2";
+const content = "_content_1e58b_12";
+const actions = "_actions_1e58b_19";
+const title = "_title_1e58b_34";
+const docsLabel = "_docsLabel_1e58b_39";
+const icon = "_icon_1e58b_44";
 const style0$2 = {
   ndvHeader,
   content,
+  actions,
   title,
-  subtitle,
   docsLabel,
   icon
 };
@@ -297,7 +287,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("dragstart");
     };
     return (_ctx, _cache) => {
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
       return openBlock(), createBlock(Draggable, {
         class: normalizeClass(_ctx.$style.dragContainer),
         type: "panel-resize",
@@ -311,16 +300,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           createBaseVNode("button", {
             class: normalizeClass([_ctx.$style.dragButton, { [_ctx.$style.dragging]: isDragging }])
           }, [
-            _ctx.canMoveLeft ? (openBlock(), createBlock(_component_FontAwesomeIcon, {
+            _ctx.canMoveLeft ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 0,
               class: normalizeClass(_ctx.$style.arrow),
               icon: "arrow-left"
             }, null, 8, ["class"])) : createCommentVNode("", true),
-            createVNode(_component_FontAwesomeIcon, {
+            createVNode(unref(N8nIcon), {
               class: normalizeClass(_ctx.$style.handle),
-              icon: "bars"
+              icon: "menu"
             }, null, 8, ["class"]),
-            _ctx.canMoveRight ? (openBlock(), createBlock(_component_FontAwesomeIcon, {
+            _ctx.canMoveRight ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 1,
               class: normalizeClass(_ctx.$style.arrow),
               icon: "arrow-right"
@@ -332,10 +321,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dragButton = "_dragButton_7p0lm_123";
-const arrow = "_arrow_7p0lm_138";
-const handle = "_handle_7p0lm_142";
-const dragging = "_dragging_7p0lm_146";
+const dragButton = "_dragButton_aofeu_123";
+const arrow = "_arrow_aofeu_138";
+const handle = "_handle_aofeu_142";
+const dragging = "_dragging_aofeu_146";
 const style0$1 = {
   dragButton,
   arrow,
@@ -1009,17 +998,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const backdrop = "_backdrop_14eho_123";
-const dialog = "_dialog_14eho_133";
-const container = "_container_14eho_147";
-const main = "_main_14eho_158";
-const column = "_column_14eho_168";
-const input = "_input_14eho_181";
-const output = "_output_14eho_182";
-const dataColumn = "_dataColumn_14eho_186";
-const header = "_header_14eho_190";
-const settings = "_settings_14eho_196";
-const draggable = "_draggable_14eho_201";
+const backdrop = "_backdrop_1gh2u_123";
+const dialog = "_dialog_1gh2u_133";
+const container = "_container_1gh2u_148";
+const main = "_main_1gh2u_159";
+const column = "_column_1gh2u_169";
+const input = "_input_1gh2u_182";
+const output = "_output_1gh2u_183";
+const dataColumn = "_dataColumn_1gh2u_187";
+const header = "_header_1gh2u_191";
+const settings = "_settings_1gh2u_197";
+const draggable = "_draggable_1gh2u_202";
 const style0 = {
   backdrop,
   dialog,

package/dist/assets/{NodeDetailsViewV2-J_3cfdea.css → NodeDetailsViewV2-bvXejqU_.css}

@@ -1,34 +1,40 @@
 
-._ndvHeader_q9139_2 {
+._ndvHeader_1e58b_2 {
 	width: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	gap: var(--spacing-2xs);
-	padding: var(--spacing-2xs);
-	background: var(--color-background-xlight);
+	gap: var(--spacing--2xs);
+	padding: var(--spacing--4xs);
+	background: var(--color--background--light-3);
 }
-._content_q9139_12 {
+._content_1e58b_12 {
 	display: flex;
-	align-items: flex-end;
-	gap: var(--spacing-2xs);
-	margin-left: var(--spacing-2xs);
-}
-._title_q9139_19 {
-	color: var(--color-text-dark);
-	font-size: var(--font-size-m);
+	align-items: center;
+	gap: var(--spacing--2xs);
+	margin-left: var(--spacing--2xs);
 }
-._subtitle_q9139_24 {
+._actions_1e58b_19 {
 	display: flex;
-	align-items: baseline;
-	gap: var(--spacing-2xs);
-	margin: 0;
+	align-items: center;
+	gap: var(--spacing--4xs);
+}
+._actions_1e58b_19 button:hover {
+	background-color: var(--color--background);
 }
-._docsLabel_q9139_31 {
+._actions_1e58b_19 > *:not(:last-child) {
+	border-right: var(--border);
+	padding-right: var(--spacing--2xs);
+}
+._title_1e58b_34 {
+	color: var(--color--text--shade-1);
+	font-size: var(--font-size--sm);
+}
+._docsLabel_1e58b_39 {
 	display: flex;
-	gap: var(--spacing-4xs);
+	gap: var(--spacing--4xs);
 }
-._icon_q9139_36 {
+._icon_1e58b_44 {
 	align-self: center;
 	z-index: 1;
 }
@@ -154,30 +160,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._dragButton_7p0lm_123 {
+._dragButton_aofeu_123 {
   cursor: ew-resize;
   border: none;
   outline: none;
-  background: var(--color-background-xlight);
+  background: var(--color--background--light-3);
   display: flex;
   align-items: baseline;
-  gap: var(--spacing-2xs);
-  padding: var(--spacing-4xs) var(--spacing-2xs) var(--spacing-4xs) var(--spacing-2xs);
-  color: var(--color-foreground-dark);
-  border: var(--border-base);
+  gap: var(--spacing--3xs);
+  padding: var(--spacing--4xs) var(--spacing--3xs) 0 var(--spacing--3xs);
+  color: var(--color--foreground--shade-1);
+  border: var(--border);
   border-bottom: none;
-  border-top-left-radius: var(--border-radius-base);
-  border-top-right-radius: var(--border-radius-base);
+  border-top-left-radius: var(--radius);
+  border-top-right-radius: var(--radius);
 }
-._dragButton_7p0lm_123 ._arrow_7p0lm_138 {
+._dragButton_aofeu_123 ._arrow_aofeu_138 {
   opacity: 0;
-  width: 7px;
+  width: 10px;
 }
-._dragButton_7p0lm_123 ._handle_7p0lm_142 {
+._dragButton_aofeu_123 ._handle_aofeu_142 {
   width: 11px;
   transform: rotate(90deg);
 }
-._dragButton_7p0lm_123:hover ._arrow_7p0lm_138, ._dragButton_7p0lm_123._dragging_7p0lm_146 ._arrow_7p0lm_138 {
+._dragButton_aofeu_123:hover ._arrow_aofeu_138, ._dragButton_aofeu_123._dragging_aofeu_146 ._arrow_aofeu_138 {
   opacity: 1;
 }/* BEM support Func
  -------------------------- */
@@ -301,7 +307,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._backdrop_14eho_123 {
+._backdrop_1gh2u_123 {
   position: absolute;
   z-index: var(--z-index-ndv);
   top: 0;
@@ -310,30 +316,31 @@
   bottom: 0;
   background-color: var(--color-dialog-overlay-background-dark);
 }
-._dialog_14eho_133 {
+._dialog_1gh2u_133 {
   position: absolute;
   z-index: var(--z-index-ndv);
-  width: calc(100% - var(--spacing-2xl));
-  height: calc(100% - var(--spacing-2xl));
-  top: var(--spacing-l);
-  left: var(--spacing-l);
+  width: calc(100% - var(--spacing--2xl));
+  height: calc(100% - var(--spacing--2xl));
+  top: var(--spacing--lg);
+  left: var(--spacing--lg);
   border: none;
   background: none;
   padding: 0;
   margin: 0;
   display: flex;
+  outline: none;
 }
-._container_14eho_147 {
+._container_1gh2u_148 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  background: var(--border-color-base);
-  border: var(--border-base);
-  border-radius: var(--border-radius-large);
-  color: var(--color-text-base);
+  background: var(--border-color);
+  border: var(--border);
+  border-radius: var(--radius--lg);
+  color: var(--color--text);
   min-width: 0;
 }
-._main_14eho_158 {
+._main_1gh2u_159 {
   width: 100%;
   flex-grow: 1;
   display: flex;
@@ -342,36 +349,36 @@
   min-height: 0;
   position: relative;
 }
-._column_14eho_168 {
+._column_1gh2u_169 {
   min-width: 0;
 }
-._column_14eho_168 + ._column_14eho_168 {
-  border-left: var(--border-base);
+._column_1gh2u_169 + ._column_1gh2u_169 {
+  border-left: var(--border);
 }
-._column_14eho_168:first-child > div {
-  border-bottom-left-radius: var(--border-radius-large);
+._column_1gh2u_169:first-child > div {
+  border-bottom-left-radius: var(--radius--lg);
 }
-._column_14eho_168:last-child {
-  border-bottom-right-radius: var(--border-radius-large);
+._column_1gh2u_169:last-child {
+  border-bottom-right-radius: var(--radius--lg);
 }
-._input_14eho_181,
-._output_14eho_182 {
+._input_1gh2u_182,
+._output_1gh2u_183 {
   min-width: 280px;
 }
-._dataColumn_14eho_186 {
+._dataColumn_1gh2u_187 {
   overflow-x: auto;
 }
-._header_14eho_190 {
-  border-bottom: var(--border-base);
-  border-top-left-radius: var(--border-radius-large);
-  border-top-right-radius: var(--border-radius-large);
+._header_1gh2u_191 {
+  border-bottom: var(--border);
+  border-top-left-radius: var(--radius--lg);
+  border-top-right-radius: var(--radius--lg);
 }
-._settings_14eho_196 {
+._settings_1gh2u_197 {
   overflow: hidden;
   flex-grow: 1;
 }
-._draggable_14eho_201 {
-  --draggable-height: 22px;
+._draggable_1gh2u_202 {
+  --draggable-height: 18px;
   position: absolute;
   top: calc(-1 * var(--draggable-height));
   left: 50%;