diff --git a/cypress/e2e/6-code-node.cy.ts b/cypress/e2e/6-code-node.cy.ts
index 4a987dd6cd..0ed9ba5089 100644
--- a/cypress/e2e/6-code-node.cy.ts
+++ b/cypress/e2e/6-code-node.cy.ts
@@ -5,29 +5,158 @@ const WorkflowPage = new WorkflowPageClass();
 const ndv = new NDV();
 
 describe('Code node', () => {
-	beforeEach(() => {
-		WorkflowPage.actions.visit();
-	});
+	describe('Code editor', () => {
+		beforeEach(() => {
+			WorkflowPage.actions.visit();
+			WorkflowPage.actions.addInitialNodeToCanvas('Manual');
+			WorkflowPage.actions.addNodeToCanvas('Code', true, true);
+		});
 
-	it('should execute the placeholder in all-items mode successfully', () => {
-		WorkflowPage.actions.addInitialNodeToCanvas('Manual');
-		WorkflowPage.actions.addNodeToCanvas('Code');
-		WorkflowPage.actions.openNode('Code');
+		it('should show correct placeholders switching modes', () => {
+			cy.contains("// Loop over input items and add a new field").should('be.visible');
 
-		ndv.actions.execute();
+			ndv.getters.parameterInput('mode').click();
+			ndv.actions.selectOptionInParameterDropdown('mode', 'Run Once for Each Item');
 
-		WorkflowPage.getters.successToast().contains('Node executed successfully');
-	});
+			cy.contains("// Add a new field called 'myNewField'").should('be.visible');
 
-	it('should execute the placeholder in each-item mode successfully', () => {
-		WorkflowPage.actions.addInitialNodeToCanvas('Manual');
-		WorkflowPage.actions.addNodeToCanvas('Code');
-		WorkflowPage.actions.openNode('Code');
-		ndv.getters.parameterInput('mode').click();
-		ndv.actions.selectOptionInParameterDropdown('mode', 'Run Once for Each Item');
+			ndv.getters.parameterInput('mode').click();
+			ndv.actions.selectOptionInParameterDropdown('mode', 'Run Once for All Items');
+			cy.contains("// Loop over input items and add a new field").should('be.visible');
+		})
 
-		ndv.actions.execute();
+		it('should execute the placeholder successfully in both modes', () => {
+			ndv.actions.execute();
 
-		WorkflowPage.getters.successToast().contains('Node executed successfully');
+			WorkflowPage.getters.successToast().contains('Node executed successfully');
+			ndv.getters.parameterInput('mode').click();
+			ndv.actions.selectOptionInParameterDropdown('mode', 'Run Once for Each Item');
+
+			ndv.actions.execute();
+
+			WorkflowPage.getters.successToast().contains('Node executed successfully');
+		});
+	})
+
+	describe('Ask AI', () => {
+		it('tab should display based on experiment', () => {
+			WorkflowPage.actions.visit();
+			cy.window().then((win) => {
+				win.featureFlags.override('011_ask_AI', 'control');
+				WorkflowPage.actions.addInitialNodeToCanvas('Manual');
+				WorkflowPage.actions.addNodeToCanvas('Code');
+				WorkflowPage.actions.openNode('Code');
+
+				cy.getByTestId('code-node-tab-ai').should('not.exist');
+
+				ndv.actions.close();
+				win.featureFlags.override('011_ask_AI', undefined);
+				WorkflowPage.actions.openNode('Code');
+				cy.getByTestId('code-node-tab-ai').should('not.exist');
+			})
+		})
+
+		describe('Enabled', () => {
+			beforeEach(() => {
+				WorkflowPage.actions.visit();
+				cy.window().then((win) => {
+					win.featureFlags.override('011_ask_AI', 'gpt3');
+					WorkflowPage.actions.addInitialNodeToCanvas('Manual');
+					WorkflowPage.actions.addNodeToCanvas('Code', true, true);
+				})
+			})
+
+			it('tab should exist if experiment selected and be selectable', () => {
+					cy.getByTestId('code-node-tab-ai').should('exist');
+					cy.get('#tab-ask-ai').click();
+					cy.contains('Hey AI, generate JavaScript').should('exist');
+			})
+
+			it('generate code button should have correct state & tooltips', () => {
+				cy.getByTestId('code-node-tab-ai').should('exist');
+				cy.get('#tab-ask-ai').click();
+
+
+				cy.getByTestId('ask-ai-cta').should('be.disabled');
+				cy.getByTestId('ask-ai-cta').realHover();
+				cy.getByTestId('ask-ai-cta-tooltip-no-input-data').should('exist');
+				ndv.actions.executePrevious();
+				cy.getByTestId('ask-ai-cta').realHover();
+				cy.getByTestId('ask-ai-cta-tooltip-no-prompt').should('exist');
+				cy.getByTestId('ask-ai-prompt-input')
+					// Type random 14 character string
+					.type([...Array(14)].map(() => (Math.random() * 36 | 0).toString(36)).join(''))
+
+				cy.getByTestId('ask-ai-cta').realHover();
+				cy.getByTestId('ask-ai-cta-tooltip-prompt-too-short').should('exist');
+
+				cy.getByTestId('ask-ai-prompt-input')
+					.clear()
+					// Type random 15 character string
+					.type([...Array(15)].map(() => (Math.random() * 36 | 0).toString(36)).join(''))
+				cy.getByTestId('ask-ai-cta').should('be.enabled');
+
+				cy.getByTestId('ask-ai-prompt-counter').should('contain.text', '15 / 600');
+			})
+
+			it('should send correct schema and replace code', () => {
+				const prompt = [...Array(20)].map(() => (Math.random() * 36 | 0).toString(36)).join('');
+				cy.get('#tab-ask-ai').click();
+				ndv.actions.executePrevious();
+
+				cy.getByTestId('ask-ai-prompt-input').type(prompt)
+
+				cy.intercept('POST', '/rest/ask-ai', {
+					statusCode: 200,
+					body: {
+						data: {
+							code: 'console.log("Hello World")',
+							usage: {
+								prompt_tokens: 15,
+								completion_tokens: 15,
+								total_tokens: 30
+							}
+						},
+					}
+				}).as('ask-ai');
+				cy.getByTestId('ask-ai-cta').click();
+				cy.wait('@ask-ai')
+					.its('request.body')
+					.should('deep.include', {
+						question: prompt,
+						model: "gpt-3.5-turbo-16k",
+						context: { schema: [] }
+					});
+
+				cy.contains('Code generation completed').should('be.visible')
+				cy.getByTestId('code-node-tab-code').should('contain.text', 'console.log("Hello World")');
+				cy.get('#tab-code').should('have.class', 'is-active');
+			})
+
+			it('should show error based on status code', () => {
+					const prompt = [...Array(20)].map(() => (Math.random() * 36 | 0).toString(36)).join('');
+					cy.get('#tab-ask-ai').click();
+					ndv.actions.executePrevious();
+
+					cy.getByTestId('ask-ai-prompt-input').type(prompt)
+
+					const handledCodes = [
+						{ code: 400, message: 'Code generation failed due to an unknown reason' },
+						{ code: 413, message: 'Your workflow data is too large for AI to process' },
+						{ code: 429, message: 'We\'ve hit our rate limit with our AI partner' },
+						{ code: 500, message: 'Code generation failed due to an unknown reason' },
+					]
+
+					handledCodes.forEach(({ code, message }) => {
+						cy.intercept('POST', '/rest/ask-ai', {
+							statusCode: code,
+							status: code,
+						}).as('ask-ai');
+
+						cy.getByTestId('ask-ai-cta').click();
+						cy.contains(message).should('be.visible')
+					})
+			})
+		})
 	});
 });
diff --git a/cypress/pages/ndv.ts b/cypress/pages/ndv.ts
index bde403a0fe..301de78cfe 100644
--- a/cypress/pages/ndv.ts
+++ b/cypress/pages/ndv.ts
@@ -114,7 +114,7 @@ export class NDV extends BasePage {
 			cy.get('body').type('{enter}');
 		},
 		executePrevious: () => {
-			this.getters.executePrevious().click();
+			this.getters.executePrevious().click({ force: true });
 		},
 		mapDataFromHeader: (col: number, parameterName: string) => {
 			const draggable = `[data-test-id="ndv-input-panel"] [data-test-id="ndv-data-container"] table th:nth-child(${col})`;
diff --git a/packages/cli/src/Server.ts b/packages/cli/src/Server.ts
index 2a2a532944..28dd62a141 100644
--- a/packages/cli/src/Server.ts
+++ b/packages/cli/src/Server.ts
@@ -325,6 +325,9 @@ export class Server extends AbstractServer {
 			banners: {
 				dismissed: [],
 			},
+			ai: {
+				enabled: config.getEnv('ai.enabled'),
+			},
 		};
 	}
 
diff --git a/packages/cli/src/config/index.ts b/packages/cli/src/config/index.ts
index 351b31d853..2c2890412f 100644
--- a/packages/cli/src/config/index.ts
+++ b/packages/cli/src/config/index.ts
@@ -18,6 +18,7 @@ if (inE2ETests) {
 		N8N_PUBLIC_API_DISABLED: 'true',
 		EXTERNAL_FRONTEND_HOOKS_URLS: '',
 		N8N_PERSONALIZATION_ENABLED: 'false',
+		N8N_AI_ENABLED: 'true',
 	};
 } else if (inTest) {
 	const testsDir = join(tmpdir(), 'n8n-tests/');
diff --git a/packages/cli/src/config/schema.ts b/packages/cli/src/config/schema.ts
index 74e4ae67ef..d24fd38c16 100644
--- a/packages/cli/src/config/schema.ts
+++ b/packages/cli/src/config/schema.ts
@@ -1174,4 +1174,13 @@ export const schema = {
 			},
 		},
 	},
+
+	ai: {
+		enabled: {
+			doc: 'Whether AI features are enabled',
+			format: Boolean,
+			default: false,
+			env: 'N8N_AI_ENABLED',
+		},
+	},
 };
diff --git a/packages/design-system/src/components/N8nCircleLoader/CircleLoader.stories.ts b/packages/design-system/src/components/N8nCircleLoader/CircleLoader.stories.ts
new file mode 100644
index 0000000000..a9f11a3165
--- /dev/null
+++ b/packages/design-system/src/components/N8nCircleLoader/CircleLoader.stories.ts
@@ -0,0 +1,50 @@
+import N8nCircleLoader from './CircleLoader.vue';
+import type { StoryFn } from '@storybook/vue3';
+
+export default {
+	title: 'Atoms/CircleLoader',
+	component: N8nCircleLoader,
+	argTypes: {
+		radius: {
+			control: {
+				type: 'number',
+			},
+		},
+		progress: {
+			control: {
+				type: 'number',
+			},
+		},
+		strokeWidth: {
+			control: {
+				type: 'number',
+			},
+		},
+	},
+};
+
+interface Args {
+	radius: number;
+	progress: number;
+	strokeWidth: number;
+}
+
+const template: StoryFn<Args> = (args, { argTypes }) => ({
+	setup: () => ({ args }),
+	props: Object.keys(argTypes),
+	components: {
+		N8nCircleLoader,
+	},
+	template: `
+		<div>
+			<n8n-circle-loader v-bind="args" />
+		</div>
+	`,
+});
+
+export const defaultCircleLoader = template.bind({});
+defaultCircleLoader.args = {
+	radius: 20,
+	progress: 42,
+	strokeWidth: 10,
+};
diff --git a/packages/design-system/src/components/N8nCircleLoader/CircleLoader.vue b/packages/design-system/src/components/N8nCircleLoader/CircleLoader.vue
new file mode 100644
index 0000000000..a9231c2852
--- /dev/null
+++ b/packages/design-system/src/components/N8nCircleLoader/CircleLoader.vue
@@ -0,0 +1,63 @@
+<template>
+	<div class="progress-circle">
+		<svg class="progress-ring" :width="diameter" :height="diameter">
+			<circle
+				:class="$style.progressRingCircle"
+				:stroke-width="strokeWidth"
+				stroke="#DCDFE6"
+				fill="transparent"
+				:r="radius"
+				v-bind="{ cx, cy }"
+			/>
+			<circle
+				:class="$style.progressRingCircle"
+				stroke="#5C4EC2"
+				:stroke-width="strokeWidth"
+				fill="transparent"
+				:r="radius"
+				v-bind="{ cx, cy, style }"
+			/>
+		</svg>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+const props = defineProps({
+	radius: {
+		type: Number,
+		required: true,
+	},
+	progress: {
+		type: Number,
+		required: true,
+	},
+	strokeWidth: {
+		type: Number,
+		default: 4,
+	},
+});
+
+// for SVG viewbox and stroke array
+const diameter = computed(() => 2 * (props.radius + props.strokeWidth));
+const circumference = computed(() => 2 * Math.PI * props.radius);
+
+const strokeDashoffset = computed(
+	() => circumference.value - (props.progress / 100) * circumference.value,
+);
+
+const cx = computed(() => props.radius + props.strokeWidth);
+const cy = computed(() => props.radius + props.strokeWidth);
+const style = computed(() => ({
+	strokeDasharray: `${circumference.value}`,
+	strokeDashoffset: `${strokeDashoffset.value}`,
+}));
+</script>
+
+<style module>
+.progressRingCircle {
+	transition: stroke-dashoffset 0.35s linear;
+	transform: rotate(-90deg);
+	transform-origin: 50% 50%;
+}
+</style>
diff --git a/packages/design-system/src/components/N8nCircleLoader/__tests__/CircleLoader.spec.ts b/packages/design-system/src/components/N8nCircleLoader/__tests__/CircleLoader.spec.ts
new file mode 100644
index 0000000000..a05b4c219a
--- /dev/null
+++ b/packages/design-system/src/components/N8nCircleLoader/__tests__/CircleLoader.spec.ts
@@ -0,0 +1,15 @@
+import { render } from '@testing-library/vue';
+import N8NCircleLoader from '../CircleLoader.vue';
+
+describe('N8NCircleLoader', () => {
+	it('should render correctly', () => {
+		const wrapper = render(N8NCircleLoader, {
+			props: {
+				radius: 20,
+				progress: 42,
+				strokeWidth: 10,
+			},
+		});
+		expect(wrapper.html()).toMatchSnapshot();
+	});
+});
diff --git a/packages/design-system/src/components/N8nCircleLoader/__tests__/__snapshots__/CircleLoader.spec.ts.snap b/packages/design-system/src/components/N8nCircleLoader/__tests__/__snapshots__/CircleLoader.spec.ts.snap
new file mode 100644
index 0000000000..1f208ed67d
--- /dev/null
+++ b/packages/design-system/src/components/N8nCircleLoader/__tests__/__snapshots__/CircleLoader.spec.ts.snap
@@ -0,0 +1,8 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`N8NCircleLoader > should render correctly 1`] = `
+"<div class=\\"progress-circle\\"><svg class=\\"progress-ring\\" width=\\"60\\" height=\\"60\\">
+    <circle class=\\"progressRingCircle\\" stroke-width=\\"10\\" stroke=\\"#DCDFE6\\" fill=\\"transparent\\" r=\\"20\\" cx=\\"30\\" cy=\\"30\\"></circle>
+    <circle class=\\"progressRingCircle\\" stroke=\\"#5C4EC2\\" stroke-width=\\"10\\" fill=\\"transparent\\" r=\\"20\\" cx=\\"30\\" cy=\\"30\\" style=\\"stroke-dasharray: 125.66370614359172; stroke-dashoffset: 72.8849495632832;\\"></circle>
+  </svg></div>"
+`;
diff --git a/packages/design-system/src/components/N8nCircleLoader/index.ts b/packages/design-system/src/components/N8nCircleLoader/index.ts
new file mode 100644
index 0000000000..fcd1764c53
--- /dev/null
+++ b/packages/design-system/src/components/N8nCircleLoader/index.ts
@@ -0,0 +1,3 @@
+import N8nCircleLoader from './CircleLoader.vue';
+
+export default N8nCircleLoader;
diff --git a/packages/design-system/src/components/index.ts b/packages/design-system/src/components/index.ts
index 888149da2c..9e9cbd616e 100644
--- a/packages/design-system/src/components/index.ts
+++ b/packages/design-system/src/components/index.ts
@@ -9,6 +9,7 @@ export { default as N8nButton } from './N8nButton';
 export { default as N8nCallout } from './N8nCallout';
 export { default as N8nCard } from './N8nCard';
 export { default as N8nCheckbox } from './N8nCheckbox';
+export { default as N8nCircleLoader } from './N8nCircleLoader';
 export { default as N8nColorPicker } from './N8nColorPicker';
 export { default as N8nDatatable } from './N8nDatatable';
 export { default as N8nFormBox } from './N8nFormBox';
diff --git a/packages/design-system/src/plugin.ts b/packages/design-system/src/plugin.ts
index 1ad81241cc..2f0bea9017 100644
--- a/packages/design-system/src/plugin.ts
+++ b/packages/design-system/src/plugin.ts
@@ -12,6 +12,7 @@ import {
 	N8nCallout,
 	N8nCard,
 	N8nCheckbox,
+	N8nCircleLoader,
 	N8nColorPicker,
 	N8nDatatable,
 	N8nFormBox,
@@ -66,6 +67,7 @@ export const N8nPlugin: Plugin<{}> = {
 		app.component('n8n-callout', N8nCallout);
 		app.component('n8n-card', N8nCard);
 		app.component('n8n-checkbox', N8nCheckbox);
+		app.component('n8n-circle-loader', N8nCircleLoader);
 		app.component('n8n-color-picker', N8nColorPicker);
 		app.component('n8n-datatable', N8nDatatable);
 		app.component('n8n-form-box', N8nFormBox);
diff --git a/packages/editor-ui/src/api/ai.ts b/packages/editor-ui/src/api/ai.ts
new file mode 100644
index 0000000000..95ace358fb
--- /dev/null
+++ b/packages/editor-ui/src/api/ai.ts
@@ -0,0 +1,34 @@
+import type { IRestApiContext, Schema } from '@/Interface';
+import { makeRestApiRequest } from '@/utils/apiUtils';
+import type { IDataObject } from 'n8n-workflow';
+
+type Usage = {
+	prompt_tokens: number;
+	completion_tokens: number;
+	total_tokens: number;
+};
+
+export async function generateCodeForPrompt(
+	ctx: IRestApiContext,
+	{
+		question,
+		context,
+		model,
+		n8nVersion,
+	}: {
+		question: string;
+		context: {
+			schema: Array<{ nodeName: string; schema: Schema }>;
+			inputSchema: { nodeName: string; schema: Schema };
+		};
+		model: string;
+		n8nVersion: string;
+	},
+): Promise<{ code: string; usage: Usage }> {
+	return makeRestApiRequest(ctx, 'POST', '/ask-ai', {
+		question,
+		context,
+		model,
+		n8nVersion,
+	} as IDataObject);
+}
diff --git a/packages/editor-ui/src/components/AskAiModal.vue b/packages/editor-ui/src/components/AskAiModal.vue
deleted file mode 100644
index 5a606964e4..0000000000
--- a/packages/editor-ui/src/components/AskAiModal.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-	<Modal
-		width="460px"
-		:center="true"
-		:eventBus="modalBus"
-		:name="ASK_AI_MODAL_KEY"
-		:title="$locale.baseText('askAi.dialog.title')"
-	>
-		<template #content>
-			<n8n-text v-html="$locale.baseText('askAi.dialog.body')"></n8n-text>
-		</template>
-
-		<template #footer>
-			<n8n-link :to="ASK_AI_WAITLIST_URL">
-				<n8n-button
-					float="right"
-					:label="$locale.baseText('askAi.dialog.signup')"
-					@click="onAskAiWaitlistClick"
-				/>
-			</n8n-link>
-		</template>
-	</Modal>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import Modal from './Modal.vue';
-import { ASK_AI_MODAL_KEY, ASK_AI_WAITLIST_URL } from '../constants';
-import { createEventBus } from 'n8n-design-system/utils';
-
-export default defineComponent({
-	name: 'AskAI',
-	components: {
-		Modal,
-	},
-	data() {
-		return {
-			ASK_AI_WAITLIST_URL,
-			ASK_AI_MODAL_KEY,
-			modalBus: createEventBus(),
-		};
-	},
-	methods: {
-		onAskAiWaitlistClick() {
-			this.$telemetry.track('User clicked join waitlist', { source: 'ask-ai-code' });
-			this.modalBus.emit('close');
-		},
-	},
-});
-</script>
-
-<style module lang="scss"></style>
diff --git a/packages/editor-ui/src/components/CodeNodeEditor/AskAI/AskAI.vue b/packages/editor-ui/src/components/CodeNodeEditor/AskAI/AskAI.vue
new file mode 100644
index 0000000000..9a4876b33b
--- /dev/null
+++ b/packages/editor-ui/src/components/CodeNodeEditor/AskAI/AskAI.vue
@@ -0,0 +1,392 @@
+<script setup lang="ts">
+import { ref, computed, onMounted } from 'vue';
+import { snakeCase } from 'lodash-es';
+import { useSessionStorage } from '@vueuse/core';
+
+import { N8nButton, N8nInput, N8nTooltip } from 'n8n-design-system/components';
+import type { CodeExecutionMode, INodeExecutionData } from 'n8n-workflow';
+
+import type { BaseTextKey } from '@/plugins/i18n';
+import type { INodeUi, Schema } from '@/Interface';
+import { generateCodeForPrompt } from '@/api/ai';
+import { useDataSchema, useI18n, useMessage, useToast, useTelemetry } from '@/composables';
+import { useNDVStore, usePostHog, useRootStore, useWorkflowsStore } from '@/stores';
+import { executionDataToJson } from '@/utils';
+import {
+	ASK_AI_EXPERIMENT,
+	ASK_AI_MAX_PROMPT_LENGTH,
+	ASK_AI_MIN_PROMPT_LENGTH,
+	ASK_AI_LOADING_DURATION_MS,
+} from '@/constants';
+
+const emit = defineEmits<{
+	(e: 'submit', code: string): void;
+	(e: 'replaceCode', code: string): void;
+	(e: 'startedLoading'): void;
+	(e: 'finishedLoading'): void;
+}>();
+
+const props = defineProps<{
+	hasChanges: boolean;
+}>();
+
+const { getSchemaForExecutionData, getInputDataWithPinned } = useDataSchema();
+const i18n = useI18n();
+
+const loadingPhraseIndex = ref(0);
+const loaderProgress = ref(0);
+
+const isLoading = ref(false);
+const prompt = ref('');
+const parentNodes = ref<INodeUi[]>([]);
+
+const isSubmitEnabled = computed(() => {
+	return (
+		!isEachItemMode.value &&
+		prompt.value.length >= ASK_AI_MIN_PROMPT_LENGTH &&
+		hasExecutionData.value
+	);
+});
+const hasExecutionData = computed(() => (useNDVStore().ndvInputData || []).length > 0);
+const loadingString = computed(() =>
+	i18n.baseText(`codeNodeEditor.askAi.loadingPhrase${loadingPhraseIndex.value}` as BaseTextKey),
+);
+const isEachItemMode = computed(() => {
+	const mode = useNDVStore().activeNode?.parameters.mode as CodeExecutionMode;
+
+	return mode === 'runOnceForEachItem';
+});
+
+function getErrorMessageByStatusCode(statusCode: number) {
+	const errorMessages: Record<number, string> = {
+		400: i18n.baseText('codeNodeEditor.askAi.generationFailedUnknown'),
+		413: i18n.baseText('codeNodeEditor.askAi.generationFailedTooLarge'),
+		429: i18n.baseText('codeNodeEditor.askAi.generationFailedRate'),
+		500: i18n.baseText('codeNodeEditor.askAi.generationFailedUnknown'),
+	};
+
+	return errorMessages[statusCode] || i18n.baseText('codeNodeEditor.askAi.generationFailedUnknown');
+}
+
+function getParentNodes() {
+	const activeNode = useNDVStore().activeNode;
+	const { getCurrentWorkflow, getNodeByName } = useWorkflowsStore();
+	const workflow = getCurrentWorkflow();
+
+	if (!activeNode || !workflow) return [];
+
+	return workflow
+		.getParentNodesByDepth(activeNode?.name)
+		.filter(({ name }, i, nodes) => {
+			return name !== activeNode.name && nodes.findIndex((node) => node.name === name) === i;
+		})
+		.map((n) => getNodeByName(n.name))
+		.filter((n) => n !== null) as INodeUi[];
+}
+
+function getSchemas() {
+	const parentNodesNames = parentNodes.value.map((node) => node?.name);
+	const parentNodesSchemas: Array<{ nodeName: string; schema: Schema }> = parentNodes.value
+		.map((node) => {
+			const inputData: INodeExecutionData[] = getInputDataWithPinned(node);
+
+			return {
+				nodeName: node?.name || '',
+				schema: getSchemaForExecutionData(executionDataToJson(inputData), true),
+			};
+		})
+		.filter((node) => node.schema?.value.length > 0);
+
+	const inputSchema = parentNodesSchemas.shift();
+
+	return {
+		parentNodesNames,
+		inputSchema,
+		parentNodesSchemas,
+	};
+}
+
+function startLoading() {
+	emit('startedLoading');
+	loaderProgress.value = 0;
+	isLoading.value = true;
+
+	triggerLoadingChange();
+}
+
+function stopLoading() {
+	loaderProgress.value = 100;
+	emit('finishedLoading');
+
+	setTimeout(() => {
+		isLoading.value = false;
+	}, 200);
+}
+
+async function onSubmit() {
+	const { getRestApiContext } = useRootStore();
+	const { activeNode } = useNDVStore();
+	const { showMessage } = useToast();
+	const { alert } = useMessage();
+	if (!activeNode) return;
+	const schemas = getSchemas();
+
+	useTelemetry().trackAskAI('ask.generationClicked', {
+		prompt: prompt.value,
+	});
+
+	if (props.hasChanges) {
+		const confirmModal = await alert(i18n.baseText('codeNodeEditor.askAi.areYouSureToReplace'), {
+			title: i18n.baseText('codeNodeEditor.askAi.replaceCurrentCode'),
+			confirmButtonText: i18n.baseText('codeNodeEditor.askAi.generateCodeAndReplace'),
+			showClose: true,
+			showCancelButton: true,
+		});
+
+		if (confirmModal === 'cancel') {
+			return;
+		}
+	}
+
+	startLoading();
+
+	try {
+		const version = useRootStore().versionCli;
+		const model =
+			usePostHog().getVariant(ASK_AI_EXPERIMENT.name) === ASK_AI_EXPERIMENT.gpt4
+				? 'gpt-4'
+				: 'gpt-3.5-turbo-16k';
+
+		const { code, usage } = await generateCodeForPrompt(getRestApiContext, {
+			question: prompt.value,
+			context: { schema: schemas.parentNodesSchemas, inputSchema: schemas.inputSchema! },
+			model,
+			n8nVersion: version,
+		});
+
+		stopLoading();
+		emit('replaceCode', code);
+		showMessage({
+			type: 'success',
+			title: i18n.baseText('codeNodeEditor.askAi.generationCompleted'),
+		});
+
+		useTelemetry().trackAskAI('askAi.generationFinished', {
+			prompt: prompt.value,
+			code,
+			tokensCount: usage?.total_tokens,
+			hasErrors: false,
+			error: '',
+		});
+	} catch (error) {
+		showMessage({
+			type: 'error',
+			title: i18n.baseText('codeNodeEditor.askAi.generationFailed'),
+			message: getErrorMessageByStatusCode(error.httpStatusCode || error?.response.status),
+		});
+
+		useTelemetry().trackAskAI('askAi.generationFinished', {
+			prompt: prompt.value,
+			code: '',
+			tokensCount: 0,
+			hasErrors: true,
+			error: getErrorMessageByStatusCode(error.httpStatusCode || error?.response.status),
+		});
+		stopLoading();
+	}
+}
+function triggerLoadingChange() {
+	const loadingPhraseUpdateMs = 2000;
+	const loadingPhrasesCount = 8;
+	let start: number | null = null;
+	let lastPhraseChange = 0;
+	const step = (timestamp: number) => {
+		if (!start) start = timestamp;
+
+		// Loading phrase change
+		if (!lastPhraseChange || timestamp - lastPhraseChange >= loadingPhraseUpdateMs) {
+			loadingPhraseIndex.value = Math.floor(Math.random() * loadingPhrasesCount);
+			lastPhraseChange = timestamp;
+		}
+
+		// Loader progress change
+		const elapsed = timestamp - start;
+		loaderProgress.value = Math.min((elapsed / ASK_AI_LOADING_DURATION_MS) * 100, 100);
+
+		if (!isLoading.value) return;
+		if (loaderProgress.value < 100 || lastPhraseChange + loadingPhraseUpdateMs > timestamp) {
+			window.requestAnimationFrame(step);
+		}
+	};
+
+	window.requestAnimationFrame(step);
+}
+
+function getSessionStoragePrompt() {
+	const codeNodeName = (useNDVStore().activeNode?.name as string) ?? '';
+	const hashedCode = snakeCase(codeNodeName);
+
+	return useSessionStorage(`ask_ai_prompt__${hashedCode}`, '');
+}
+
+function onPromptInput(inputValue: string) {
+	getSessionStoragePrompt().value = inputValue;
+}
+
+onMounted(() => {
+	// Restore prompt from session storage(with empty string fallback)
+	prompt.value = getSessionStoragePrompt().value;
+	parentNodes.value = getParentNodes();
+});
+</script>
+
+<template>
+	<div>
+		<p :class="$style.intro" v-text="i18n.baseText('codeNodeEditor.askAi.intro')" />
+		<div :class="$style.inputContainer">
+			<div :class="$style.meta">
+				<span
+					v-show="prompt.length > 1"
+					:class="$style.counter"
+					v-text="`${prompt.length} / ${ASK_AI_MAX_PROMPT_LENGTH}`"
+					data-test-id="ask-ai-prompt-counter"
+				/>
+				<a href="https://docs.n8n.io/code-examples/ai-code" target="_blank" :class="$style.help">
+					<n8n-icon icon="question-circle" color="text-light" size="large" />{{
+						i18n.baseText('codeNodeEditor.askAi.help')
+					}}
+				</a>
+			</div>
+			<N8nInput
+				v-model="prompt"
+				@input="onPromptInput"
+				:class="$style.input"
+				type="textarea"
+				:rows="6"
+				:maxlength="ASK_AI_MAX_PROMPT_LENGTH"
+				:placeholder="i18n.baseText('codeNodeEditor.askAi.placeholder')"
+				data-test-id="ask-ai-prompt-input"
+			/>
+		</div>
+		<div :class="$style.controls">
+			<div :class="$style.loader" v-if="isLoading">
+				<transition name="text-fade-in-out" mode="out-in">
+					<div v-text="loadingString" :key="loadingPhraseIndex" />
+				</transition>
+				<n8n-circle-loader :radius="8" :progress="loaderProgress" :stroke-width="3" />
+			</div>
+			<n8n-tooltip :disabled="isSubmitEnabled" v-else>
+				<div>
+					<N8nButton
+						:disabled="!isSubmitEnabled"
+						@click="onSubmit"
+						size="small"
+						data-test-id="ask-ai-cta"
+					>
+						{{ i18n.baseText('codeNodeEditor.askAi.generateCode') }}
+					</N8nButton>
+				</div>
+				<template #content>
+					<span
+						v-if="!hasExecutionData"
+						v-text="i18n.baseText('codeNodeEditor.askAi.noInputData')"
+						data-test-id="ask-ai-cta-tooltip-no-input-data"
+					/>
+					<span
+						v-else-if="prompt.length === 0"
+						v-text="i18n.baseText('codeNodeEditor.askAi.noPrompt')"
+						data-test-id="ask-ai-cta-tooltip-no-prompt"
+					/>
+					<span
+						v-else-if="isEachItemMode"
+						v-text="i18n.baseText('codeNodeEditor.askAi.onlyAllItemsMode')"
+						data-test-id="ask-ai-cta-tooltip-only-all-items-mode"
+					/>
+					<span
+						v-else-if="prompt.length < ASK_AI_MIN_PROMPT_LENGTH"
+						data-test-id="ask-ai-cta-tooltip-prompt-too-short"
+						v-text="
+							i18n.baseText('codeNodeEditor.askAi.promptTooShort', {
+								interpolate: { minLength: ASK_AI_MIN_PROMPT_LENGTH.toString() },
+							})
+						"
+					/>
+				</template>
+			</n8n-tooltip>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.text-fade-in-out-enter-active,
+.text-fade-in-out-leave-active {
+	transition:
+		opacity 0.5s ease-in-out,
+		transform 0.5s ease-in-out;
+}
+.text-fade-in-out-enter,
+.text-fade-in-out-leave-to {
+	opacity: 0;
+	transform: translateX(10px);
+}
+.text-fade-in-out-enter-to,
+.text-fade-in-out-leave {
+	opacity: 1;
+}
+</style>
+
+<style module lang="scss">
+.input * {
+	border: 0 !important;
+}
+.input textarea {
+	font-size: var(--font-size-2xs);
+	padding-bottom: var(--spacing-2xl);
+	font-family: var(--font-family);
+	resize: none;
+}
+.intro {
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-2xs);
+	color: var(--color-text-dark);
+	padding: var(--spacing-2xs) var(--spacing-xs) 0;
+}
+.loader {
+	font-size: var(--font-size-2xs);
+	color: var(--color-text-dark);
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-2xs);
+}
+.inputContainer {
+	position: relative;
+}
+.help {
+	text-decoration: underline;
+	margin-left: auto;
+	color: #909399;
+}
+.meta {
+	display: flex;
+	justify-content: space-between;
+	position: absolute;
+	bottom: var(--spacing-2xs);
+	left: var(--spacing-xs);
+	right: var(--spacing-xs);
+	z-index: 1;
+
+	* {
+		font-size: var(--font-size-2xs);
+		line-height: 1;
+	}
+}
+.counter {
+	color: var(--color-text-light);
+}
+.controls {
+	padding: var(--spacing-2xs) var(--spacing-xs);
+	display: flex;
+	justify-content: flex-end;
+	border-top: 1px solid var(--border-color-base);
+}
+</style>
diff --git a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
index 2a25169fb1..14401cd10f 100644
--- a/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
+++ b/packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
@@ -5,24 +5,46 @@
 		@mouseout="onMouseOut"
 		ref="codeNodeEditorContainer"
 	>
-		<div ref="codeNodeEditor" class="code-node-editor-input"></div>
-		<n8n-button
-			v-if="aiButtonEnabled && (isEditorHovered || isEditorFocused)"
-			size="small"
-			type="tertiary"
-			:class="$style['ask-ai-button']"
-			@mousedown="onAskAiButtonClick"
+		<el-tabs
+			type="card"
+			ref="tabs"
+			v-model="activeTab"
+			v-if="aiEnabled"
+			:before-leave="onBeforeTabLeave"
 		>
-			{{ $locale.baseText('codeNodeEditor.askAi') }}
-		</n8n-button>
+			<el-tab-pane
+				:label="$locale.baseText('codeNodeEditor.tabs.code')"
+				name="code"
+				data-test-id="code-node-tab-code"
+			>
+				<div ref="codeNodeEditor" class="code-node-editor-input ph-no-capture code-editor-tabs" />
+			</el-tab-pane>
+			<el-tab-pane
+				:label="$locale.baseText('codeNodeEditor.tabs.askAi')"
+				name="ask-ai"
+				data-test-id="code-node-tab-ai"
+			>
+				<!-- Key the AskAI tab to make sure it re-mounts when changing tabs -->
+				<AskAI
+					@replaceCode="onReplaceCode"
+					:has-changes="hasChanges"
+					:key="activeTab"
+					@started-loading="isLoadingAIResponse = true"
+					@finished-loading="isLoadingAIResponse = false"
+				/>
+			</el-tab-pane>
+		</el-tabs>
+		<!-- If AskAi not enabled, there's no point in rendering tabs -->
+		<div v-else ref="codeNodeEditor" class="code-node-editor-input ph-no-capture" />
 	</div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
 import type { PropType } from 'vue';
+import jsParser from 'prettier/parser-babel';
+import prettier from 'prettier/standalone';
 import { mapStores } from 'pinia';
-
 import type { LanguageSupport } from '@codemirror/language';
 import type { Extension, Line } from '@codemirror/state';
 import { Compartment, EditorState } from '@codemirror/state';
@@ -35,19 +57,24 @@ import type { CodeExecutionMode, CodeNodeEditorLanguage } from 'n8n-workflow';
 import { CODE_EXECUTION_MODES, CODE_LANGUAGES } from 'n8n-workflow';
 
 import { workflowHelpers } from '@/mixins/workflowHelpers'; // for json field completions
-import { ASK_AI_MODAL_KEY, CODE_NODE_TYPE } from '@/constants';
+import { ASK_AI_EXPERIMENT, CODE_NODE_TYPE } from '@/constants';
 import { codeNodeEditorEventBus } from '@/event-bus';
-import { useRootStore } from '@/stores/n8nRoot.store';
+import { useRootStore, usePostHog } from '@/stores';
 
 import { readOnlyEditorExtensions, writableEditorExtensions } from './baseExtensions';
 import { CODE_PLACEHOLDERS } from './constants';
 import { linterExtension } from './linter';
 import { completerExtension } from './completer';
 import { codeNodeEditorTheme } from './theme';
+import AskAI from './AskAI/AskAI.vue';
+import { useMessage } from '@/composables';
 
 export default defineComponent({
 	name: 'code-node-editor',
 	mixins: [linterExtension, completerExtension, workflowHelpers],
+	components: {
+		AskAI,
+	},
 	props: {
 		aiButtonEnabled: {
 			type: Boolean,
@@ -70,6 +97,11 @@ export default defineComponent({
 			type: String,
 		},
 	},
+	setup() {
+		return {
+			...useMessage(),
+		};
+	},
 	data() {
 		return {
 			editor: null as EditorView | null,
@@ -77,6 +109,10 @@ export default defineComponent({
 			linterCompartment: new Compartment(),
 			isEditorHovered: false,
 			isEditorFocused: false,
+			tabs: ['code', 'ask-ai'],
+			activeTab: 'code',
+			hasChanges: false,
+			isLoadingAIResponse: false,
 		};
 	},
 	watch: {
@@ -101,12 +137,34 @@ export default defineComponent({
 				effects: this.languageCompartment.reconfigure(languageSupport),
 			});
 		},
+		aiEnabled: {
+			immediate: true,
+			async handler(isEnabled) {
+				if (isEnabled && !this.modelValue) {
+					this.$emit('update:modelValue', this.placeholder);
+				}
+				await this.$nextTick();
+				this.hasChanges = this.modelValue !== this.placeholder;
+			},
+		},
 	},
 	computed: {
-		...mapStores(useRootStore),
+		...mapStores(useRootStore, usePostHog),
+		aiEnabled(): boolean {
+			const isAiExperimentEnabled = [ASK_AI_EXPERIMENT.gpt3, ASK_AI_EXPERIMENT.gpt4].includes(
+				(this.posthogStore.getVariant(ASK_AI_EXPERIMENT.name) ?? '') as string,
+			);
+
+			return (
+				isAiExperimentEnabled &&
+				this.settingsStore.settings.ai.enabled &&
+				this.language === 'javaScript'
+			);
+		},
 		placeholder(): string {
 			return CODE_PLACEHOLDERS[this.language]?.[this.mode] ?? '';
 		},
+		// eslint-disable-next-line vue/return-in-computed-property
 		languageExtensions(): [LanguageSupport, ...Extension[]] {
 			switch (this.language) {
 				case 'json':
@@ -122,6 +180,41 @@ export default defineComponent({
 		getCurrentEditorContent() {
 			return this.editor?.state.doc.toString() ?? '';
 		},
+		async onBeforeTabLeave(_activeName: string, oldActiveName: string) {
+			// Confirm dialog if leaving ask-ai tab during loading
+			if (oldActiveName === 'ask-ai' && this.isLoadingAIResponse) {
+				const confirmModal = await this.alert(
+					this.$locale.baseText('codeNodeEditor.askAi.sureLeaveTab'),
+					{
+						title: this.$locale.baseText('codeNodeEditor.askAi.areYouSure'),
+						confirmButtonText: this.$locale.baseText('codeNodeEditor.askAi.switchTab'),
+						showClose: true,
+						showCancelButton: true,
+					},
+				);
+
+				if (confirmModal === 'confirm') {
+					return true;
+				}
+
+				return false;
+			}
+
+			return true;
+		},
+		async onReplaceCode(code: string) {
+			const formattedCode = prettier.format(code, {
+				parser: 'babel',
+				plugins: [jsParser],
+			});
+
+			this.editor?.dispatch({
+				changes: { from: 0, to: this.getCurrentEditorContent().length, insert: formattedCode },
+			});
+
+			this.activeTab = 'code';
+			this.hasChanges = false;
+		},
 		onMouseOver(event: MouseEvent) {
 			const fromElement = event.relatedTarget as HTMLElement;
 			const ref = this.$refs.codeNodeEditorContainer as HTMLDivElement | undefined;
@@ -134,11 +227,6 @@ export default defineComponent({
 
 			if (!ref?.contains(fromElement)) this.isEditorHovered = false;
 		},
-		onAskAiButtonClick() {
-			this.$telemetry.track('User clicked ask ai button', { source: 'code' });
-
-			this.uiStore.openModal(ASK_AI_MODAL_KEY);
-		},
 		reloadLinter() {
 			if (!this.editor) return;
 
@@ -221,11 +309,6 @@ export default defineComponent({
 	mounted() {
 		if (!this.isReadOnly) codeNodeEditorEventBus.on('error-line-number', this.highlightLine);
 
-		// empty on first load, default param value
-		if (!this.modelValue) {
-			this.$emit('update:modelValue', this.placeholder);
-		}
-
 		const { isReadOnly, language } = this;
 		const extensions: Extension[] = [
 			...readOnlyEditorExtensions,
@@ -250,12 +333,14 @@ export default defineComponent({
 						this.isEditorFocused = false;
 					},
 				}),
+
 				EditorView.updateListener.of((viewUpdate) => {
 					if (!viewUpdate.docChanged) return;
 
 					this.trackCompletion(viewUpdate);
 
 					this.$emit('update:modelValue', this.editor?.state.doc.toString());
+					this.hasChanges = true;
 				}),
 			);
 		}
@@ -264,7 +349,7 @@ export default defineComponent({
 		extensions.push(this.languageCompartment.of(languageSupport), ...otherExtensions);
 
 		const state = EditorState.create({
-			doc: this.modelValue || this.placeholder,
+			doc: this.modelValue ?? this.placeholder,
 			extensions,
 		});
 
@@ -272,10 +357,24 @@ export default defineComponent({
 			parent: this.$refs.codeNodeEditor as HTMLDivElement,
 			state,
 		});
+
+		// empty on first load, default param value
+		if (!this.modelValue) {
+			this.refreshPlaceholder();
+			this.$emit('update:modelValue', this.placeholder);
+		}
 	},
 });
 </script>
 
+<style scoped lang="scss">
+:deep(.el-tabs) {
+	.code-editor-tabs .cm-editor {
+		border: 0;
+	}
+}
+</style>
+
 <style lang="scss" module>
 .code-node-editor-container {
 	position: relative;
diff --git a/packages/editor-ui/src/components/CodeNodeEditor/linter.ts b/packages/editor-ui/src/components/CodeNodeEditor/linter.ts
index 68ca950d1c..85343e3615 100644
--- a/packages/editor-ui/src/components/CodeNodeEditor/linter.ts
+++ b/packages/editor-ui/src/components/CodeNodeEditor/linter.ts
@@ -7,8 +7,11 @@ import * as esprima from 'esprima-next';
 import type { Node } from 'estree';
 import type { CodeNodeEditorLanguage } from 'n8n-workflow';
 
-import { DEFAULT_LINTER_DELAY_IN_MS, DEFAULT_LINTER_SEVERITY } from './constants';
-import { OFFSET_FOR_SCRIPT_WRAPPER } from './constants';
+import {
+	DEFAULT_LINTER_DELAY_IN_MS,
+	DEFAULT_LINTER_SEVERITY,
+	OFFSET_FOR_SCRIPT_WRAPPER,
+} from './constants';
 import { walk } from './utils';
 import type { RangeNode } from './types';
 
@@ -148,7 +151,7 @@ export const linterExtension = defineComponent({
 
 				const isUnavailableInputItemAccess = (node: Node) =>
 					node.type === 'MemberExpression' &&
-					node.computed === false &&
+					!node.computed &&
 					node.object.type === 'Identifier' &&
 					node.object.name === '$input' &&
 					node.property.type === 'Identifier' &&
@@ -174,44 +177,6 @@ export const linterExtension = defineComponent({
 				});
 			}
 
-			/**
-			 * Lint for `item` (legacy var from Function Item node) unavailable
-			 * in `runOnceForAllItems` mode, unless user-defined `item`.
-			 *
-			 * item -> $input.all()
-			 */
-			if (this.mode === 'runOnceForAllItems' && !/(let|const|var) item (=|of)/.test(script)) {
-				type TargetNode = RangeNode & { object: RangeNode & { name: string } };
-
-				const isUnavailableLegacyItems = (node: Node) =>
-					node.type === 'Identifier' && node.name === 'item';
-
-				walk<TargetNode>(ast, isUnavailableLegacyItems).forEach((node) => {
-					const [start, end] = this.getRange(node);
-
-					lintings.push({
-						from: start,
-						to: end,
-						severity: DEFAULT_LINTER_SEVERITY,
-						message: this.$locale.baseText('codeNodeEditor.linter.allItems.unavailableItem'),
-						actions: [
-							{
-								name: 'Fix',
-								apply(view, from, to) {
-									// prevent second insertion of unknown origin
-									if (view.state.doc.toString().slice(from, to).includes('$input.all()')) {
-										return;
-									}
-
-									view.dispatch({ changes: { from: start, to: end } });
-									view.dispatch({ changes: { from, insert: '$input.all()' } });
-								},
-							},
-						],
-					});
-				});
-			}
-
 			/**
 			 * Lint for `items` (legacy var from Function node) unavailable
 			 * in `runOnceForEachItem` mode, unless user-defined `items`.
@@ -265,7 +230,7 @@ export const linterExtension = defineComponent({
 
 				const isUnavailableMethodinEachItem = (node: Node) =>
 					node.type === 'MemberExpression' &&
-					node.computed === false &&
+					!node.computed &&
 					node.object.type === 'Identifier' &&
 					node.object.name === '$input' &&
 					node.property.type === 'Identifier' &&
@@ -332,7 +297,7 @@ export const linterExtension = defineComponent({
 				const inputFirstOrLastCalledWithArg = (node: Node) =>
 					node.type === 'CallExpression' &&
 					node.callee.type === 'MemberExpression' &&
-					node.callee.computed === false &&
+					!node.callee.computed &&
 					node.callee.object.type === 'Identifier' &&
 					node.callee.object.name === '$input' &&
 					node.callee.property.type === 'Identifier' &&
@@ -427,7 +392,7 @@ export const linterExtension = defineComponent({
 					node.left.declarations[0].id.type === 'Identifier' &&
 					node.right.type === 'CallExpression' &&
 					node.right.callee.type === 'MemberExpression' &&
-					node.right.callee.computed === false &&
+					!node.right.callee.computed &&
 					node.right.callee.object.type === 'Identifier' &&
 					node.right.callee.object.name.startsWith('$'); // n8n var, e.g $input
 
diff --git a/packages/editor-ui/src/components/Modals.vue b/packages/editor-ui/src/components/Modals.vue
index f5476463ee..d39a3c2c9c 100644
--- a/packages/editor-ui/src/components/Modals.vue
+++ b/packages/editor-ui/src/components/Modals.vue
@@ -15,10 +15,6 @@
 			<AboutModal />
 		</ModalRoot>
 
-		<ModalRoot :name="ASK_AI_MODAL_KEY">
-			<AskAiModal />
-		</ModalRoot>
-
 		<ModalRoot :name="CREDENTIAL_SELECT_MODAL_KEY">
 			<CredentialsSelectModal />
 		</ModalRoot>
@@ -145,13 +141,11 @@ import {
 	WORKFLOW_SHARE_MODAL_KEY,
 	IMPORT_CURL_MODAL_KEY,
 	LOG_STREAM_MODAL_KEY,
-	ASK_AI_MODAL_KEY,
 	SOURCE_CONTROL_PUSH_MODAL_KEY,
 	SOURCE_CONTROL_PULL_MODAL_KEY,
 } from '@/constants';
 
 import AboutModal from './AboutModal.vue';
-import AskAiModal from './AskAiModal.vue';
 import CommunityPackageManageConfirmModal from './CommunityPackageManageConfirmModal.vue';
 import CommunityPackageInstallModal from './CommunityPackageInstallModal.vue';
 import ChangePasswordModal from './ChangePasswordModal.vue';
@@ -179,7 +173,6 @@ export default defineComponent({
 	name: 'Modals',
 	components: {
 		AboutModal,
-		AskAiModal,
 		ActivationModal,
 		CommunityPackageInstallModal,
 		CommunityPackageManageConfirmModal,
@@ -210,7 +203,6 @@ export default defineComponent({
 		CREDENTIAL_EDIT_MODAL_KEY,
 		CREDENTIAL_SELECT_MODAL_KEY,
 		ABOUT_MODAL_KEY,
-		ASK_AI_MODAL_KEY,
 		CHANGE_PASSWORD_MODAL_KEY,
 		DELETE_USER_MODAL_KEY,
 		DUPLICATE_MODAL_KEY,
diff --git a/packages/editor-ui/src/components/RunDataSchema.vue b/packages/editor-ui/src/components/RunDataSchema.vue
index 06873db2a4..4611dd5881 100644
--- a/packages/editor-ui/src/components/RunDataSchema.vue
+++ b/packages/editor-ui/src/components/RunDataSchema.vue
@@ -1,17 +1,16 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue';
-import { merge } from 'lodash-es';
-import type { INodeUi, Schema } from '@/Interface';
+import type { INodeUi } from '@/Interface';
 import RunDataSchemaItem from '@/components/RunDataSchemaItem.vue';
 import Draggable from '@/components/Draggable.vue';
 import { useNDVStore } from '@/stores/ndv.store';
 import { useWebhooksStore } from '@/stores/webhooks.store';
 import { telemetry } from '@/plugins/telemetry';
 import type { IDataObject } from 'n8n-workflow';
-import { getSchema, isEmpty, runExternalHook } from '@/utils';
+import { isEmpty, runExternalHook } from '@/utils';
 import { i18n } from '@/plugins/i18n';
 import MappingPill from './MappingPill.vue';
-
+import { useDataSchema } from '@/composables';
 type Props = {
 	data: IDataObject[];
 	mappingEnabled: boolean;
@@ -29,15 +28,11 @@ const props = withDefaults(defineProps<Props>(), {
 const draggingPath = ref<string>('');
 const ndvStore = useNDVStore();
 const webhooksStore = useWebhooksStore();
+const { getSchemaForExecutionData } = useDataSchema();
 
-const schema = computed<Schema>(() => {
-	const [head, ...tail] = props.data;
-	return getSchema(merge({}, head, ...tail, head));
-});
+const schema = computed(() => getSchemaForExecutionData(props.data));
 
-const isDataEmpty = computed(() => {
-	return isEmpty(props.data);
-});
+const isDataEmpty = computed(() => isEmpty(props.data));
 
 const onDragStart = (el: HTMLElement) => {
 	if (el && el.dataset?.path) {
diff --git a/packages/editor-ui/src/composables/__tests__/useDataSchema.test.ts b/packages/editor-ui/src/composables/__tests__/useDataSchema.test.ts
new file mode 100644
index 0000000000..fb5a089d7c
--- /dev/null
+++ b/packages/editor-ui/src/composables/__tests__/useDataSchema.test.ts
@@ -0,0 +1,355 @@
+import jp from 'jsonpath';
+import { useDataSchema } from '@/composables';
+import type { Schema } from '@/Interface';
+
+describe('useDataSchema', () => {
+	const getSchema = useDataSchema().getSchema;
+	describe('getSchema', () => {
+		test.each([
+			[, { type: 'undefined', value: 'undefined', path: '' }],
+			[undefined, { type: 'undefined', value: 'undefined', path: '' }],
+			[null, { type: 'null', value: '[null]', path: '' }],
+			['John', { type: 'string', value: 'John', path: '' }],
+			['123', { type: 'string', value: '123', path: '' }],
+			[123, { type: 'number', value: '123', path: '' }],
+			[true, { type: 'boolean', value: 'true', path: '' }],
+			[false, { type: 'boolean', value: 'false', path: '' }],
+			[() => {}, { type: 'function', value: '', path: '' }],
+			[{}, { type: 'object', value: [], path: '' }],
+			[[], { type: 'array', value: [], path: '' }],
+			[
+				new Date('2022-11-22T00:00:00.000Z'),
+				{ type: 'string', value: '2022-11-22T00:00:00.000Z', path: '' },
+			],
+			[Symbol('x'), { type: 'symbol', value: 'Symbol(x)', path: '' }],
+			[1n, { type: 'bigint', value: '1', path: '' }],
+			[
+				['John', 1, true],
+				{
+					type: 'array',
+					value: [
+						{ type: 'string', value: 'John', key: '0', path: '[0]' },
+						{ type: 'number', value: '1', key: '1', path: '[1]' },
+						{ type: 'boolean', value: 'true', key: '2', path: '[2]' },
+					],
+					path: '',
+				},
+			],
+			[
+				{ people: ['Joe', 'John'] },
+				{
+					type: 'object',
+					value: [
+						{
+							type: 'array',
+							key: 'people',
+							value: [
+								{ type: 'string', value: 'Joe', key: '0', path: '.people[0]' },
+								{ type: 'string', value: 'John', key: '1', path: '.people[1]' },
+							],
+							path: '.people',
+						},
+					],
+					path: '',
+				},
+			],
+			[
+				{ 'with space': [], 'with.dot': 'test' },
+				{
+					type: 'object',
+					value: [
+						{
+							type: 'array',
+							key: 'with space',
+							value: [],
+							path: "['with space']",
+						},
+						{
+							type: 'string',
+							key: 'with.dot',
+							value: 'test',
+							path: "['with.dot']",
+						},
+					],
+					path: '',
+				},
+			],
+			[
+				[
+					{ name: 'John', age: 22 },
+					{ name: 'Joe', age: 33 },
+				],
+				{
+					type: 'array',
+					value: [
+						{
+							type: 'object',
+							key: '0',
+							value: [
+								{ type: 'string', key: 'name', value: 'John', path: '[0].name' },
+								{ type: 'number', key: 'age', value: '22', path: '[0].age' },
+							],
+							path: '[0]',
+						},
+						{
+							type: 'object',
+							key: '1',
+							value: [
+								{ type: 'string', key: 'name', value: 'Joe', path: '[1].name' },
+								{ type: 'number', key: 'age', value: '33', path: '[1].age' },
+							],
+							path: '[1]',
+						},
+					],
+					path: '',
+				},
+			],
+			[
+				[
+					{ name: 'John', age: 22, hobbies: ['surfing', 'traveling'] },
+					{ name: 'Joe', age: 33, hobbies: ['skateboarding', 'gaming'] },
+				],
+				{
+					type: 'array',
+					value: [
+						{
+							type: 'object',
+							key: '0',
+							value: [
+								{ type: 'string', key: 'name', value: 'John', path: '[0].name' },
+								{ type: 'number', key: 'age', value: '22', path: '[0].age' },
+								{
+									type: 'array',
+									key: 'hobbies',
+									value: [
+										{ type: 'string', key: '0', value: 'surfing', path: '[0].hobbies[0]' },
+										{ type: 'string', key: '1', value: 'traveling', path: '[0].hobbies[1]' },
+									],
+									path: '[0].hobbies',
+								},
+							],
+							path: '[0]',
+						},
+						{
+							type: 'object',
+							key: '1',
+							value: [
+								{ type: 'string', key: 'name', value: 'Joe', path: '[1].name' },
+								{ type: 'number', key: 'age', value: '33', path: '[1].age' },
+								{
+									type: 'array',
+									key: 'hobbies',
+									value: [
+										{ type: 'string', key: '0', value: 'skateboarding', path: '[1].hobbies[0]' },
+										{ type: 'string', key: '1', value: 'gaming', path: '[1].hobbies[1]' },
+									],
+									path: '[1].hobbies',
+								},
+							],
+							path: '[1]',
+						},
+					],
+					path: '',
+				},
+			],
+			[[], { type: 'array', value: [], path: '' }],
+			[
+				[[1, 2]],
+				{
+					type: 'array',
+					value: [
+						{
+							type: 'array',
+							key: '0',
+							value: [
+								{ type: 'number', key: '0', value: '1', path: '[0][0]' },
+								{ type: 'number', key: '1', value: '2', path: '[0][1]' },
+							],
+							path: '[0]',
+						},
+					],
+					path: '',
+				},
+			],
+			[
+				[
+					[
+						{ name: 'John', age: 22 },
+						{ name: 'Joe', age: 33 },
+					],
+				],
+				{
+					type: 'array',
+					value: [
+						{
+							type: 'array',
+							key: '0',
+							value: [
+								{
+									type: 'object',
+									key: '0',
+									value: [
+										{ type: 'string', key: 'name', value: 'John', path: '[0][0].name' },
+										{ type: 'number', key: 'age', value: '22', path: '[0][0].age' },
+									],
+									path: '[0][0]',
+								},
+								{
+									type: 'object',
+									key: '1',
+									value: [
+										{ type: 'string', key: 'name', value: 'Joe', path: '[0][1].name' },
+										{ type: 'number', key: 'age', value: '33', path: '[0][1].age' },
+									],
+									path: '[0][1]',
+								},
+							],
+							path: '[0]',
+						},
+					],
+					path: '',
+				},
+			],
+			[
+				[
+					{
+						dates: [
+							[new Date('2022-11-22T00:00:00.000Z'), new Date('2022-11-23T00:00:00.000Z')],
+							[new Date('2022-12-22T00:00:00.000Z'), new Date('2022-12-23T00:00:00.000Z')],
+						],
+					},
+				],
+				{
+					type: 'array',
+					value: [
+						{
+							type: 'object',
+							key: '0',
+							value: [
+								{
+									type: 'array',
+									key: 'dates',
+									value: [
+										{
+											type: 'array',
+											key: '0',
+											value: [
+												{
+													type: 'string',
+													key: '0',
+													value: '2022-11-22T00:00:00.000Z',
+													path: '[0].dates[0][0]',
+												},
+												{
+													type: 'string',
+													key: '1',
+													value: '2022-11-23T00:00:00.000Z',
+													path: '[0].dates[0][1]',
+												},
+											],
+											path: '[0].dates[0]',
+										},
+										{
+											type: 'array',
+											key: '1',
+											value: [
+												{
+													type: 'string',
+													key: '0',
+													value: '2022-12-22T00:00:00.000Z',
+													path: '[0].dates[1][0]',
+												},
+												{
+													type: 'string',
+													key: '1',
+													value: '2022-12-23T00:00:00.000Z',
+													path: '[0].dates[1][1]',
+												},
+											],
+											path: '[0].dates[1]',
+										},
+									],
+									path: '[0].dates',
+								},
+							],
+							path: '[0]',
+						},
+					],
+					path: '',
+				},
+			],
+		])('should return the correct json schema for %s', (input, schema) => {
+			expect(getSchema(input)).toEqual(schema);
+		});
+
+		it('should return the correct data when using the generated json path on an object', () => {
+			const input = { people: ['Joe', 'John'] };
+			const schema = getSchema(input) as Schema;
+			const pathData = jp.query(
+				input,
+				`$${((schema.value as Schema[])[0].value as Schema[])[0].path}`,
+			);
+			expect(pathData).toEqual(['Joe']);
+		});
+
+		it('should return the correct data when using the generated json path on a list', () => {
+			const input = [
+				{ name: 'John', age: 22, hobbies: ['surfing', 'traveling'] },
+				{ name: 'Joe', age: 33, hobbies: ['skateboarding', 'gaming'] },
+			];
+			const schema = getSchema(input) as Schema;
+			const pathData = jp.query(
+				input,
+				`$${(((schema.value as Schema[])[0].value as Schema[])[2].value as Schema[])[1].path}`,
+			);
+			expect(pathData).toEqual(['traveling']);
+		});
+
+		it('should return the correct data when using the generated json path on a list of list', () => {
+			const input = [[1, 2]];
+			const schema = getSchema(input) as Schema;
+			const pathData = jp.query(
+				input,
+				`$${((schema.value as Schema[])[0].value as Schema[])[1].path}`,
+			);
+			expect(pathData).toEqual([2]);
+		});
+
+		it('should return the correct data when using the generated json path on a list of list of objects', () => {
+			const input = [
+				[
+					{ name: 'John', age: 22 },
+					{ name: 'Joe', age: 33 },
+				],
+			];
+			const schema = getSchema(input) as Schema;
+			const pathData = jp.query(
+				input,
+				`$${(((schema.value as Schema[])[0].value as Schema[])[1].value as Schema[])[1].path}`,
+			);
+			expect(pathData).toEqual([33]);
+		});
+
+		it('should return the correct data when using the generated json path on a list of objects with a list of date tuples', () => {
+			const input = [
+				{
+					dates: [
+						[new Date('2022-11-22T00:00:00.000Z'), new Date('2022-11-23T00:00:00.000Z')],
+						[new Date('2022-12-22T00:00:00.000Z'), new Date('2022-12-23T00:00:00.000Z')],
+					],
+				},
+			];
+			const schema = getSchema(input) as Schema;
+			const pathData = jp.query(
+				input,
+				`$${
+					(
+						(((schema.value as Schema[])[0].value as Schema[])[0].value as Schema[])[0]
+							.value as Schema[]
+					)[0].path
+				}`,
+			);
+			expect(pathData).toEqual([new Date('2022-11-22T00:00:00.000Z')]);
+		});
+	});
+});
diff --git a/packages/editor-ui/src/composables/index.ts b/packages/editor-ui/src/composables/index.ts
index 6f2ac9255f..042d79f7b7 100644
--- a/packages/editor-ui/src/composables/index.ts
+++ b/packages/editor-ui/src/composables/index.ts
@@ -12,3 +12,4 @@ export * from './useTelemetry';
 export * from './useTitleChange';
 export * from './useToast';
 export * from './useNodeSpecificationValues';
+export * from './useDataSchema';
diff --git a/packages/editor-ui/src/composables/useDataSchema.ts b/packages/editor-ui/src/composables/useDataSchema.ts
new file mode 100644
index 0000000000..adbb710a9c
--- /dev/null
+++ b/packages/editor-ui/src/composables/useDataSchema.ts
@@ -0,0 +1,130 @@
+import type { Optional, Primitives, Schema, INodeUi, INodeExecutionData } from '@/Interface';
+import type { ITaskDataConnections, type IDataObject } from 'n8n-workflow';
+import { merge } from 'lodash-es';
+import { generatePath } from '@/utils/mappingUtils';
+import { isObj } from '@/utils/typeGuards';
+import { useWorkflowsStore } from '@/stores';
+
+export function useDataSchema() {
+	function getSchema(
+		input: Optional<Primitives | object>,
+		path = '',
+		excludeValues = false,
+	): Schema {
+		let schema: Schema = { type: 'undefined', value: 'undefined', path };
+		switch (typeof input) {
+			case 'object':
+				if (input === null) {
+					schema = { type: 'null', value: '[null]', path };
+				} else if (input instanceof Date) {
+					schema = { type: 'string', value: input.toISOString(), path };
+				} else if (Array.isArray(input)) {
+					schema = {
+						type: 'array',
+						value: input.map((item, index) => ({
+							key: index.toString(),
+							...getSchema(item, `${path}[${index}]`, excludeValues),
+						})),
+						path,
+					};
+				} else if (isObj(input)) {
+					schema = {
+						type: 'object',
+						value: Object.entries(input).map(([k, v]) => ({
+							key: k,
+							...getSchema(v, generatePath(path, [k]), excludeValues),
+						})),
+						path,
+					};
+				}
+				break;
+			case 'function':
+				schema = { type: 'function', value: '', path };
+				break;
+			default:
+				schema = {
+					type: typeof input,
+					value: excludeValues ? '' : String(input),
+					path,
+				};
+		}
+
+		return schema;
+	}
+
+	function getSchemaForExecutionData(data: IDataObject[], excludeValues = false) {
+		const [head, ...tail] = data;
+
+		return getSchema(merge({}, head, ...tail, head), undefined, excludeValues);
+	}
+
+	// Returns the data of the main input
+	function getMainInputData(
+		connectionsData: ITaskDataConnections,
+		outputIndex: number,
+	): INodeExecutionData[] {
+		if (
+			!connectionsData?.hasOwnProperty('main') ||
+			connectionsData.main === undefined ||
+			connectionsData.main.length < outputIndex ||
+			connectionsData.main[outputIndex] === null
+		) {
+			return [];
+		}
+		return connectionsData.main[outputIndex] as INodeExecutionData[];
+	}
+
+	function getNodeInputData(
+		node: INodeUi | null,
+		runIndex = 0,
+		outputIndex = 0,
+	): INodeExecutionData[] {
+		const { getWorkflowExecution } = useWorkflowsStore();
+		if (node === null) {
+			return [];
+		}
+
+		if (getWorkflowExecution === null) {
+			return [];
+		}
+		const executionData = getWorkflowExecution.data;
+		if (!executionData?.resultData) {
+			// unknown status
+			return [];
+		}
+		const runData = executionData.resultData.runData;
+
+		if (!runData?.[node.name]?.[runIndex].data || runData[node.name][runIndex].data === undefined) {
+			return [];
+		}
+
+		return getMainInputData(runData[node.name][runIndex].data!, outputIndex);
+	}
+
+	function getInputDataWithPinned(
+		node: INodeUi | null,
+		runIndex = 0,
+		outputIndex = 0,
+	): INodeExecutionData[] {
+		if (!node) return [];
+
+		const { pinDataByNodeName } = useWorkflowsStore();
+		const pinnedData = pinDataByNodeName(node.name);
+		let inputData = getNodeInputData(node, runIndex, outputIndex);
+
+		if (pinnedData) {
+			inputData = Array.isArray(pinnedData)
+				? pinnedData.map((json) => ({ json }))
+				: [{ json: pinnedData }];
+		}
+
+		return inputData;
+	}
+
+	return {
+		getSchema,
+		getSchemaForExecutionData,
+		getNodeInputData,
+		getInputDataWithPinned,
+	};
+}
diff --git a/packages/editor-ui/src/constants.ts b/packages/editor-ui/src/constants.ts
index 94cad44ed6..ff66533de2 100644
--- a/packages/editor-ui/src/constants.ts
+++ b/packages/editor-ui/src/constants.ts
@@ -26,7 +26,6 @@ export const MAX_TAG_NAME_LENGTH = 24;
 
 // modals
 export const ABOUT_MODAL_KEY = 'about';
-export const ASK_AI_MODAL_KEY = 'askAi';
 export const CHANGE_PASSWORD_MODAL_KEY = 'changePassword';
 export const CREDENTIAL_EDIT_MODAL_KEY = 'editCredential';
 export const CREDENTIAL_SELECT_MODAL_KEY = 'selectCredential';
@@ -179,7 +178,6 @@ export const FLOWS_CONTROL_SUBCATEGORY = 'Flow';
 export const HELPERS_SUBCATEGORY = 'Helpers';
 
 export const REQUEST_NODE_FORM_URL = 'https://n8n-community.typeform.com/to/K1fBVTZ3';
-export const ASK_AI_WAITLIST_URL = 'https://n8n-community.typeform.com/to/odKU4oDR';
 
 // General
 export const INSTANCE_ID_HEADER = 'n8n-instance-id';
@@ -525,7 +523,14 @@ export const KEEP_AUTH_IN_NDV_FOR_NODES = [
 export const MAIN_AUTH_FIELD_NAME = 'authentication';
 export const NODE_RESOURCE_FIELD_NAME = 'resource';
 
-export const EXPERIMENTS_TO_TRACK = [];
+export const ASK_AI_EXPERIMENT = {
+	name: '011_ask_AI',
+	control: 'control',
+	gpt3: 'gpt3',
+	gpt4: 'gpt4',
+};
+
+export const EXPERIMENTS_TO_TRACK = [ASK_AI_EXPERIMENT.name];
 
 export const NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND = [FILTER_NODE_TYPE];
 
@@ -557,3 +562,8 @@ export const CLOUD_TRIAL_CHECK_INTERVAL = 5000;
 
 // A path that does not exist so that nothing is selected by default
 export const nonExistingJsonPath = '_!^&*';
+
+// Ask AI
+export const ASK_AI_MAX_PROMPT_LENGTH = 600;
+export const ASK_AI_MIN_PROMPT_LENGTH = 15;
+export const ASK_AI_LOADING_DURATION_MS = 12000;
diff --git a/packages/editor-ui/src/n8n-theme.scss b/packages/editor-ui/src/n8n-theme.scss
index 1e5e13c225..e944fb58f8 100644
--- a/packages/editor-ui/src/n8n-theme.scss
+++ b/packages/editor-ui/src/n8n-theme.scss
@@ -128,6 +128,30 @@
 	font-weight: bold;
 }
 
+.el-tabs__content {
+	border: 1px solid var(--color-foreground-base);
+	border-radius: 0px var(--border-radius-base) var(--border-radius-base);
+}
+.el-tabs__header {
+	border-bottom: 0 !important;
+}
+.el-tabs__nav {
+	padding: 0;
+	overflow: hidden;
+}
+.el-tabs__item {
+	padding: var(--spacing-5xs) var(--spacing-2xs) !important;
+	height: auto;
+	line-height: var(--font-line-height-xloose);
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-2xs);
+
+	&:not([aria-selected='true']) {
+		background-color: var(--color-background-base);
+		border-bottom: 1px solid var(--color-foreground-base) !important;
+	}
+}
+
 // Loading Indicator
 .el-loading-mask {
 	background-color: var(--color-foreground-xlight);
diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json
index 0306926480..e1eb6b7cd5 100644
--- a/packages/editor-ui/src/plugins/i18n/locales/en.json
+++ b/packages/editor-ui/src/plugins/i18n/locales/en.json
@@ -284,6 +284,36 @@
 	"codeNodeEditor.linter.eachItem.unavailableItems": "Legacy `items` is only available in the 'Run Once for All Items' mode.",
 	"codeNodeEditor.linter.eachItem.unavailableMethod": "Method `$input.{method}()` is only available in the 'Run Once for All Items' mode.",
 	"codeNodeEditor.linter.bothModes.syntaxError": "Syntax error",
+	"codeNodeEditor.askAi.placeholder": "Tell AI what you want the code to achieve. You can reference input data fields using dot notation (e.g. user.email)",
+	"codeNodeEditor.askAi.intro": "Hey AI, generate JavaScript code that...",
+	"codeNodeEditor.askAi.help": "Help",
+	"codeNodeEditor.askAi.generateCode": "Generate Code",
+	"codeNodeEditor.askAi.noInputData": "You can generate code once this node has incoming input data (from a node earlier in your workflow)",
+	"codeNodeEditor.askAi.sureLeaveTab": "Are you sure you want to switch tab? The code generation will stop",
+	"codeNodeEditor.askAi.areYouSure": "Are you sure?",
+	"codeNodeEditor.askAi.switchTab": "Switch Tab",
+	"codeNodeEditor.askAi.noPrompt": "First enter a prompt above before generating code",
+	"codeNodeEditor.askAi.onlyAllItemsMode": "Ask AI generation works only in 'Run Once for All Items' mode",
+	"codeNodeEditor.askAi.promptTooShort": "Enter a minimum of {minLength} characters before attempting to generate code",
+	"codeNodeEditor.askAi.generateCodeAndReplace": "Generate and Replace Code",
+	"codeNodeEditor.askAi.replaceCurrentCode": "Replace current code?",
+	"codeNodeEditor.askAi.areYouSureToReplace": "Are you sure you want to generate new code? Your current code will be replaced.",
+	"codeNodeEditor.askAi.loadingPhrase0": "AI cogs whirring, almost there…",
+	"codeNodeEditor.askAi.loadingPhrase1": "up up down down left right b a start…",
+	"codeNodeEditor.askAi.loadingPhrase2": "Consulting Jan Oberhauser…",
+	"codeNodeEditor.askAi.loadingPhrase3": "Gathering bytes and pieces…",
+	"codeNodeEditor.askAi.loadingPhrase4": "Checking if another AI knows the answer…",
+	"codeNodeEditor.askAi.loadingPhrase5": "Checking on Stack Overflow…",
+	"codeNodeEditor.askAi.loadingPhrase6": "Crunching data, AI-style…",
+	"codeNodeEditor.askAi.loadingPhrase7": "Stand by, AI magic at work…",
+	"codeNodeEditor.askAi.generationCompleted": "✨ Code generation completed",
+	"codeNodeEditor.askAi.generationFailed": "Code generation failed",
+	"codeNodeEditor.askAi.generationFailedUnknown": "Code generation failed due to an unknown reason. Try again in a few minutes.",
+	"codeNodeEditor.askAi.generationFailedDown": "We're sorry, our AI service is currently unavailable. Please try again later. If the problem persists, contact support.",
+	"codeNodeEditor.askAi.generationFailedRate": "We've hit our rate limit with our AI partner (too many requests). Please wait a minute before trying again.",
+	"codeNodeEditor.askAi.generationFailedTooLarge": "Your workflow data is too large for AI to process. Simplify the data being sent into the Code node and retry.",
+	"codeNodeEditor.tabs.askAi": "✨ Ask AI",
+	"codeNodeEditor.tabs.code": "Code",
 	"collectionParameter.choose": "Choose...",
 	"collectionParameter.noProperties": "No properties",
 	"credentialEdit.credentialConfig.accountConnected": "Account connected",
diff --git a/packages/editor-ui/src/plugins/telemetry/index.ts b/packages/editor-ui/src/plugins/telemetry/index.ts
index 5c6f759dde..e5fec616c2 100644
--- a/packages/editor-ui/src/plugins/telemetry/index.ts
+++ b/packages/editor-ui/src/plugins/telemetry/index.ts
@@ -114,6 +114,20 @@ export class Telemetry {
 		});
 	}
 
+	trackAskAI(event: string, properties: IDataObject = {}) {
+		if (this.rudderStack) {
+			properties.session_id = useRootStore().sessionId;
+			switch (event) {
+				case 'askAi.generationFinished':
+					this.track('Ai code generation finished', properties);
+				case 'ask.generationClicked':
+					this.track('User clicked on generate code button', properties);
+				default:
+					break;
+			}
+		}
+	}
+
 	trackNodesPanel(event: string, properties: IDataObject = {}) {
 		if (this.rudderStack) {
 			properties.nodes_panel_session_id = this.userNodesPanelSession.sessionId;
diff --git a/packages/editor-ui/src/stores/ui.store.ts b/packages/editor-ui/src/stores/ui.store.ts
index 5cba16cc1e..bf1724d637 100644
--- a/packages/editor-ui/src/stores/ui.store.ts
+++ b/packages/editor-ui/src/stores/ui.store.ts
@@ -5,7 +5,6 @@ import {
 } from '@/api/workflow-webhooks';
 import {
 	ABOUT_MODAL_KEY,
-	ASK_AI_MODAL_KEY,
 	CHANGE_PASSWORD_MODAL_KEY,
 	COMMUNITY_PACKAGE_CONFIRM_MODAL_KEY,
 	COMMUNITY_PACKAGE_INSTALL_MODAL_KEY,
@@ -43,6 +42,8 @@ import type {
 	UIState,
 	UTMCampaign,
 	XYPosition,
+	Modals,
+	NewCredentialsModal,
 } from '@/Interface';
 import { defineStore } from 'pinia';
 import { useRootStore } from './n8nRoot.store';
@@ -52,7 +53,6 @@ import { useSettingsStore } from './settings.store';
 import { useCloudPlanStore } from './cloudPlan.store';
 import type { BaseTextKey } from '@/plugins/i18n';
 import { i18n as locale } from '@/plugins/i18n';
-import type { Modals, NewCredentialsModal } from '@/Interface';
 import { useTelemetryStore } from '@/stores/telemetry.store';
 import { getStyleTokenValue } from '@/utils/htmlUtils';
 import { dismissBannerPermanently } from '@/api/ui';
@@ -66,9 +66,6 @@ export const useUIStore = defineStore(STORES.UI, {
 			[ABOUT_MODAL_KEY]: {
 				open: false,
 			},
-			[ASK_AI_MODAL_KEY]: {
-				open: false,
-			},
 			[CHANGE_PASSWORD_MODAL_KEY]: {
 				open: false,
 			},
diff --git a/packages/editor-ui/src/utils/__tests__/typesUtils.test.ts b/packages/editor-ui/src/utils/__tests__/typesUtils.test.ts
index d914146b0d..ed6c429bd4 100644
--- a/packages/editor-ui/src/utils/__tests__/typesUtils.test.ts
+++ b/packages/editor-ui/src/utils/__tests__/typesUtils.test.ts
@@ -1,6 +1,4 @@
-import jp from 'jsonpath';
-import { isEmpty, intersection, getSchema, isValidDate } from '@/utils';
-import type { Schema } from '@/Interface';
+import { isEmpty, intersection, isValidDate } from '@/utils';
 
 describe('Types Utils', () => {
 	describe('isEmpty', () => {
@@ -43,355 +41,6 @@ describe('Types Utils', () => {
 		});
 	});
 
-	describe('getSchema', () => {
-		test.each([
-			[, { type: 'undefined', value: 'undefined', path: '' }],
-			[undefined, { type: 'undefined', value: 'undefined', path: '' }],
-			[null, { type: 'null', value: '[null]', path: '' }],
-			['John', { type: 'string', value: 'John', path: '' }],
-			['123', { type: 'string', value: '123', path: '' }],
-			[123, { type: 'number', value: '123', path: '' }],
-			[true, { type: 'boolean', value: 'true', path: '' }],
-			[false, { type: 'boolean', value: 'false', path: '' }],
-			[() => {}, { type: 'function', value: '', path: '' }],
-			[{}, { type: 'object', value: [], path: '' }],
-			[[], { type: 'array', value: [], path: '' }],
-			[
-				new Date('2022-11-22T00:00:00.000Z'),
-				{ type: 'string', value: '2022-11-22T00:00:00.000Z', path: '' },
-			],
-			[Symbol('x'), { type: 'symbol', value: 'Symbol(x)', path: '' }],
-			[1n, { type: 'bigint', value: '1', path: '' }],
-			[
-				['John', 1, true],
-				{
-					type: 'array',
-					value: [
-						{ type: 'string', value: 'John', key: '0', path: '[0]' },
-						{ type: 'number', value: '1', key: '1', path: '[1]' },
-						{ type: 'boolean', value: 'true', key: '2', path: '[2]' },
-					],
-					path: '',
-				},
-			],
-			[
-				{ people: ['Joe', 'John'] },
-				{
-					type: 'object',
-					value: [
-						{
-							type: 'array',
-							key: 'people',
-							value: [
-								{ type: 'string', value: 'Joe', key: '0', path: '.people[0]' },
-								{ type: 'string', value: 'John', key: '1', path: '.people[1]' },
-							],
-							path: '.people',
-						},
-					],
-					path: '',
-				},
-			],
-			[
-				{ 'with space': [], 'with.dot': 'test' },
-				{
-					type: 'object',
-					value: [
-						{
-							type: 'array',
-							key: 'with space',
-							value: [],
-							path: "['with space']",
-						},
-						{
-							type: 'string',
-							key: 'with.dot',
-							value: 'test',
-							path: "['with.dot']",
-						},
-					],
-					path: '',
-				},
-			],
-			[
-				[
-					{ name: 'John', age: 22 },
-					{ name: 'Joe', age: 33 },
-				],
-				{
-					type: 'array',
-					value: [
-						{
-							type: 'object',
-							key: '0',
-							value: [
-								{ type: 'string', key: 'name', value: 'John', path: '[0].name' },
-								{ type: 'number', key: 'age', value: '22', path: '[0].age' },
-							],
-							path: '[0]',
-						},
-						{
-							type: 'object',
-							key: '1',
-							value: [
-								{ type: 'string', key: 'name', value: 'Joe', path: '[1].name' },
-								{ type: 'number', key: 'age', value: '33', path: '[1].age' },
-							],
-							path: '[1]',
-						},
-					],
-					path: '',
-				},
-			],
-			[
-				[
-					{ name: 'John', age: 22, hobbies: ['surfing', 'traveling'] },
-					{ name: 'Joe', age: 33, hobbies: ['skateboarding', 'gaming'] },
-				],
-				{
-					type: 'array',
-					value: [
-						{
-							type: 'object',
-							key: '0',
-							value: [
-								{ type: 'string', key: 'name', value: 'John', path: '[0].name' },
-								{ type: 'number', key: 'age', value: '22', path: '[0].age' },
-								{
-									type: 'array',
-									key: 'hobbies',
-									value: [
-										{ type: 'string', key: '0', value: 'surfing', path: '[0].hobbies[0]' },
-										{ type: 'string', key: '1', value: 'traveling', path: '[0].hobbies[1]' },
-									],
-									path: '[0].hobbies',
-								},
-							],
-							path: '[0]',
-						},
-						{
-							type: 'object',
-							key: '1',
-							value: [
-								{ type: 'string', key: 'name', value: 'Joe', path: '[1].name' },
-								{ type: 'number', key: 'age', value: '33', path: '[1].age' },
-								{
-									type: 'array',
-									key: 'hobbies',
-									value: [
-										{ type: 'string', key: '0', value: 'skateboarding', path: '[1].hobbies[0]' },
-										{ type: 'string', key: '1', value: 'gaming', path: '[1].hobbies[1]' },
-									],
-									path: '[1].hobbies',
-								},
-							],
-							path: '[1]',
-						},
-					],
-					path: '',
-				},
-			],
-			[[], { type: 'array', value: [], path: '' }],
-			[
-				[[1, 2]],
-				{
-					type: 'array',
-					value: [
-						{
-							type: 'array',
-							key: '0',
-							value: [
-								{ type: 'number', key: '0', value: '1', path: '[0][0]' },
-								{ type: 'number', key: '1', value: '2', path: '[0][1]' },
-							],
-							path: '[0]',
-						},
-					],
-					path: '',
-				},
-			],
-			[
-				[
-					[
-						{ name: 'John', age: 22 },
-						{ name: 'Joe', age: 33 },
-					],
-				],
-				{
-					type: 'array',
-					value: [
-						{
-							type: 'array',
-							key: '0',
-							value: [
-								{
-									type: 'object',
-									key: '0',
-									value: [
-										{ type: 'string', key: 'name', value: 'John', path: '[0][0].name' },
-										{ type: 'number', key: 'age', value: '22', path: '[0][0].age' },
-									],
-									path: '[0][0]',
-								},
-								{
-									type: 'object',
-									key: '1',
-									value: [
-										{ type: 'string', key: 'name', value: 'Joe', path: '[0][1].name' },
-										{ type: 'number', key: 'age', value: '33', path: '[0][1].age' },
-									],
-									path: '[0][1]',
-								},
-							],
-							path: '[0]',
-						},
-					],
-					path: '',
-				},
-			],
-			[
-				[
-					{
-						dates: [
-							[new Date('2022-11-22T00:00:00.000Z'), new Date('2022-11-23T00:00:00.000Z')],
-							[new Date('2022-12-22T00:00:00.000Z'), new Date('2022-12-23T00:00:00.000Z')],
-						],
-					},
-				],
-				{
-					type: 'array',
-					value: [
-						{
-							type: 'object',
-							key: '0',
-							value: [
-								{
-									type: 'array',
-									key: 'dates',
-									value: [
-										{
-											type: 'array',
-											key: '0',
-											value: [
-												{
-													type: 'string',
-													key: '0',
-													value: '2022-11-22T00:00:00.000Z',
-													path: '[0].dates[0][0]',
-												},
-												{
-													type: 'string',
-													key: '1',
-													value: '2022-11-23T00:00:00.000Z',
-													path: '[0].dates[0][1]',
-												},
-											],
-											path: '[0].dates[0]',
-										},
-										{
-											type: 'array',
-											key: '1',
-											value: [
-												{
-													type: 'string',
-													key: '0',
-													value: '2022-12-22T00:00:00.000Z',
-													path: '[0].dates[1][0]',
-												},
-												{
-													type: 'string',
-													key: '1',
-													value: '2022-12-23T00:00:00.000Z',
-													path: '[0].dates[1][1]',
-												},
-											],
-											path: '[0].dates[1]',
-										},
-									],
-									path: '[0].dates',
-								},
-							],
-							path: '[0]',
-						},
-					],
-					path: '',
-				},
-			],
-		])('should return the correct json schema for %s', (input, schema) => {
-			expect(getSchema(input)).toEqual(schema);
-		});
-
-		it('should return the correct data when using the generated json path on an object', () => {
-			const input = { people: ['Joe', 'John'] };
-			const schema = getSchema(input) as Schema;
-			const pathData = jp.query(
-				input,
-				`$${((schema.value as Schema[])[0].value as Schema[])[0].path}`,
-			);
-			expect(pathData).toEqual(['Joe']);
-		});
-
-		it('should return the correct data when using the generated json path on a list', () => {
-			const input = [
-				{ name: 'John', age: 22, hobbies: ['surfing', 'traveling'] },
-				{ name: 'Joe', age: 33, hobbies: ['skateboarding', 'gaming'] },
-			];
-			const schema = getSchema(input) as Schema;
-			const pathData = jp.query(
-				input,
-				`$${(((schema.value as Schema[])[0].value as Schema[])[2].value as Schema[])[1].path}`,
-			);
-			expect(pathData).toEqual(['traveling']);
-		});
-
-		it('should return the correct data when using the generated json path on a list of list', () => {
-			const input = [[1, 2]];
-			const schema = getSchema(input) as Schema;
-			const pathData = jp.query(
-				input,
-				`$${((schema.value as Schema[])[0].value as Schema[])[1].path}`,
-			);
-			expect(pathData).toEqual([2]);
-		});
-
-		it('should return the correct data when using the generated json path on a list of list of objects', () => {
-			const input = [
-				[
-					{ name: 'John', age: 22 },
-					{ name: 'Joe', age: 33 },
-				],
-			];
-			const schema = getSchema(input) as Schema;
-			const pathData = jp.query(
-				input,
-				`$${(((schema.value as Schema[])[0].value as Schema[])[1].value as Schema[])[1].path}`,
-			);
-			expect(pathData).toEqual([33]);
-		});
-
-		it('should return the correct data when using the generated json path on a list of objects with a list of date tuples', () => {
-			const input = [
-				{
-					dates: [
-						[new Date('2022-11-22T00:00:00.000Z'), new Date('2022-11-23T00:00:00.000Z')],
-						[new Date('2022-12-22T00:00:00.000Z'), new Date('2022-12-23T00:00:00.000Z')],
-					],
-				},
-			];
-			const schema = getSchema(input) as Schema;
-			const pathData = jp.query(
-				input,
-				`$${
-					(
-						(((schema.value as Schema[])[0].value as Schema[])[0].value as Schema[])[0]
-							.value as Schema[]
-					)[0].path
-				}`,
-			);
-			expect(pathData).toEqual([new Date('2022-11-22T00:00:00.000Z')]);
-		});
-	});
-
 	describe('dateTests', () => {
 		test.each([
 			'04-08-2021',
diff --git a/packages/editor-ui/src/utils/typesUtils.ts b/packages/editor-ui/src/utils/typesUtils.ts
index 2135d869c9..dbf3369d59 100644
--- a/packages/editor-ui/src/utils/typesUtils.ts
+++ b/packages/editor-ui/src/utils/typesUtils.ts
@@ -1,9 +1,6 @@
 import dateformat from 'dateformat';
 import type { IDataObject } from 'n8n-workflow';
 import { jsonParse } from 'n8n-workflow';
-import type { Schema, Optional, Primitives } from '@/Interface';
-import { isObj } from '@/utils/typeGuards';
-import { generatePath } from '@/utils/mappingUtils';
 
 /*
 	Constants and utility functions than can be used to manipulate different data types and objects
@@ -162,41 +159,3 @@ export const isValidDate = (input: string | number | Date): boolean => {
 
 export const getObjectKeys = <T extends object, K extends keyof T>(o: T): K[] =>
 	Object.keys(o) as K[];
-
-export const getSchema = (input: Optional<Primitives | object>, path = ''): Schema => {
-	let schema: Schema = { type: 'undefined', value: 'undefined', path };
-	switch (typeof input) {
-		case 'object':
-			if (input === null) {
-				schema = { type: 'null', value: '[null]', path };
-			} else if (input instanceof Date) {
-				schema = { type: 'string', value: input.toISOString(), path };
-			} else if (Array.isArray(input)) {
-				schema = {
-					type: 'array',
-					value: input.map((item, index) => ({
-						key: index.toString(),
-						...getSchema(item, `${path}[${index}]`),
-					})),
-					path,
-				};
-			} else if (isObj(input)) {
-				schema = {
-					type: 'object',
-					value: Object.entries(input).map(([k, v]) => ({
-						key: k,
-						...getSchema(v, generatePath(path, [k])),
-					})),
-					path,
-				};
-			}
-			break;
-		case 'function':
-			schema = { type: 'function', value: '', path };
-			break;
-		default:
-			schema = { type: typeof input, value: String(input), path };
-	}
-
-	return schema;
-};
diff --git a/packages/workflow/src/Interfaces.ts b/packages/workflow/src/Interfaces.ts
index d215a2df6b..00fc5ecab5 100644
--- a/packages/workflow/src/Interfaces.ts
+++ b/packages/workflow/src/Interfaces.ts
@@ -2198,6 +2198,9 @@ export interface IN8nUISettings {
 	banners: {
 		dismissed: string[];
 	};
+	ai: {
+		enabled: boolean;
+	};
 }
 
 export type Banners = 'V1' | 'TRIAL_OVER' | 'TRIAL';