n8n-editor-ui 2.2.2 → 2.3.0

package/dist/assets/{FixedCollectionParameter-BwJ0RupF.js → FixedCollectionParameter-CpMHT5tV.js}

@@ -1,54 +1,55 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
 import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, _t as watch, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, q as onBeforeMount, vn as normalizeClass, w as createBaseVNode, y as Suspense } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
-import { $ as N8nInputLabel_default, J as N8nSelect_default, Sn as N8nButton_default, Y as N8nOption_default, xn as N8nText_default, xt as N8nIconButton_default } from "./src-DqmLIEAl.js";
+import { _t as useI18n } from "./_MapCache-ficiegRb.js";
+import { $ as N8nInputLabel_default, J as N8nSelect_default, Sn as N8nButton_default, Y as N8nOption_default, wn as N8nIcon_default, xn as N8nText_default, xt as N8nIconButton_default } from "./src-DgvumQTi.js";
 import "./en-CF30SCh2.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { r as require_get } from "./truncate-B1pKLfYW.js";
-import "./date-picker-DcC7FxG4.js";
-import { A as telemetry, M as useNDVStore, N as useWorkflowsStore } from "./builder.store-Duj7CxRU.js";
-import { r as require_vuedraggable_umd, t as ParameterInputList_default } from "./ParameterInputList-CBDAoPK3.js";
+import { r as require_get } from "./truncate-B1HVeveJ.js";
+import "./date-picker-B6nJ4qMb.js";
+import { A as telemetry, Gn as useNodeHelpers, M as useNDVStore, N as useWorkflowsStore } from "./builder.store-sBTWwxRU.js";
+import { r as require_vuedraggable_umd, t as ParameterInputList_default } from "./ParameterInputList-B4xJHjua.js";
 import "./empty-BuGRxzl4.js";
-import "./dialog-CL-GwBrf.js";
+import "./dialog-D5O6wJX0.js";
 import "./sanitize-html-Cc45ZKm8.js";
 import "./CalendarDate-zWqgZMlk.js";
 import "./path-browserify-BtCDmZ3_.js";
-import { ga as isINodePropertyCollectionList, wa as deepCopy } from "./constants-tewQ2ZKN.js";
-import "./merge-CY7KXArB.js";
-import { A as storeToRefs } from "./_baseOrderBy-BNTkrax4.js";
+import { ga as isINodePropertyCollectionList, ho as require_isEqual, wa as deepCopy } from "./constants-BbpucWL4.js";
+import "./merge-k8vSyyXH.js";
+import { A as storeToRefs } from "./_baseOrderBy-B_6CV8x6.js";
 import "./dateformat-CM9k0--B.js";
-import "./useDebounce-CfSDWjpl.js";
-import "./assistant.store-BUkMtnJx.js";
-import "./chatPanel.store-bSWCoswI.js";
+import "./useDebounce-Bnb8W2LR.js";
+import "./assistant.store-bS9AHOoo.js";
+import "./chatPanel.store-4qGv1TCZ.js";
 import "./retry-dP46utx2.js";
-import "./executions.store-Cd8EIPHb.js";
-import "./useRunWorkflow-BLkY4JdW.js";
-import "./usePinnedData-D_uksoun.js";
-import "./nodeCreator.store-CYTah7Wn.js";
-import "./nodeIcon-BrNs-ZWC.js";
-import "./useClipboard-C8VXfIIa.js";
-import "./useCanvasOperations-BhNEkOqH.js";
-import "./folders.store-C6mjlpuh.js";
-import "./NodeIcon-LOexRGDj.js";
-import "./isEmpty-DR1DZzfC.js";
-import "./NDVEmptyState-CFcIB3lC.js";
+import "./executions.store-CXjGPxs0.js";
+import "./useRunWorkflow-BQJbxiOd.js";
+import "./usePinnedData-CL2qWhwp.js";
+import "./nodeCreator.store-FJrC_Pu6.js";
+import "./nodeIcon-DI2Acud1.js";
+import "./useCanvasOperations-CAHezq7d.js";
+import "./folders.store-BjAwtSH4.js";
+import "./NodeIcon-BVhrZNYI.js";
+import "./useClipboard-CyG-SBdG.js";
+import "./RunData-B4jIonVZ.js";
+import "./NDVEmptyState-CpUQ-969.js";
 import "./exports-hpMZaOPT.js";
-import "./externalSecrets.ee.store-CLs79pTk.js";
-import "./uniqBy-D2Lq26fz.js";
+import "./externalSecrets.ee.store-D27nc9Y2.js";
+import "./uniqBy-BwIeMDu6.js";
 import "./RunDataHtml-CkjC7YuF.js";
-import "./VueMarkdown-BZruDYY0.js";
-import "./Draggable-DbrNjFiE.js";
-import "./VirtualSchema-DFTcg4qi.js";
+import "./VueMarkdown-D9lDzMKr.js";
+import "./Draggable-04Tfmp_H.js";
+import "./VirtualSchema-D2LnRq9K.js";
 import "./TextWithHighlights-DjzuDrgO.js";
-import "./useTelemetryContext-Cql4krBa.js";
-import "./schemaPreview.store-C2wdKWpg.js";
-import "./nodeTransforms-BGLy6io3.js";
+import "./useTelemetryContext-5Wb7vBCv.js";
+import "./schemaPreview.store-BFprwUEe.js";
+import "./nodeTransforms-Lk_uXh7p.js";
 import "./vue-json-pretty-DGKuDe33.js";
-import "./dateFormatter-Dqzt2wPY.js";
-import "./useExecutionHelpers-eBwPJzuL.js";
+import "./dateFormatter-DDfPHI9I.js";
+import "./useExecutionHelpers-BhJEW8lu.js";
 import "./vue-Dg_43WEg.js";
 var import_get = /* @__PURE__ */ __toESM(require_get());
+var import_isEqual = /* @__PURE__ */ __toESM(require_isEqual());
 var import_vuedraggable_umd = /* @__PURE__ */ __toESM(require_vuedraggable_umd());
 var _hoisted_1 = ["data-test-id"];
 var _hoisted_2 = {
@@ -66,18 +67,30 @@ var _hoisted_5 = {
 };
 var _hoisted_6 = {
 	key: 2,
-	class: "parameter-item"
+	class: "optional-values-picker add-option",
+	"data-test-id": "fixed-collection-add-property"
 };
-var _hoisted_7 = { class: "parameter-item-wrapper" };
+var _hoisted_7 = { class: "optional-value-item" };
 var _hoisted_8 = {
+	key: 2,
+	class: "parameter-item"
+};
+var _hoisted_9 = { class: "parameter-item-wrapper" };
+var _hoisted_10 = {
 	key: 0,
 	class: "icon-button"
 };
-var _hoisted_9 = {
+var _hoisted_11 = {
+	key: 1,
+	class: "optional-values-picker add-option",
+	"data-test-id": "fixed-collection-add-property"
+};
+var _hoisted_12 = { class: "optional-value-item" };
+var _hoisted_13 = {
 	key: 1,
 	class: "controls"
 };
-var _hoisted_10 = {
+var _hoisted_14 = {
 	key: 1,
 	class: "add-option"
 };
@@ -97,6 +110,7 @@ var FixedCollectionParameter_default = /* @__PURE__ */ __plugin_vue_export_helpe
 	emits: ["valueChanged"],
 	setup(__props, { emit: __emit }) {
 		const locale = useI18n();
+		const nodeHelpers = useNodeHelpers();
 		const props = __props;
 		const emit = __emit;
 		const workflowsStore = useWorkflowsStore();
@@ -123,6 +137,7 @@ var FixedCollectionParameter_default = /* @__PURE__ */ __plugin_vue_export_helpe
 		const multipleValues = computed(() => {
 			return !!props.parameter.typeOptions?.multipleValues;
 		});
+		const addedOptionalValues = ref(/* @__PURE__ */ new Map());
 		const parameterOptions = computed(() => {
 			if (!isINodePropertyCollectionList(props.parameter.options)) return [];
 			if (multipleValues.value) return props.parameter.options;
@@ -133,11 +148,97 @@ var FixedCollectionParameter_default = /* @__PURE__ */ __plugin_vue_export_helpe
 		const sortable = computed(() => {
 			return !!props.parameter.typeOptions?.sortable;
 		});
+		const hideOptionalFields = computed(() => {
+			return !!props.parameter.typeOptions?.hideOptionalFields;
+		});
+		const addOptionalFieldButtonText = computed(() => {
+			if (!props.parameter.typeOptions?.addOptionalFieldButtonText) return locale.baseText("fixedCollectionParameter.addField");
+			return locale.nodeText(activeNode.value?.type).addOptionalFieldButtonText(props.parameter);
+		});
+		const getOptionalValuesKey = (propertyName, index) => {
+			return index !== void 0 ? `${propertyName}-${index}` : propertyName;
+		};
+		const hasNonDefaultValue = (propertyDef, itemValues) => {
+			if (!itemValues) return false;
+			const value = itemValues[propertyDef.name];
+			if (value === void 0 || value === null) return false;
+			if (typeof value === "string" && value === "") return false;
+			if (typeof value === "object") return !(0, import_isEqual.default)(value, propertyDef.default);
+			return value !== propertyDef.default;
+		};
+		const initializeAddedOptionalValues = () => {
+			if (!hideOptionalFields.value) return;
+			if (!isINodePropertyCollectionList(props.parameter.options)) return;
+			addedOptionalValues.value.clear();
+			for (const property of props.parameter.options) {
+				const propertyPath = `${props.path}.${property.name}`;
+				const propertyValues = (0, import_get.default)(props.nodeValues, propertyPath);
+				if (!propertyValues) continue;
+				const optionalValueDefs = property.values.filter((v) => v.required !== true && v.type !== "notice");
+				if (multipleValues.value && Array.isArray(propertyValues)) propertyValues.forEach((itemValues, index) => {
+					const key = getOptionalValuesKey(property.name, index);
+					const addedValues = /* @__PURE__ */ new Set();
+					for (const valueDef of optionalValueDefs) if (hasNonDefaultValue(valueDef, itemValues)) addedValues.add(valueDef.name);
+					if (addedValues.size > 0) addedOptionalValues.value.set(key, addedValues);
+				});
+				else if (typeof propertyValues === "object" && !Array.isArray(propertyValues)) {
+					const key = getOptionalValuesKey(property.name);
+					const addedValues = /* @__PURE__ */ new Set();
+					for (const valueDef of optionalValueDefs) if (hasNonDefaultValue(valueDef, propertyValues)) addedValues.add(valueDef.name);
+					if (addedValues.size > 0) addedOptionalValues.value.set(key, addedValues);
+				}
+			}
+		};
+		const isOptionalValueAdded = (propertyName, valueName, index) => {
+			const key = getOptionalValuesKey(propertyName, index);
+			return addedOptionalValues.value.get(key)?.has(valueName) ?? false;
+		};
+		const getVisiblePropertyValues = (property, index) => {
+			if (!hideOptionalFields.value) return property.values;
+			const key = getOptionalValuesKey(property.name, index);
+			const addedValues = addedOptionalValues.value.get(key);
+			return property.values.filter((value) => {
+				if (value.required === true) return true;
+				if (value.type === "notice") return true;
+				if (addedValues?.has(value.name)) return true;
+				if (value.typeOptions?.showEvenWhenOptional) return true;
+				return false;
+			});
+		};
+		const getPickerPropertyValues = (property, index) => {
+			if (!hideOptionalFields.value) return [];
+			const itemPath = getPropertyPath(property.name, index);
+			return property.values.filter((value) => {
+				if (value.required === true) return false;
+				if (value.type === "notice") return false;
+				if (value.typeOptions?.showEvenWhenOptional) return false;
+				return nodeHelpers.displayParameter(props.nodeValues, value, itemPath, activeNode.value);
+			});
+		};
+		const toggleOptionalValue = (property, valueName, index) => {
+			const key = getOptionalValuesKey(property.name, index);
+			let valueSet = addedOptionalValues.value.get(key);
+			if (!valueSet) {
+				valueSet = /* @__PURE__ */ new Set();
+				addedOptionalValues.value.set(key, valueSet);
+			}
+			const valueDef = property.values.find((v) => v.name === valueName);
+			if (!valueDef) return;
+			const isCurrentlyAdded = valueSet.has(valueName);
+			if (isCurrentlyAdded) valueSet.delete(valueName);
+			else valueSet.add(valueName);
+			addedOptionalValues.value.set(key, valueSet);
+			emit("valueChanged", {
+				name: getPropertyPath(property.name, index) + `.${valueName}`,
+				value: isCurrentlyAdded ? void 0 : deepCopy(valueDef.default)
+			});
+		};
 		watch(() => props.values, (newValues) => {
 			mutableValues.value = deepCopy(newValues);
 		}, { deep: true });
 		onBeforeMount(() => {
 			mutableValues.value = deepCopy(props.values);
+			initializeAddedOptionalValues();
 		});
 		const deleteOption = (optionName, index) => {
 			const currentOptionsOfSameType = mutableValues.value[optionName];
@@ -266,7 +367,7 @@ var FixedCollectionParameter_default = /* @__PURE__ */ __plugin_vue_export_helpe
 							}, null, 8, ["title", "onClick"])])) : createCommentVNode("", true),
 							(openBlock(), createBlock(Suspense, null, {
 								default: withCtx(() => [createVNode(ParameterInputList_default, {
-									parameters: property.values,
+									parameters: getVisiblePropertyValues(property, index),
 									"node-values": _ctx.nodeValues,
 									path: getPropertyPath(property.name, index),
 									"hide-delete": true,
@@ -281,7 +382,30 @@ var FixedCollectionParameter_default = /* @__PURE__ */ __plugin_vue_export_helpe
 									"hidden-issues-inputs"
 								])]),
 								_: 2
-							}, 1024))
+							}, 1024)),
+							getPickerPropertyValues(property, index).length > 0 && !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(unref(N8nSelect_default), {
+								placeholder: addOptionalFieldButtonText.value,
+								size: "small",
+								filterable: "",
+								"model-value": null,
+								"onUpdate:modelValue": (valueName) => toggleOptionalValue(property, valueName, index)
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(getPickerPropertyValues(property, index), (value) => {
+									return openBlock(), createBlock(unref(N8nOption_default), {
+										key: value.name,
+										label: value.displayName || value.name,
+										value: value.name
+									}, {
+										default: withCtx(() => [createBaseVNode("div", _hoisted_7, [createBaseVNode("span", null, toDisplayString(value.displayName || value.name), 1), isOptionalValueAdded(property.name, value.name, index) ? (openBlock(), createBlock(unref(N8nIcon_default), {
+											key: 0,
+											icon: "check",
+											size: "medium"
+										})) : createCommentVNode("", true)])]),
+										_: 2
+									}, 1032, ["label", "value"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["placeholder", "onUpdate:modelValue"])])) : createCommentVNode("", true)
 						], 2)]))]),
 						_: 2
 					}, 1032, [
@@ -289,39 +413,65 @@ var FixedCollectionParameter_default = /* @__PURE__ */ __plugin_vue_export_helpe
 						"onUpdate:modelValue",
 						"item-key",
 						"onChange"
-					])])) : (openBlock(), createElementBlock("div", _hoisted_6, [createBaseVNode("div", _hoisted_7, [!_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_8, [createVNode(unref(N8nIconButton_default), {
-						type: "tertiary",
-						text: "",
-						size: "small",
-						icon: "trash-2",
-						"data-test-id": "fixed-collection-delete",
-						title: unref(locale).baseText("fixedCollectionParameter.deleteItem"),
-						onClick: ($event) => deleteOption(property.name)
-					}, null, 8, ["title", "onClick"])])) : createCommentVNode("", true), createVNode(ParameterInputList_default, {
-						parameters: property.values,
-						"node-values": _ctx.nodeValues,
-						path: getPropertyPath(property.name),
-						"is-read-only": _ctx.isReadOnly,
-						class: "parameter-item",
-						"hide-delete": true,
-						"hidden-issues-inputs": _ctx.hiddenIssuesInputs,
-						onValueChanged: valueChanged
-					}, null, 8, [
-						"parameters",
-						"node-values",
-						"path",
-						"is-read-only",
-						"hidden-issues-inputs"
-					])])]))]);
+					])])) : (openBlock(), createElementBlock("div", _hoisted_8, [createBaseVNode("div", _hoisted_9, [
+						!_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(unref(N8nIconButton_default), {
+							type: "tertiary",
+							text: "",
+							size: "small",
+							icon: "trash-2",
+							"data-test-id": "fixed-collection-delete",
+							title: unref(locale).baseText("fixedCollectionParameter.deleteItem"),
+							onClick: ($event) => deleteOption(property.name)
+						}, null, 8, ["title", "onClick"])])) : createCommentVNode("", true),
+						createVNode(ParameterInputList_default, {
+							parameters: getVisiblePropertyValues(property),
+							"node-values": _ctx.nodeValues,
+							path: getPropertyPath(property.name),
+							"is-read-only": _ctx.isReadOnly,
+							class: "parameter-item",
+							"hide-delete": true,
+							"hidden-issues-inputs": _ctx.hiddenIssuesInputs,
+							onValueChanged: valueChanged
+						}, null, 8, [
+							"parameters",
+							"node-values",
+							"path",
+							"is-read-only",
+							"hidden-issues-inputs"
+						]),
+						getPickerPropertyValues(property).length > 0 && !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(unref(N8nSelect_default), {
+							placeholder: addOptionalFieldButtonText.value,
+							size: "small",
+							filterable: "",
+							"model-value": null,
+							"onUpdate:modelValue": (valueName) => toggleOptionalValue(property, valueName)
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(getPickerPropertyValues(property), (value) => {
+								return openBlock(), createBlock(unref(N8nOption_default), {
+									key: value.name,
+									label: value.displayName || value.name,
+									value: value.name
+								}, {
+									default: withCtx(() => [createBaseVNode("div", _hoisted_12, [createBaseVNode("span", null, toDisplayString(value.displayName || value.name), 1), isOptionalValueAdded(property.name, value.name) ? (openBlock(), createBlock(unref(N8nIcon_default), {
+										key: 0,
+										icon: "check",
+										size: "medium"
+									})) : createCommentVNode("", true)])]),
+									_: 2
+								}, 1032, ["label", "value"]);
+							}), 128))]),
+							_: 2
+						}, 1032, ["placeholder", "onUpdate:modelValue"])])) : createCommentVNode("", true)
+					])]))]);
 				}), 128)),
-				parameterOptions.value.length > 0 && !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_9, [_ctx.parameter.options && _ctx.parameter.options.length === 1 ? (openBlock(), createBlock(unref(N8nButton_default), {
+				parameterOptions.value.length > 0 && !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_13, [_ctx.parameter.options && _ctx.parameter.options.length === 1 ? (openBlock(), createBlock(unref(N8nButton_default), {
 					key: 0,
 					type: "tertiary",
 					block: "",
 					"data-test-id": "fixed-collection-add",
 					label: getPlaceholderText.value,
 					onClick: _cache[0] || (_cache[0] = ($event) => onAddButtonClick(_ctx.parameter.options[0].name))
-				}, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(unref(N8nSelect_default), {
+				}, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(N8nSelect_default), {
 					modelValue: selectedOption.value,
 					"onUpdate:modelValue": [_cache[1] || (_cache[1] = ($event) => selectedOption.value = $event), optionSelected],
 					placeholder: getPlaceholderText.value,
@@ -340,5 +490,5 @@ var FixedCollectionParameter_default = /* @__PURE__ */ __plugin_vue_export_helpe
 			], 40, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-fc67ef85"]]);
+}), [["__scopeId", "data-v-33c4afd7"]]);
 export { FixedCollectionParameter_default as default };

package/dist/assets/{FixedCollectionParameter-BLkaFn--.css → FixedCollectionParameter-DT3ELzS9.css}

@@ -120,14 +120,24 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.fixed-collection-parameter[data-v-fc67ef85] {
+.fixed-collection-parameter[data-v-33c4afd7] {
   padding-left: var(--spacing--sm);
 }
-.fixed-collection-parameter .icon-button[data-v-fc67ef85] {
+.fixed-collection-parameter .icon-button[data-v-33c4afd7] {
   display: flex;
   flex-direction: column;
 }
-.fixed-collection-parameter .controls[data-v-fc67ef85] .button {
+.fixed-collection-parameter .optional-values-picker[data-v-33c4afd7] {
+  margin-top: var(--spacing--xs);
+  margin-bottom: var(--spacing--xs);
+}
+.optional-value-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.fixed-collection-parameter .controls[data-v-33c4afd7] .button {
   font-weight: var(--font-weight--regular);
   --button--color--text: var(--color--text--shade-1);
   --button--border-color: var(--color--foreground);
@@ -142,51 +152,51 @@
   --button--border-color--focus: var(--color--foreground);
   --button--color--background--focus: var(--color--background);
 }
-.fixed-collection-parameter .controls[data-v-fc67ef85] .button:active, .fixed-collection-parameter .controls[data-v-fc67ef85] .button.active, .fixed-collection-parameter .controls[data-v-fc67ef85] .button:focus {
+.fixed-collection-parameter .controls[data-v-33c4afd7] .button:active, .fixed-collection-parameter .controls[data-v-33c4afd7] .button.active, .fixed-collection-parameter .controls[data-v-33c4afd7] .button:focus {
   outline: none;
 }
-.fixed-collection-parameter-property[data-v-fc67ef85] {
+.fixed-collection-parameter-property[data-v-33c4afd7] {
   margin: var(--spacing--xs) 0;
   margin-bottom: 0;
 }
-.parameter-item:hover > .parameter-item-wrapper > .icon-button[data-v-fc67ef85] {
+.parameter-item:hover > .parameter-item-wrapper > .icon-button[data-v-33c4afd7] {
   opacity: 1;
 }
-.parameter-item[data-v-fc67ef85] {
+.parameter-item[data-v-33c4afd7] {
   position: relative;
   padding: 0 0 var(--spacing--sm) var(--spacing--sm);
 }
-.parameter-item + .parameter-item .parameter-item-wrapper .default-top-padding[data-v-fc67ef85] {
+.parameter-item + .parameter-item .parameter-item-wrapper .default-top-padding[data-v-33c4afd7] {
   top: calc(1.2 * var(--spacing--sm));
 }
-.parameter-item + .parameter-item .parameter-item-wrapper .extra-top-padding[data-v-fc67ef85] {
+.parameter-item + .parameter-item .parameter-item-wrapper .extra-top-padding[data-v-33c4afd7] {
   top: calc(2.2 * var(--spacing--sm));
 }
-.parameter-item:first-of-type .parameter-item-wrapper .default-top-padding[data-v-fc67ef85] {
+.parameter-item:first-of-type .parameter-item-wrapper .default-top-padding[data-v-33c4afd7] {
   top: var(--spacing--3xs);
 }
-.parameter-item:first-of-type .parameter-item-wrapper .extra-top-padding[data-v-fc67ef85] {
+.parameter-item:first-of-type .parameter-item-wrapper .extra-top-padding[data-v-33c4afd7] {
   top: var(--spacing--lg);
 }
-.border-top-dashed[data-v-fc67ef85] {
+.border-top-dashed[data-v-33c4afd7] {
   border-top: 1px dashed #999;
 }
-.no-items-exist[data-v-fc67ef85] {
+.no-items-exist[data-v-33c4afd7] {
   margin: var(--spacing--xs) 0;
 }
-.ghost[data-v-fc67ef85],
-.dragging[data-v-fc67ef85] {
+.ghost[data-v-33c4afd7],
+.dragging[data-v-33c4afd7] {
   border-radius: var(--radius);
   padding-right: var(--spacing--xs);
 }
-.ghost[data-v-fc67ef85] {
+.ghost[data-v-33c4afd7] {
   background-color: var(--color--background);
   opacity: 0.5;
 }
-.dragging[data-v-fc67ef85] {
+.dragging[data-v-33c4afd7] {
   background-color: var(--color--background--light-3);
   opacity: 0.7;
 }
-.dragging .parameter-item-wrapper[data-v-fc67ef85] {
+.dragging .parameter-item-wrapper[data-v-33c4afd7] {
   border: none;
 }

package/dist/assets/{ForgotMyPasswordView-1N-A787K.js → ForgotMyPasswordView-798fFqrK.js}

@@ -1,22 +1,22 @@
 import { C as computed, It as ref, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
-import "./src-DqmLIEAl.js";
+import { _t as useI18n } from "./_MapCache-ficiegRb.js";
+import "./src-DgvumQTi.js";
 import "./en-CF30SCh2.js";
 import "./preload-helper-CR0ecmWK.js";
 import "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import "./truncate-B1pKLfYW.js";
-import { Dr as useUsersStore, hs as useSettingsStore, v as useToast } from "./builder.store-Duj7CxRU.js";
+import "./truncate-B1HVeveJ.js";
+import { Dr as useUsersStore, gs as useSettingsStore, v as useToast } from "./builder.store-sBTWwxRU.js";
 import "./empty-BuGRxzl4.js";
 import "./sanitize-html-Cc45ZKm8.js";
 import "./CalendarDate-zWqgZMlk.js";
 import "./path-browserify-BtCDmZ3_.js";
-import "./constants-tewQ2ZKN.js";
-import "./merge-CY7KXArB.js";
-import "./_baseOrderBy-BNTkrax4.js";
+import "./constants-BbpucWL4.js";
+import "./merge-k8vSyyXH.js";
+import "./_baseOrderBy-B_6CV8x6.js";
 import "./dateformat-CM9k0--B.js";
-import "./useDebounce-CfSDWjpl.js";
-import "./sso.store-NAZj00M5.js";
-import { t as AuthView_default } from "./AuthView-DWo8QuHr.js";
+import "./useDebounce-Bnb8W2LR.js";
+import "./sso.store-Ba2eVE3K.js";
+import { t as AuthView_default } from "./AuthView-TY21M5Xw.js";
 var ForgotMyPasswordView_default = /* @__PURE__ */ defineComponent({
 	__name: "ForgotMyPasswordView",
 	setup(__props) {

package/dist/assets/{InsightsChartAverageRuntime-CVqslR-G.js → InsightsChartAverageRuntime-gpxjFP2f.js}

@@ -1,14 +1,14 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
+import { _t as useI18n } from "./_MapCache-ficiegRb.js";
 import "./CalendarDate-zWqgZMlk.js";
-import "./merge-CY7KXArB.js";
+import "./merge-k8vSyyXH.js";
 import "./dateformat-CM9k0--B.js";
 import { a as INSIGHTS_UNIT_MAPPING, t as GRANULARITY_DATE_FORMAT_MASK } from "./insights.constants-C8GITe6H.js";
-import { a as transformInsightsAverageRunTime } from "./insights.utils-BGJsibwb.js";
+import { a as transformInsightsAverageRunTime } from "./insights.utils-B7OXsqrQ.js";
 import { l as index } from "./chart-CE3HWIkr.js";
 import { t as smartDecimal } from "./smartDecimal-DK6-_VSq.js";
 import { r as Line } from "./dist-DP_8je0B.js";
-import { n as generateLineChartOptions, r as generateLinearGradient } from "./chartjs.utils-Bf2Bnt2m.js";
+import { n as generateLineChartOptions, r as generateLinearGradient } from "./chartjs.utils-CeXvwL6J.js";
 var InsightsChartAverageRuntime_default = /* @__PURE__ */ defineComponent({
 	__name: "InsightsChartAverageRuntime",
 	props: {

package/dist/assets/{InsightsChartFailed-CecqMcK3.js → InsightsChartFailed-DBcygly6.js}

@@ -1,12 +1,12 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { C as useCssVar, _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
-import "./merge-CY7KXArB.js";
+import { C as useCssVar, _t as useI18n } from "./_MapCache-ficiegRb.js";
+import "./merge-k8vSyyXH.js";
 import "./dateformat-CM9k0--B.js";
 import { t as GRANULARITY_DATE_FORMAT_MASK } from "./insights.constants-C8GITe6H.js";
 import "./chart-CE3HWIkr.js";
 import { t as smartDecimal } from "./smartDecimal-DK6-_VSq.js";
 import { t as Bar } from "./dist-DP_8je0B.js";
-import { t as generateBarChartOptions } from "./chartjs.utils-Bf2Bnt2m.js";
+import { t as generateBarChartOptions } from "./chartjs.utils-CeXvwL6J.js";
 var InsightsChartFailed_default = /* @__PURE__ */ defineComponent({
 	__name: "InsightsChartFailed",
 	props: {

package/dist/assets/{InsightsChartFailureRate-BNtj5W2a.js → InsightsChartFailureRate-CY3HP65L.js}

@@ -1,14 +1,14 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { C as useCssVar, _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
+import { C as useCssVar, _t as useI18n } from "./_MapCache-ficiegRb.js";
 import "./CalendarDate-zWqgZMlk.js";
-import "./merge-CY7KXArB.js";
+import "./merge-k8vSyyXH.js";
 import "./dateformat-CM9k0--B.js";
 import { a as INSIGHTS_UNIT_MAPPING, t as GRANULARITY_DATE_FORMAT_MASK } from "./insights.constants-C8GITe6H.js";
-import { o as transformInsightsFailureRate } from "./insights.utils-BGJsibwb.js";
+import { o as transformInsightsFailureRate } from "./insights.utils-B7OXsqrQ.js";
 import "./chart-CE3HWIkr.js";
 import { t as smartDecimal } from "./smartDecimal-DK6-_VSq.js";
 import { t as Bar } from "./dist-DP_8je0B.js";
-import { t as generateBarChartOptions } from "./chartjs.utils-Bf2Bnt2m.js";
+import { t as generateBarChartOptions } from "./chartjs.utils-CeXvwL6J.js";
 var InsightsChartFailureRate_default = /* @__PURE__ */ defineComponent({
 	__name: "InsightsChartFailureRate",
 	props: {

package/dist/assets/{InsightsChartTimeSaved-BBYbLjA8.js → InsightsChartTimeSaved-DAfnPiRJ.js}

@@ -1,14 +1,14 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
+import { _t as useI18n } from "./_MapCache-ficiegRb.js";
 import "./CalendarDate-zWqgZMlk.js";
-import "./merge-CY7KXArB.js";
+import "./merge-k8vSyyXH.js";
 import "./dateformat-CM9k0--B.js";
 import { a as INSIGHTS_UNIT_MAPPING, t as GRANULARITY_DATE_FORMAT_MASK } from "./insights.constants-C8GITe6H.js";
-import { c as transformInsightsTimeSaved } from "./insights.utils-BGJsibwb.js";
+import { c as transformInsightsTimeSaved } from "./insights.utils-B7OXsqrQ.js";
 import { l as index } from "./chart-CE3HWIkr.js";
 import "./smartDecimal-DK6-_VSq.js";
 import { r as Line } from "./dist-DP_8je0B.js";
-import { n as generateLineChartOptions, r as generateLinearGradient } from "./chartjs.utils-Bf2Bnt2m.js";
+import { n as generateLineChartOptions, r as generateLinearGradient } from "./chartjs.utils-CeXvwL6J.js";
 var InsightsChartTimeSaved_default = /* @__PURE__ */ defineComponent({
 	__name: "InsightsChartTimeSaved",
 	props: {

package/dist/assets/{InsightsChartTotal-DdVKZAZm.js → InsightsChartTotal-CLtcCYXo.js}

@@ -1,12 +1,12 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { C as useCssVar, _t as useI18n } from "./_MapCache-BMHbvJCZ.js";
-import "./merge-CY7KXArB.js";
+import { C as useCssVar, _t as useI18n } from "./_MapCache-ficiegRb.js";
+import "./merge-k8vSyyXH.js";
 import "./dateformat-CM9k0--B.js";
 import { t as GRANULARITY_DATE_FORMAT_MASK } from "./insights.constants-C8GITe6H.js";
 import "./chart-CE3HWIkr.js";
 import "./smartDecimal-DK6-_VSq.js";
 import { t as Bar } from "./dist-DP_8je0B.js";
-import { t as generateBarChartOptions } from "./chartjs.utils-Bf2Bnt2m.js";
+import { t as generateBarChartOptions } from "./chartjs.utils-CeXvwL6J.js";
 var InsightsChartTotal_default = /* @__PURE__ */ defineComponent({
 	__name: "InsightsChartTotal",
 	props: {