n8n-editor-ui 2.1.0 → 2.2.0

package/dist/assets/{ChatAgentAvatar-DErShgau.js → ChatAgentAvatar-CwpeLqqo.js}

@@ -1,11 +1,11 @@
-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 } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { gt as useI18n } from "./_MapCache-BXj4WgHo.js";
-import { Gn as N8nIcon_default, ht as N8nTooltip_default } from "./src-RwnQoRPP.js";
+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-tP5dCd7J.js";
+import { _t as useI18n } from "./_MapCache-0zNxISSG.js";
+import { ht as N8nTooltip_default, wn as N8nIcon_default } from "./src-DTY1hJHs.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { en as useCredentialsStore } from "./builder.store-CAubedr_.js";
-import { Qr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-CYvY1HoE.js";
-import { t as CredentialIcon_default } from "./CredentialIcon-BuTzTX1f.js";
-import { d as personalAgentDefaultIcon, m as workflowAgentDefaultIcon, u as isLlmProviderModel } from "./chat.store-CBMr_Pqd.js";
+import { gn as useCredentialsStore } from "./builder.store-YujiPssa.js";
+import { Yr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-D52YoOSp.js";
+import { t as CredentialIcon_default } from "./CredentialIcon-ClX-2bGh.js";
+import { d as personalAgentDefaultIcon, m as workflowAgentDefaultIcon, u as isLlmProviderModel } from "./chat.store-YbHxxnni.js";
 var ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatAgentAvatar",
 	props: {
@@ -24,7 +24,7 @@ var ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				disabled: !_ctx.tooltip
 			}, {
 				content: withCtx(() => [createTextVNode(toDisplayString(_ctx.agent?.name || unref(i18n).baseText("chatHub.agent.unavailableAgent")), 1)]),
-				default: withCtx(() => [_ctx.agent?.icon?.type === "emoji" ? (openBlock(), createElementBlock("span", {
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.container) }, [_ctx.agent?.icon?.type === "emoji" ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass([_ctx.$style.emoji, _ctx.$style[_ctx.size]])
 				}, toDisplayString(_ctx.agent.icon.value), 3)) : !_ctx.agent || !unref(isLlmProviderModel)(_ctx.agent.model) ? (openBlock(), createBlock(unref(N8nIcon_default), {
@@ -47,20 +47,21 @@ var ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					"class",
 					"credential-type-name",
 					"size"
-				]))]),
+				]))], 2)]),
 				_: 1
 			}, 8, ["disabled"]);
 		};
 	}
 });
 var ChatAgentAvatar_vue_vue_type_style_index_0_lang_module_default = {
-	n8nIcon: "_n8nIcon_ray3d_123",
-	lg: "_lg_ray3d_126",
-	emoji: "_emoji_ray3d_134",
-	sm: "_sm_ray3d_139",
-	md: "_md_ray3d_143",
-	credentialsIcon: "_credentialsIcon_ray3d_154",
-	isReady: "_isReady_ray3d_157"
+	container: "_container_6zc6p_123",
+	n8nIcon: "_n8nIcon_6zc6p_133",
+	lg: "_lg_6zc6p_136",
+	emoji: "_emoji_6zc6p_144",
+	sm: "_sm_6zc6p_149",
+	md: "_md_6zc6p_153",
+	credentialsIcon: "_credentialsIcon_6zc6p_164",
+	isReady: "_isReady_6zc6p_167"
 };
 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 };

package/dist/assets/{ChatSidebarOpener-B_fYs0MW.js → ChatLayout-Baw4DF5I.js}

@@ -1,13 +1,12 @@
-import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, P as defineComponent, T as createBlock, _t as watch, at as renderSlot, et as openBlock, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { D as useEventListener, M as useMediaQuery, gt as useI18n, j as useLocalStorage } from "./_MapCache-BXj4WgHo.js";
-import { ct as useDeviceSupport, xt as N8nIconButton_default } from "./src-RwnQoRPP.js";
+import { C as computed, D as createElementBlock, Gt as unref, It as ref, P as defineComponent, _t as watch, at as renderSlot, et as openBlock, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { M as useLocalStorage, N as useMediaQuery, O as useEventListener } from "./_MapCache-0zNxISSG.js";
+import { ct as useDeviceSupport } from "./src-DTY1hJHs.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter } from "./truncate-BmR9EyjG.js";
-import { $o as useSettingsStore, Pn as useProjectsStore, Wi as useUIStore, en as useCredentialsStore } from "./builder.store-CAubedr_.js";
-import { $r as agentIconOrEmojiSchema, Fo as nullType, Io as objectType, Lo as recordType, Os as LOCAL_STORAGE_CHAT_HUB_CREDENTIALS, Qr as PROVIDER_CREDENTIAL_TYPE_MAP, Ro as stringType, ei as chatHubConversationModelSchema, ni as chatHubProviderSchema } from "./constants-CYvY1HoE.js";
-import { d as MOBILE_MEDIA_QUERY, l as CHAT_VIEW } from "./constants-qk3hx0l8.js";
-import { l as isLlmProvider, u as isLlmProviderModel } from "./chat.store-CBMr_Pqd.js";
-import { t as useChatHubSidebarState } from "./useChatHubSidebarState-CBF0kF34.js";
+import { b as useRouter } from "./truncate-ByNK2lRy.js";
+import { Xn as useProjectsStore, gn as useCredentialsStore, hs as useSettingsStore, oa as useUIStore } from "./builder.store-YujiPssa.js";
+import { $r as chatHubProviderSchema, Fo as stringType, Mo as nullType, No as objectType, Po as recordType, Xr as agentIconOrEmojiSchema, Yr as PROVIDER_CREDENTIAL_TYPE_MAP, Zr as chatHubConversationModelSchema, ws as LOCAL_STORAGE_CHAT_HUB_CREDENTIALS } from "./constants-D52YoOSp.js";
+import { f as MOBILE_MEDIA_QUERY, u as CHAT_VIEW } from "./constants-DLTaaipl.js";
+import { l as isLlmProvider, u as isLlmProviderModel } from "./chat.store-YbHxxnni.js";
 const credentialsMapSchema = recordType(chatHubProviderSchema, stringType().or(nullType()));
 const chatHubConversationModelWithCachedDisplayNameSchema = chatHubConversationModelSchema.and(objectType({
 	cachedDisplayName: stringType().optional(),
@@ -94,22 +93,4 @@ var ChatLayout_vue_vue_type_style_index_0_lang_module_default = {
 	isMobileDevice: "_isMobileDevice_gldft_134"
 };
 var ChatLayout_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatLayout_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatLayout_vue_vue_type_style_index_0_lang_module_default }]]);
-var ChatSidebarOpener_default = /* @__PURE__ */ defineComponent({
-	__name: "ChatSidebarOpener",
-	setup(__props) {
-		const sidebar = useChatHubSidebarState();
-		const i18n = useI18n();
-		return (_ctx, _cache) => {
-			return !unref(sidebar).isStatic.value ? (openBlock(), createBlock(unref(N8nIconButton_default), {
-				key: 0,
-				type: "secondary",
-				icon: unref(sidebar).canBeStatic.value ? "panel-left" : "menu",
-				text: "",
-				"icon-size": "large",
-				"aria-label": unref(i18n).baseText("chatHub.sidebar.button.toggle"),
-				onClick: _cache[0] || (_cache[0] = ($event) => unref(sidebar).toggleStatic(true))
-			}, null, 8, ["icon", "aria-label"])) : createCommentVNode("", true);
-		};
-	}
-});
-export { chatHubConversationModelWithCachedDisplayNameSchema as i, ChatLayout_default as n, useChatCredentials as r, ChatSidebarOpener_default as t };
+export { useChatCredentials as n, chatHubConversationModelWithCachedDisplayNameSchema as r, ChatLayout_default as t };

package/dist/assets/{ChatPersonalAgentsView-FV6Fmhk8.js → ChatPersonalAgentsView-B9Pt0vxY.js}

@@ -1,31 +1,28 @@
 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, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { M as useMediaQuery, gt as useI18n } from "./_MapCache-BXj4WgHo.js";
-import { Hn as N8nText_default, Un as N8nButton_default } from "./src-RwnQoRPP.js";
-import "./en-b3uD8cvU.js";
+import { N as useMediaQuery, _t as useI18n } from "./_MapCache-0zNxISSG.js";
+import { Sn as N8nButton_default, xn as N8nText_default } from "./src-DTY1hJHs.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 "./truncate-BmR9EyjG.js";
-import "./overlay-Bil1NnPh.js";
+import "./truncate-ByNK2lRy.js";
+import { Dr as useUsersStore, m as useMessage, oa as useUIStore, v as useToast } from "./builder.store-YujiPssa.js";
 import "./empty-BuGRxzl4.js";
-import { t as useMessage } from "./useMessage-CPC9wpAB.js";
-import { Wi as useUIStore, dr as useUsersStore, n as useToast } from "./builder.store-CAubedr_.js";
-import "./sanitize-html-Cft-jOcY.js";
-import "./CalendarDate-B-JEhNYg.js";
-import "./path-browserify-BgjP7RyT.js";
-import { ss as MODAL_CONFIRM } from "./constants-CYvY1HoE.js";
-import "./merge-BfSiz1ty.js";
-import "./_baseOrderBy-DocZGYxF.js";
-import "./dateformat-hG8NERse.js";
-import "./useDebounce-Cisb25yt.js";
-import "./retry-CMAFrhVi.js";
-import "./CredentialIcon-BuTzTX1f.js";
-import { d as MOBILE_MEDIA_QUERY, t as AGENT_EDITOR_MODAL_KEY } from "./constants-qk3hx0l8.js";
-import { f as stringifyModel, r as filterAndSortAgents, t as useChatStore } from "./chat.store-CBMr_Pqd.js";
-import "./fileUtils-D3GQ2UWQ.js";
-import "./ChatAgentAvatar-DErShgau.js";
-import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-BJex2Lyu.js";
-import { n as ChatLayout_default, r as useChatCredentials, t as ChatSidebarOpener_default } from "./ChatSidebarOpener-B_fYs0MW.js";
-import "./useChatHubSidebarState-CBF0kF34.js";
+import "./sanitize-html-Cc45ZKm8.js";
+import "./CalendarDate-zWqgZMlk.js";
+import "./path-browserify-BtCDmZ3_.js";
+import { rs as MODAL_CONFIRM } from "./constants-D52YoOSp.js";
+import "./merge-BmWPLD5Q.js";
+import "./_baseOrderBy-CesQfsb9.js";
+import "./dateformat-CM9k0--B.js";
+import "./useDebounce-DGSOfe85.js";
+import "./retry-dP46utx2.js";
+import "./CredentialIcon-ClX-2bGh.js";
+import { f as MOBILE_MEDIA_QUERY, t as AGENT_EDITOR_MODAL_KEY } from "./constants-DLTaaipl.js";
+import { f as stringifyModel, r as filterAndSortAgents, t as useChatStore } from "./chat.store-YbHxxnni.js";
+import "./fileUtils-D_SiS8no.js";
+import "./ChatAgentAvatar-CwpeLqqo.js";
+import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-DcV1dSF-.js";
+import { n as useChatCredentials, t as ChatLayout_default } from "./ChatLayout-Baw4DF5I.js";
 var ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatPersonalAgentsView",
 	setup(__props) {
@@ -34,7 +31,7 @@ var ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__P
 		const toast = useToast();
 		const message = useMessage();
 		const usersStore = useUsersStore();
-		const isMobileDevice$1 = useMediaQuery(MOBILE_MEDIA_QUERY);
+		const isMobileDevice = useMediaQuery(MOBILE_MEDIA_QUERY);
 		const i18n = useI18n();
 		const agentFilter = ref({
 			search: "",
@@ -79,7 +76,7 @@ var ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__P
 		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(ChatLayout_default, null, {
-				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.container, { [_ctx.$style.isMobileDevice]: unref(isMobileDevice$1) }]) }, [
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.container, { [_ctx.$style.isMobileDevice]: unref(isMobileDevice) }]) }, [
 					createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.headerContent) }, [createVNode(unref(N8nText_default), {
 						tag: "h1",
 						size: "xlarge",
@@ -133,20 +130,18 @@ var ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__P
 							"onDelete"
 						])) : createCommentVNode("", true)], 64);
 					}), 128))], 2))
-				], 2), createVNode(ChatSidebarOpener_default, { class: normalizeClass(_ctx.$style.menuButton) }, null, 8, ["class"])]),
+				], 2)]),
 				_: 1
 			});
 		};
 	}
 });
 var ChatPersonalAgentsView_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_1ph4w_123",
-	menuButton: "_menuButton_1ph4w_136",
-	isMobileDevice: "_isMobileDevice_1ph4w_142",
-	header: "_header_1ph4w_146",
-	headerContent: "_headerContent_1ph4w_154",
-	empty: "_empty_1ph4w_160",
-	agentsGrid: "_agentsGrid_1ph4w_169"
+	container: "_container_1m2yx_123",
+	header: "_header_1m2yx_136",
+	headerContent: "_headerContent_1m2yx_144",
+	empty: "_empty_1m2yx_150",
+	agentsGrid: "_agentsGrid_1m2yx_159"
 };
 var ChatPersonalAgentsView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatPersonalAgentsView_vue_vue_type_style_index_0_lang_module_default }]]);
 export { ChatPersonalAgentsView_default as default };

package/dist/assets/ChatPersonalAgentsView-BiiyFIRl.css

@@ -0,0 +1,159 @@
+/* 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
+ -------------------------- */
+._container_1m2yx_123 {
+  align-self: center;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  max-width: var(--content-container--width);
+  padding: var(--spacing--xl);
+  gap: var(--spacing--xl);
+  overflow-y: auto;
+  position: relative;
+}
+._header_1m2yx_136 {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--spacing--lg);
+  width: 100%;
+}
+._headerContent_1m2yx_144 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing--3xs);
+}
+._empty_1m2yx_150 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  flex: 1;
+  width: 100%;
+}
+._agentsGrid_1m2yx_159 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing--2xs);
+}