n8n-editor-ui 1.118.1 → 1.119.0

package/dist/assets/{SettingsUsageAndPlan-pptm91gP.css → ChatAgentsView-Be_TXcAc.css}

@@ -120,84 +120,61 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._center_g33cs_123 > div {
-  justify-content: center;
-}
-._actionBox_g33cs_127 {
-  margin: var(--spacing--2xl) 0 0;
-}
-._spacedFlex_g33cs_131 {
+._card_1q9hn_123 {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  gap: var(--spacing--sm);
+  padding: var(--spacing--sm);
+  background-color: var(--color--background--light-3);
+  border: var(--border);
+  border-radius: var(--radius--lg);
+  text-decoration: none;
+  color: inherit;
+  transition: box-shadow 0.3s ease;
 }
-._title_g33cs_137 {
-  display: flex;
-  align-items: center;
-  padding: var(--spacing--2xl) 0 var(--spacing--md);
+._card_1q9hn_123:hover {
+  box-shadow: 0 2px 8px rgba(68, 28, 23, 0.1);
 }
-._quota_g33cs_143 {
+._avatar_1q9hn_139 {
+  flex-shrink: 0;
+}
+._content_1q9hn_143 {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 54px;
-  padding: 0 var(--spacing--sm);
-  margin: 0 0 var(--spacing--xs);
-  background: var(--color--background--light-3);
-  border-radius: var(--radius--lg);
-  border: 1px solid var(--color--foreground);
+  flex-direction: column;
+  gap: var(--spacing--4xs);
+  flex: 1;
+  min-width: 0;
+}
+._title_1q9hn_151 {
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
-._quota_g33cs_143 ._count_g33cs_155 {
-  text-transform: lowercase;
-  font-size: var(--font-size--sm);
+._description_1q9hn_157 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-._buttons_g33cs_160 {
+._metadata_1q9hn_163 {
   display: flex;
-  justify-content: flex-end;
-  padding: var(--spacing--xl) 0 0;
-}
-._buttons_g33cs_160 button {
-  margin-left: var(--spacing--xs);
-}
-._buttons_g33cs_160 button a {
-  display: inline-block;
-  color: inherit;
-  text-decoration: none;
-  padding: var(--spacing--xs) var(--spacing--md);
-  margin: calc(var(--spacing--xs) * -1) calc(var(--spacing--md) * -1);
+  align-items: center;
 }
-._chart_g33cs_176 {
+._metadata_1q9hn_163 > * {
   display: flex;
   align-items: center;
-  justify-content: flex-end;
-  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: pre;
 }
-._chartLine_g33cs_183 {
+._metadata_1q9hn_163 > *:not(:last-child):after {
+  content: "|";
   display: block;
-  height: 10px;
-  width: 100%;
-  max-width: 260px;
-  margin: 0 var(--spacing--md);
-  border-radius: 10px;
-  background: var(--color--background);
-}
-._chartBar_g33cs_193 {
-  float: left;
-  height: 100%;
-  max-width: 100%;
-  background: var(--color--secondary);
-  border-radius: 10px;
-  transition: width 0.2s cubic-bezier(0.19, 1, 0.22, 1);
+  padding-inline: var(--spacing--3xs);
 }
-div[class*=info] > span > span:last-child {
-  line-height: 1.4;
-  padding: 0 0 0 var(--spacing--4xs);
-}
-._titleTooltip_g33cs_207 {
+._actions_1q9hn_180 {
   display: flex;
-  align-items: center;
-  margin: 0 0 0 var(--spacing--2xs);
+  gap: var(--spacing--2xs);
+  flex-shrink: 0;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -320,14 +297,63 @@ div[class*=info] > span > span:last-child {
  -------------------------- */
 /* BEM
  -------------------------- */
-.settings-usage-and-plan[data-v-293c9924] .el-dialog__wrapper {
+._container_15w0c_123 {
+  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;
+}
+._menuButton_15w0c_135 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  margin: var(--spacing--sm);
+}
+._isMobileDevice_15w0c_141 ._menuButton_15w0c_135 {
+  margin: var(--spacing--2xs);
+}
+._header_15w0c_145 {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--spacing--lg);
+  width: 100%;
+}
+._headerContent_15w0c_153 {
   display: flex;
+  flex-direction: column;
+  gap: var(--spacing--3xs);
+}
+._controls_15w0c_159 {
+  display: flex;
+  gap: var(--spacing--2xs);
   align-items: center;
-  justify-content: center;
 }
-.settings-usage-and-plan[data-v-293c9924] .el-dialog__wrapper .el-dialog {
-  margin: 0;
+._search_15w0c_165 {
+  flex: 1;
+  min-width: 200px;
 }
-.settings-usage-and-plan[data-v-293c9924] .el-dialog__wrapper .el-dialog .el-dialog__footer button {
-  margin-left: var(--spacing--xs);
+._filter_15w0c_170 {
+  width: 200px;
+}
+._sort_15w0c_174 {
+  width: 200px;
+}
+._empty_15w0c_178 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  flex: 1;
+  width: 100%;
+}
+._agentsGrid_15w0c_187 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing--2xs);
 }

package/dist/assets/{ChatSidebar-CXnF23Sm.js → ChatSidebar-C0XXqw3v.js}

@@ -1,30 +1,31 @@
 import { C as computed, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, at as renderSlot, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, k as createSlots, mt as useTemplateRef, ot as resolveComponent, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { M as useMediaQuery } from "./_MapCache-BGBKpT5S.js";
-import { Ct as N8nIconButton_default, Fn as N8nText_default, M as N8nLogo_default, Rn as N8nIcon_default, bt as N8nInput_default, i as N8nScrollArea_default, tt as N8nActionDropdown_default } from "./src-Cl0xZtCE.js";
+import { M as useMediaQuery } from "./_MapCache-Byd-DTfo.js";
+import { Ct as N8nInput_default, In as N8nText_default, M as N8nLogo_default, Tt as N8nIconButton_default, i as N8nScrollArea_default, tt as N8nActionDropdown_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
 import "./en-BYTsM8fR.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter, y as useRoute } from "./truncate-Dc79aML5.js";
-import "./icon-C8yfF1LY.js";
-import "./overlay-DeoWJ8oB.js";
+import { b as useRouter, y as useRoute } from "./truncate-DGRsht-H.js";
+import "./icon-DhADuA9N.js";
+import "./overlay-B8MMvNgs.js";
 import "./empty-BuGRxzl4.js";
-import { t as useMessage } from "./useMessage-CVZHrsoz.js";
-import "./dialog-B1U4ND70.js";
-import { t as ModalDrawer_default } from "./ModalDrawer-K2QDXW8H.js";
-import { Li as useUIStore, zo as useSettingsStore } from "./useTelemetry-BxbCYDca.js";
-import { t as useToast } from "./useToast-CKD06lpn.js";
+import { t as useMessage } from "./useMessage-Ceo97RRX.js";
+import "./dialog-BMoy5MDa.js";
+import { t as ModalDrawer_default } from "./ModalDrawer-B2sNzJVm.js";
+import { Ni as useUIStore, Ro as useSettingsStore } from "./useTelemetry-EOV0Llso.js";
+import { t as useToast } from "./useToast-BlMNYwds.js";
 import "./sanitize-html-BuXr7o4T.js";
 import "./path-browserify-DsmB_HMK.js";
-import { Do as MODAL_CONFIRM, co as VIEWS, cr as PROVIDER_CREDENTIAL_TYPE_MAP, po as CHAT_HUB_SIDE_MENU_DRAWER_MODAL_KEY } from "./constants-B1JYxPAR.js";
-import "./merge-Db6rb1_m.js";
+import { No as MODAL_CONFIRM, mo as VIEWS, vo as CHAT_HUB_SIDE_MENU_DRAWER_MODAL_KEY } from "./constants-DvlTm3U4.js";
+import "./merge-CKEa8BM2.js";
 import "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BRhQZVIC.js";
-import "./useExternalHooks-ChElZw8W.js";
+import "./useDebounce-BgcdaJ78.js";
+import "./useExternalHooks-SxBXYVNW.js";
 import "./retry-sDkwzrPY.js";
-import { t as CredentialIcon_default } from "./CredentialIcon-BmzfYSyO.js";
-import { i as MOBILE_MEDIA_QUERY, r as CHAT_VIEW, t as CHAT_CONVERSATION_VIEW } from "./constants-DlQs6Cav.js";
-import { t as MainSidebarUserArea_default } from "./MainSidebarUserArea-DZmO7pT1.js";
-import { i as groupConversationsByDate, n as useChatStore, t as useChatHubSidebarState } from "./useChatHubSidebarState-CTFhoZRQ.js";
+import "./CredentialIcon-DS3l06t2.js";
+import { a as MOBILE_MEDIA_QUERY, i as CHAT_VIEW, n as CHAT_CONVERSATION_VIEW, t as CHAT_AGENTS_VIEW } from "./constants-CPQyU8WO.js";
+import { t as MainSidebarUserArea_default } from "./MainSidebarUserArea-UHX8ACa4.js";
+import { c as groupConversationsByDate, d as unflattenModel, n as ChatAgentAvatar_default, r as useChatStore, t as useChatHubSidebarState } from "./useChatHubSidebarState-CM9tokIj.js";
+import { t as useAgent } from "./useAgent-BHJHCfap.js";
 var ChatSidebarLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatSidebarLink",
 	props: {
@@ -101,6 +102,7 @@ var ChatSessionMenuItem_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const input = useTemplateRef("input");
 		const editedLabel = ref("");
+		const agent = useAgent(computed(() => unflattenModel(__props.session)));
 		const dropdownItems = computed(() => [{
 			id: "rename",
 			label: "Rename",
@@ -147,15 +149,10 @@ var ChatSessionMenuItem_default = /* @__PURE__ */ defineComponent({
 				label: _ctx.session.title,
 				onActionSelect: handleActionSelect
 			}, createSlots({
-				icon: withCtx(() => [_ctx.session.provider === null || _ctx.session.provider === "n8n" ? (openBlock(), createBlock(unref(N8nIcon_default), {
-					key: 0,
-					size: "medium",
-					icon: "message-circle"
-				})) : (openBlock(), createBlock(CredentialIcon_default, {
-					key: 1,
-					"credential-type-name": unref(PROVIDER_CREDENTIAL_TYPE_MAP)[_ctx.session.provider],
-					size: 16
-				}, null, 8, ["credential-type-name"]))]),
+				icon: withCtx(() => [createVNode(ChatAgentAvatar_default, {
+					agent: unref(agent) ?? null,
+					size: "sm"
+				}, null, 8, ["agent"])]),
 				_: 2
 			}, [_ctx.isRenaming ? {
 				name: "default",
@@ -191,6 +188,7 @@ var ChatSidebarContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		const settingsStore = useSettingsStore();
 		const renamingSessionId = ref();
 		const currentSessionId = computed(() => typeof route.params.id === "string" ? route.params.id : void 0);
+		const readyToShowConversations = computed(() => chatStore.agentsReady && chatStore.sessionsReady);
 		const groupedConversations = computed(() => groupConversationsByDate(chatStore.sessions));
 		function handleStartRename(sessionId) {
 			renamingSessionId.value = sessionId;
@@ -222,8 +220,8 @@ var ChatSidebarContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 				toast.showError(error, "Could not delete the conversation");
 			}
 		}
-		onMounted(async () => {
-			await chatStore.fetchSessions();
+		onMounted(() => {
+			chatStore.fetchSessions();
 		});
 		return (_ctx, _cache) => {
 			const _component_RouterLink = resolveComponent("RouterLink");
@@ -255,12 +253,21 @@ var ChatSidebarContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					icon: "square-pen",
 					active: unref(route).name === unref(CHAT_VIEW),
 					onClick: _cache[1] || (_cache[1] = ($event) => unref(sidebar).toggleOpen(false))
+				}, null, 8, ["to", "active"]), createVNode(ChatSidebarLink_default, {
+					to: { name: unref(CHAT_AGENTS_VIEW) },
+					label: "Custom Agents",
+					icon: "robot",
+					active: unref(route).name === unref(CHAT_AGENTS_VIEW),
+					onClick: _cache[2] || (_cache[2] = ($event) => unref(sidebar).toggleOpen(false))
 				}, null, 8, ["to", "active"])], 2),
 				createVNode(unref(N8nScrollArea_default), {
 					"as-child": "",
 					type: "scroll"
 				}, {
-					default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.items) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(groupedConversations.value, (group$1) => {
+					default: withCtx(() => [readyToShowConversations.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(_ctx.$style.items)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(groupedConversations.value, (group$1) => {
 						return openBlock(), createElementBlock("div", {
 							key: group$1.group,
 							class: normalizeClass(_ctx.$style.group)
@@ -288,7 +295,7 @@ var ChatSidebarContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 								"is-renaming"
 							]);
 						}), 128))], 2);
-					}), 128))], 2)]),
+					}), 128))], 2)) : createCommentVNode("", true)]),
 					_: 1
 				}),
 				createVNode(MainSidebarUserArea_default, {