n8n-editor-ui 2.3.1 → 2.4.0

package/dist/assets/{WorkflowHistory-BBHdNsOb.css → WorkflowHistory-dUpsKg3Z.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._item_18356_123 {
+._item_n32qi_123 {
   display: flex;
   position: relative;
   align-items: center;
@@ -131,13 +131,13 @@
   cursor: pointer;
   margin-top: var(--spacing--lg);
 }
-._item_18356_123:not(._grouped_18356_134)._selected_18356_134, ._item_18356_123:not(._grouped_18356_134):hover {
+._item_n32qi_123:not(._grouped_n32qi_134)._selected_n32qi_134, ._item_n32qi_123:not(._grouped_n32qi_134):hover {
   background-color: var(--color--background--light-1);
 }
-._item_18356_123:first-child {
+._item_n32qi_123:first-child {
   margin-top: 0;
 }
-._item_18356_123:not(:first-child):not(._grouped_18356_134)::before {
+._item_n32qi_123:not(:first-child):not(._grouped_n32qi_134)::before {
   width: var(--border-width);
   background-color: var(--color--foreground);
   content: "";
@@ -146,21 +146,22 @@
   bottom: 100%;
   height: var(--spacing--lg);
 }
-._item_18356_123._grouped_18356_134 {
+._item_n32qi_123._grouped_n32qi_134 {
   margin-top: var(--spacing--xs);
 }
-._item_18356_123._grouped_18356_134 ._wrapper_18356_152 {
+._item_n32qi_123._grouped_n32qi_134 ._wrapper_n32qi_152 {
   border-radius: var(--radius);
 }
-._item_18356_123._grouped_18356_134._selected_18356_134 ._wrapper_18356_152, ._item_18356_123._grouped_18356_134:hover ._wrapper_18356_152 {
+._item_n32qi_123._grouped_n32qi_134._selected_n32qi_134 ._wrapper_n32qi_152, ._item_n32qi_123._grouped_n32qi_134:hover ._wrapper_n32qi_152 {
   background-color: var(--color--background--light-1);
 }
-._wrapper_18356_152 {
+._wrapper_n32qi_152 {
   display: flex;
   flex: 1;
   align-items: center;
+  min-width: 0;
 }
-._timelineColumn_18356_165 {
+._timelineColumn_n32qi_166 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -170,75 +171,79 @@
   position: relative;
   align-self: stretch;
 }
-._timelineMarker_18356_176 {
-  position: relative;
-  width: 13px;
-  height: 13px;
+._timelineDot_n32qi_177 {
+  height: 8px;
+  width: 8px;
   border-radius: 50%;
-  border: 1.33px solid var(--color--text--tint-1);
+  display: inline-block;
+}
+._timelineDotPublished_n32qi_184 {
+  background-color: var(--color--mint-600);
+}
+._timelineDotLatest_n32qi_188 {
+  background-color: var(--color--yellow-500);
 }
-._timelineLine_18356_184 {
+._timelineDotDefault_n32qi_192 {
+  border: var(--border);
+  border-color: var(--color--text--tint-2);
+}
+._timelineLine_n32qi_197 {
   width: var(--border-width);
   background-color: var(--color--foreground);
   position: absolute;
   top: calc(-1 * var(--spacing--xs));
   bottom: 0;
 }
-._content_18356_192 {
+._content_n32qi_205 {
   display: flex;
   flex-direction: column;
   padding: var(--spacing--3xs);
   flex: 1 1 auto;
   min-width: 0;
 }
-._mainRow_18356_200 {
+._mainRow_n32qi_213 {
   display: flex;
   align-items: center;
   gap: var(--spacing--2xs);
 }
-._mainLine_18356_206 {
+._mainLine_n32qi_219 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._metaRow_18356_212 {
+._metaRow_n32qi_225 {
   display: flex;
   align-items: center;
   gap: var(--spacing--5xs);
   margin-top: var(--spacing--5xs);
 }
-._metaItem_18356_219 {
+._metaItem_n32qi_232 {
   max-width: 120px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._unnamedRow_18356_226 {
+._unnamedRow_n32qi_239 {
   display: flex;
   align-items: center;
 }
-._unnamedAuthor_18356_231 {
+._unnamedAuthor_n32qi_244 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 110px;
 }
-._unnamedTime_18356_238 {
+._unnamedTime_n32qi_251 {
   margin-left: var(--spacing--5xs);
+  white-space: nowrap;
 }
-._actions_18356_242 {
+._actions_n32qi_256 {
   display: block;
   padding: var(--spacing--3xs);
 }
-._publishedBadge_18356_247 {
+._publishedBadge_n32qi_261 {
   background-color: var(--color--success);
   color: var(--color--foreground--tint-2);
-}
-._tooltipContent_18356_252 {
-  min-width: 200px;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing--4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -528,7 +533,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._content_1m14m_123 {
+._content_103eo_123 {
   position: absolute;
   display: block;
   left: 0;
@@ -537,20 +542,20 @@
   height: 100%;
   overflow: auto;
 }
-._info_1m14m_133 {
+._info_103eo_133 {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
 }
-._card_1m14m_141 {
+._card_103eo_141 {
   display: flex;
   align-items: start;
   justify-content: space-between;
   padding: var(--spacing--sm) var(--spacing--lg) 0;
 }
-._descriptionBox_1m14m_148 {
+._descriptionBox_103eo_148 {
   display: flex;
   flex-direction: column;
   max-width: 330px;
@@ -561,51 +566,13 @@
   border-radius: var(--radius);
   background-color: var(--color--background--light-3);
 }
-._mainLine_1m14m_160 {
+._mainLine_103eo_160 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: default;
 }
-._textOld_1m14m_167 {
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-}
-._textOld_1m14m_167 p {
-  display: flex;
-  align-items: center;
-  padding: 0;
-  cursor: default;
-}
-._textOld_1m14m_167 p:first-child {
-  padding-top: var(--spacing--3xs);
-  padding-bottom: var(--spacing--4xs);
-}
-._textOld_1m14m_167 p:first-child * {
-  margin-top: auto;
-  font-size: var(--font-size--md);
-}
-._textOld_1m14m_167 p:last-child {
-  padding-top: var(--spacing--3xs);
-}
-._textOld_1m14m_167 p:last-child * {
-  font-size: var(--font-size--2xs);
-}
-._textOld_1m14m_167 p * {
-  max-width: unset;
-  justify-self: unset;
-  white-space: unset;
-  overflow: hidden;
-  text-overflow: unset;
-  padding: 0;
-  font-size: var(--font-size--sm);
-}
-._label_1m14m_202 {
-  color: var(--color--text--tint-1);
-  padding-right: var(--spacing--4xs);
-}
-._actions_1m14m_207 {
+._actions_103eo_167 {
   display: block;
   padding: var(--spacing--3xs);
 }/* BEM support Func

package/dist/assets/{WorkflowLocation-DU_oqOxw.js → WorkflowLocation-ChaEWxVS.js}

@@ -1,9 +1,9 @@
-import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-ficiegRb.js";
-import { mt as N8nLink_default, xn as N8nText_default } from "./src-XLGanEOK.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { Bo as VIEWS } from "./constants-DRIItkNt.js";
-import { t as router_default } from "./router-RpMr830s.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { On as N8nText_default, xt as N8nLink_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { zo as VIEWS } from "./constants-D48cSFnx.js";
+import { t as router_default } from "./router-zEaOc-tq.js";
 var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowLocation",
 	props: {
@@ -44,10 +44,10 @@ var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const hasGrandparentFolder = computed(() => !!props.parentFolder?.parentFolderId);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style["location-container"]) }, [
-				_ctx.homeProject ? (openBlock(), createElementBlock("span", {
+				__props.homeProject ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(_ctx.$style.truncate)
-				}, [_ctx.asLinks ? (openBlock(), createBlock(unref(N8nLink_default), {
+				}, [__props.asLinks ? (openBlock(), createBlock(unref(N8nLink_default), {
 					key: 0,
 					"data-test-id": "workflow-location-project-link",
 					to: projectLink.value,
@@ -71,7 +71,7 @@ var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					default: withCtx(() => [createTextVNode(toDisplayString(projectName.value), 1)]),
 					_: 1
 				}, 8, ["class"]))], 2)) : createCommentVNode("", true),
-				_ctx.parentFolder || _ctx.workflowName ? (openBlock(), createElementBlock("span", {
+				__props.parentFolder || __props.workflowName ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(_ctx.$style.separator),
 					"data-test-id": "workflow-location-separator"
@@ -84,10 +84,10 @@ var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					class: normalizeClass(_ctx.$style.separator),
 					"data-test-id": "workflow-location-ellipsis-separator"
 				}, "/", 2)], 2)) : createCommentVNode("", true),
-				_ctx.parentFolder ? (openBlock(), createElementBlock("span", {
+				__props.parentFolder ? (openBlock(), createElementBlock("span", {
 					key: 3,
 					class: normalizeClass(_ctx.$style["parent-folder"])
-				}, [_ctx.asLinks && _ctx.homeProject ? (openBlock(), createBlock(unref(N8nLink_default), {
+				}, [__props.asLinks && __props.homeProject ? (openBlock(), createBlock(unref(N8nLink_default), {
 					key: 0,
 					"data-test-id": "workflow-location-folder-link",
 					to: folderLink.value,
@@ -99,7 +99,7 @@ var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						class: normalizeClass(_ctx.$style.truncate),
 						"data-test-id": "workflow-location-folder-name"
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.parentFolder.name), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.parentFolder.name), 1)]),
 						_: 1
 					}, 8, ["class"])]),
 					_: 1
@@ -108,17 +108,17 @@ var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					class: normalizeClass(_ctx.$style.truncate),
 					"data-test-id": "workflow-location-folder-name"
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.parentFolder.name), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.parentFolder.name), 1)]),
 					_: 1
 				}, 8, ["class"]))], 2)) : createCommentVNode("", true),
-				_ctx.parentFolder && _ctx.workflowName ? (openBlock(), createElementBlock("span", {
+				__props.parentFolder && __props.workflowName ? (openBlock(), createElementBlock("span", {
 					key: 4,
 					class: normalizeClass(_ctx.$style.separator)
 				}, "/", 2)) : createCommentVNode("", true),
-				_ctx.workflowName ? (openBlock(), createElementBlock("span", {
+				__props.workflowName ? (openBlock(), createElementBlock("span", {
 					key: 5,
 					class: normalizeClass([_ctx.$style["workflow-name"], _ctx.$style.truncate])
-				}, [_ctx.asLinks && _ctx.workflowId ? (openBlock(), createBlock(unref(N8nLink_default), {
+				}, [__props.asLinks && __props.workflowId ? (openBlock(), createBlock(unref(N8nLink_default), {
 					key: 0,
 					"data-test-id": "workflow-location-workflow-link",
 					to: workflowLink.value,
@@ -130,7 +130,7 @@ var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						class: normalizeClass(_ctx.$style.truncate),
 						"data-test-id": "workflow-location-workflow-name"
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.workflowName), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.workflowName), 1)]),
 						_: 1
 					}, 8, ["class"])]),
 					_: 1
@@ -139,7 +139,7 @@ var WorkflowLocation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					class: normalizeClass(_ctx.$style.truncate),
 					"data-test-id": "workflow-location-workflow-name"
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.workflowName), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.workflowName), 1)]),
 					_: 1
 				}, 8, ["class"]))], 2)) : createCommentVNode("", true)
 			], 2);

package/dist/assets/{WorkflowOnboardingView-DsT28Lna.js → WorkflowOnboardingView-COBDyXiZ.js}

@@ -1,13 +1,13 @@
-import { D as createElementBlock, P as defineComponent, Z as onMounted, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-ficiegRb.js";
-import { v as useRoute, y as useRouter } from "./truncate-B1HVeveJ.js";
-import { N as useWorkflowsStore, _r as useLoadingService, c as useTemplatesStore } from "./builder.store-D6GyopzN.js";
-import "./empty-DUjwPfU3.js";
-import { Bo as VIEWS } from "./constants-DRIItkNt.js";
-import "./merge-k8vSyyXH.js";
-import "./_baseOrderBy-UJkFlXQy.js";
-import "./dateformat-CM9k0--B.js";
-import "./useDebounce-Bnb8W2LR.js";
+import { D as createElementBlock, P as defineComponent, Z as onMounted, et as openBlock } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { v as useRoute, y as useRouter } from "./truncate-BrM_9cme.js";
+import { mr as useLoadingService, pn as useTemplatesStore, s as useWorkflowsStore } from "./users.store-Dh2O3NbU.js";
+import "./empty-nq5-pHAR.js";
+import { zo as VIEWS } from "./constants-D48cSFnx.js";
+import "./merge-B0-p153C.js";
+import "./_baseOrderBy-DvuuRU7J.js";
+import "./dateformat-BeHi9sF4.js";
+import "./useDebounce-C4ttil9E.js";
 var WorkflowOnboardingView_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowOnboardingView",
 	setup(__props) {

package/dist/assets/{WorkflowPreview-Cv_yCx4J.js → WorkflowPreview-pbJ_UfWP.js}

@@ -1,9 +1,9 @@
-import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, P as defineComponent, Z as onMounted, _t as watch, et as openBlock, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-ficiegRb.js";
-import { Cn as N8nSpinner_default, at as N8nLoading_default } from "./src-XLGanEOK.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { Xn as useProjectsStore, v as useToast } from "./builder.store-D6GyopzN.js";
-import { t as useExecutionsStore } from "./executions.store-a5l7sYPn.js";
+import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, P as defineComponent, Z as onMounted, _t as watch, et as openBlock, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { An as N8nSpinner_default, dt as N8nLoading_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { br as useToast, zt as useProjectsStore } from "./users.store-Dh2O3NbU.js";
+import { t as useExecutionsStore } from "./executions.store-SHgwsnWe.js";
 var _hoisted_1 = ["src"];
 var WorkflowPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowPreview",
@@ -144,14 +144,14 @@ var WorkflowPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			if (props.mode === "workflow" && props.workflow) loadWorkflow();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [_ctx.loaderType === "image" && !showPreview.value ? (openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [__props.loaderType === "image" && !showPreview.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(_ctx.$style.imageLoader)
 			}, [createVNode(unref(N8nLoading_default), {
 				loading: !showPreview.value,
 				rows: 1,
 				variant: "image"
-			}, null, 8, ["loading"])], 2)) : _ctx.loaderType === "spinner" && !showPreview.value ? (openBlock(), createElementBlock("div", {
+			}, null, 8, ["loading"])], 2)) : __props.loaderType === "spinner" && !showPreview.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(_ctx.$style.spinner)
 			}, [createVNode(unref(N8nSpinner_default), { type: "dots" })], 2)) : createCommentVNode("", true), createBaseVNode("iframe", {
@@ -159,7 +159,7 @@ var WorkflowPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				ref: iframeRef,
 				class: normalizeClass({
 					[_ctx.$style.workflow]: !nodeViewDetailsOpened.value,
-					[_ctx.$style.executionPreview]: _ctx.mode === "execution",
+					[_ctx.$style.executionPreview]: __props.mode === "execution",
 					[_ctx.$style.openNDV]: nodeViewDetailsOpened.value,
 					[_ctx.$style.show]: showPreview.value
 				}),

package/dist/assets/{WorkflowTagsDropdown-BHpackqb.js → WorkflowTagsDropdown-C0g5t367.js}

@@ -1,6 +1,6 @@
-import { C as computed, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { Vn as useTagsStore, oa as useUIStore, ss as TAGS_MANAGER_MODAL_KEY } from "./builder.store-D6GyopzN.js";
-import { t as TagsDropdown_default } from "./TagsDropdown-8x1FnXzA.js";
+import { C as computed, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { Dt as useTagsStore, Ia as TAGS_MANAGER_MODAL_KEY, r as useUIStore } from "./users.store-Dh2O3NbU.js";
+import { t as TagsDropdown_default } from "./TagsDropdown-DGbottaK.js";
 var WorkflowTagsDropdown_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowTagsDropdown",
 	props: {
@@ -46,9 +46,9 @@ var WorkflowTagsDropdown_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(TagsDropdown_default, {
 				modelValue: selectedTags.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTags.value = $event),
-				placeholder: _ctx.placeholder,
-				"create-enabled": _ctx.createEnabled,
-				"event-bus": _ctx.eventBus,
+				placeholder: __props.placeholder,
+				"create-enabled": __props.createEnabled,
+				"event-bus": __props.eventBus,
 				"all-tags": allTags.value,
 				"is-loading": isLoading.value,
 				"tags-by-id": tagsById.value,

package/dist/assets/{WorkflowsView-C-PD10oe.css → WorkflowsView-0_qNZeIx.css}

@@ -297,30 +297,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._cardLink_rvyuk_123 {
+._cardLink_1dm19_123 {
   transition: box-shadow 0.3s ease;
   cursor: pointer;
   padding: 0;
   align-items: stretch;
 }
-._cardLink_rvyuk_123:hover {
+._cardLink_1dm19_123:hover {
   box-shadow: 0 2px 8px rgba(68, 28, 23, 0.1);
 }
-._cardHeading_rvyuk_133 {
+._cardHeading_1dm19_133 {
   font-size: var(--font-size--sm);
   word-break: break-word;
   padding: var(--spacing--sm) 0 0 var(--spacing--sm);
 }
-._cardHeading_rvyuk_133 span {
+._cardHeading_1dm19_133 span {
   color: var(--color--text--tint-1);
 }
-._cardHeadingArchived_rvyuk_142 {
+._cardHeadingArchived_1dm19_142 {
   color: var(--color--text--tint-1);
 }
-._description-popper_rvyuk_146 {
+._description-popper_1dm19_146 {
   min-width: 300px;
 }
-._cardDescription_rvyuk_150 {
+._cardDescription_1dm19_150 {
   min-height: var(--spacing--xl);
   display: flex;
   align-items: center;
@@ -329,11 +329,11 @@
   color: var(--color--text--tint-1);
   gap: var(--spacing--2xs);
 }
-._cardTags_rvyuk_160 {
+._cardTags_1dm19_160 {
   display: inline-block;
   margin-top: var(--spacing--4xs);
 }
-._cardActions_rvyuk_165 {
+._cardActions_1dm19_165 {
   display: flex;
   gap: var(--spacing--2xs);
   flex-direction: row;
@@ -343,73 +343,63 @@
   padding: 0 var(--spacing--sm) 0 0;
   cursor: default;
 }
-._cardBadge_rvyuk_176 {
+._cardBadge_1dm19_176 {
   background-color: var(--color--background--light-3);
 }
-._cardBadge_rvyuk_176._with-breadcrumbs_rvyuk_180 .n8n-badge {
+._cardBadge_1dm19_176._with-breadcrumbs_1dm19_180 .n8n-badge {
   padding-right: 0;
 }
-._cardBadge_rvyuk_176._with-breadcrumbs_rvyuk_180 .n8n-breadcrumbs {
+._cardBadge_1dm19_176._with-breadcrumbs_1dm19_180 .n8n-breadcrumbs {
   padding-left: var(--spacing--5xs);
 }
-._cardArchived_rvyuk_187 {
+._cardArchived_1dm19_187 {
   background-color: var(--color--background--light-2);
   border-color: var(--color--foreground--tint-1);
   color: var(--color--text);
 }
-._description-cell--mcp_rvyuk_193 {
+._description-cell--mcp_1dm19_193 {
   display: inline-flex;
   align-items: center;
 }
-._description-cell--mcp_rvyuk_193:hover {
+._description-cell--mcp_1dm19_193:hover {
   color: var(--color--text);
 }
-._publishIndicator_rvyuk_201 {
+._publishIndicator_1dm19_201 {
   display: flex;
   align-items: center;
-  gap: var(--spacing--4xs);
+  gap: var(--spacing--3xs);
   margin-left: var(--spacing--2xs);
+  padding: var(--spacing--4xs) var(--spacing--2xs);
+  border-radius: var(--spacing--4xs);
+  border: var(--border);
 }
-._publishIndicatorColor_rvyuk_208 {
-  color: var(--color--mint-700);
-}
-body[data-theme="dark"] ._publishIndicatorColor_rvyuk_208 {
-  color: var(--color--mint-600);
-}
-@media (prefers-color-scheme: dark) {
-body:not([data-theme]) ._publishIndicatorColor_rvyuk_208 {
-    color: var(--color--mint-600);
-}
-}
-._notPublishedIndicatorColor_rvyuk_220 {
-  color: var(--color--neutral-600);
-}
-body[data-theme="dark"] ._notPublishedIndicatorColor_rvyuk_220 {
-  color: var(--color--neutral-400);
-}
-@media (prefers-color-scheme: dark) {
-body:not([data-theme]) ._notPublishedIndicatorColor_rvyuk_220 {
-    color: var(--color--neutral-400);
+._publishIndicator_1dm19_201 * {
+  line-height: calc(var(--font-size--sm) + 1px);
 }
+._publishIndicatorDot_1dm19_214 {
+  width: var(--spacing--2xs);
+  height: var(--spacing--2xs);
+  border-radius: 50%;
+  background-color: var(--color--mint-600);
 }
 @media screen and (max-width: 991px) {
-._cardLink_rvyuk_123 {
+._cardLink_1dm19_123 {
     --card--padding: 0 var(--spacing--sm) var(--spacing--sm);
     --card--append--width: 100%;
     flex-direction: column;
 }
-._cardActions_rvyuk_165 {
+._cardActions_1dm19_165 {
     width: 100%;
     padding: 0 var(--spacing--sm) var(--spacing--sm);
     justify-content: end;
 }
-._cardBadge_rvyuk_176,
-  ._breadcrumbs_rvyuk_244 {
+._cardBadge_1dm19_176,
+  ._breadcrumbs_1dm19_233 {
     margin-right: auto;
 }
 }
 @media screen and (max-width: 767px) {
-._breadcrumbs_rvyuk_244 > div {
+._breadcrumbs_1dm19_233 > div {
     flex-direction: column;
 }
 }/* BEM support Func