n8n-editor-ui 1.107.1 → 1.108.0

package/dist/assets/{index-BFyMw9-0.css → index-C6NR226r.css}

@@ -1048,7 +1048,6 @@
   --color-ndv-droppable-parameter: var(--color-secondary);
   --color-ndv-droppable-parameter-background: var(--p-color-secondary-470-a-010);
   --color-ndv-droppable-parameter-active-background: var(--p-color-alt-a-600-a-015);
-  --color-ndv-overlay-background: var(--prim-color-alt-j-alpha-095);
   --color-ndv-back-font: var(--p-white);
   --color-notice-warning-border: var(--color-warning-tint-1);
   --color-notice-warning-background: var(--color-warning-tint-2);
@@ -1995,7 +1994,6 @@ body[data-theme=dark] {
   --color-ndv-droppable-parameter-background: var(--p-color-primary-320-a-010);
   --color-ndv-droppable-parameter-active-background: var(--p-color-alt-a-600-a-015);
   --color-ndv-back-font: var(--p-white);
-  --color-ndv-overlay-background: var(--prim-color-alt-j-alpha-095);
   --color-notice-warning-border: var(--p-color-alt-b-180);
   --color-notice-warning-background: var(--p-color-alt-b-430-a-020);
   --color-notice-font: var(--p-white);
@@ -2437,7 +2435,6 @@ body[data-theme=dark] {
     --color-ndv-droppable-parameter-background: var(--p-color-primary-320-a-010);
     --color-ndv-droppable-parameter-active-background: var(--p-color-alt-a-600-a-015);
     --color-ndv-back-font: var(--p-white);
-    --color-ndv-overlay-background: var(--prim-color-alt-j-alpha-095);
     --color-notice-warning-border: var(--p-color-alt-b-180);
     --color-notice-warning-background: var(--p-color-alt-b-430-a-020);
     --color-notice-font: var(--p-white);
@@ -30499,16 +30496,16 @@ th:hover:not(:last-child) > .resizer[data-v-89a3157d] {
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_1w2ly_123 {
+._wrapper_qx760_123 {
   display: flex;
   align-items: center;
   border: var(--border-base);
   border-radius: var(--border-radius-base);
 }
-._wrapper_1w2ly_123._no-border_1w2ly_129 {
+._wrapper_qx760_123._no-border_qx760_129 {
   border: none;
 }
-._badge_1w2ly_133 {
+._badge_qx760_133 {
   padding: var(--spacing-4xs) var(--spacing-2xs);
   background-color: var(--color-background-xlight);
   border-color: var(--color-foreground-base);
@@ -30516,21 +30513,24 @@ th:hover:not(:last-child) > .resizer[data-v-89a3157d] {
   position: relative;
   height: 23px;
 }
-._badge_1w2ly_133 .n8n-text,
-._badge_1w2ly_133 a {
+._badge_qx760_133 .n8n-text,
+._badge_qx760_133 a {
   color: var(--color-text-base);
 }
-._projectBadge_1w2ly_146 > span {
+._projectBadge_qx760_146 > span {
   display: flex;
   gap: var(--spacing-3xs);
 }
-._count-badge_1w2ly_151 {
+._count-badge_qx760_151 {
   font-size: var(--font-size-2xs);
   padding: var(--spacing-4xs) var(--spacing-3xs);
   color: var(--color-text-base);
   border-left: var(--border-base);
   line-height: var(--font-line-height-regular);
 }
+._nowrap_qx760_159 {
+  white-space: nowrap !important;
+}
 /* Use deep selector to access internal scroll container in N8nDataTableServer */
 [data-v-3f276e6f] .n8n-data-table-server-wrapper .table-scroll {
 	max-height: 275px;
@@ -34505,22 +34505,22 @@ body:not([data-theme]) .pill--preview[data-v-5521181b] {
 	padding: 0;
 }
 
-.full-height[data-v-666d2ced] {
+.full-height[data-v-0a7df4b1] {
 	height: 100%;
 }
-.run-data-schema[data-v-666d2ced] {
+.run-data-schema[data-v-0a7df4b1] {
 	padding: 0;
 }
 .scroller {
-&[data-v-666d2ced] {
+&[data-v-0a7df4b1] {
 	padding: 0 var(--ndv-spacing);
 	padding-bottom: var(--spacing-2xl);
 	}
-.compact &[data-v-666d2ced] {
+.compact &[data-v-0a7df4b1] {
 		padding: 0 var(--spacing-2xs);
 }
 }
-.no-results[data-v-666d2ced] {
+.no-results[data-v-0a7df4b1] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -34530,20 +34530,20 @@ body:not([data-theme]) .pill--preview[data-v-5521181b] {
 	gap: var(--spacing-2xs);
 	padding: var(--ndv-spacing) var(--ndv-spacing) var(--spacing-xl) var(--ndv-spacing);
 }
-.icon[data-v-666d2ced] {
+.icon[data-v-0a7df4b1] {
 	display: inline-flex;
 	margin-left: var(--spacing-xl);
 	color: var(--color-text-light);
 	margin-bottom: var(--ndv-spacing);
 }
-.notice[data-v-666d2ced] {
+.notice[data-v-0a7df4b1] {
 	padding-bottom: var(--spacing-xs);
 	color: var(--color-text-base);
 	font-size: var(--font-size-2xs);
 	line-height: var(--font-line-height-loose);
 	margin-left: calc(var(--spacing-l) * var(--schema-level));
 }
-.empty-schema[data-v-666d2ced] {
+.empty-schema[data-v-0a7df4b1] {
 	padding-bottom: var(--spacing-xs);
 	margin-left: calc((var(--spacing-xl) * var(--schema-level)));
 }
@@ -48013,73 +48013,123 @@ i[data-v-ac9ff91a] {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_14ta1_123 {
-  overflow-wrap: break-word;
-  padding-right: 8px;
-}
-._scroller_14ta1_128 {
-  margin-right: -8px;
-}
-._filesList_14ta1_132 {
-  list-style: inside;
-  margin-top: var(--spacing-3xs);
-  padding-left: var(--spacing-2xs);
+._sourceControlPull_ufm14_123.el-dialog {
+  margin: 0;
 }
-._filesList_14ta1_132 li {
-  margin-top: var(--spacing-3xs);
+._sourceControlPull_ufm14_123 .el-dialog__header {
+  padding-bottom: var(--spacing-xs);
 }
-._listHeader_14ta1_141 {
-  padding-top: 16px;
-  padding-bottom: 12px;
-  height: 47px;
-  margin-right: 8px;
+._filtersRow_ufm14_130 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: space-between;
 }
-._listItem_14ta1_148 {
+._filters_ufm14_130 {
   display: flex;
   align-items: center;
-  padding-bottom: 8px;
-  margin-right: 8px;
+  gap: 8px;
 }
-._listItem_14ta1_148::before {
-  display: block;
-  content: "";
-  width: 5px;
-  height: 5px;
-  background-color: var(--color-foreground-xdark);
-  border-radius: 100%;
-  margin: 7px 8px 6px 2px;
+._headerTitle_ufm14_143 {
   flex-shrink: 0;
+  margin-bottom: 0;
+  padding: 10px 16px;
 }
-._itemName_14ta1_165 {
+._filtersApplied_ufm14_149 {
+  border-top: var(--border-base);
+}
+._scroller_ufm14_153 {
+  max-height: 100%;
+  scrollbar-color: var(--color-foreground-base) transparent;
+  outline: var(--border-base);
+}
+._scroller_ufm14_153 .scrollerItem:last-child ._listItem_ufm14_158 {
+  border-bottom: 0;
+}
+._listItem_ufm14_158 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+  margin: 0;
+  border-bottom: var(--border-base);
+  gap: 30px;
+}
+._itemContent_ufm14_172 {
   flex: 1;
   min-width: 0;
-  margin-right: 8px;
 }
-._itemName_14ta1_165 a,
-._itemName_14ta1_165 span {
-  white-space: nowrap;
-  overflow: hidden;
+._listItemName_ufm14_177 {
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
   text-overflow: ellipsis;
-  display: block;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-wrap: break-word;
 }
-._itemActions_14ta1_178 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
+._listItemName_ufm14_177 a {
+  color: inherit;
+  text-decoration: none;
 }
-._listBadge_14ta1_185 {
-  align-self: center;
-  white-space: nowrap;
-  height: 30px;
+._listItemName_ufm14_177 a:hover {
+  text-decoration: underline;
 }
-._diffButton_14ta1_191 {
+._badges_ufm14_194 {
+  display: flex;
+  gap: 10px;
+  align-items: center;
   flex-shrink: 0;
 }
-._footer_14ta1_195 {
+._footer_ufm14_201 {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
+  margin-top: 8px;
+}
+._table_ufm14_208 {
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  border: var(--border-base);
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+._tableHeader_ufm14_218 {
+  border-bottom: var(--border-base);
+  display: flex;
+  flex-direction: column;
+}
+._tabs_ufm14_224 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 165px;
+  padding: var(--spacing-2xs);
+  border: var(--border-base);
+  border-right: 0;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+._tab_ufm14_208 {
+  color: var(--color-text-base);
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: var(--spacing-2xs);
+  cursor: pointer;
+  border-radius: 4px;
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+._tab_ufm14_208:hover {
+  border-color: var(--color-background-base);
+}
+._tabActive_ufm14_252 {
+  background-color: var(--color-background-base);
+  color: var(--color-text-dark);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -48202,40 +48252,40 @@ i[data-v-ac9ff91a] {
  -------------------------- */
 /* BEM
  -------------------------- */
-._filtersRow_10o32_123 {
+._filtersRow_1gyqx_123 {
   display: flex;
   align-items: center;
   gap: 8px;
   justify-content: space-between;
 }
-._filters_10o32_123 {
+._filters_1gyqx_123 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._selectAll_10o32_136 {
+._selectAll_1gyqx_136 {
   flex-shrink: 0;
   margin-bottom: 0;
   padding: 10px 16px;
 }
-._filtersApplied_10o32_142 {
+._filtersApplied_1gyqx_142 {
   border-top: var(--border-base);
 }
-._scroller_10o32_146 {
+._scroller_1gyqx_146 {
   max-height: 100%;
   scrollbar-color: var(--color-foreground-base) transparent;
   outline: var(--border-base);
 }
-._scroller_10o32_146 .scrollerItem:last-child ._listItem_10o32_151 {
+._scroller_1gyqx_146 .scrollerItem:last-child ._listItem_1gyqx_151 {
   border-bottom: 0;
 }
-._listItem_10o32_151 {
+._listItem_1gyqx_151 {
   align-items: center;
   padding: 10px 16px;
   margin: 0;
   border-bottom: var(--border-base);
 }
-._listItem_10o32_151 ._listItemName_10o32_161 {
+._listItem_1gyqx_151 ._listItemName_1gyqx_161 {
   line-clamp: 2;
   -webkit-line-clamp: 2;
   text-overflow: ellipsis;
@@ -48244,33 +48294,34 @@ i[data-v-ac9ff91a] {
   -webkit-box-orient: vertical;
   word-wrap: break-word; /* Important for long words! */
 }
-._listItem_10o32_151 .el-checkbox__label {
+._listItem_1gyqx_151 .el-checkbox__label {
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
   gap: 30px;
 }
-._listItem_10o32_151 .el-checkbox__inner {
+._listItem_1gyqx_151 .el-checkbox__inner {
   transition: none;
 }
-._badges_10o32_181 {
+._badges_1gyqx_181 {
   display: flex;
   gap: 10px;
+  align-items: center;
 }
-._footer_10o32_186 {
+._footer_1gyqx_187 {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   margin-top: 8px;
 }
-._sourceControlPush_10o32_193.el-dialog {
+._sourceControlPush_1gyqx_194.el-dialog {
   margin: 0;
 }
-._sourceControlPush_10o32_193 .el-dialog__header {
+._sourceControlPush_1gyqx_194 .el-dialog__header {
   padding-bottom: var(--spacing-xs);
 }
-._table_10o32_200 {
+._table_1gyqx_201 {
   height: 100%;
   overflow: hidden;
   display: flex;
@@ -48279,12 +48330,12 @@ i[data-v-ac9ff91a] {
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
 }
-._tableHeader_10o32_210 {
+._tableHeader_1gyqx_211 {
   border-bottom: var(--border-base);
   display: flex;
   flex-direction: column;
 }
-._tabs_10o32_216 {
+._tabs_1gyqx_217 {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -48295,7 +48346,7 @@ i[data-v-ac9ff91a] {
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
 }
-._tab_10o32_200 {
+._tab_1gyqx_201 {
   color: var(--color-text-base);
   background-color: transparent;
   border: 1px solid transparent;
@@ -48307,10 +48358,10 @@ i[data-v-ac9ff91a] {
   flex-direction: column;
   gap: 2px;
 }
-._tab_10o32_200:hover {
+._tab_1gyqx_201:hover {
   border-color: var(--color-background-base);
 }
-._tabActive_10o32_244 {
+._tabActive_1gyqx_245 {
   background-color: var(--color-background-base);
   color: var(--color-text-dark);
 }/* BEM support Func
@@ -56133,89 +56184,26 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
 /* BEM
  -------------------------- */
 /* Diff colors are now centralized in @n8n/design-system tokens */
-.code-diff {
+._codeDiff_1rmfz_124.code-diff-view {
   height: 100%;
   margin: 0;
   border: none;
   border-radius: 0;
 }
-[data-theme=dark] .code-diff {
-  background: var(--color-background-light) !important;
-  color: var(--color-text-dark) !important;
-}
-[data-theme=dark] .code-diff > div,
-[data-theme=dark] .code-diff .v-code-diff,
-[data-theme=dark] .code-diff .v-code-diff-wrapper,
-[data-theme=dark] .code-diff .code-diff-wrapper,
-[data-theme=dark] .code-diff .diff-wrapper {
-  background: var(--color-background-light) !important;
-}
-[data-theme=dark] .code-diff .code-diff-view {
-  background: var(--color-background-light) !important;
-  color: var(--color-text-dark) !important;
-}
-[data-theme=dark] .code-diff .diff-table {
-  background: var(--color-background-light) !important;
-  color: var(--color-text-dark) !important;
-}
-[data-theme=dark] .code-diff .blob-num {
-  background: var(--color-background-darker) !important;
-  color: var(--color-text-light) !important;
-  border-color: var(--color-foreground-base) !important;
-}
-[data-theme=dark] .code-diff .blob-num-context {
-  background: var(--color-background-light) !important;
-  color: var(--color-text-light) !important;
-}
-[data-theme=dark] .code-diff .blob-code-context {
-  background: var(--color-background-light) !important;
-  color: var(--color-text-dark) !important;
-}
-[data-theme=dark] .code-diff .blob-num-addition {
-  background: var(--diff-new-light) !important;
-  color: var(--color-text-xlight) !important;
-  border-color: var(--diff-new) !important;
-}
-[data-theme=dark] .code-diff .blob-code-addition {
-  background: var(--diff-new-faint) !important;
-  color: var(--color-text-xlight) !important;
+._codeDiff_1rmfz_124.code-diff-view[theme="dark"] {
+  --fgColor-default: var(--color-text-dark);
+  --bgColor-default: var(--color-background-light);
+  --color-fg-subtle: var(--color-text-light);
+  --color-diff-blob-deletion-num-bg: var(--diff-del-light);
+  --color-diff-blob-deletion-num-text: var(--color-text-xlight);
+  --color-danger-emphasis: var(--diff-del);
+  --color-diff-blob-addition-num-text: var(--color-text-xlight);
+  --color-diff-blob-addition-num-bg: var(--diff-new-light);
+  --color-success-emphasis: var(--diff-new);
+  --color-diff-blob-hunk-num-bg: var(--color-background-medium);
 }
-[data-theme=dark] .code-diff .blob-num-deletion {
-  background: var(--diff-del-light) !important;
-  color: var(--color-text-xlight) !important;
-  border-color: var(--diff-del) !important;
-}
-[data-theme=dark] .code-diff .blob-code-deletion {
-  background: var(--diff-del-faint) !important;
-  color: var(--color-text-xlight) !important;
-}
-[data-theme=dark] .code-diff .blob-num-hunk,
-[data-theme=dark] .code-diff .blob-code-hunk {
-  background: var(--color-background-medium) !important;
-  color: var(--color-text-base) !important;
-}
-[data-theme=dark] .code-diff .blob-code-inner {
-  color: var(--color-text-dark) !important;
-}
-[data-theme=dark] .code-diff .hljs-attr {
-  color: #79c0ff !important;
-}
-[data-theme=dark] .code-diff .hljs-string {
-  color: #a5d6ff !important;
-}
-[data-theme=dark] .code-diff .hljs-number {
-  color: #79c0ff !important;
-}
-[data-theme=dark] .code-diff .hljs-punctuation {
-  color: var(--color-text-light) !important;
-}
-[data-theme=dark] .code-diff .hljs-keyword,
-[data-theme=dark] .code-diff .hljs-literal {
-  color: #ff7b72 !important;
-}
-[data-theme=dark] .code-diff .x {
-  background: rgba(255, 255, 255, 0.1) !important;
-  color: inherit !important;
+._codeDiff_1rmfz_124.code-diff-view[theme="dark"] .blob-code-hunk {
+  background-color: var(--color-diff-blob-hunk-num-bg);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -57667,21 +57655,20 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
 /* BEM
  -------------------------- */
 /* Diff colors are now centralized in @n8n/design-system tokens */
-._workflowDiffModal_2gynh_124 {
+._workflowDiffModal_ufpfn_124 {
   margin-bottom: 0;
   border-radius: 0;
 }
-._workflowDiffModal_2gynh_124 .el-dialog__body {
+._workflowDiffModal_ufpfn_124 .el-dialog__body {
   padding: 0;
 }
-._workflowDiffModal_2gynh_124 .el-dialog__header {
+._workflowDiffModal_ufpfn_124 .el-dialog__header {
   padding: 11px 16px;
-  border-bottom: 1px solid var(--color-foreground-base);
 }
-._workflowDiffModal_2gynh_124 .el-dialog__headerbtn {
+._workflowDiffModal_ufpfn_124 .el-dialog__headerbtn {
   display: none;
 }
-._sourceBadge_2gynh_139 {
+._sourceBadge_ufpfn_138 {
   position: absolute;
   top: 12px;
   left: 12px;
@@ -57696,41 +57683,41 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   gap: 8px;
   align-self: stretch;
 }
-._tabs_2gynh_155 {
+._tabs_ufpfn_154 {
   display: flex;
   flex-direction: row;
 }
-._tabs_2gynh_155 .n8n-radio-button {
+._tabs_ufpfn_154 .n8n-radio-button {
   flex: 1;
 }
-._tabs_2gynh_155 .n8n-radio-button > div {
+._tabs_ufpfn_154 .n8n-radio-button > div {
   justify-content: center;
 }
-._popper_2gynh_166 {
+._popper_ufpfn_165 {
   box-shadow: 0 6px 16px 0 rgba(68, 28, 23, 0.06);
 }
-._popper_2gynh_166 .el-popper__arrow {
+._popper_ufpfn_165 .el-popper__arrow {
   display: none;
 }
-._changes_2gynh_173 > li {
+._changes_ufpfn_172 > li {
   display: flex;
   align-items: flex-start;
   gap: var(--spacing-2xs);
   padding: 10px 0 var(--spacing-3xs) var(--spacing-2xs);
 }
-._changes_2gynh_173 > li > div {
+._changes_ufpfn_172 > li > div {
   min-width: 0;
 }
-._changes_2gynh_173 > li ._clickableChange_2gynh_182 {
+._changes_ufpfn_172 > li ._clickableChange_ufpfn_181 {
   padding: var(--spacing-3xs) var(--spacing-xs) var(--spacing-3xs) 0;
   margin-left: -4px;
 }
-._changes_2gynh_173 ._changesNested_2gynh_186 {
+._changes_ufpfn_172 ._changesNested_ufpfn_185 {
   margin-top: -3px;
   width: 100%;
   min-width: 0;
 }
-._clickableChange_2gynh_182 {
+._clickableChange_ufpfn_181 {
   display: flex;
   align-items: flex-start;
   gap: var(--spacing-2xs);
@@ -57741,20 +57728,20 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   min-width: 0;
   transition: background-color 0.2s ease;
 }
-._clickableChange_2gynh_182:hover {
+._clickableChange_ufpfn_181:hover {
   background-color: var(--color-background-xlight);
 }
-._clickableChangeActive_2gynh_207 {
+._clickableChangeActive_ufpfn_206 {
   background-color: var(--color-background-xlight);
 }
-._nodeName_2gynh_211 {
+._nodeName_ufpfn_210 {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
 }
-._separator_2gynh_219 {
+._separator_ufpfn_218 {
   width: 1px;
   height: 10px;
   background-color: var(--color-foreground-xdark);
@@ -57762,14 +57749,14 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   position: relative;
   z-index: 1;
 }
-._deleted_2gynh_228,
-._added_2gynh_229,
-._modified_2gynh_230 {
+._deleted_ufpfn_227,
+._added_ufpfn_228,
+._modified_ufpfn_229 {
   position: relative;
 }
-._deleted_2gynh_228::before,
-._added_2gynh_229::before,
-._modified_2gynh_230::before {
+._deleted_ufpfn_227::before,
+._added_ufpfn_228::before,
+._modified_ufpfn_229::before {
   position: absolute;
   top: 0;
   left: 50%;
@@ -57786,27 +57773,27 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   justify-content: center;
   align-items: center;
 }
-._deleted_2gynh_228 {
+._deleted_ufpfn_227 {
   --canvas-node--background: var(--diff-del-faint);
   --canvas-node--border-color: var(--diff-del);
   --color-sticky-background: var(--diff-del-faint);
   --color-sticky-border: var(--diff-del);
   /* Ensure disabled nodes still show diff border color */
 }
-._deleted_2gynh_228::before {
+._deleted_ufpfn_227::before {
   content: "D";
   background-color: var(--diff-del);
 }
-._deleted_2gynh_228 .canvas-node-handle-main-output > div:empty {
+._deleted_ufpfn_227 .canvas-node-handle-main-output > div:empty {
   background-color: var(--diff-del);
 }
-._deleted_2gynh_228 .canvas-node-handle-main-input .target {
+._deleted_ufpfn_227 .canvas-node-handle-main-input .target {
   background-color: var(--diff-del);
 }
-._deleted_2gynh_228 [class*="disabled"] {
+._deleted_ufpfn_227 [class*="disabled"] {
   --canvas-node--border-color: var(--diff-del) !important;
 }
-._added_2gynh_229 {
+._added_ufpfn_228 {
   --canvas-node--border-color: var(--diff-new);
   --canvas-node--background: var(--diff-new-faint);
   --color-sticky-background: var(--diff-new-faint);
@@ -57814,20 +57801,20 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   position: relative;
   /* Ensure disabled nodes still show diff border color */
 }
-._added_2gynh_229::before {
+._added_ufpfn_228::before {
   content: "N";
   background-color: var(--diff-new);
 }
-._added_2gynh_229 .canvas-node-handle-main-output > div:empty {
+._added_ufpfn_228 .canvas-node-handle-main-output > div:empty {
   background-color: var(--diff-new);
 }
-._added_2gynh_229 .canvas-node-handle-main-input .target {
+._added_ufpfn_228 .canvas-node-handle-main-input .target {
   background-color: var(--diff-new);
 }
-._added_2gynh_229 [class*="disabled"] {
+._added_ufpfn_228 [class*="disabled"] {
   --canvas-node--border-color: var(--diff-new) !important;
 }
-._equal_2gynh_296 {
+._equal_ufpfn_295 {
   opacity: 0.5;
   position: relative;
   pointer-events: none;
@@ -57836,10 +57823,10 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   --canvas-node-icon-color: var(--color-foreground-xdark);
   --color-sticky-border: var(--color-foreground-xdark);
 }
-._equal_2gynh_296:deep(img) {
+._equal_ufpfn_295:deep(img) {
   filter: contrast(0) grayscale(100%);
 }
-._modified_2gynh_230 {
+._modified_ufpfn_229 {
   --canvas-node--border-color: var(--diff-modified);
   --canvas-node--background: var(--diff-modified-faint);
   --color-sticky-background: var(--diff-modified-faint);
@@ -57847,31 +57834,31 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   position: relative;
   /* Ensure disabled nodes still show diff border color */
 }
-._modified_2gynh_230::before {
+._modified_ufpfn_229::before {
   content: "M";
   background-color: var(--diff-modified);
 }
-._modified_2gynh_230 .canvas-node-handle-main-output > div:empty {
+._modified_ufpfn_229 .canvas-node-handle-main-output > div:empty {
   background-color: var(--diff-modified);
 }
-._modified_2gynh_230 .canvas-node-handle-main-input .target {
+._modified_ufpfn_229 .canvas-node-handle-main-input .target {
   background-color: var(--diff-modified);
 }
-._modified_2gynh_230 [class*="disabled"] {
+._modified_ufpfn_229 [class*="disabled"] {
   --canvas-node--border-color: var(--diff-modified) !important;
 }
-._edge-deleted_2gynh_331 {
+._edge-deleted_ufpfn_330 {
   --canvas-edge-color: var(--diff-del);
   --edge-highlight-color: var(--diff-del-light);
 }
-._edge-added_2gynh_336 {
+._edge-added_ufpfn_335 {
   --canvas-edge-color: var(--diff-new);
   --edge-highlight-color: var(--diff-new-light);
 }
-._edge-equal_2gynh_341 {
+._edge-equal_ufpfn_340 {
   opacity: 0.5;
 }
-._circleBadge_2gynh_345 {
+._circleBadge_ufpfn_344 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -57884,11 +57871,11 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   font-weight: bold;
   line-height: 1;
 }
-._dropdownContent_2gynh_359 {
-  width: 320px;
-  padding: 2px 0 2px 12px;
+._dropdownContent_ufpfn_358 {
+  min-width: 320px;
+  padding: 0 12px;
 }
-._dropdownContent_2gynh_359 ul {
+._dropdownContent_ufpfn_358 ul {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -57896,52 +57883,54 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   overflow-x: hidden;
   overflow-y: auto;
 }
-._dropdownContent_2gynh_359 ._noNumberDiff_2gynh_371 {
+._dropdownContent_ufpfn_358 ._noNumberDiff_ufpfn_370 {
   min-height: 41px;
   margin: 0 12px 10px 0;
   overflow: hidden;
 }
-._dropdownContent_2gynh_359 ._noNumberDiff_2gynh_371 .blob-num {
+._dropdownContent_ufpfn_358 ._noNumberDiff_ufpfn_370 .blob-num {
   display: none;
 }
-._workflowDiffContent_2gynh_380 {
+._workflowDiffContent_ufpfn_379 {
   display: flex;
   height: 100%;
 }
-._workflowDiff_2gynh_124 {
+._workflowDiff_ufpfn_124 {
   display: flex;
   flex-direction: column;
   height: 100%;
   flex: 1;
 }
-._workflowDiffPanel_2gynh_392 {
+._workflowDiffPanel_ufpfn_391 {
   flex: 1;
   position: relative;
+  border-top: 1px solid var(--color-foreground-base);
 }
-._emptyWorkflow_2gynh_397 {
+._emptyWorkflow_ufpfn_397 {
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
-._header_2gynh_405 {
+._header_ufpfn_405 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._header_2gynh_405 ._navigationButton_2gynh_410 {
+._header_ufpfn_405 ._navigationButton_ufpfn_410 {
   height: 34px;
   width: 34px;
 }
-._header_2gynh_405 ._backButton_2gynh_414 {
+._header_ufpfn_405 ._backButton_ufpfn_414 {
   border: none;
 }
-._headerLeft_2gynh_418 {
+._headerLeft_ufpfn_418,
+._headerRight_ufpfn_419 {
   display: flex;
   align-items: center;
 }
-._emptyState_2gynh_423 {
+._emptyState_ufpfn_424 {
   display: flex;
   justify-content: center;
   align-items: center;