n8n-editor-ui 2.3.1 → 2.4.0

package/dist/assets/{useCanvasMapping-CyDAqgNV.css → CanvasRunWorkflowButton-D_Rqnskj.css}

@@ -112,171 +112,6 @@
 --------------------------*/
 /* Break-point
 --------------------------*/
-/* Break-points
- -------------------------- */
-/* Scrollbar
- -------------------------- */
-/* Placeholder
- -------------------------- */
-/* BEM
- -------------------------- */
-._component_1dst5_123 {
-  position: relative;
-  display: flex;
-  align-items: stretch;
-}
-._split_1dst5_129 ._button_1dst5_129 {
-  height: var(--spacing--2xl);
-  padding-inline-start: var(--spacing--xs);
-  padding-block: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-._divider_1dst5_137 {
-  width: 1px;
-  background-color: var(--button--color--text, var(--button--color--text--primary));
-}
-._chevron_1dst5_142 {
-  width: 40px;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-._menu_1dst5_148 .el-dropdown {
-  height: 100%;
-}
-._menuPopper_1dst5_152 {
-  max-width: none !important;
-}
-._menuItem_1dst5_156 {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing--2xs);
-}
-._menuItem_1dst5_156._disabled_1dst5_162 ._menuIcon_1dst5_162 {
-  opacity: 0.2;
-}
-._buttonContent_1dst5_166 {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start !important;
-  gap: var(--spacing--5xs);
-}
-._subText_1dst5_173 {
-  font-size: var(--font-size--2xs);
-}/* 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
@@ -1523,7 +1358,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._node_y72lx_123 {
+._node_xjtm2_123 {
   --canvas-node--border-width: 1.5px;
   --trigger-node--radius: 36px;
   --canvas-node--status-icons--margin: var(--spacing--3xs);
@@ -1546,25 +1381,25 @@
    * The reverse order defines the priority in case multiple states are active
    */
 }
-._node_y72lx_123._trigger_y72lx_146 {
+._node_xjtm2_123._trigger_xjtm2_146 {
   border-radius: var(--trigger-node--radius) var(--radius--lg) var(--radius--lg) var(--trigger-node--radius);
 }
-._node_y72lx_123._trigger_y72lx_146._running_y72lx_149::after, ._node_y72lx_123._trigger_y72lx_146._waiting_y72lx_149::after {
+._node_xjtm2_123._trigger_xjtm2_146._running_xjtm2_149::after, ._node_xjtm2_123._trigger_xjtm2_146._waiting_xjtm2_149::after {
   border-radius: var(--trigger-node--radius) var(--radius--lg) var(--radius--lg) var(--trigger-node--radius);
 }
-._node_y72lx_123._configuration_y72lx_152 {
+._node_xjtm2_123._configuration_xjtm2_152 {
   border-radius: calc(var(--canvas-node--height) / 2);
 }
-._node_y72lx_123._configuration_y72lx_152._running_y72lx_149::after, ._node_y72lx_123._configuration_y72lx_152._waiting_y72lx_149::after {
+._node_xjtm2_123._configuration_xjtm2_152._running_xjtm2_149::after, ._node_xjtm2_123._configuration_xjtm2_152._waiting_xjtm2_149::after {
   border-radius: calc(var(--canvas-node--height) / 2);
 }
-._node_y72lx_123._configuration_y72lx_152 ._statusIcons_y72lx_158 {
+._node_xjtm2_123._configuration_xjtm2_152 ._statusIcons_xjtm2_158 {
   right: unset;
 }
-._node_y72lx_123._configurable_y72lx_161 ._icon_y72lx_161 {
+._node_xjtm2_123._configurable_xjtm2_161 ._icon_xjtm2_161 {
   margin-left: calc(40px - (var(--node--icon--size)) / 2 - var(--canvas-node--border-width));
 }
-._node_y72lx_123._configurable_y72lx_161 ._description_y72lx_164 {
+._node_xjtm2_123._configurable_xjtm2_161 ._description_xjtm2_164 {
   top: unset;
   position: relative;
   margin-top: 0;
@@ -1577,67 +1412,67 @@
   flex-grow: 1;
   flex-shrink: 1;
 }
-._node_y72lx_123._configurable_y72lx_161 ._label_y72lx_177 {
+._node_xjtm2_123._configurable_xjtm2_161 ._label_xjtm2_177 {
   text-align: left;
 }
-._node_y72lx_123._configurable_y72lx_161 ._subtitle_y72lx_180 {
+._node_xjtm2_123._configurable_xjtm2_161 ._subtitle_xjtm2_180 {
   text-align: left;
 }
-._node_y72lx_123._configurable_y72lx_161._configuration_y72lx_152 ._icon_y72lx_161 {
+._node_xjtm2_123._configurable_xjtm2_161._configuration_xjtm2_152 ._icon_xjtm2_161 {
   margin-left: calc((var(--canvas-node--height) - var(--node--icon--size) - 4px) / 2);
 }
-._node_y72lx_123._configurable_y72lx_161._configuration_y72lx_152:not(._running_y72lx_149) ._statusIcons_y72lx_158 {
+._node_xjtm2_123._configurable_xjtm2_161._configuration_xjtm2_152 ._statusIcons_xjtm2_158 {
   position: static;
   margin-right: var(--spacing--2xs);
 }
-._node_y72lx_123._configurable_y72lx_161._configuration_y72lx_152 ._description_y72lx_164 {
+._node_xjtm2_123._configurable_xjtm2_161._configuration_xjtm2_152 ._description_xjtm2_164 {
   margin-right: var(--spacing--xs);
 }
-._node_y72lx_123._selected_y72lx_193 {
+._node_xjtm2_123._selected_xjtm2_193 {
   /* stylelint-disable-next-line @n8n/css-var-naming */
   box-shadow: 0 0 0 calc(6px * var(--canvas-zoom-compensation-factor, 1)) var(--canvas--color--selected-transparent);
 }
-._node_y72lx_123._success_y72lx_197 {
+._node_xjtm2_123._success_xjtm2_197 {
   --canvas-node--border-width: 2px;
   --canvas-node--border-color: var(
   	--color-canvas-node-success-border-color,
   	var(--color--success)
   );
 }
-._node_y72lx_123._warning_y72lx_204 {
+._node_xjtm2_123._warning_xjtm2_204 {
   --canvas-node--border-width: 2px;
   --canvas-node--border-color: var(--color--warning);
 }
-._node_y72lx_123._error_y72lx_208 {
+._node_xjtm2_123._error_xjtm2_208 {
   --canvas-node--border-color: var(--canvas-node--border-color--error, var(--color--danger));
 }
-._node_y72lx_123._pinned_y72lx_211 {
+._node_xjtm2_123._pinned_xjtm2_211 {
   --canvas-node--border-width: 2px;
   --canvas-node--border-color: var(
   	--color-canvas-node-pinned-border-color,
   	var(--node--border-color--pinned)
   );
 }
-._node_y72lx_123._disabled_y72lx_218 {
+._node_xjtm2_123._disabled_xjtm2_218 {
   --canvas-node--border-color: var(
   	--color-canvas-node-disabled-border-color,
   	var(--color--foreground)
   );
 }
-._node_y72lx_123._running_y72lx_149 {
+._node_xjtm2_123._running_xjtm2_149 {
   border-color: transparent;
   --canvas-node--border-color: var(
   	--color-canvas-node-running-border-color,
   	var(--node--border-color--running)
   );
 }
-._node_y72lx_123._waiting_y72lx_149 {
+._node_xjtm2_123._waiting_xjtm2_149 {
   --canvas-node--border-color: transparent;
 }
 
 /* stylelint-disable */
-._running_y72lx_149::after,
-._waiting_y72lx_149::after {
+._running_xjtm2_149::after,
+._waiting_xjtm2_149::after {
   content: "";
   position: absolute;
   inset: -3px;
@@ -1645,18 +1480,18 @@
   z-index: -1;
   background: conic-gradient(from var(--node--gradient-angle), rgb(255, 109, 90), rgb(255, 109, 90) 20%, rgba(255, 109, 90, 0.2) 35%, rgba(255, 109, 90, 0.2) 65%, rgb(255, 109, 90) 90%, rgb(255, 109, 90));
 }
-._running_y72lx_149::after {
-  animation: _border-rotate_y72lx_1 1.5s linear infinite;
+._running_xjtm2_149::after {
+  animation: _border-rotate_xjtm2_1 1.5s linear infinite;
 }
-._waiting_y72lx_149::after {
-  animation: _border-rotate_y72lx_1 4.5s linear infinite;
+._waiting_xjtm2_149::after {
+  animation: _border-rotate_xjtm2_1 4.5s linear infinite;
 }
 @property --node--gradient-angle {
   syntax: "<angle>";
   initial-value: 0deg;
   inherits: false;
 }
-@keyframes _border-rotate_y72lx_1 {
+@keyframes _border-rotate_xjtm2_1 {
 from {
     --node--gradient-angle: 0deg;
 }
@@ -1665,7 +1500,7 @@ to {
 }
 }
 /* stylelint-enable */
-._description_y72lx_164 {
+._description_xjtm2_164 {
   top: 100%;
   position: absolute;
   width: 100%;
@@ -1676,8 +1511,8 @@ to {
   gap: var(--spacing--4xs);
   pointer-events: none;
 }
-._label_y72lx_177,
-._disabledLabel_y72lx_281 {
+._label_xjtm2_177,
+._disabledLabel_xjtm2_281 {
   font-size: var(--font-size--md);
   text-align: center;
   text-overflow: ellipsis;
@@ -1689,7 +1524,7 @@ to {
   font-weight: var(--font-weight--medium);
   line-height: var(--line-height--sm);
 }
-._subtitle_y72lx_180 {
+._subtitle_xjtm2_180 {
   width: 100%;
   text-align: center;
   color: var(--color--text--tint-1);
@@ -1700,12 +1535,12 @@ to {
   line-height: var(--line-height--sm);
   font-weight: var(--font-weight--regular);
 }
-._statusIcons_y72lx_158 {
+._statusIcons_xjtm2_158 {
   position: absolute;
   bottom: var(--canvas-node--status-icons--margin);
   right: var(--canvas-node--status-icons--margin);
 }
-._icon_y72lx_161 {
+._icon_xjtm2_161 {
   flex-grow: 0;
   flex-shrink: 0;
 }/* BEM support Func
@@ -4966,11 +4801,176 @@ path[data-v-c74a9681] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-3dfb422b],
-.minimap-leave-active[data-v-3dfb422b] {
+.minimap-enter-active[data-v-76d34b77],
+.minimap-leave-active[data-v-76d34b77] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-3dfb422b],
-.minimap-leave-to[data-v-3dfb422b] {
+.minimap-enter-from[data-v-76d34b77],
+.minimap-leave-to[data-v-76d34b77] {
   opacity: 0;
+}/* 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
+ -------------------------- */
+._component_1dst5_123 {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+}
+._split_1dst5_129 ._button_1dst5_129 {
+  height: var(--spacing--2xl);
+  padding-inline-start: var(--spacing--xs);
+  padding-block: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+._divider_1dst5_137 {
+  width: 1px;
+  background-color: var(--button--color--text, var(--button--color--text--primary));
+}
+._chevron_1dst5_142 {
+  width: 40px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+._menu_1dst5_148 .el-dropdown {
+  height: 100%;
+}
+._menuPopper_1dst5_152 {
+  max-width: none !important;
+}
+._menuItem_1dst5_156 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing--2xs);
+}
+._menuItem_1dst5_156._disabled_1dst5_162 ._menuIcon_1dst5_162 {
+  opacity: 0.2;
+}
+._buttonContent_1dst5_166 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start !important;
+  gap: var(--spacing--5xs);
+}
+._subText_1dst5_173 {
+  font-size: var(--font-size--2xs);
 }

package/dist/assets/{ChangePasswordView-B4U_r0Av.js → ChangePasswordView-CXDHJS_U.js}

@@ -1,22 +1,17 @@
-import { E as createCommentVNode, It as ref, P as defineComponent, T as createBlock, Z as onMounted, et as openBlock } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-ficiegRb.js";
-import "./src-XLGanEOK.js";
-import "./en-CF30SCh2.js";
-import "./preload-helper-CR0ecmWK.js";
-import "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { y as useRouter } from "./truncate-B1HVeveJ.js";
-import { Dr as useUsersStore, v as useToast } from "./builder.store-D6GyopzN.js";
-import "./empty-DUjwPfU3.js";
-import "./sanitize-html-fRP2gWb9.js";
-import "./CalendarDate-zWqgZMlk.js";
-import "./path-browserify-CJwRhuT8.js";
-import { Bo as VIEWS, Pc as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH } from "./constants-DRIItkNt.js";
-import "./merge-k8vSyyXH.js";
-import "./_baseOrderBy-UJkFlXQy.js";
-import "./dateformat-CM9k0--B.js";
-import "./useDebounce-Bnb8W2LR.js";
-import "./sso.store-B7JPsojt.js";
-import { t as AuthView_default } from "./AuthView-8nC1kvaA.js";
+import { E as createCommentVNode, It as ref, P as defineComponent, T as createBlock, Z as onMounted, et as openBlock } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import "./src-DpZSuyLC.js";
+import { y as useRouter } from "./truncate-BrM_9cme.js";
+import { br as useToast, t as useUsersStore } from "./users.store-Dh2O3NbU.js";
+import "./sanitize-html-DeDnsMgc.js";
+import "./empty-nq5-pHAR.js";
+import { Nc as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, zo as VIEWS } from "./constants-D48cSFnx.js";
+import "./merge-B0-p153C.js";
+import "./_baseOrderBy-DvuuRU7J.js";
+import "./dateformat-BeHi9sF4.js";
+import "./useDebounce-C4ttil9E.js";
+import "./sso.store-9EWHvrSy.js";
+import { t as AuthView_default } from "./AuthView-B28bjxIF.js";
 var ChangePasswordView_default = /* @__PURE__ */ defineComponent({
 	__name: "ChangePasswordView",
 	setup(__props) {

package/dist/assets/ChatAgentAvatar-BqR7_kd_.js

@@ -0,0 +1,67 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, 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 { St as N8nTooltip_default, jn as N8nIcon_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { nt as useCredentialsStore } from "./users.store-Dh2O3NbU.js";
+import { Jr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-D48cSFnx.js";
+import { t as CredentialIcon_default } from "./CredentialIcon-BtjftPax.js";
+import { f as isLlmProviderModel, g as workflowAgentDefaultIcon, p as personalAgentDefaultIcon } from "./chat.store-Crdaw-Cp.js";
+var ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ChatAgentAvatar",
+	props: {
+		agent: {},
+		size: {},
+		tooltip: { type: Boolean }
+	},
+	setup(__props) {
+		const credentialsStore = useCredentialsStore();
+		const isCredentialsIconReady = computed(() => credentialsStore.allCredentialTypes.length > 0);
+		const i18n = useI18n();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nTooltip_default), {
+				"show-after": 100,
+				placement: "left",
+				disabled: !__props.tooltip
+			}, {
+				content: withCtx(() => [createTextVNode(toDisplayString(__props.agent?.name || unref(i18n).baseText("chatHub.agent.unavailableAgent")), 1)]),
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.container, _ctx.$attrs.class]) }, [__props.agent?.icon?.type === "emoji" ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass([_ctx.$style.emoji, _ctx.$style[__props.size]])
+				}, toDisplayString(__props.agent.icon.value), 3)) : !__props.agent || !unref(isLlmProviderModel)(__props.agent.model) ? (openBlock(), createBlock(unref(N8nIcon_default), {
+					key: 1,
+					color: __props.size === "sm" ? "text-base" : "text-light",
+					class: normalizeClass([_ctx.$style.n8nIcon, _ctx.$style[__props.size]]),
+					icon: __props.agent?.icon?.value ?? (__props.agent?.model.provider === "n8n" ? unref(workflowAgentDefaultIcon) : unref(personalAgentDefaultIcon)).value,
+					size: __props.size === "lg" ? "xxlarge" : __props.size === "sm" ? "large" : "xlarge"
+				}, null, 8, [
+					"color",
+					"class",
+					"icon",
+					"size"
+				])) : (openBlock(), createBlock(CredentialIcon_default, {
+					key: 2,
+					class: normalizeClass([_ctx.$style.credentialsIcon, { [_ctx.$style.isReady]: isCredentialsIconReady.value }]),
+					"credential-type-name": unref(PROVIDER_CREDENTIAL_TYPE_MAP)[__props.agent.model.provider],
+					size: __props.size === "sm" ? 16 : __props.size === "lg" ? 40 : 20
+				}, null, 8, [
+					"class",
+					"credential-type-name",
+					"size"
+				]))], 2)]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+var ChatAgentAvatar_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1tmx7_123",
+	n8nIcon: "_n8nIcon_1tmx7_130",
+	lg: "_lg_1tmx7_133",
+	emoji: "_emoji_1tmx7_141",
+	sm: "_sm_1tmx7_146",
+	md: "_md_1tmx7_150",
+	credentialsIcon: "_credentialsIcon_1tmx7_161",
+	isReady: "_isReady_1tmx7_164"
+};
+var ChatAgentAvatar_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatAgentAvatar_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ChatAgentAvatar_default as t };