n8n-editor-ui 1.94.0 → 1.95.1

package/dist/assets/{MainHeader-h2DV-VuD.js → MainHeader-B-GwOSVC.js}

@@ -1,12 +1,12 @@
-import { d as defineComponent, s as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, q as computed, v as shorten, x as renderSlot, r as ref, y as onBeforeUnmount, o as onMounted, z as nextTick, A as debounce, e as createBlock, m as unref, B as normalizeStyle, C as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, D as renderList, l as createTextVNode, t as toDisplayString, E as useTagsStore, G as useDebounce, H as useUIStore, I as BREAKPOINT_SM, J as BREAKPOINT_XL, K as BREAKPOINT_LG, L as BREAKPOINT_MD, N as getBannerRowHeight, V as VIEWS, c as useI18n, O as defineStore, P as usePushConnectionStore, Q as useWorkflowsStore, u as useUsersStore, R as useRoute, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, T as STORES, U as TIME, W as useDocumentVisibility, X as watch, Y as useCssModule, Z as useRootStore, $ as useCanvasStore, p as useSettingsStore, a0 as useSourceControlStore, a1 as useProjectsStore, a2 as useFoldersStore, a3 as useNpsSurveyStore, b as useRouter, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, a6 as usePageRedirectionHelper, a7 as getResourcePermissions, a8 as WORKFLOW_MENU_ACTIONS, a9 as hasPermission, aa as EnterpriseEditionFeature, ab as ProjectTypes, ac as MAX_WORKFLOW_NAME_LENGTH, ad as _sfc_main$b, ae as SaveButton, af as WORKFLOW_SHARE_MODAL_KEY, ag as useTelemetry, ah as nodeViewEventBus, ai as useMessage, aj as MODAL_CONFIRM, ak as WORKFLOW_SETTINGS_MODAL_KEY, al as SOURCE_CONTROL_PUSH_MODAL_KEY, am as IMPORT_WORKFLOW_URL_MODAL_KEY, an as DUPLICATE_MODAL_KEY, ao as __vitePreload, ap as hyphenate, aq as h, ar as hasOwn, as as useNDVStore, at as useExecutionsStore, au as usePostHog, av as useLocalStorage, aw as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, ax as WORKFLOW_EVALUATION_EXPERIMENT, ay as STICKY_NODE_TYPE, az as onBeforeMount, aA as withDirectives, aB as vShow, aC as N8N_MAIN_GITHUB_REPO_URL } from "./index-hdsPF3tl.js";
-import { _ as __unplugin_components_0, I as InlineTextEdit, W as WorkflowActivator } from "./WorkflowActivator-e7wvW1kJ.js";
-import { _ as _sfc_main$c } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-DaoPdG_5.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-B7JAQiE8.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-C1p9Eies.js";
-import { u as usePushConnection } from "./usePushConnection-DNGIaS0A.js";
-import "./useWorkflowActivate-CJ1hLmv2.js";
-import "./easyAiWorkflowUtils-_kvYb5hw.js";
-import "./global-link-actions-DG0SjhQE.js";
+import { d as defineComponent, s as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, q as computed, v as shorten, x as renderSlot, r as ref, y as onBeforeUnmount, o as onMounted, z as nextTick, A as debounce, e as createBlock, m as unref, B as normalizeStyle, C as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, D as renderList, l as createTextVNode, t as toDisplayString, E as useTagsStore, G as useDebounce, H as useUIStore, I as BREAKPOINT_SM, J as BREAKPOINT_XL, K as BREAKPOINT_LG, L as BREAKPOINT_MD, N as getBannerRowHeight, V as VIEWS, c as useI18n, O as defineStore, P as usePushConnectionStore, Q as useWorkflowsStore, u as useUsersStore, R as useRoute, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, T as STORES, U as TIME, W as useDocumentVisibility, X as watch, Y as useCssModule, Z as useRootStore, $ as useCanvasStore, p as useSettingsStore, a0 as useSourceControlStore, a1 as useProjectsStore, a2 as useFoldersStore, a3 as useNpsSurveyStore, b as useRouter, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, a6 as usePageRedirectionHelper, a7 as getResourcePermissions, a8 as WORKFLOW_MENU_ACTIONS, a9 as hasPermission, aa as EnterpriseEditionFeature, ab as ProjectTypes, ac as MAX_WORKFLOW_NAME_LENGTH, ad as _sfc_main$b, ae as SaveButton, af as WORKFLOW_SHARE_MODAL_KEY, ag as useTelemetry, ah as nodeViewEventBus, ai as useMessage, aj as MODAL_CONFIRM, ak as WORKFLOW_SETTINGS_MODAL_KEY, al as SOURCE_CONTROL_PUSH_MODAL_KEY, am as IMPORT_WORKFLOW_URL_MODAL_KEY, an as DUPLICATE_MODAL_KEY, ao as __vitePreload, ap as hyphenate, aq as h, ar as hasOwn, as as useNDVStore, at as useExecutionsStore, au as usePostHog, av as useLocalStorage, aw as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, ax as WORKFLOW_EVALUATION_EXPERIMENT, ay as STICKY_NODE_TYPE, az as onBeforeMount, aA as withDirectives, aB as vShow, aC as N8N_MAIN_GITHUB_REPO_URL } from "./index-_seQOCga.js";
+import { _ as __unplugin_components_0, I as InlineTextEdit, W as WorkflowActivator } from "./WorkflowActivator-D4OM7fjl.js";
+import { _ as _sfc_main$c } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-iedwMPAo.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-CBJ-oI0x.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-BlbZenql.js";
+import { u as usePushConnection } from "./usePushConnection-BWaG_Tvn.js";
+import "./useWorkflowActivate-DmQcpwus.js";
+import "./easyAiWorkflowUtils-DNC35Yh8.js";
+import "./global-link-actions-CBCpMeA-.js";
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {
@@ -1440,12 +1440,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const executionToReturnTo = ref("");
     const dirtyState = ref(false);
     const githubButtonHidden = useLocalStorage(LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, false);
-    const testDefinitionRoutes = [
-      VIEWS.TEST_DEFINITION,
-      VIEWS.TEST_DEFINITION_EDIT,
-      VIEWS.TEST_DEFINITION_RUNS_DETAIL,
-      VIEWS.TEST_DEFINITION_RUNS_COMPARE
-    ];
+    const evaluationRoutes = [VIEWS.EVALUATION_EDIT, VIEWS.EVALUATION_RUNS_DETAIL];
     const workflowRoutes = [VIEWS.WORKFLOW, VIEWS.NEW_WORKFLOW, VIEWS.EXECUTION_DEBUG];
     const executionRoutes = [
       VIEWS.EXECUTION_HOME,
@@ -1459,7 +1454,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ];
       if (posthogStore.isFeatureEnabled(WORKFLOW_EVALUATION_EXPERIMENT)) {
         items.push({
-          value: MAIN_HEADER_TABS.TEST_DEFINITION,
+          value: MAIN_HEADER_TABS.EVALUATION,
           label: locale.baseText("generic.tests")
         });
       }
@@ -1505,11 +1500,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       syncTabsWithRoute(route);
     });
     function isViewRoute(name) {
-      return typeof name === "string" && [testDefinitionRoutes, workflowRoutes, executionRoutes].flat().includes(name);
+      return typeof name === "string" && [evaluationRoutes, workflowRoutes, executionRoutes].flat().includes(name);
     }
     function syncTabsWithRoute(to, from) {
       const routeTabMapping = [
-        { routes: testDefinitionRoutes, tab: MAIN_HEADER_TABS.TEST_DEFINITION },
+        { routes: evaluationRoutes, tab: MAIN_HEADER_TABS.EVALUATION },
         { routes: executionRoutes, tab: MAIN_HEADER_TABS.EXECUTIONS },
         { routes: workflowRoutes, tab: MAIN_HEADER_TABS.WORKFLOW }
       ];
@@ -1535,9 +1530,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         case MAIN_HEADER_TABS.EXECUTIONS:
           void navigateToExecutionsView(openInNewTab);
           break;
-        case MAIN_HEADER_TABS.TEST_DEFINITION:
-          activeHeaderTab.value = MAIN_HEADER_TABS.TEST_DEFINITION;
-          void router.push({ name: VIEWS.TEST_DEFINITION });
+        case MAIN_HEADER_TABS.EVALUATION:
+          void navigateToEvaluationsView(openInNewTab);
           break;
       }
     }
@@ -1582,6 +1576,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         await router.push(routeToNavigateTo);
       }
     }
+    async function navigateToEvaluationsView(openInNewTab) {
+      const routeWorkflowId = workflowId.value === PLACEHOLDER_EMPTY_WORKFLOW_ID ? "new" : workflowId.value;
+      const routeToNavigateTo = {
+        name: VIEWS.EVALUATION_EDIT,
+        params: { name: routeWorkflowId }
+      };
+      if (openInNewTab) {
+        const { href } = router.resolve(routeToNavigateTo);
+        window.open(href, "_blank");
+      } else if (route.name !== routeToNavigateTo.name) {
+        dirtyState.value = uiStore.stateIsDirty;
+        workflowToReturnTo.value = workflowId.value;
+        activeHeaderTab.value = MAIN_HEADER_TABS.EXECUTIONS;
+        await router.push(routeToNavigateTo);
+      }
+    }
     function hideGithubButton() {
       githubButtonHidden.value = true;
     }

package/dist/assets/{MainSidebar-AAHHRXFA.js → MainSidebar-CvFovOwL.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, aD as useLoadingService, H as useUIStore, a0 as useSourceControlStore, a as useToast, r as ref, q as computed, a9 as hasPermission, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, B as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, e as createBlock, w as withCtx, c as useI18n, C as createEventBus, al as SOURCE_CONTROL_PUSH_MODAL_KEY, aE as notifyUserAboutPullWorkFolderOutcome, aF as sourceControlEventBus, aG as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, aH as get, O as defineStore, aI as useCloudPlanStore, Z as useRootStore, aJ as useStorage, aK as DateTime, T as STORES, ag as useTelemetry, p as useSettingsStore, a1 as useProjectsStore, b as useRouter, aL as sortByProperty, V as VIEWS, a7 as getResourcePermissions, a6 as usePageRedirectionHelper, F as Fragment, D as renderList, aM as useDebugInfo, aN as useTemplatesStore, u as useUsersStore, aO as useVersionsStore, Q as useWorkflowsStore, G as useDebounce, R as useRoute, o as onMounted, aP as useExternalHooks, z as nextTick, y as onBeforeUnmount, aQ as onClickOutside, aR as N8nTooltip, aS as N8nLink, aT as _sfc_main$5, aU as N8nNavigationDropdown, aV as createSlots, aW as VERSIONS_MODAL_KEY, aX as ABOUT_MODAL_KEY } from "./index-hdsPF3tl.js";
-import { L as Logo } from "./Logo-BGe7-2Vd.js";
+import { d as defineComponent, aD as useLoadingService, H as useUIStore, a0 as useSourceControlStore, a as useToast, r as ref, q as computed, a9 as hasPermission, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, B as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, e as createBlock, w as withCtx, c as useI18n, C as createEventBus, al as SOURCE_CONTROL_PUSH_MODAL_KEY, aE as notifyUserAboutPullWorkFolderOutcome, aF as sourceControlEventBus, aG as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, aH as get, O as defineStore, aI as useCloudPlanStore, Z as useRootStore, aJ as useStorage, aK as DateTime, T as STORES, ag as useTelemetry, p as useSettingsStore, a1 as useProjectsStore, b as useRouter, aL as sortByProperty, V as VIEWS, a7 as getResourcePermissions, a6 as usePageRedirectionHelper, F as Fragment, D as renderList, aM as useDebugInfo, aN as useTemplatesStore, u as useUsersStore, aO as useVersionsStore, Q as useWorkflowsStore, G as useDebounce, R as useRoute, o as onMounted, aP as useExternalHooks, z as nextTick, y as onBeforeUnmount, aQ as onClickOutside, aR as N8nTooltip, aS as N8nLink, aT as _sfc_main$5, aU as N8nNavigationDropdown, aV as createSlots, aW as VERSIONS_MODAL_KEY, aX as ABOUT_MODAL_KEY } from "./index-_seQOCga.js";
+import { L as Logo } from "./Logo-6AQBTlBb.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {

package/dist/assets/{NodeCreation-nHiG-Lhi.js → NodeCreation-CRZ7WbTX.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-weAzsmlU.js","assets/index-hdsPF3tl.js","assets/index-BA8d2DN9.css","assets/NodeCreator-D18StsVZ.css"])))=>i.map(i=>d[i]);
-import { bT as useNodeCreatorStore, bz as useNodeTypesStore, q as computed, c as useI18n, Q as useWorkflowsStore, gF as MANUAL_TRIGGER_NODE_TYPE, gG as CHAIN_LLM_LANGCHAIN_NODE_TYPE, by as NodeConnectionTypes, c4 as CHAT_TRIGGER_NODE_TYPE, gH as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, gI as OPEN_AI_NODE_TYPE, gJ as SPLIT_IN_BATCHES_NODE_TYPE, gK as NO_OP_NODE_TYPE, gL as WEBHOOK_NODE_TYPE, gM as SCHEDULE_TRIGGER_NODE_TYPE, gN as transformNodeType, aP as useExternalHooks, $ as useCanvasStore, gO as AI_CATEGORY_LANGUAGE_MODELS, gP as QA_CHAIN_NODE_TYPE, gQ as AGENT_NODE_TYPE, gR as BASIC_CHAIN_NODE_TYPE, gS as OPEN_AI_ASSISTANT_NODE_TYPE, ay as STICKY_NODE_TYPE, gT as sortNodeCreateElements, gU as TRIGGER_NODE_CREATOR_VIEW, ch as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, H as useUIStore, r as ref, bO as useThrottleFn, o as onMounted, y as onBeforeUnmount, h as resolveComponent, i as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, m as unref, bL as KeyboardShortcutTooltip, ca as defineAsyncComponent, c9 as Suspense, F as Fragment, ao as __vitePreload, gV as getMidCanvasPosition, gW as DEFAULT_STICKY_WIDTH, gX as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-hdsPF3tl.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-oaREpBCo.js","assets/index-_seQOCga.js","assets/index-DH8MNLw5.css","assets/NodeCreator-Cp8Apzva.css"])))=>i.map(i=>d[i]);
+import { cA as useNodeCreatorStore, bz as useNodeTypesStore, q as computed, c as useI18n, Q as useWorkflowsStore, gQ as MANUAL_TRIGGER_NODE_TYPE, gR as CHAIN_LLM_LANGCHAIN_NODE_TYPE, by as NodeConnectionTypes, cH as CHAT_TRIGGER_NODE_TYPE, gS as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, gT as OPEN_AI_NODE_TYPE, gU as SPLIT_IN_BATCHES_NODE_TYPE, gV as NO_OP_NODE_TYPE, gW as WEBHOOK_NODE_TYPE, gX as SCHEDULE_TRIGGER_NODE_TYPE, gY as transformNodeType, aP as useExternalHooks, $ as useCanvasStore, gZ as AI_CATEGORY_LANGUAGE_MODELS, g_ as QA_CHAIN_NODE_TYPE, g$ as AGENT_NODE_TYPE, h0 as BASIC_CHAIN_NODE_TYPE, h1 as OPEN_AI_ASSISTANT_NODE_TYPE, ay as STICKY_NODE_TYPE, h2 as sortNodeCreateElements, h3 as TRIGGER_NODE_CREATOR_VIEW, cB as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, H as useUIStore, r as ref, bU as useThrottleFn, o as onMounted, y as onBeforeUnmount, h as resolveComponent, i as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, m as unref, bQ as KeyboardShortcutTooltip, dj as defineAsyncComponent, cN as Suspense, F as Fragment, ao as __vitePreload, h4 as getMidCanvasPosition, h5 as DEFAULT_STICKY_WIDTH, h6 as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-_seQOCga.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const nodeTypesStore = useNodeTypesStore();
@@ -240,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-weAzsmlU.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-oaREpBCo.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const emit = __emit;

package/dist/assets/{NodeCreator-D18StsVZ.css → NodeCreator-Cp8Apzva.css}

@@ -297,7 +297,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._nodeItem_1107w_123 {
+._nodeItem_b8za2_123 {
   --trigger-icon-background-color: var(--color-background-xlight);
   --trigger-icon-border-color: var(--color-text-lighter);
   margin-left: 15px;
@@ -305,10 +305,10 @@
   -webkit-user-select: none;
           user-select: none;
 }
-._nodeIcon_1107w_131 {
+._nodeIcon_b8za2_131 {
   z-index: 2;
 }
-._subNodeBackground_1107w_135 {
+._subNodeBackground_b8za2_135 {
   background-color: var(--node-type-supplemental-background);
   border-radius: 50%;
   height: 40px;
@@ -317,10 +317,10 @@
   width: 40px;
   z-index: 1;
 }
-._communityNodeIcon_1107w_145 {
+._communityNodeIcon_b8za2_145 {
   vertical-align: top;
 }
-._draggable_1107w_149 {
+._draggable_b8za2_149 {
   width: 100px;
   height: 100px;
   position: fixed;
@@ -333,9 +333,17 @@
   justify-content: center;
   align-items: center;
 }
-._draggableDataTransfer_1107w_163 {
+._draggableDataTransfer_b8za2_163 {
   width: 1px;
   height: 1px;
+}
+._icon_b8za2_168 {
+  display: inline-flex;
+  color: var(--color-text-base);
+  width: 12px;
+}
+._icon_b8za2_168._official_b8za2_173 {
+  width: 14px;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1883,7 +1891,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1ty35_123 {
+._container_6y5mo_123 {
   width: 100%;
   padding: var(--spacing-s);
   padding-top: 0;
@@ -1891,19 +1899,19 @@
   display: flex;
   flex-direction: column;
 }
-._nodeIcon_1ty35_132 {
+._nodeIcon_6y5mo_132 {
   --node-icon-size: 36px;
   margin-right: var(--spacing-s);
 }
-._description_1ty35_137 {
+._description_6y5mo_137 {
   margin: var(--spacing-m) 0;
 }
-._separator_1ty35_141 {
+._separator_6y5mo_141 {
   height: var(--border-width-base);
   background: var(--color-foreground-base);
   margin-bottom: var(--spacing-m);
 }
-._info_1ty35_147 {
+._info_6y5mo_147 {
   display: flex;
   align-items: center;
   justify-content: left;
@@ -1911,16 +1919,17 @@
   margin-bottom: var(--spacing-m);
   flex-wrap: wrap;
 }
-._info_1ty35_147 div {
+._info_6y5mo_147 div {
   display: flex;
   align-items: center;
-  gap: var(--spacing-3xs);
+  gap: var(--spacing-4xs);
 }
-._tooltipIcon_1ty35_162 {
+._tooltipIcon_6y5mo_162 {
   color: var(--color-text-light);
   font-size: var(--font-size-2xs);
+  width: 12px;
 }
-._contactOwnerHint_1ty35_167 {
+._contactOwnerHint_6y5mo_168 {
   display: flex;
   align-items: center;
   gap: var(--spacing-s);
@@ -2624,35 +2633,43 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1eqm0_123 {
+._container_1ut3v_123 {
   width: 100%;
   padding: var(--spacing-s);
   display: flex;
   flex-direction: column;
   padding-bottom: var(--spacing-xs);
 }
-._header_1eqm0_131 {
+._header_1ut3v_131 {
   display: flex;
+  gap: var(--spacing-2xs);
   align-items: center;
   justify-content: space-between;
 }
-._title_1eqm0_137 {
+._title_1ut3v_138 {
   display: flex;
   align-items: center;
   color: var(--color-text);
   font-size: var(--font-size-xl);
   font-weight: var(--font-weight-bold);
 }
-._nodeIcon_1eqm0_145 {
+._nodeIcon_1ut3v_146 {
   --node-icon-size: 36px;
   margin-right: var(--spacing-s);
 }
-._installedIcon_1eqm0_150 {
+._installedIcon_1ut3v_151 {
   margin-right: var(--spacing-3xs);
   color: var(--color-text-base);
   font-size: var(--font-size-2xs);
 }
-._installed_1eqm0_150 {
+._officialIcon_1ut3v_157 {
+  display: inline-flex;
+  flex-shrink: 0;
+  margin-left: var(--spacing-4xs);
+  color: var(--color-text-base);
+  width: 14px;
+}
+._installed_1ut3v_151 {
   display: flex;
   align-items: center;
   margin-right: var(--spacing-xs);