n8n-editor-ui 1.118.1 → 1.119.0

package/dist/assets/{index-D9KM9gTZ.css → index-C8erHZ_Y.css}

@@ -4133,9 +4133,9 @@ select {
   background-image: none;
   border-radius: var(--input--radius, var(--radius));
   border-top-left-radius: var(--input--radius--top-left, var(--input--radius, var(--radius)));
-  border-top-right-radius: var(--input-border-top-right-radius, var(--input--radius, var(--radius)));
+  border-top-right-radius: var(--input-triple--radius--top-right, var(--input--radius, var(--radius)));
   border-bottom-left-radius: var(--input--radius--bottom-left, var(--input--radius, var(--radius)));
-  border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input--radius, var(--radius)));
+  border-bottom-right-radius: var(--input-triple--radius--bottom-right, var(--input--radius, var(--radius)));
   -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
@@ -4260,9 +4260,9 @@ select {
   background-image: none;
   border-radius: var(--input--radius, var(--radius));
   border-top-left-radius: var(--input--radius--top-left, var(--input--radius, var(--radius)));
-  border-top-right-radius: var(--input-border-top-right-radius, var(--input--radius, var(--radius)));
+  border-top-right-radius: var(--input-triple--radius--top-right, var(--input--radius, var(--radius)));
   border-bottom-left-radius: var(--input--radius--bottom-left, var(--input--radius, var(--radius)));
-  border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input--radius, var(--radius)));
+  border-bottom-right-radius: var(--input-triple--radius--bottom-right, var(--input--radius, var(--radius)));
   border: var(--input--border-color, var(--border-color)) var(--input--border-style, var(--border-style)) var(--input--border-width, var(--border-width));
   border-right-color: var(--input--border-right-color, var(--input--border-color, var(--border-color)));
   border-bottom-color: var(--input--border-bottom-color, var(--input--border-color, var(--border-color)));
@@ -4465,9 +4465,9 @@ select {
   border: var(--input--border-color, var(--border-color)) var(--input--border-style, var(--border-style)) var(--input--border-width, var(--border-width));
   border-radius: var(--input--radius, var(--radius));
   border-top-left-radius: var(--input--radius--top-left, var(--input--radius, var(--radius)));
-  border-top-right-radius: var(--input-border-top-right-radius, var(--input--radius, var(--radius)));
+  border-top-right-radius: var(--input-triple--radius--top-right, var(--input--radius, var(--radius)));
   border-bottom-left-radius: var(--input--radius--bottom-left, var(--input--radius, var(--radius)));
-  border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input--radius, var(--radius)));
+  border-bottom-right-radius: var(--input-triple--radius--bottom-right, var(--input--radius, var(--radius)));
   border-right-color: var(--input--border-right-color, var(--input--border-color, var(--border-color)));
   border-bottom-color: var(--input--border-bottom-color, var(--input--border-color, var(--border-color)));
   padding: 0 10px;
@@ -14798,7 +14798,7 @@ body[data-theme=dark] .hljs-tag {
 
 #cm-tooltip-container {
   position: relative;
-  z-index: var(--z-index-codemirror-tooltip);
+  z-index: var(--codemirror-tooltip--z);
   max-width: 0;
   max-height: 0;
 }
@@ -15355,8 +15355,9 @@ body[data-theme=dark] .hljs-tag {
 }
 
 :root {
-  --header-height: 65;
-  --content-container-width: 1280px;
+  --header--height: 65;
+  --content-container--width: 1280px;
+  --banner--height: 48px;
 }
 
 .clickable {
@@ -15517,7 +15518,7 @@ body[data-theme=dark] .hljs-tag {
 .el-notification {
   border-radius: 4px;
   border: none;
-  margin-bottom: var(--toast-bottom-offset, 0);
+  margin-bottom: var(--toast--offset, 0);
 }
 .el-notification.whats-new-notification {
   bottom: var(--spacing--xs) !important;
@@ -15890,12 +15891,12 @@ body[data-theme=dark] .hljs-tag {
 /* BEM
  -------------------------- */
 /* Fade transition animations for issue list */
-.fade-enter-active[data-v-3b59dbb6],
-.fade-leave-active[data-v-3b59dbb6] {
+.fade-enter-active[data-v-a659b118],
+.fade-leave-active[data-v-a659b118] {
   transition: opacity 0.5s ease;
 }
-.fade-enter-from[data-v-3b59dbb6],
-.fade-leave-to[data-v-3b59dbb6] {
+.fade-enter-from[data-v-a659b118],
+.fade-leave-to[data-v-a659b118] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -16189,7 +16190,7 @@ body[data-theme=dark] .hljs-tag {
   color: var(--color--text);
   font-size: var(--font-size--2xs);
 }
-.wrapper[data-v-c5bdf047] {
+.wrapper[data-v-ace8d134] {
 	height: 100%;
 	width: 100%;
 }
@@ -16315,15 +16316,15 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._resizeWrapper_nn7zp_123 {
-  z-index: var(--z-index-ask-assistant-chat);
+._resizeWrapper_1ffdf_123 {
+  z-index: var(--ask-assistant-chat--z);
 }
-._wrapper_nn7zp_127 {
+._wrapper_1ffdf_127 {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-._assistantContent_nn7zp_133 {
+._assistantContent_1ffdf_133 {
   flex: 1;
   overflow: hidden;
 }/* BEM support Func
@@ -16448,27 +16449,27 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_xc7r2_123 {
+._container_1tr4s_123 {
   position: absolute;
   right: var(--spacing--sm);
-  bottom: var(--ask-assistant-floating-button-bottom-offset, --spacing--2xl);
-  z-index: var(--z-index-ask-assistant-floating-button);
+  bottom: var(--ask-assistant--floating-button--margin-bottom, --spacing--2xl);
+  z-index: var(--ask-assistant-floating-button--z);
 }
-._tooltip_xc7r2_130 {
+._tooltip_1tr4s_130 {
   min-width: 150px;
   max-width: 265px !important;
   line-height: normal;
 }
-._assistant_xc7r2_136 {
+._assistant_1tr4s_136 {
   font-size: var(--font-size--3xs);
   line-height: var(--spacing--sm);
   font-weight: var(--font-weight--bold);
   margin-top: var(--spacing--xs);
 }
-._assistant_xc7r2_136 > span {
+._assistant_1tr4s_136 > span {
   margin-left: var(--spacing--4xs);
 }
-._text_xc7r2_146 {
+._text_1tr4s_146 {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
@@ -16596,210 +16597,86 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._callout_otapo_123 {
-  height: calc(var(--header-height) * 1px);
-}
-._mainContent_otapo_127 {
-  display: flex;
-  gap: var(--spacing--4xs);
-}
-._keepSpace_otapo_132 {
-  padding: 5px 0;
-}
-._trailingContent_otapo_136 {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing--lg);
-}/* BEM support Func
- -------------------------- */
-/* Transition
--------------------------- */
-/* Color
--------------------------- */
-/* Link
--------------------------- */
-/* Border
--------------------------- */
-/* Outline
--------------------------- */
-/* Box shadow
--------------------------- */
-/* Fill
--------------------------- */
-/* Typography
--------------------------- */
-/* z-index
--------------------------- */
-/* Disable base
--------------------------- */
-/* Icon
--------------------------- */
-/* Checkbox
--------------------------- */
-/* Radio
--------------------------- */
-/* Select
--------------------------- */
-/* Alert
--------------------------- */
-/* MessageBox
--------------------------- */
-/* Message
--------------------------- */
-/* Notification
--------------------------- */
-/* Input
--------------------------- */
-/* Cascader
--------------------------- */
-/* Group
--------------------------- */
-/* Tab
--------------------------- */
-/* Button
--------------------------- */
-/* cascader
--------------------------- */
-/* Switch
--------------------------- */
-/* Dialog
--------------------------- */
-/* Table
--------------------------- */
-/* Pagination
--------------------------- */
-/* Popup
--------------------------- */
-/* Popover
--------------------------- */
-/* Tooltip
--------------------------- */
-/* Tag
--------------------------- */
-/* Tree
--------------------------- */
-/* Dropdown
--------------------------- */
-/* Badge
--------------------------- */
-/* Card
---------------------------*/
-/* Slider
---------------------------*/
-/* Steps
---------------------------*/
-/* Menu
---------------------------*/
-/* Rate
---------------------------*/
-/* DatePicker
---------------------------*/
-/* Loading
---------------------------*/
-/* Scrollbar
---------------------------*/
-/* Carousel
---------------------------*/
-/* Collapse
---------------------------*/
-/* Transfer
---------------------------*/
-/* Header
-  --------------------------*/
-/* Footer
---------------------------*/
-/* Main
---------------------------*/
-/* Timeline
---------------------------*/
-/* Backtop
---------------------------*/
-/* Link
---------------------------*/
-/* Calendar
---------------------------*/
-/* Form
--------------------------- */
-/* Avatar
---------------------------*/
-/* Break-point
---------------------------*/
-/* Break-points
- -------------------------- */
-/* Scrollbar
- -------------------------- */
-/* Placeholder
- -------------------------- */
-/* BEM
- -------------------------- */
-._content_a9eav_123 {
+._content_14odr_123 {
   display: flex;
   align-items: center;
   gap: var(--spacing--3xs);
 }
-._pipe_a9eav_129 {
+._pipe_14odr_129 {
   display: inline-block;
   font-size: var(--font-size--md);
   padding: 0 0 2px;
 }
-._progressBarDiv_a9eav_135 {
+._progressBarDiv_14odr_135 {
   display: flex;
   align-items: center;
 }
-._progressBar_a9eav_135 {
+._progressBar_14odr_135 {
   width: 62.4px;
   border: 0;
   height: 5px;
   border-radius: 20px;
   background-color: var(--color--foreground);
 }
-._progressBar_a9eav_135::-webkit-progress-bar {
+._progressBar_14odr_135::-webkit-progress-bar {
   width: 62.4px;
   border: 0;
   height: 5px;
   border-radius: 20px;
   background-color: var(--color--foreground);
 }
-._progressBar_a9eav_135::-moz-progress-bar {
+._progressBar_14odr_135::-moz-progress-bar {
   width: 62.4px;
   border: 0;
   height: 5px;
   border-radius: 20px;
   background-color: var(--color--foreground);
 }
-._progressBarSuccess_a9eav_164::-moz-progress-bar {
+._progressBarSuccess_14odr_164::-moz-progress-bar {
   background: var(--color--foreground--shade-2);
   border-radius: 20px;
 }
-._progressBarSuccess_a9eav_164::-webkit-progress-value {
+._progressBarSuccess_14odr_164::-webkit-progress-value {
   background: var(--color--foreground--shade-2);
   border-radius: 20px;
 }
-._progressBarDanger_a9eav_174::-webkit-progress-value {
+._progressBarDanger_14odr_174::-webkit-progress-value {
   background: var(--color--danger);
   border-radius: 20px;
 }
-._progressBarDanger_a9eav_174::-moz-progress-bar {
+._progressBarDanger_14odr_174::-moz-progress-bar {
   background: var(--color--danger);
 }
-._usageText_a9eav_183 {
+._usageText_14odr_183 {
   margin-left: var(--spacing--sm);
   margin-right: var(--spacing--sm);
   margin-top: var(--spacing--xs);
   line-height: var(--spacing--xs);
 }
-._usageCounter_a9eav_190 {
+._usageCounter_14odr_190 {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   font-size: var(--font-size--3xs);
 }
-._danger_a9eav_198 {
+._danger_14odr_198 {
   color: var(--color--danger);
 }
-._executionsCountSection_a9eav_202 {
+._executionsCountSection_14odr_202 {
   margin-left: var(--spacing--xs);
+}
+._trailingContentWrapper_14odr_206 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing--2xs);
+}
+._dynamicBanner_14odr_212 {
+  color: var(--color--foreground--tint-2);
+  border: none;
+  background: var(--color--foreground--shade-2);
+  border-radius: var(--radius);
+  padding: var(--spacing--5xs) var(--spacing--3xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -18036,24 +17913,24 @@ body[data-theme=dark] .hljs-tag {
   margin-top: var(--spacing--2xs);
 }
 /* Use deep selector to access internal scroll container in N8nDataTableServer */
-[data-v-36eb6310] .n8n-data-table-server-wrapper .table-scroll {
+[data-v-c38bafc6] .n8n-data-table-server-wrapper .table-scroll {
 	max-height: 275px;
 	overflow-y: auto;
 	overflow-x: hidden;
 }
-.status[data-v-36eb6310] {
+.status[data-v-c38bafc6] {
 	border-style: solid;
 	border-width: var(--border-width);
 	padding: var(--spacing--4xs);
 	border-radius: var(--radius);
 }
-.active[data-v-36eb6310] {
+.active[data-v-c38bafc6] {
 	color: var(--color--primary);
 }
-.inactive[data-v-36eb6310] {
+.inactive[data-v-c38bafc6] {
 	color: var(--color--text--tint-1);
 }
-.ellipsis[data-v-36eb6310] {
+.ellipsis[data-v-c38bafc6] {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -18062,7 +17939,7 @@ body[data-theme=dark] .hljs-tag {
 	width: fit-content;
 	max-width: 100%;
 }
-.cardBadge[data-v-36eb6310] {
+.cardBadge[data-v-c38bafc6] {
 	margin-right: auto;
 	width: -moz-fit-content;
 	width: fit-content;
@@ -19265,28 +19142,28 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._googleAuthBtn_1tor9_123 {
-  --google-auth-btn-height: 46px;
+._googleAuthBtn_1ja0c_123 {
+  --google-auth-btn--height: 46px;
   cursor: pointer;
   border: none;
   padding: 0;
-  background-image: var(--google-auth-btn-normal);
+  background-image: var(--google-auth-btn--color--background--normal);
   background-repeat: no-repeat;
   background-color: transparent;
   background-size: 100% 100%;
   border-radius: 4px;
-  height: var(--google-auth-btn-height);
-  width: calc(var(--google-auth-btn-height) * 4.15217391);
+  height: var(--google-auth-btn--height);
+  width: calc(var(--google-auth-btn--height) * 4.15217391);
 }
-._googleAuthBtn_1tor9_123:focus, ._googleAuthBtn_1tor9_123:hover {
+._googleAuthBtn_1ja0c_123:focus, ._googleAuthBtn_1ja0c_123:hover {
   outline: none;
-  background-image: var(--google-auth-btn-focus);
+  background-image: var(--google-auth-btn--color--background--focus);
 }
-._googleAuthBtn_1tor9_123:active {
-  background-image: var(--google-auth-btn-pressed);
+._googleAuthBtn_1ja0c_123:active {
+  background-image: var(--google-auth-btn--color--background--pressed);
 }
-._googleAuthBtn_1tor9_123:disabled {
-  background-image: var(--google-auth-btn-disabled);
+._googleAuthBtn_1ja0c_123:disabled {
+  background-image: var(--google-auth-btn--color--background--disabled);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -19933,64 +19810,64 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._credentialModal_1j8ec_123 {
-  --dialog-max-width: 1200px;
+._credentialModal_qzlbd_123 {
+  --dialog--max-width: 1200px;
   --dialog--close--spacing--top: 31px;
-  --dialog-max-height: 750px;
+  --dialog--max-height: 750px;
 }
-._credentialModal_1j8ec_123 .el-dialog__header {
+._credentialModal_qzlbd_123 .el-dialog__header {
   padding-bottom: 0;
   border-bottom: var(--border);
 }
-._credentialModal_1j8ec_123 .el-dialog__body {
+._credentialModal_qzlbd_123 .el-dialog__body {
   padding-top: var(--spacing--lg);
   position: relative;
 }
-._mainContent_1j8ec_137 {
+._mainContent_qzlbd_137 {
   flex: 1;
   overflow: auto;
   padding-bottom: 100px;
 }
-._credName_1j8ec_143 {
+._credName_qzlbd_143 {
   display: flex;
   width: 100%;
   flex-direction: column;
   gap: var(--spacing--4xs);
 }
-._sidebar_1j8ec_150 {
+._sidebar_qzlbd_150 {
   max-width: 170px;
   min-width: 170px;
   margin-right: var(--spacing--lg);
   flex-grow: 1;
 }
-._sidebar_1j8ec_150 ul {
+._sidebar_qzlbd_150 ul {
   padding: 0 !important;
 }
-._header_1j8ec_160 {
+._header_qzlbd_160 {
   display: flex;
 }
-._container_1j8ec_164 {
+._container_qzlbd_164 {
   display: flex;
   height: 100%;
 }
-._credInfo_1j8ec_169 {
+._credInfo_qzlbd_169 {
   display: flex;
   align-items: center;
   flex-direction: row;
   flex-grow: 1;
   margin-bottom: var(--spacing--lg);
 }
-._credActions_1j8ec_177 {
+._credActions_qzlbd_177 {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-right: var(--spacing--xl);
   margin-bottom: var(--spacing--lg);
 }
-._credActions_1j8ec_177 > * {
+._credActions_qzlbd_177 > * {
   margin-left: var(--spacing--2xs);
 }
-._credIcon_1j8ec_188 {
+._credIcon_qzlbd_188 {
   display: flex;
   align-items: center;
   margin-right: var(--spacing--xs);
@@ -22712,30 +22589,30 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._eventListCard_1g8cw_123 {
+._eventListCard_17kwo_123 {
   margin-left: 1em;
 }
-._eventList_1g8cw_123 {
+._eventList_17kwo_123 {
   height: auto;
   overflow-y: auto;
   padding: 0;
   margin: 0;
   list-style: none;
 }
-._eventList_1g8cw_123 ._eventListItem_1g8cw_135 {
+._eventList_17kwo_123 ._eventListItem_17kwo_135 {
   display: flex;
   align-items: center;
   justify-content: left;
   margin: 10px;
-  color: var(--el-color-primary);
+  color: var(--color--primary);
 }
-._eventListItemDisabled_1g8cw_143 > label > span > span {
+._eventListItemDisabled_17kwo_143 > label > span > span {
   background-color: transparent !important;
 }
-._eventListItemDisabled_1g8cw_143 > label > span > span:after {
+._eventListItemDisabled_17kwo_143 > label > span > span:after {
   border-color: rgb(54, 54, 54) !important;
 }
-._eventList_1g8cw_123 ._eventListItem_1g8cw_135 + ._listItem_1g8cw_150 {
+._eventList_17kwo_123 ._eventListItem_17kwo_135 + ._listItem_17kwo_150 {
   margin-top: 10px;
 }/* BEM support Func
  -------------------------- */
@@ -23668,7 +23545,7 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-.tags-header[data-v-210ea652] {
+.tags-header[data-v-02364ed2] {
   margin-bottom: 15px;
 }/* BEM support Func
  -------------------------- */
@@ -23947,12 +23824,12 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-697d105c],
-.fade-leave-active[data-v-697d105c] {
+.fade-enter-active[data-v-17987132],
+.fade-leave-active[data-v-17987132] {
   transition: opacity 0.2s;
 }
-.fade-enter[data-v-697d105c],
-.fade-leave-to[data-v-697d105c] {
+.fade-enter[data-v-17987132],
+.fade-leave-to[data-v-17987132] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -24203,18 +24080,18 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.notags[data-v-cc10eaa1] {
+.notags[data-v-f3a701a0] {
   word-break: normal;
   text-align: center;
 }
-.notags[data-v-cc10eaa1] > * {
+.notags[data-v-f3a701a0] > * {
   margin-bottom: 32px;
 }
-.icon[data-v-cc10eaa1] {
+.icon[data-v-f3a701a0] {
   font-size: 36px;
   line-height: 14px;
 }
-.description[data-v-cc10eaa1] {
+.description[data-v-f3a701a0] {
   font-size: 14px;
   line-height: 21px;
 }/* BEM support Func
@@ -25685,7 +25562,7 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   border-top: 1px solid var(--color--foreground);
 }
 ._diffBadge_osfae_2 {
-	background-color: var(--7d406fae);
+	background-color: var(--2f23a409);
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
@@ -25820,29 +25697,32 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
 /* BEM
  -------------------------- */
 /* Diff colors are now centralized in @n8n/design-system tokens */
-._codeDiff_it86q_124.code-diff-view {
+._codeDiff_itzsi_124.code-diff-view {
   height: 100%;
   margin: 0;
   border: none;
   border-radius: 0;
 }
-._codeDiff_it86q_124.code-diff-view .blob-num {
+._codeDiff_itzsi_124.code-diff-view .blob-num {
   display: none;
 }
-._codeDiff_it86q_124.code-diff-view[theme="dark"] {
+._codeDiff_itzsi_124.code-diff-view[theme="dark"] {
+  /* stylelint-disable-next-line @n8n/css-var-naming */
   --fgColor-default: var(--color--text--shade-1);
+  /* stylelint-disable-next-line @n8n/css-var-naming */
   --bgColor-default: var(--color--background--light-2);
+  /* stylelint-disable-next-line @n8n/css-var-naming */
   --color-fg-subtle: var(--color--text--tint-1);
-  --color-diff-blob-deletion-num-bg: var(--diff--color--deleted--light);
-  --color-diff-blob-deletion-num-text: var(--color--text--tint-3);
-  --color-danger-emphasis: var(--diff--color--deleted);
-  --color-diff-blob-addition-num-text: var(--color--text--tint-3);
-  --color-diff-blob-addition-num-bg: var(--diff--color--new--light);
-  --color-success-emphasis: var(--diff--color--new);
-  --color-diff-blob-hunk-num-bg: var(--color--background--shade-1);
-}
-._codeDiff_it86q_124.code-diff-view[theme="dark"] .blob-code-hunk {
-  background-color: var(--color-diff-blob-hunk-num-bg);
+  --diff--blob--deletion-num--color--background: var(--diff--color--deleted--light);
+  --diff--blob--deletion-num--color--text: var(--color--text--tint-3);
+  --diff--color--danger--emphasis: var(--diff--color--deleted);
+  --diff--blob--addition-num--color--text: var(--color--text--tint-3);
+  --diff--blob--addition-num--color--background: var(--diff--color--new--light);
+  --diff--color--success--emphasis: var(--diff--color--new);
+  --diff--blob--hunk-num--color--background: var(--color--background--shade-1);
+}
+._codeDiff_itzsi_124.code-diff-view[theme="dark"] .blob-code-hunk {
+  background-color: var(--diff--blob--hunk-num--color--background);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -25966,7 +25846,7 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
 /* BEM
  -------------------------- */
 ._workflowDiffAside_z1r3u_123 {
-  width: calc(var(--389f8962) * 1px);
+  width: calc(var(--3eb5ea38) * 1px);
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -26101,20 +25981,20 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
 /* BEM
  -------------------------- */
 /* Diff colors are now centralized in @n8n/design-system tokens */
-._workflowDiffModal_1h4fi_124 {
+._workflowDiffModal_1tkg3_124 {
   margin-bottom: 0;
   border-radius: 0;
 }
-._workflowDiffModal_1h4fi_124 .el-dialog__body {
+._workflowDiffModal_1tkg3_124 .el-dialog__body {
   padding: 0;
 }
-._workflowDiffModal_1h4fi_124 .el-dialog__header {
+._workflowDiffModal_1tkg3_124 .el-dialog__header {
   padding: 11px 16px;
 }
-._workflowDiffModal_1h4fi_124 .el-dialog__headerbtn {
+._workflowDiffModal_1tkg3_124 .el-dialog__headerbtn {
   display: none;
 }
-._sourceBadge_1h4fi_138 {
+._sourceBadge_1tkg3_138 {
   position: absolute;
   top: 12px;
   left: 12px;
@@ -26129,41 +26009,41 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   gap: 8px;
   align-self: stretch;
 }
-._tabs_1h4fi_154 {
+._tabs_1tkg3_154 {
   display: flex;
   flex-direction: row;
 }
-._tabs_1h4fi_154 .n8n-radio-button {
+._tabs_1tkg3_154 .n8n-radio-button {
   flex: 1;
 }
-._tabs_1h4fi_154 .n8n-radio-button > div {
+._tabs_1tkg3_154 .n8n-radio-button > div {
   justify-content: center;
 }
-._popper_1h4fi_165 {
+._popper_1tkg3_165 {
   box-shadow: 0 6px 16px 0 rgba(68, 28, 23, 0.06);
 }
-._popper_1h4fi_165 .el-popper__arrow {
+._popper_1tkg3_165 .el-popper__arrow {
   display: none;
 }
-._changes_1h4fi_172 > li {
+._changes_1tkg3_172 > li {
   display: flex;
   align-items: flex-start;
   gap: var(--spacing--2xs);
   padding: 10px 0 var(--spacing--3xs) var(--spacing--2xs);
 }
-._changes_1h4fi_172 > li > div {
+._changes_1tkg3_172 > li > div {
   min-width: 0;
 }
-._changes_1h4fi_172 > li ._clickableChange_1h4fi_181 {
+._changes_1tkg3_172 > li ._clickableChange_1tkg3_181 {
   padding: var(--spacing--3xs) var(--spacing--xs) var(--spacing--3xs) 0;
   margin-left: -4px;
 }
-._changes_1h4fi_172 ._changesNested_1h4fi_185 {
+._changes_1tkg3_172 ._changesNested_1tkg3_185 {
   margin-top: -3px;
   width: 100%;
   min-width: 0;
 }
-._clickableChange_1h4fi_181 {
+._clickableChange_1tkg3_181 {
   display: flex;
   align-items: flex-start;
   gap: var(--spacing--2xs);
@@ -26174,20 +26054,20 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   min-width: 0;
   transition: background-color 0.2s ease;
 }
-._clickableChange_1h4fi_181:hover {
+._clickableChange_1tkg3_181:hover {
   background-color: var(--color--background--light-3);
 }
-._clickableChangeActive_1h4fi_206 {
+._clickableChangeActive_1tkg3_206 {
   background-color: var(--color--background--light-3);
 }
-._nodeName_1h4fi_210 {
+._nodeName_1tkg3_210 {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
 }
-._separator_1h4fi_218 {
+._separator_1tkg3_218 {
   width: 1px;
   height: 10px;
   background-color: var(--color--foreground--shade-2);
@@ -26195,14 +26075,14 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   position: relative;
   z-index: 1;
 }
-._deleted_1h4fi_227,
-._added_1h4fi_228,
-._modified_1h4fi_229 {
+._deleted_1tkg3_227,
+._added_1tkg3_228,
+._modified_1tkg3_229 {
   position: relative;
 }
-._deleted_1h4fi_227::before,
-._added_1h4fi_228::before,
-._modified_1h4fi_229::before {
+._deleted_1tkg3_227::before,
+._added_1tkg3_228::before,
+._modified_1tkg3_229::before {
   position: absolute;
   top: 0;
   left: 50%;
@@ -26219,92 +26099,92 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   justify-content: center;
   align-items: center;
 }
-._deleted_1h4fi_227 {
-  --canvas-node--background: var(--diff--color--deleted--faint);
+._deleted_1tkg3_227 {
+  --canvas-node--color--background: var(--diff--color--deleted--faint);
   --canvas-node--border-color: var(--diff--color--deleted);
   --sticky--color--background: var(--diff--color--deleted--faint);
   --sticky--border-color: var(--diff--color--deleted);
   /* Ensure disabled nodes still show diff border color */
 }
-._deleted_1h4fi_227::before {
+._deleted_1tkg3_227::before {
   content: "D";
   background-color: var(--diff--color--deleted);
 }
-._deleted_1h4fi_227 .canvas-node-handle-main-output > div:empty {
+._deleted_1tkg3_227 .canvas-node-handle-main-output > div:empty {
   background-color: var(--diff--color--deleted);
 }
-._deleted_1h4fi_227 .canvas-node-handle-main-input .target {
+._deleted_1tkg3_227 .canvas-node-handle-main-input .target {
   background-color: var(--diff--color--deleted);
 }
-._deleted_1h4fi_227 [class*="disabled"] {
+._deleted_1tkg3_227 [class*="disabled"] {
   --canvas-node--border-color: var(--diff--color--deleted) !important;
 }
-._added_1h4fi_228 {
+._added_1tkg3_228 {
   --canvas-node--border-color: var(--diff--color--new);
-  --canvas-node--background: var(--diff--color--new--faint);
+  --canvas-node--color--background: var(--diff--color--new--faint);
   --sticky--color--background: var(--diff--color--new--faint);
   --sticky--border-color: var(--diff--color--new);
   position: relative;
   /* Ensure disabled nodes still show diff border color */
 }
-._added_1h4fi_228::before {
+._added_1tkg3_228::before {
   content: "N";
   background-color: var(--diff--color--new);
 }
-._added_1h4fi_228 .canvas-node-handle-main-output > div:empty {
+._added_1tkg3_228 .canvas-node-handle-main-output > div:empty {
   background-color: var(--diff--color--new);
 }
-._added_1h4fi_228 .canvas-node-handle-main-input .target {
+._added_1tkg3_228 .canvas-node-handle-main-input .target {
   background-color: var(--diff--color--new);
 }
-._added_1h4fi_228 [class*="disabled"] {
+._added_1tkg3_228 [class*="disabled"] {
   --canvas-node--border-color: var(--diff--color--new) !important;
 }
-._equal_1h4fi_295 {
+._equal_1tkg3_295 {
   opacity: 0.5;
   position: relative;
   pointer-events: none;
   cursor: default;
   --sticky--color--background: rgba(126, 129, 134, 0.2);
-  --canvas-node-icon-color: var(--color--foreground--shade-2);
+  --canvas-node--icon-color: var(--color--foreground--shade-2);
   --sticky--border-color: var(--color--foreground--shade-2);
 }
-._equal_1h4fi_295:deep(img) {
+._equal_1tkg3_295:deep(img) {
   filter: contrast(0) grayscale(100%);
 }
-._modified_1h4fi_229 {
+._modified_1tkg3_229 {
   --canvas-node--border-color: var(--diff--color--modified);
-  --canvas-node--background: var(--diff--color--modified--faint);
+  --canvas-node--color--background: var(--diff--color--modified--faint);
   --sticky--color--background: var(--diff--color--modified--faint);
   --sticky--border-color: var(--diff--color--modified);
   position: relative;
   /* Ensure disabled nodes still show diff border color */
 }
-._modified_1h4fi_229::before {
+._modified_1tkg3_229::before {
   content: "M";
   background-color: var(--diff--color--modified);
 }
-._modified_1h4fi_229 .canvas-node-handle-main-output > div:empty {
+._modified_1tkg3_229 .canvas-node-handle-main-output > div:empty {
   background-color: var(--diff--color--modified);
 }
-._modified_1h4fi_229 .canvas-node-handle-main-input .target {
+._modified_1tkg3_229 .canvas-node-handle-main-input .target {
   background-color: var(--diff--color--modified);
 }
-._modified_1h4fi_229 [class*="disabled"] {
+._modified_1tkg3_229 [class*="disabled"] {
   --canvas-node--border-color: var(--diff--color--modified) !important;
 }
-._edge-deleted_1h4fi_330 {
-  --canvas-edge-color: var(--diff--color--deleted);
-  --edge-highlight-color: var(--diff--color--deleted--light);
+._edge-deleted_1tkg3_330 {
+  --canvas-edge--color: var(--diff--color--deleted);
+  --edge--color--highlight: var(--diff--color--deleted--light);
 }
-._edge-added_1h4fi_335 {
-  --canvas-edge-color: var(--diff--color--new);
-  --edge-highlight-color: var(--diff--color--new--light);
+._edge-added_1tkg3_335 {
+  --canvas-edge--color: var(--diff--color--new);
+  --edge--color--highlight: var(--diff--color--new--light);
 }
-._edge-equal_1h4fi_340 {
+._edge-equal_1tkg3_340 {
   opacity: 0.5;
 }
-._circleBadge_1h4fi_344 {
+._circleBadge_1tkg3_344 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -26317,11 +26197,11 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   font-weight: bold;
   line-height: 1;
 }
-._dropdownContent_1h4fi_358 {
+._dropdownContent_1tkg3_358 {
   min-width: 320px;
   padding: 0 12px;
 }
-._dropdownContent_1h4fi_358 ul {
+._dropdownContent_1tkg3_358 ul {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -26329,54 +26209,54 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   overflow-x: hidden;
   overflow-y: auto;
 }
-._dropdownContent_1h4fi_358 ._noNumberDiff_1h4fi_370 {
+._dropdownContent_1tkg3_358 ._noNumberDiff_1tkg3_370 {
   min-height: 41px;
   margin: 0 12px 10px 0;
   overflow: hidden;
 }
-._dropdownContent_1h4fi_358 ._noNumberDiff_1h4fi_370 .blob-num {
+._dropdownContent_1tkg3_358 ._noNumberDiff_1tkg3_370 .blob-num {
   display: none;
 }
-._workflowDiffContent_1h4fi_379 {
+._workflowDiffContent_1tkg3_379 {
   display: flex;
   height: 100%;
 }
-._workflowDiff_1h4fi_124 {
+._workflowDiff_1tkg3_124 {
   display: flex;
   flex-direction: column;
   height: 100%;
   flex: 1;
 }
-._workflowDiffPanel_1h4fi_391 {
+._workflowDiffPanel_1tkg3_391 {
   flex: 1;
   position: relative;
   border-top: 1px solid var(--color--foreground);
 }
-._emptyWorkflow_1h4fi_397 {
+._emptyWorkflow_1tkg3_397 {
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
-._header_1h4fi_405 {
+._header_1tkg3_405 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._header_1h4fi_405 ._navigationButton_1h4fi_410 {
+._header_1tkg3_405 ._navigationButton_1tkg3_410 {
   height: 34px;
   width: 34px;
 }
-._header_1h4fi_405 ._backButton_1h4fi_414 {
+._header_1tkg3_405 ._backButton_1tkg3_414 {
   border: none;
 }
-._headerLeft_1h4fi_418,
-._headerRight_1h4fi_419 {
+._headerLeft_1tkg3_418,
+._headerRight_1tkg3_419 {
   display: flex;
   align-items: center;
 }
-._emptyState_1h4fi_424 {
+._emptyState_1tkg3_424 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -27388,6 +27268,297 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._nodes_1mch4_123 {
+  display: flex;
+  flex-direction: row;
+}
+._nodeIcon_1mch4_128 {
+  padding: var(--spacing--2xs);
+  background-color: var(--dialog--color--background);
+  border-radius: var(--radius--lg);
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+  margin-right: var(--spacing--3xs);
+}
+._suggestion_1mch4_139 {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-width: 200px;
+  cursor: pointer;
+}
+._actions_1mch4_147 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._header_64lx3_123 {
+  border-bottom: 1px solid var(--border-color);
+  padding-bottom: var(--spacing--sm);
+}
+._suggestions_64lx3_128 {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--spacing--md);
+  min-height: 182px;
+}
+._loading_64lx3_135 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing--xs);
+  padding: var(--spacing--lg);
+  color: var(--color--text--tint-1);
+}
+._seeMore_64lx3_144 {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: var(--spacing--md);
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
 /* Break-points
  -------------------------- */
 /* Scrollbar
@@ -27690,13 +27861,13 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1tlmi_123 {
+._container_jj6dn_123 {
   height: 100vh;
   overflow: hidden;
   display: grid;
   grid-template-columns: 1fr auto;
 }
-._app-grid_1tlmi_130 {
+._app-grid_jj6dn_130 {
   position: relative;
   display: grid;
   height: 100vh;
@@ -27704,27 +27875,27 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   grid-template-columns: auto 1fr;
   grid-template-rows: auto auto 1fr;
 }
-._banners_1tlmi_139 {
+._banners_jj6dn_139 {
   grid-area: banners;
-  z-index: var(--z-index-top-banners);
+  z-index: var(--top-banners--z);
 }
-._content_1tlmi_144 {
+._content_jj6dn_144 {
   display: flex;
   flex-direction: column;
   align-items: center;
   overflow: auto;
   grid-area: content;
 }
-._contentFooter_1tlmi_152 {
+._contentFooter_jj6dn_152 {
   height: auto;
   z-index: 10;
   width: 100%;
   display: none;
 }
-._contentFooter_1tlmi_152:has(*) {
+._contentFooter_jj6dn_152:has(*) {
   display: block;
 }
-._contentWrapper_1tlmi_162 {
+._contentWrapper_jj6dn_162 {
   display: flex;
   grid-area: content;
   position: relative;
@@ -27733,20 +27904,20 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   width: 100%;
   justify-content: center;
 }
-._contentWrapper_1tlmi_162 main {
+._contentWrapper_jj6dn_162 main {
   width: 100%;
   height: 100%;
 }
-._header_1tlmi_176 {
+._header_jj6dn_176 {
   grid-area: header;
-  z-index: var(--z-index-app-header);
+  z-index: var(--app-header--z);
   min-width: 0;
   min-height: 0;
 }
-._sidebar_1tlmi_183 {
+._sidebar_jj6dn_183 {
   grid-area: sidebar;
-  z-index: var(--z-index-app-sidebar);
+  z-index: var(--app-sidebar--z);
 }
-._modals_1tlmi_188 {
+._modals_jj6dn_188 {
   width: 100%;
 }