feat: Add AI tool building capabilities (#7336)

Github issue / Community forum post (link here to close automatically):
https://community.n8n.io/t/langchain-memory-chat/23733

---------

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>
Co-authored-by: Oleg Ivaniv <me@olegivaniv.com>
Co-authored-by: Val <68596159+valya@users.noreply.github.com>
Co-authored-by: Alex Grozav <alex@grozav.com>
Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <aditya@netroy.in>
Co-authored-by: Deborah <deborah@starfallprojects.co.uk>
Co-authored-by: Jesper Bylund <mail@jesperbylund.com>
Co-authored-by: Jon <jonathan.bennetts@gmail.com>
Co-authored-by: Michael Kret <88898367+michael-radency@users.noreply.github.com>
Co-authored-by: Giulio Andreini <andreini@netseven.it>
Co-authored-by: Mason Geloso <Mason.geloso@gmail.com>
Co-authored-by: Mason Geloso <hone@Masons-Mac-mini.local>
Co-authored-by: Mutasem Aldmour <mutasem@n8n.io>

packages/@n8n/chat/src/components/Chat.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import Layout from '@/components/Layout.vue';
+import GetStarted from '@/components/GetStarted.vue';
+import GetStartedFooter from '@/components/GetStartedFooter.vue';
+import MessagesList from '@/components/MessagesList.vue';
+import Input from '@/components/Input.vue';
+import { nextTick, onMounted } from 'vue';
+import { useI18n, useChat } from '@/composables';
+import { chatEventBus } from '@/event-buses';
+
+const { t } = useI18n();
+const chatStore = useChat();
+
+const { messages, currentSessionId } = chatStore;
+
+async function initialize() {
+	await chatStore.loadPreviousSession();
+	void nextTick(() => {
+		chatEventBus.emit('scrollToBottom');
+	});
+}
+
+async function getStarted() {
+	void chatStore.startNewSession();
+	void nextTick(() => {
+		chatEventBus.emit('scrollToBottom');
+	});
+}
+
+onMounted(() => {
+	void initialize();
+});
+</script>
+
+<template>
+	<Layout class="chat-wrapper">
+		<template #header v-if="!currentSessionId">
+			<h1>{{ t('title') }}</h1>
+			<p>{{ t('subtitle') }}</p>
+		</template>
+		<GetStarted v-if="!currentSessionId" @click:button="getStarted" />
+		<MessagesList v-else :messages="messages" />
+		<template #footer>
+			<Input v-if="currentSessionId" />
+			<GetStartedFooter v-else />
+		</template>
+	</Layout>
+</template>