n8n-editor-ui 1.107.2 → 1.108.0

package/dist/assets/{AddDataStoreModal-BlsAssjD.js → AddDataStoreModal-CcU8ivRL.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, e3 as N8nInputLabel, cZ as N8nInput, ba as withKeys, gC as __unplugin_components_3, _ as _export_sfc } from "./index-CZwZRV3x.js";
-import { u as useDataStoreStore } from "./dataStore.store-DsyLL44i.js";
+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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AddDataStoreModal",
   props: {

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

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

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

@@ -1,4 +1,4 @@
-import { d as defineComponent, fu as useAnnotationTagsStore, Z as useUIStore, x as computed, e as createBlock, g as openBlock, fv as _sfc_main$1, fw as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./index-CZwZRV3x.js";
+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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AnnotationTagsDropdown.ee",
   props: {

package/dist/assets/{AuthView-q0-TwDOe.js → AuthView-DqXEfmiX.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, dY as N8nFormInputs, dX as createFormEventBus, e as createBlock, C as N8nLink, q as N8nButton, _ as _export_sfc, dV as useSSOStore, a as useToast, aa as useRoute, c as useI18n, v as useSettingsStore, p as N8nText, K as mergeProps } from "./index-CZwZRV3x.js";
-import { L as Logo } from "./Logo-Cj3-n94n.js";
+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";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "N8nFormBox" },
   __name: "FormBox",

package/dist/assets/{ChangePasswordView-C-bbT2de.js → ChangePasswordView-CgU6Vwxx.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-CZwZRV3x.js";
-import { A as AuthView } from "./AuthView-q0-TwDOe.js";
-import "./Logo-Cj3-n94n.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-CRQJ7x6N.js";
+import { A as AuthView } from "./AuthView-DqXEfmiX.js";
+import "./Logo-BWRzR7Wn.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChangePasswordView",
   setup(__props) {

package/dist/assets/CollectionParameter-DbGwA_bG.js

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

package/dist/assets/{ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Wus4UrKE.js → ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DqYON-Vj.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, bW as formatTokenUsageCount } from "./index-CZwZRV3x.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, bP as formatTokenUsageCount } from "./index-CRQJ7x6N.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ConsumedTokensDetails",
   props: {

package/dist/assets/{CredentialsView-OgAhDSkO.js → CredentialsView-COb21gvI.js}

@@ -1,11 +1,11 @@
-import { d as defineComponent, Z as useUIStore, d9 as useCredentialsStore, av as useProjectsStore, x as computed, c as useI18n, aC as getResourcePermissions, fS 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, b4 as withDirectives, t as toDisplayString, b5 as vShow, k as createTextVNode, l as unref, eI as _sfc_main$2, p as N8nText, aU as ResourceType, f_ as ProjectCardBadge, eb as N8nActionToggle, aL as N8nBadge, gi as CredentialIcon, aq as useMessage, ar as MODAL_CONFIRM, aV as PROJECT_MOVE_RESOURCE_MODAL, _ as _export_sfc, ah as useNodeTypesStore, aj as useSourceControlStore, da as useExternalSecretsStore, u as useUsersStore, g6 as useInsightsStore, ay as useDocumentTitle, aa as useRoute, b as useRouter, r as ref, gj as listenForModalChanges, af as watch, o as onMounted, dW as N8nActionBox, e3 as N8nInputLabel, e6 as N8nSelect, F as Fragment, A as renderList, e7 as _sfc_main$4, eW as N8nCheckbox, gk as CREDENTIAL_EMPTY_VALUE, ap as useTelemetry, v as useSettingsStore, aF as EnterpriseEditionFeature, cI as useEnvironmentsStore, gl as CREDENTIAL_SELECT_MODAL_KEY, V as VIEWS, gm as CREDENTIAL_EDIT_MODAL_KEY, gn as isCredentialsResource } from "./index-CZwZRV3x.js";
-import { _ as _sfc_main$3 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-BkieF-0x.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-BB5NST2Y.js";
-import { P as ProjectHeader } from "./ProjectHeader-BZgukc28.js";
-import { u as useProjectPages } from "./useProjectPages-7cl_oadW.js";
-import { I as InsightsSummary } from "./InsightsSummary-DL2DUI4L.js";
-import { p as pickBy } from "./pickBy-CN-EJJlK.js";
-import "./TableBase-DhCHX2TT.js";
+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";
 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

@@ -0,0 +1,83 @@
+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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DataStoreActions",
+  props: {
+    dataStore: {},
+    isReadOnly: { type: Boolean, default: false }
+  },
+  emits: ["rename", "onDeleted"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dataStoreStore = useDataStoreStore();
+    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 onAction = async (action) => {
+      switch (action) {
+        case DATA_STORE_CARD_ACTIONS.RENAME: {
+          emit("rename", {
+            dataStore: props.dataStore,
+            action: "rename"
+          });
+          break;
+        }
+        case DATA_STORE_CARD_ACTIONS.DELETE: {
+          const promptResponse = await message.confirm(
+            i18n.baseText("dataStore.delete.confirm.message", {
+              interpolate: { name: props.dataStore.name }
+            }),
+            i18n.baseText("dataStore.delete.confirm.title"),
+            {
+              confirmButtonText: i18n.baseText("generic.delete"),
+              cancelButtonText: i18n.baseText("generic.cancel")
+            }
+          );
+          if (promptResponse === MODAL_CONFIRM) {
+            await deleteDataStore();
+          }
+          break;
+        }
+      }
+    };
+    const deleteDataStore = async () => {
+      try {
+        const deleted = await dataStoreStore.deleteDataStore(
+          props.dataStore.id,
+          props.dataStore.projectId
+        );
+        if (!deleted) {
+          throw new Error(i18n.baseText("generic.unknownError"));
+        }
+        emit("onDeleted");
+      } catch (error) {
+        toast.showError(error, i18n.baseText("dataStore.delete.error"));
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_N8nActionToggle = N8nActionToggle;
+      return openBlock(), createBlock(_component_N8nActionToggle, {
+        actions: actions.value,
+        theme: "dark",
+        "data-test-id": "data-store-card-actions",
+        onAction
+      }, null, 8, ["actions"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/assets/{WorkflowActivator-22RW64G2.css → DataStoreDetailsView-B0CKO8ZR.css}

@@ -120,180 +120,22 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1kcxp_123 {
-  display: -webkit-box;
-  display: -ms-flexbox;
+._data-store-breadcrumbs_12h50_123 {
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: end;
 }
-._container_1kcxp_123._small_1kcxp_127 {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  padding: var(--spacing-4xs) var(--spacing-3xs);
+._data-store-actions_12h50_128 {
+  position: relative;
 }
-._container_1kcxp_123._border_1kcxp_131 {
-  border: var(--border-base);
-  border-radius: var(--border-radius-base);
-}
-._list_1kcxp_136 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  list-style: none;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-._item_1kcxp_142 {
-  border: var(--border-width-base) var(--border-style-base) transparent;
-}
-._item_1kcxp_142._dragging_1kcxp_146:hover {
-  border: var(--border-width-base) var(--border-style-base) var(--color-secondary);
-  border-radius: var(--border-radius-base);
-  background-color: var(--color-callout-secondary-background);
-}
-._item_1kcxp_142._dragging_1kcxp_146:hover a {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-._item_1kcxp_142 * {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-._item_1kcxp_142._current_1kcxp_162 span {
-  color: var(--color-text-dark);
-}
-._ellipsis_1kcxp_166 ._dots_1kcxp_166,
-._ellipsis_1kcxp_166 ._tooltip-ellipsis_1kcxp_167 {
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  color: var(--color-text-base);
-}
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._dots_1kcxp_166,
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._tooltip-ellipsis_1kcxp_167 {
-  cursor: default;
-}
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._dots_1kcxp_166 {
-  cursor: default;
-  color: var(--color-text-base);
-}
-._ellipsis_1kcxp_166._disabled_1kcxp_172 ._dots_1kcxp_166:hover {
-  color: var(--color-text-base);
-}
-._hidden-items-menu_1kcxp_184 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  color: var(--color-text-base);
-}
-._hidden-items-menu-popper_1kcxp_189 > div ul {
-  max-height: 250px;
-  overflow: auto;
-}
-._hidden-items-menu-popper_1kcxp_189._dragging_1kcxp_146 li:hover {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-  background-color: var(--color-callout-secondary-background);
-}
-._hidden-items-menu-popper_1kcxp_189 li {
-  max-width: var(--spacing-5xl);
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-._tooltip-loading_1kcxp_205 {
-  min-width: var(--spacing-3xl);
-  width: 100%;
-}
-._tooltip-loading_1kcxp_205 .n8n-loading > div {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: var(--spacing-xs);
-}
-._tooltip-loading_1kcxp_205 .el-skeleton__item {
-  margin: 0;
-}
-._tooltip_1kcxp_167 {
-  padding: var(--spacing-xs) var(--spacing-2xs);
-  text-align: center;
-}
-._tooltip_1kcxp_167 > div {
-  color: var(--color-text-lighter);
-}
-._tooltip_1kcxp_167 > div span {
-  font-size: var(--font-size-2xs);
-}
-._tooltip_1kcxp_167 ._tooltip-loading_1kcxp_205 {
-  min-width: var(--spacing-4xl);
-}
-._dots_1kcxp_166 {
-  padding: 0 var(--spacing-4xs);
-  color: var(--color-text-light);
-  border-radius: var(--border-radius-base);
-}
-._dots_1kcxp_166:hover, ._dots_1kcxp_166:focus {
-  background-color: var(--color-background-base);
-  color: var(--color-primary);
-}
-._small_1kcxp_127 ._list_1kcxp_136 {
-  gap: var(--spacing-5xs);
-}
-._small_1kcxp_127 ._item_1kcxp_142 {
-  max-width: var(--spacing-3xl);
-}
-._small_1kcxp_127 ._item_1kcxp_142,
-._small_1kcxp_127 ._item_1kcxp_142 * {
-  color: var(--color-text-base);
-  font-size: var(--font-size-2xs);
-  line-height: var(--font-line-height-xsmall);
+._separator_12h50_132 {
+  font-size: var(--font-size-xl);
+  color: var(--color-foreground-base);
+  padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
 }
-._small_1kcxp_127 ._item_1kcxp_142 a:hover * {
+._breadcrumb-current_12h50_138 {
   color: var(--color-text-dark);
-}
-._small_1kcxp_127 ._separator_1kcxp_257 {
   font-size: var(--font-size-s);
-  color: var(--color-text-base);
-}
-._medium_1kcxp_262 li {
   padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
-}
-._medium_1kcxp_262 ._item_1kcxp_142,
-._medium_1kcxp_262 ._item_1kcxp_142 * {
-  color: var(--color-text-base);
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-xsmall);
-}
-._medium_1kcxp_262 ._item_1kcxp_142 {
-  max-width: var(--spacing-5xl);
-}
-._medium_1kcxp_262 ._item_1kcxp_142:not(._dragging_1kcxp_146) a:hover * {
-  color: var(--color-text-dark);
-}
-._medium_1kcxp_262 ._ellipsis_1kcxp_166 {
-  padding-right: 0;
-  padding-left: 0;
-  color: var(--color-text-light);
-}
-._medium_1kcxp_262 ._ellipsis_1kcxp_166:hover {
-  color: var(--color-text-base);
-}
-._medium_1kcxp_262 ._separator_1kcxp_257 {
-  font-size: var(--font-size-xl);
-  color: var(--color-foreground-base);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -416,32 +258,43 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._home-project_1gp09_123 {
+._wrapper_12ddz_123 {
   display: flex;
-  padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
-  border: var(--border-width-base) var(--border-style-base) transparent;
+  align-items: center;
+  background: var(--color-background-base);
+  padding: var(--spacing-2xs);
+  border: var(--border-base);
+  border-left: none;
+  height: 50px;
 }
-._home-project_1gp09_123._dragging_1gp09_128:hover {
-  border: var(--border-width-base) var(--border-style-base) var(--color-secondary);
-  border-radius: var(--border-radius-base);
-  background-color: var(--color-callout-secondary-background);
+._popover-content_12ddz_133 {
+  display: flex;
+  flex-direction: column;
+  width: 300px;
 }
-._home-project_1gp09_123._dragging_1gp09_128:hover * {
-  cursor: grabbing;
-  color: var(--color-text-base);
+._popover-header_12ddz_139 {
+  padding: var(--spacing-2xs);
+  border-bottom: var(--border-base);
 }
-._home-project_1gp09_123:hover .n8n-text {
-  color: var(--color-text-dark);
+._popover-body_12ddz_144 {
+  padding: var(--spacing-xs);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
 }
-._project-link_1gp09_141 .n8n-text {
+._option-content_12ddz_151 {
   display: flex;
   align-items: center;
-  gap: var(--spacing-4xs);
+  gap: var(--spacing-xs);
 }
-@media (max-width: 992px) {
-.n8n-text._project-label_1gp09_148 {
-    display: none;
+._error-message_12ddz_157 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4xs);
+  color: var(--color-text-danger);
 }
+._error-tooltip_12ddz_164 {
+  cursor: pointer;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -564,16 +417,61 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_p73tp_123 {
+._wrapper_m4zo5_123 {
   display: flex;
+  flex-direction: column;
+  gap: var(--spacing-m);
+  width: calc(100% - var(--spacing-m) * 2);
   align-items: center;
 }
-._home-project_p73tp_128 {
+._grid-container_m4zo5_131 {
+  position: relative;
   display: flex;
-  align-items: center;
+  width: 100%;
+  --ag-foreground-color: var(--color-text-base);
+  --ag-accent-color: var(--color-primary);
+  --ag-background-color: var(--color-background-xlight);
+  --ag-border-color: var(--border-color-base);
+  --ag-border-radius: var(--border-radius-base);
+  --ag-wrapper-border-radius: 0;
+  --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-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-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);
+}
+._add-column-popover_m4zo5_157 {
+  display: flex;
+  position: absolute;
+  right: -47px;
+}
+._footer_m4zo5_163 {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  margin-bottom: var(--spacing-l);
+  padding-right: var(--spacing-xl);
+}
+._footer_m4zo5_163 .el-pagination__sizes {
+  height: 100%;
+  position: relative;
+  top: -1px;
 }
-._action-toggle_p73tp_133 span[role=button] {
-  color: var(--color-text-base);
+._footer_m4zo5_163 .el-pagination__sizes input {
+  height: 100%;
+  min-height: 28px;
+}
+._footer_m4zo5_163 .el-pagination__sizes .el-input__suffix {
+  width: var(--spacing-m);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -696,140 +594,25 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._activeStatusText_17ux1_123 {
-  padding-right: var(--spacing-2xs);
+._data-store-details-view_12eds_123 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  max-width: var(--content-container-width);
   box-sizing: border-box;
-  display: inline-block;
-  text-align: right;
-}/* 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
- -------------------------- */
-.workflow-activator[data-v-a10f4f82] {
-  display: inline-flex;
-  flex-wrap: nowrap;
-  align-items: center;
+  align-content: start;
+  padding: var(--spacing-l) var(--spacing-2xl) 0;
 }
-.could-not-be-started[data-v-a10f4f82] {
-  display: inline-block;
-  color: var(--color-text-danger);
-  margin-left: 0.5em;
+._header-loading_12eds_134 {
+  margin-bottom: var(--spacing-2xl);
+}
+._header-loading_12eds_134 div {
+  height: 2em;
+}
+._header_12eds_134 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--spacing-xl);
 }