n8n-editor-ui 1.108.0 → 1.109.0

package/dist/assets/{AddDataStoreModal-CcU8ivRL.js → AddDataStoreModal-DQSrUeGv.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, Z as useUIStore, aa as useRoute, a as useToast, r as ref, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, q as N8nButton, l as unref, c as useI18n, t as toDisplayString, d_ as N8nInputLabel, cT as N8nInput, b8 as withKeys, gH as __unplugin_components_3, _ as _export_sfc } from "./index-CRQJ7x6N.js";
-import { u as useDataStoreStore } from "./dataStore.store-Daf-vbcV.js";
+import { d as defineComponent, Q as useUIStore, a2 as useRoute, b as useRouter, a as useToast, r as ref, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, q as N8nButton, l as unref, c as useI18n, t as toDisplayString, d_ as N8nInputLabel, cT as N8nInput, b8 as withKeys, gK as __unplugin_components_3, gu as DATA_STORE_DETAILS, gb as PROJECT_DATA_STORES, _ as _export_sfc } from "./index-V25MIkzH.js";
+import { u as useDataStoreStore } from "./dataStore.store-Bru4R38e.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AddDataStoreModal",
   props: {
@@ -10,6 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dataStoreStore = useDataStoreStore();
     const uiStore = useUIStore();
     const route = useRoute();
+    const router = useRouter();
     const i18n = useI18n();
     const toast = useToast();
     const dataStoreName = ref("");
@@ -22,14 +23,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const onSubmit = async () => {
       try {
-        await dataStoreStore.createDataStore(dataStoreName.value, route.params.projectId);
-      } catch (error) {
-        toast.showError(error, i18n.baseText("dataStore.add.error"));
-      } finally {
+        const newDataStore = await dataStoreStore.createDataStore(
+          dataStoreName.value,
+          route.params.projectId
+        );
+        void router.push({
+          name: DATA_STORE_DETAILS,
+          params: {
+            id: newDataStore.id
+          }
+        });
         dataStoreName.value = "";
         uiStore.closeModal(props.modalName);
+      } catch (error) {
+        toast.showError(error, i18n.baseText("dataStore.add.error"));
       }
     };
+    const onCancel = () => {
+      uiStore.closeModal(props.modalName);
+      redirectToDataStores();
+    };
+    const redirectToDataStores = () => {
+      void router.replace({ name: PROJECT_DATA_STORES });
+    };
     return (_ctx, _cache) => {
       const _component_n8n_input = N8nInput;
       const _component_n8n_input_label = N8nInputLabel;
@@ -38,7 +54,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_Modal, {
         name: props.modalName,
         center: true,
-        width: "540px"
+        width: "540px",
+        "before-close": redirectToDataStores
       }, {
         header: withCtx(() => [
           createBaseVNode("h2", null, toDisplayString(unref(i18n).baseText("dataStore.add.title")), 1)
@@ -70,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["label"])
           ], 2)
         ]),
-        footer: withCtx(({ close }) => [
+        footer: withCtx(() => [
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.footer)
           }, [
@@ -84,8 +101,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               type: "secondary",
               label: unref(i18n).baseText("generic.cancel"),
               "data-test-id": "cancel-add-data-store-button",
-              onClick: close
-            }, null, 8, ["label", "onClick"])
+              onClick: onCancel
+            }, null, 8, ["label"])
           ], 2)
         ]),
         _: 1

package/dist/assets/{AnimatedSpinner-BGiYi74y.js → AnimatedSpinner-DG0OJkY1.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, h as createElementBlock, g as openBlock, fm as createStaticVNode } from "./index-CRQJ7x6N.js";
+import { _ as _export_sfc, h as createElementBlock, g as openBlock, fm as createStaticVNode } from "./index-V25MIkzH.js";
 const _sfc_main = {};
 const _hoisted_1 = {
   width: "14",

package/dist/assets/{AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-B4UDyM0-.js → AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-DL7yrAdr.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, fq as useAnnotationTagsStore, Z as useUIStore, x as computed, e as createBlock, g as openBlock, fr as _sfc_main$1, fs as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./index-CRQJ7x6N.js";
+import { d as defineComponent, fq as useAnnotationTagsStore, Q as useUIStore, x as computed, e as createBlock, g as openBlock, fr as _sfc_main$1, fs as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./index-V25MIkzH.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AnnotationTagsDropdown.ee",
   props: {

package/dist/assets/{AuthView-DqXEfmiX.js → AuthView-BjsoW1-5.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, j as createBaseVNode, Q as renderSlot, i as createVNode, l as unref, m as N8nHeading, w as withCtx, k as createTextVNode, t as toDisplayString, dT as N8nFormInputs, dS as createFormEventBus, e as createBlock, C as N8nLink, q as N8nButton, _ as _export_sfc, dQ as useSSOStore, a as useToast, aa as useRoute, c as useI18n, v as useSettingsStore, p as N8nText, K as mergeProps } from "./index-CRQJ7x6N.js";
-import { L as Logo } from "./Logo-BWRzR7Wn.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, j as createBaseVNode, X as renderSlot, i as createVNode, l as unref, m as N8nHeading, w as withCtx, k as createTextVNode, t as toDisplayString, dT as N8nFormInputs, dS as createFormEventBus, e as createBlock, C as N8nLink, q as N8nButton, _ as _export_sfc, dQ as useSSOStore, a as useToast, a2 as useRoute, c as useI18n, v as useSettingsStore, p as N8nText, K as mergeProps } from "./index-V25MIkzH.js";
+import { L as Logo } from "./Logo-BF6xE_TK.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "N8nFormBox" },
   __name: "FormBox",

package/dist/assets/{ChangePasswordView-CgU6Vwxx.js → ChangePasswordView-wL-Pegb8.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, c as useI18n, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, V as VIEWS, e as createBlock, f as createCommentVNode, g as openBlock } from "./index-CRQJ7x6N.js";
-import { A as AuthView } from "./AuthView-DqXEfmiX.js";
-import "./Logo-BWRzR7Wn.js";
+import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, c as useI18n, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, V as VIEWS, e as createBlock, f as createCommentVNode, g as openBlock } from "./index-V25MIkzH.js";
+import { A as AuthView } from "./AuthView-BjsoW1-5.js";
+import "./Logo-BF6xE_TK.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChangePasswordView",
   setup(__props) {

package/dist/assets/CollectionParameter-CGRCLW5F.js

@@ -0,0 +1,4 @@
+import { gt as _sfc_main } from "./index-V25MIkzH.js";
+export {
+  _sfc_main as default
+};

package/dist/assets/{ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DqYON-Vj.js → ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Y9jgPwUm.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, c as useI18n, bP as formatTokenUsageCount } from "./index-CRQJ7x6N.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, c as useI18n, bQ as formatTokenUsageCount } from "./index-V25MIkzH.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ConsumedTokensDetails",
   props: {

package/dist/assets/{CredentialsView-COb21gvI.js → CredentialsView-Cp-dKa-6.js}

@@ -1,11 +1,11 @@
-import { d as defineComponent, Z as useUIStore, d3 as useCredentialsStore, au as useProjectsStore, x as computed, c as useI18n, aB as getResourcePermissions, fQ as dateFormat, e as createBlock, g as openBlock, s as N8nCard, B as withModifiers, n as normalizeClass, w as withCtx, j as createBaseVNode, i as createVNode, h as createElementBlock, f as createCommentVNode, b2 as withDirectives, t as toDisplayString, b3 as vShow, k as createTextVNode, l as unref, eD as _sfc_main$2, p as N8nText, aS as ResourceType, fY as ProjectCardBadge, e6 as N8nActionToggle, aK as N8nBadge, ge as CredentialIcon, aq as useMessage, ar as MODAL_CONFIRM, aT as PROJECT_MOVE_RESOURCE_MODAL, _ as _export_sfc, ah as useNodeTypesStore, aj as useSourceControlStore, d4 as useExternalSecretsStore, u as useUsersStore, g2 as useInsightsStore, ax as useDocumentTitle, aa as useRoute, b as useRouter, r as ref, gf as listenForModalChanges, af as watch, o as onMounted, dR as N8nActionBox, d_ as N8nInputLabel, e1 as N8nSelect, F as Fragment, A as renderList, e2 as _sfc_main$4, eS as N8nCheckbox, gg as CREDENTIAL_EMPTY_VALUE, ap as useTelemetry, v as useSettingsStore, aE as EnterpriseEditionFeature, cC as useEnvironmentsStore, gh as CREDENTIAL_SELECT_MODAL_KEY, V as VIEWS, gi as CREDENTIAL_EDIT_MODAL_KEY, gj as isCredentialsResource } from "./index-CRQJ7x6N.js";
-import { _ as _sfc_main$3 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-FKKhn9iz.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-CGEmnTS3.js";
-import { P as ProjectHeader } from "./ProjectHeader-CxfMVVpq.js";
-import { u as useProjectPages } from "./useProjectPages-CzVikbfF.js";
-import { I as InsightsSummary } from "./InsightsSummary-DNkZvhPU.js";
-import { p as pickBy } from "./pickBy-B8xTSNTq.js";
-import "./TableBase-2nDRjPs3.js";
+import { d as defineComponent, Q as useUIStore, d3 as useCredentialsStore, au as useProjectsStore, x as computed, c as useI18n, aB as getResourcePermissions, fQ as dateFormat, e as createBlock, g as openBlock, s as N8nCard, B as withModifiers, n as normalizeClass, w as withCtx, j as createBaseVNode, i as createVNode, h as createElementBlock, f as createCommentVNode, b2 as withDirectives, t as toDisplayString, b3 as vShow, k as createTextVNode, l as unref, eD as _sfc_main$2, p as N8nText, aS as ResourceType, fY as ProjectCardBadge, e6 as N8nActionToggle, aK as N8nBadge, gf as CredentialIcon, am as useMessage, an as MODAL_CONFIRM, aT as PROJECT_MOVE_RESOURCE_MODAL, _ as _export_sfc, ad as useNodeTypesStore, af as useSourceControlStore, d4 as useExternalSecretsStore, u as useUsersStore, g2 as useInsightsStore, ax as useDocumentTitle, a2 as useRoute, b as useRouter, r as ref, gg as listenForModalChanges, a7 as watch, o as onMounted, dR as N8nActionBox, d_ as N8nInputLabel, e1 as N8nSelect, F as Fragment, A as renderList, e2 as _sfc_main$4, eS as N8nCheckbox, gh as CREDENTIAL_EMPTY_VALUE, al as useTelemetry, v as useSettingsStore, aE as EnterpriseEditionFeature, cC as useEnvironmentsStore, gi as CREDENTIAL_SELECT_MODAL_KEY, V as VIEWS, gj as CREDENTIAL_EDIT_MODAL_KEY, gk as isCredentialsResource } from "./index-V25MIkzH.js";
+import { _ as _sfc_main$3 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-DiIUOGo1.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-V2ovJZd-.js";
+import { P as ProjectHeader } from "./ProjectHeader-D1veUs2f.js";
+import { u as useProjectPages } from "./useProjectPages-DNuz01tw.js";
+import { I as InsightsSummary } from "./InsightsSummary-D0XZxoWu.js";
+import { p as pickBy } from "./pickBy-CInoejW7.js";
+import "./TableBase-DZ3KHAaq.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CredentialCard",

package/dist/assets/{DataStoreActions.vue_vue_type_script_setup_true_lang-CBAZdMw_.js → DataStoreActions.vue_vue_type_script_setup_true_lang-jUSBJd47.js}

@@ -1,10 +1,11 @@
-import { d as defineComponent, a as useToast, x as computed, gx as DATA_STORE_CARD_ACTIONS, c as useI18n, e as createBlock, g as openBlock, e6 as N8nActionToggle, aq as useMessage, ar as MODAL_CONFIRM } from "./index-CRQJ7x6N.js";
-import { u as useDataStoreStore } from "./dataStore.store-Daf-vbcV.js";
+import { d as defineComponent, a as useToast, x as computed, gy as DATA_STORE_CARD_ACTIONS, c as useI18n, e as createBlock, g as openBlock, e6 as N8nActionToggle, am as useMessage, an as MODAL_CONFIRM } from "./index-V25MIkzH.js";
+import { u as useDataStoreStore } from "./dataStore.store-Bru4R38e.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DataStoreActions",
   props: {
     dataStore: {},
-    isReadOnly: { type: Boolean, default: false }
+    isReadOnly: { type: Boolean, default: false },
+    location: {}
   },
   emits: ["rename", "onDeleted"],
   setup(__props, { emit: __emit }) {
@@ -14,18 +15,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const i18n = useI18n();
     const message = useMessage();
     const toast = useToast();
-    const actions = computed(() => [
-      {
-        label: i18n.baseText("generic.rename"),
-        value: DATA_STORE_CARD_ACTIONS.RENAME,
-        disabled: props.isReadOnly
-      },
-      {
-        label: i18n.baseText("generic.delete"),
-        value: DATA_STORE_CARD_ACTIONS.DELETE,
-        disabled: props.isReadOnly
+    const actions = computed(() => {
+      const availableActions = [
+        {
+          label: i18n.baseText("generic.delete"),
+          value: DATA_STORE_CARD_ACTIONS.DELETE,
+          disabled: props.isReadOnly
+        }
+      ];
+      if (props.location === "breadcrumbs") {
+        availableActions.unshift({
+          label: i18n.baseText("generic.rename"),
+          value: DATA_STORE_CARD_ACTIONS.RENAME,
+          disabled: props.isReadOnly
+        });
       }
-    ]);
+      return availableActions;
+    });
     const onAction = async (action) => {
       switch (action) {
         case DATA_STORE_CARD_ACTIONS.RENAME: {

package/dist/assets/{DataStoreDetailsView-B0CKO8ZR.css → DataStoreDetailsView-BxDmY87S.css}

@@ -258,42 +258,42 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_12ddz_123 {
+._wrapper_1s3y8_123 {
   display: flex;
   align-items: center;
   background: var(--color-background-base);
   padding: var(--spacing-2xs);
   border: var(--border-base);
   border-left: none;
-  height: 50px;
+  height: 38px;
 }
-._popover-content_12ddz_133 {
+._popover-content_1s3y8_133 {
   display: flex;
   flex-direction: column;
   width: 300px;
 }
-._popover-header_12ddz_139 {
+._popover-header_1s3y8_139 {
   padding: var(--spacing-2xs);
   border-bottom: var(--border-base);
 }
-._popover-body_12ddz_144 {
+._popover-body_1s3y8_144 {
   padding: var(--spacing-xs);
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
 }
-._option-content_12ddz_151 {
+._option-content_1s3y8_151 {
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
 }
-._error-message_12ddz_157 {
+._error-message_1s3y8_157 {
   display: flex;
   align-items: center;
   gap: var(--spacing-4xs);
   color: var(--color-text-danger);
 }
-._error-tooltip_12ddz_164 {
+._error-tooltip_1s3y8_164 {
   cursor: pointer;
 }/* BEM support Func
  -------------------------- */
@@ -417,14 +417,286 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_m4zo5_123 {
+.data-store-column-header-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.data-store-column-header-action-item {
+  justify-content: flex-start;
+  gap: var(--spacing-xs);
+}
+.data-store-column-header-icon-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2xs);
+  min-width: 0;
+}
+.data-store-column-header-icon-wrapper .n8n-icon {
+  flex-shrink: 0;
+}
+.ag-header-cell-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  flex: 1;
+}/* 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
+ -------------------------- */
+.n8n-empty-value {
+  font-style: italic;
+  color: var(--color-text-lighter);
+}/* 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
+ -------------------------- */
+._wrapper_b8s2n_123 {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-m);
   width: calc(100% - var(--spacing-m) * 2);
   align-items: center;
 }
-._grid-container_m4zo5_131 {
+._grid-container_b8s2n_131 {
   position: relative;
   display: flex;
   width: 100%;
@@ -437,40 +709,47 @@
   --ag-font-family: var(--font-family);
   --ag-font-size: var(--font-size-xs);
   --ag-row-height: calc(var(--ag-grid-size) * 0.8 + 32px);
-  --ag-header-background-color: var(--color-background-base);
+  --ag-header-background-color: var(--color-background-light-base);
   --ag-header-font-size: var(--font-size-xs);
   --ag-header-font-weight: var(--font-weight-bold);
   --ag-header-foreground-color: var(--color-text-dark);
-  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 0.7);
-  --ag-header-column-resize-handle-color: var(--border-color-base);
+  --ag-cell-horizontal-padding: var(--spacing-2xs);
+  --ag-header-column-resize-handle-color: var(--color-foreground-base);
   --ag-header-column-resize-handle-height: 100%;
   --ag-header-height: calc(var(--ag-grid-size) * 0.8 + 32px);
 }
-._grid-container_m4zo5_131 .ag-header-cell-resize {
-  width: var(--spacing-4xs);
+._grid-container_b8s2n_131 .ag-header-cell-resize {
+  width: var(--spacing-xs);
+  right: -7px;
+}
+._grid-container_b8s2n_131 .ag-cell[col-id="ag-Grid-SelectionColumn"] {
+  border: none;
+}
+._grid-container_b8s2n_131 .ag-cell[col-id="ag-Grid-SelectionColumn"].ag-cell-focus {
+  outline: none;
 }
-._add-column-popover_m4zo5_157 {
+._add-column-popover_b8s2n_164 {
   display: flex;
   position: absolute;
   right: -47px;
 }
-._footer_m4zo5_163 {
+._footer_b8s2n_170 {
   display: flex;
   width: 100%;
   justify-content: space-between;
   margin-bottom: var(--spacing-l);
   padding-right: var(--spacing-xl);
 }
-._footer_m4zo5_163 .el-pagination__sizes {
+._footer_b8s2n_170 .el-pagination__sizes {
   height: 100%;
   position: relative;
   top: -1px;
 }
-._footer_m4zo5_163 .el-pagination__sizes input {
+._footer_b8s2n_170 .el-pagination__sizes input {
   height: 100%;
   min-height: 28px;
 }
-._footer_m4zo5_163 .el-pagination__sizes .el-input__suffix {
+._footer_b8s2n_170 .el-pagination__sizes .el-input__suffix {
   width: var(--spacing-m);
 }/* BEM support Func
  -------------------------- */
@@ -594,7 +873,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._data-store-details-view_12eds_123 {
+._data-store-details-view_1eejh_123 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -604,15 +883,21 @@
   align-content: start;
   padding: var(--spacing-l) var(--spacing-2xl) 0;
 }
-._header-loading_12eds_134 {
+._header-loading_1eejh_134 {
   margin-bottom: var(--spacing-2xl);
 }
-._header-loading_12eds_134 div {
+._header-loading_1eejh_134 div {
   height: 2em;
 }
-._header_12eds_134 {
+._header_1eejh_134 {
   display: flex;
+  gap: var(--spacing-l);
   align-items: center;
-  justify-content: space-between;
   margin-bottom: var(--spacing-xl);
+}
+._saving_1eejh_148 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xs);
+  margin-top: var(--spacing-5xs);
 }